@kore-ui/cli
v0.2.2
Published
CLI para instalar componentes de @kore-ui directamente en tu proyecto.
Readme
@kore-ui/cli
CLI para copiar componentes del catálogo Kore UI (código fuente + CSS) a tu proyecto React.
Requisitos
- Node.js 18+
- Proyecto React (Vite, Next.js, etc.)
- CSS global donde importar tokens (
src/index.csso similar)
Uso
1. Inicializar
npx @kore-ui/cli initCrea kore-ui.json, src/styles/kore-tokens.css e importa los tokens en tu CSS global.
2. Ver componentes disponibles
npx @kore-ui/cli list3. Añadir componentes
npx @kore-ui/cli add button
npx @kore-ui/cli add popover fileupload inputLos archivos se copian a la ruta configurada (por defecto src/components/ui/<nombre>/).
4. Usar en tu app
import { Popover } from '@/components/ui/popover';
import '@/index.css'; // debe incluir kore-tokens.cssComponentes del catálogo
| Nombre | Dependencias npm | |--------|------------------| | button | — | | input | lucide-react | | switch | — | | accordion | lucide-react | | alert | lucide-react | | breadcrumb | lucide-react | | radio | lucide-react | | pagination | lucide-react | | slider | lucide-react | | popover | — | | fileupload | lucide-react | | card | — | | modal | framer-motion |
Mantenimiento (desarrolladores del monorepo)
Tras cambiar componentes en apps/landing/src/components/:
cd packages/cli
npm run build:registry # regenera catalog.generated.ts
npm run build
npm publish --access public