@hobui/viui-cli 0.0.5 → 0.0.6

package/dist/cli.js

@@ -281,6 +281,87 @@ function addPostinstallScript(cwd, pm) {
     fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n', 'utf8');
     return true;
 }
+const VIUI_THEME_IDS = ['minimalist-2', 'neo-brutalism', 'material'];
+function setEnvTheme(cwd, themeId) {
+    const envPath = path.join(cwd, '.env');
+    const examplePath = path.join(cwd, '.env.example');
+    const line = `VITE_VIUI_THEME=${themeId}`;
+    const targets = [envPath, examplePath].filter((p) => fs.existsSync(p));
+    if (targets.length === 0) {
+        fs.writeFileSync(envPath, line + '\n', 'utf8');
+        console.log('Created .env with', line);
+        return;
+    }
+    for (const p of targets) {
+        let content = fs.readFileSync(p, 'utf8');
+        const re = /^\s*VITE_VIUI_THEME=.*/m;
+        if (re.test(content)) {
+            content = content.replace(re, line);
+        }
+        else {
+            content = content.trimEnd() + '\n' + line + '\n';
+        }
+        fs.writeFileSync(p, content, 'utf8');
+        console.log('Set', line, 'in', path.basename(p));
+    }
+}
+function ensureApplyThemeBodyInVuetify(cwd) {
+    const vuetifyPath = path.join(cwd, 'src', 'plugins', 'vuetify.ts');
+    if (!fs.existsSync(vuetifyPath))
+        return false;
+    const content = fs.readFileSync(vuetifyPath, 'utf8');
+    if (/apply-theme-body|applyThemeBody/.test(content))
+        return false;
+    const importLine = "import './viui-conf/apply-theme-body'";
+    const defaultsImportMatch = content.match(/import\s+.+\s+from\s+['"]\.\/viui-conf\/defaults[^'"]*['"]/);
+    const insert = defaultsImportMatch
+        ? content.replace(defaultsImportMatch[0], defaultsImportMatch[0] + '\n' + importLine)
+        : content.trimStart().replace(/^(\s*)/, `$1${importLine}\n$1`);
+    fs.writeFileSync(vuetifyPath, insert, 'utf8');
+    console.log('Added apply-theme-body import to src/plugins/vuetify.ts');
+    return true;
+}
+function showHelpDocs(cwd) {
+    console.log('\n--- Design system setup ---');
+    console.log('Design themes (viui-themes) are in: src/assets/styles/viui-themes/');
+    console.log('Available theme ids: minimalist-2 (default), neo-brutalism, material');
+    console.log('To use a theme: set VITE_VIUI_THEME in .env and add in vuetify.ts:');
+    console.log("  import './viui-conf/apply-theme-body'");
+    console.log('Details: src/plugins/viui-conf/defaults/README.md');
+    console.log('CLI docs: pnpm exec viui-cli --help');
+    console.log('---\n');
+}
+async function runConfigureTheme(cwd, rl, opts) {
+    console.log('\n  Design theme (viui-themes)');
+    console.log('  Available: minimalist-2 (default), neo-brutalism, material\n');
+    console.log('  a) Use minimalist-2 (default) — thin borders, flat');
+    console.log('  b) Use neo-brutalism        — thick borders, hard shadow');
+    console.log('  c) Use material             — elevated, standard Material');
+    console.log('  d) Skip / configure manually — set .env yourself\n');
+    const a = await rl.question('  Choose (a-d, or Enter for a): ');
+    const choice = (a.trim().toLowerCase() || 'a')[0];
+    const map = {
+        a: 'minimalist-2',
+        b: 'neo-brutalism',
+        c: 'material',
+        d: 'skip',
+    };
+    const themeId = map[choice] ?? map.a;
+    if (themeId === 'skip') {
+        console.log('  Skipped. Set VITE_VIUI_THEME in .env and add import in vuetify.ts. See src/plugins/viui-conf/defaults/README.md');
+        return;
+    }
+    setEnvTheme(cwd, themeId);
+    const vuetifyPath = path.join(cwd, 'src', 'plugins', 'vuetify.ts');
+    const hasImport = fs.existsSync(vuetifyPath) && /apply-theme-body|applyThemeBody/.test(fs.readFileSync(vuetifyPath, 'utf8'));
+    if (!hasImport && fs.existsSync(vuetifyPath)) {
+        const ans = await rl.question('  Add apply-theme-body import to vuetify.ts? (Y/n): ');
+        const add = opts.yes || (ans.trim().toLowerCase() === '' || ans.trim().toLowerCase() === 'y' || ans.trim().toLowerCase() === 'yes');
+        if (add)
+            ensureApplyThemeBodyInVuetify(cwd);
+    }
+    console.log('  Theme configured:', themeId);
+}
 async function runSetup(cwd, assetsDir, opts) {
     const isPostinstall = opts.postinstall === true;
     if (isPostinstall && !process.stdin.isTTY) {
@@ -294,50 +375,97 @@ async function runSetup(cwd, assetsDir, opts) {
     }
     const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
     const ask = async (q, defaultYes) => {
-        const def = defaultYes ? 'Y/n' : 'y/N';
-        const a = await rl.question(`${q} (${def}): `);
+        const a = await rl.question(`${q} (${defaultYes ? 'Y/n' : 'y/N'}): `);
         const s = a.trim().toLowerCase();
         if (s === '')
             return defaultYes;
         return s === 'y' || s === 'yes';
     };
     console.log(`\n${pkg.name ?? '@viui/cli'} — Setup i-design-system in this repo\n`);
+    console.log('  This will: sync .cursor, viui-conf, viui-themes; optional @viui/web, theme config, postinstall.\n');
     const runNow = opts.yes || (await ask('Run setup now?', true));
     if (!runNow) {
         console.log('Skipped. Run later: pnpm exec viui-cli setup');
         rl.close();
         return;
     }
+    const pm = detectPackageManager(cwd);
     const cursorDir = path.join(cwd, '.cursor');
-    const hasCursor = fs.existsSync(cursorDir);
-    if (!hasCursor) {
-        console.log('Step 1: Initializing .cursor (rules, plans) and src/plugins/viui-conf...');
-        runInit(cwd, assetsDir, { yes: true, dryRun: false, noPlans: false });
-    }
-    else {
-        const doSync = opts.yes || (await ask('Step 1: .cursor exists. Sync from design system?', true));
-        if (doSync) {
-            runSync(cwd, assetsDir, { dryRun: false, backup: false });
+    for (;;) {
+        console.log('\n  What do you want to do?\n');
+        console.log('  1) Full setup (recommended) — init/sync .cursor + viui-conf + viui-themes, install @viui/web, configure theme, add postinstall');
+        console.log('  2) Sync only                — update .cursor, viui-conf, viui-themes (no npm install)');
+        console.log('  3) Install @viui/web only   — add Vi* components dependency');
+        console.log('  4) Configure design theme   — set VITE_VIUI_THEME in .env and ensure body class is applied');
+        console.log('  5) Add postinstall script   — auto-sync on every pnpm install');
+        console.log('  6) Show help / docs         — print links and next steps\n');
+        const choiceInput = await rl.question('  Choose (1-6, or Enter for 1): ');
+        const choice = (choiceInput.trim() || '1').replace(/[^1-6]/, '1');
+        const n = parseInt(choice, 10);
+        if (n < 1 || n > 6)
+            continue;
+        if (n === 1) {
+            if (!fs.existsSync(cursorDir)) {
+                console.log('\nStep: Initializing .cursor, viui-conf, viui-themes...');
+                runInit(cwd, assetsDir, { yes: true, dryRun: false, noPlans: false });
+            }
+            else {
+                console.log('\nStep: Syncing .cursor, viui-conf, viui-themes...');
+                runSync(cwd, assetsDir, { dryRun: false, backup: false });
+            }
+            console.log('\nStep: Installing @viui/web...');
+            const { execSync } = await import('node:child_process');
+            const addCmd = pm === 'pnpm' ? 'pnpm add @viui/web' : pm === 'yarn' ? 'yarn add @viui/web' : 'npm install @viui/web';
+            execSync(addCmd, { cwd, stdio: 'inherit' });
+            await runConfigureTheme(cwd, rl, { yes: opts.yes });
+            if (!isPostinstall && (opts.yes || (await ask('\nAdd postinstall to auto-sync on install?', false)))) {
+                if (addPostinstallScript(cwd, pm))
+                    console.log('Added postinstall script to package.json.');
+            }
+            console.log('\nDone. Use: import { ViButton, ViInput, ... } from \'@viui/web\'');
+            console.log('Design themes: src/assets/styles/viui-themes/ — set VITE_VIUI_THEME in .env; see src/plugins/viui-conf/defaults/README.md');
+            break;
         }
-    }
-    const pm = detectPackageManager(cwd);
-    const doWeb = opts.yes || (await ask('Step 2: Install @viui/web for Vi* components?', true));
-    if (doWeb) {
-        const { execSync } = await import('node:child_process');
-        const addCmd = pm === 'pnpm' ? 'pnpm add @viui/web' : pm === 'yarn' ? 'yarn add @viui/web' : 'npm install @viui/web';
-        console.log(`Running: ${addCmd}`);
-        execSync(addCmd, { cwd, stdio: 'inherit' });
-    }
-    const doPostinstall = !isPostinstall && (opts.yes || (await ask('Step 3: Add postinstall to auto-sync on install?', false)));
-    if (doPostinstall) {
-        if (addPostinstallScript(cwd, pm)) {
-            console.log('Added postinstall script to package.json.');
+        if (n === 2) {
+            if (!fs.existsSync(cursorDir)) {
+                console.log('\nInitializing .cursor, viui-conf, viui-themes...');
+                runInit(cwd, assetsDir, { yes: true, dryRun: false, noPlans: false });
+            }
+            else {
+                console.log('\nSyncing .cursor, viui-conf, viui-themes...');
+                runSync(cwd, assetsDir, { dryRun: false, backup: false });
+            }
+            console.log('Sync done.');
+            break;
         }
-        else {
-            console.log('postinstall already contains viui-cli or package.json not found.');
+        if (n === 3) {
+            const { execSync } = await import('node:child_process');
+            const addCmd = pm === 'pnpm' ? 'pnpm add @viui/web' : pm === 'yarn' ? 'yarn add @viui/web' : 'npm install @viui/web';
+            console.log('\nRunning:', addCmd);
+            execSync(addCmd, { cwd, stdio: 'inherit' });
+            console.log('Done. Use: import { ViButton, ViInput, ... } from \'@viui/web\'');
+            break;
+        }
+        if (n === 4) {
+            await runConfigureTheme(cwd, rl, { yes: opts.yes });
+            break;
+        }
+        if (n === 5) {
+            if (addPostinstallScript(cwd, pm)) {
+                console.log('\nAdded postinstall script to package.json.');
+            }
+            else {
+                console.log('\npostinstall already contains viui-cli or package.json not found.');
+            }
+            break;
+        }
+        if (n === 6) {
+            showHelpDocs(cwd);
+            const again = opts.yes || (await ask('Show menu again?', true));
+            if (!again)
+                break;
         }
     }
-    console.log('\nDone. Use: import { ViButton, ViInput, ... } from \'@viui/web\'');
     rl.close();
 }
 const result = parseArgs({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hobui/viui-cli",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "CLI to sync i-design-system .cursor (rules, skills, commands) into consumer repos",
   "type": "module",
   "files": [