cus-base-ui 0.2.4 → 0.2.6

package/README.md

@@ -26,6 +26,7 @@ Lệnh này tự động thực hiện:
 | Bước | Nội dung |
 |------|----------|
 | Cài dev packages | `tailwindcss`, `@tailwindcss/vite`, `@vitejs/plugin-react`, `vite-plugin-babel`, `babel-plugin-react-compiler`, `@types/node` |
+| Cài runtime packages | `@base-ui/react`, `tailwind-variants`, `clsx`, `tailwind-merge`, `tailwindcss-animate` |
 | Tạo / cập nhật `vite.config.ts` | Thêm plugin Tailwind, React, React Compiler + alias `@`, `@lib`, `@components`, `@assets`, `@pages`, `@styles` |
 | Cập nhật `tsconfig.json` | Thêm `baseUrl` + `paths` tương ứng với alias trên |
 | Setup Tailwind CSS | Thêm `@import "tailwindcss";` vào `src/index.css` (tạo mới nếu chưa có) |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cus-base-ui",
   "private": false,
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "bin": {
     "cus-base-ui": "./dist/ui-cli.cjs"

package/scripts/ui-cli.ts

@@ -81,6 +81,9 @@ const installNpmPackages = (packages: string[], cwd: string, dev = false) => {
 
 const VITE_DEV_PACKAGES = ['tailwindcss', '@tailwindcss/vite', '@vitejs/plugin-react', 'vite-plugin-babel', 'babel-plugin-react-compiler', '@types/node'];
 
+// Runtime packages always required — installed regardless of registry content
+const RUNTIME_PACKAGES = ['@base-ui/react', 'tailwind-variants', 'clsx', 'tailwind-merge', 'tailwindcss-animate'];
+
 const VITE_CONFIG_TEMPLATE = `import { defineConfig } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
@@ -356,6 +359,17 @@ const main = async () => {
                 error('Usage: npx cus-base-ui add <component-name> [--force]');
                 return;
             }
+
+            // Auto-init if not yet initialized
+            const cnPath = path.join(cwd, 'src/lib/utils/cn.ts');
+            if (!fs.existsSync(cnPath)) {
+                log('Project not initialized — running init first...');
+                setupViteConfig(cwd);
+                setupTsConfig(cwd);
+                ensureTailwindCss(cwd);
+                installNpmPackages(RUNTIME_PACKAGES, cwd);
+            }
+
             for (const name of componentNames) {
                 addComponent(name, registry, cwd, { force: isForce });
             }
@@ -390,6 +404,7 @@ const main = async () => {
             setupViteConfig(cwd);
             setupTsConfig(cwd);
             ensureTailwindCss(cwd);
+            installNpmPackages(RUNTIME_PACKAGES, cwd);
             ensureCore(registry, cwd);
             log('Initialization complete.');
             break;