@vobs/cli 0.3.0 → 1.2.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 vobsjs
+Copyright (c) 2026 vobs contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,116 @@
+# @vobs/cli
+
+Command-line interface for the vobs framework: project scaffolding, code generation, and dev/build tooling.
+
+## Install
+
+```bash
+npm install -g @vobs/cli
+# or
+npx @vobs/cli
+```
+
+## Quick start
+
+```bash
+# Create a new project
+vobs init my-app
+
+# Start the dev server
+cd my-app
+vobs dev
+
+# Build for production
+vobs build
+
+# Generate a component
+vobs g component Button
+
+# Add a package
+vobs add @vobs/ui
+```
+
+## Commands
+
+| Command | Usage | Description |
+| --- | --- | --- |
+| `init` / `create` | `vobs init my-app` | Create a new vobs project with interactive prompts (project name, package manager, TypeScript, git). |
+| `dev` | `vobs dev` | Start the Vite dev server. Accepts `--port`, `--open`, `--config`. |
+| `build` | `vobs build` | Build for production via Vite. Accepts `--outDir`, `--mode`, `--config`. |
+| `generate` / `g` | `vobs g component Button` | Generate a component or page from a Handlebars template. Accepts `--type`, `--dir`. |
+| `add` | `vobs add @vobs/notification` | Install a package and save to dependencies. Accepts `-D` / `--dev`. |
+
+## Options
+
+| Option | Description |
+| --- | --- |
+| `-h, --help` | Show help output |
+| `-V, --version` | Show version number |
+
+### init options
+
+| Option | Default | Description |
+| --- | --- | --- |
+| `--dir <dir>` | current directory | Target directory for the new project |
+| `--pm <pm>` | detected | Package manager: `pnpm`, `npm`, or `yarn` |
+| `--no-typescript` | TypeScript enabled | Skip TypeScript setup |
+| `--no-git` | git init enabled | Skip git repository initialization |
+
+### dev options
+
+| Option | Default | Description |
+| --- | --- | --- |
+| `--port <port>` | Vite default | Dev server port |
+| `--open` | false | Open browser on start |
+| `--config <path>` | `vite.config.ts` | Path to Vite config file |
+
+### build options
+
+| Option | Default | Description |
+| --- | --- | --- |
+| `--outDir <dir>` | `dist` | Output directory |
+| `--mode <mode>` | `production` | Build mode |
+| `--config <path>` | `vite.config.ts` | Path to Vite config file |
+
+## Templates
+
+The `init` command scaffolds a project from Handlebars templates:
+
+```
+my-app/
+├── package.json          # Project manifest with @vobs/* dependencies
+├── vite.config.ts        # Vite config with vobsPlugin() and vobsTailwind()
+├── tsconfig.json         # TypeScript config targeting ES2020
+├── index.html            # Entry HTML with #app mount point
+├── .gitignore            # Standard ignore rules
+└── src/
+    ├── main.ts           # Application entry with createVobs()
+    ├── App.tsx           # Root component
+    └── app.css           # Global styles
+```
+
+## Programmatic API
+
+```ts
+import { createCLI } from '@vobs/cli'
+
+// Parse and execute CLI commands programmatically
+const cli = createCLI()
+cli.parse(process.argv)
+```
+
+```ts
+import { scaffoldProject } from '@vobs/cli'
+
+// Scaffold a project without CLI interaction
+await scaffoldProject('/path/to/target', {
+  name: 'my-app',
+  packageName: 'my-app',
+  typescript: true,
+  vobsVersion: '1.0.0'
+})
+```
+
+## Types
+
+InitOptions, GenerateOptions, DevOptions, BuildOptions, AddOptions, TemplateContext, ComponentTemplateContext, PageTemplateContext, CLIOptions, LoggerLevel, PackageManager

package/bin/vobs.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+// Register the TypeScript loader synchronously BEFORE importing any .ts
+// module. tsx 4.23's programmatic API (tsx/esm/api) uses Node's registerHooks
+// (Node >=22.13) and does not rely on the deprecated --loader worker path.
+import { register } from 'tsx/esm/api'
+
+register()
+
+const { start } = await import('../src/start.ts')
+
+await start(process.argv.slice(2))

package/dist/banner.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/cli/src/banner.ts
+var BANNER_LINE1 = "\u{1D5E9}\u{1D5E2}\u{1D5D5}\u{1D5E6} \u{1D5D6}\u{1D5DF}\u{1D5DC} \u{1D603}\u{1D7ED}.\u{1D7EC}";
+var BANNER_TAGLINE = "Signals First \xB7 Zero Re-renders \xB7 Ultra Lightweight";
+var INDENT = "  ";
+var DIM = "\x1B[2m";
+var RESET = "\x1B[0m";
+function showLogo() {
+  console.log();
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+  console.log(`${INDENT}${DIM}${BANNER_TAGLINE}${RESET}`);
+  console.log();
+  console.log();
+}
+__name(showLogo, "showLogo");
+function showBanner() {
+  console.log(`${INDENT}${BANNER_LINE1}`);
+}
+__name(showBanner, "showBanner");
+function showDevBanner() {
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+}
+__name(showDevBanner, "showDevBanner");
+
+exports.showBanner = showBanner;
+exports.showDevBanner = showDevBanner;
+exports.showLogo = showLogo;
+//# sourceMappingURL=banner.cjs.map
+//# sourceMappingURL=banner.cjs.map

package/dist/banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/banner.ts"],"names":[],"mappings":";;;;;;AAWA,IAAM,YAAA,GAAe,+FAAA;AACrB,IAAM,cAAA,GAAiB,2DAAA;AAGvB,IAAM,MAAA,GAAS,IAAA;AACf,IAAM,GAAA,GAAM,SAAA;AACZ,IAAM,KAAA,GAAQ,SAAA;AAGP,SAAS,QAAA,GAAiB;AAC/B,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACtC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,GAAG,MAAM,CAAA,EAAG,GAAG,CAAA,EAAG,cAAc,CAAA,EAAG,KAAK,CAAA,CAAE,CAAA;AACtD,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,EAAI;AACd;AARgB,MAAA,CAAA,QAAA,EAAA,UAAA,CAAA;AAWT,SAAS,UAAA,GAAmB;AACjC,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACxC;AAFgB,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAKT,SAAS,aAAA,GAAsB;AACpC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACtC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACd;AAJgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA","file":"banner.cjs","sourcesContent":["/**\n * VOBS CLI Banner — Mathematical Bold Sans-Serif\n * 𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬\n * Signals First · Zero Re-renders · Ultra Lightweight\n *\n * The banner is left-aligned with a fixed indent rather than horizontally\n * centered. Centering depends on the terminal column width and per-glyph\n * render width, neither of which is reliably knowable, so it drifts as the\n * window resizes. Fixed indent is stable across any terminal size.\n */\n\nconst BANNER_LINE1 = '𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬'\nconst BANNER_TAGLINE = 'Signals First · Zero Re-renders · Ultra Lightweight'\n\n/** Fixed left indent applied to every banner line (2 spaces). */\nconst INDENT = '  '\nconst DIM = '\\x1b[2m'\nconst RESET = '\\x1b[0m'\n\n/** Show full banner (used for logo command, --help) */\nexport function showLogo(): void {\n  console.log()\n  console.log()\n  console.log(`${INDENT}${BANNER_LINE1}`)\n  console.log()\n  console.log(`${INDENT}${DIM}${BANNER_TAGLINE}${RESET}`)\n  console.log()\n  console.log()\n}\n\n/** Show single-line version banner (used for --version) */\nexport function showBanner(): void {\n  console.log(`${INDENT}${BANNER_LINE1}`)\n}\n\n/** Show the dev server start banner */\nexport function showDevBanner(): void {\n  console.log()\n  console.log(`${INDENT}${BANNER_LINE1}`)\n  console.log()\n}"]}

package/dist/banner.d.cts

@@ -0,0 +1,18 @@
+/**
+ * VOBS CLI Banner — Mathematical Bold Sans-Serif
+ * 𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬
+ * Signals First · Zero Re-renders · Ultra Lightweight
+ *
+ * The banner is left-aligned with a fixed indent rather than horizontally
+ * centered. Centering depends on the terminal column width and per-glyph
+ * render width, neither of which is reliably knowable, so it drifts as the
+ * window resizes. Fixed indent is stable across any terminal size.
+ */
+/** Show full banner (used for logo command, --help) */
+declare function showLogo(): void;
+/** Show single-line version banner (used for --version) */
+declare function showBanner(): void;
+/** Show the dev server start banner */
+declare function showDevBanner(): void;
+
+export { showBanner, showDevBanner, showLogo };

package/dist/banner.d.ts

@@ -0,0 +1,18 @@
+/**
+ * VOBS CLI Banner — Mathematical Bold Sans-Serif
+ * 𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬
+ * Signals First · Zero Re-renders · Ultra Lightweight
+ *
+ * The banner is left-aligned with a fixed indent rather than horizontally
+ * centered. Centering depends on the terminal column width and per-glyph
+ * render width, neither of which is reliably knowable, so it drifts as the
+ * window resizes. Fixed indent is stable across any terminal size.
+ */
+/** Show full banner (used for logo command, --help) */
+declare function showLogo(): void;
+/** Show single-line version banner (used for --version) */
+declare function showBanner(): void;
+/** Show the dev server start banner */
+declare function showDevBanner(): void;
+
+export { showBanner, showDevBanner, showLogo };

package/dist/banner.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/cli/src/banner.ts
+var BANNER_LINE1 = "\u{1D5E9}\u{1D5E2}\u{1D5D5}\u{1D5E6} \u{1D5D6}\u{1D5DF}\u{1D5DC} \u{1D603}\u{1D7ED}.\u{1D7EC}";
+var BANNER_TAGLINE = "Signals First \xB7 Zero Re-renders \xB7 Ultra Lightweight";
+var INDENT = "  ";
+var DIM = "\x1B[2m";
+var RESET = "\x1B[0m";
+function showLogo() {
+  console.log();
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+  console.log(`${INDENT}${DIM}${BANNER_TAGLINE}${RESET}`);
+  console.log();
+  console.log();
+}
+__name(showLogo, "showLogo");
+function showBanner() {
+  console.log(`${INDENT}${BANNER_LINE1}`);
+}
+__name(showBanner, "showBanner");
+function showDevBanner() {
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+}
+__name(showDevBanner, "showDevBanner");
+
+export { showBanner, showDevBanner, showLogo };
+//# sourceMappingURL=banner.js.map
+//# sourceMappingURL=banner.js.map

package/dist/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/banner.ts"],"names":[],"mappings":";;;;AAWA,IAAM,YAAA,GAAe,+FAAA;AACrB,IAAM,cAAA,GAAiB,2DAAA;AAGvB,IAAM,MAAA,GAAS,IAAA;AACf,IAAM,GAAA,GAAM,SAAA;AACZ,IAAM,KAAA,GAAQ,SAAA;AAGP,SAAS,QAAA,GAAiB;AAC/B,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACtC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,GAAG,MAAM,CAAA,EAAG,GAAG,CAAA,EAAG,cAAc,CAAA,EAAG,KAAK,CAAA,CAAE,CAAA;AACtD,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,EAAI;AACd;AARgB,MAAA,CAAA,QAAA,EAAA,UAAA,CAAA;AAWT,SAAS,UAAA,GAAmB;AACjC,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACxC;AAFgB,MAAA,CAAA,UAAA,EAAA,YAAA,CAAA;AAKT,SAAS,aAAA,GAAsB;AACpC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACZ,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAA,EAAG,MAAM,CAAA,EAAG,YAAY,CAAA,CAAE,CAAA;AACtC,EAAA,OAAA,CAAQ,GAAA,EAAI;AACd;AAJgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA","file":"banner.js","sourcesContent":["/**\n * VOBS CLI Banner — Mathematical Bold Sans-Serif\n * 𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬\n * Signals First · Zero Re-renders · Ultra Lightweight\n *\n * The banner is left-aligned with a fixed indent rather than horizontally\n * centered. Centering depends on the terminal column width and per-glyph\n * render width, neither of which is reliably knowable, so it drifts as the\n * window resizes. Fixed indent is stable across any terminal size.\n */\n\nconst BANNER_LINE1 = '𝗩𝗢𝗕𝗦 𝗖𝗟𝗜 𝘃𝟭.𝟬'\nconst BANNER_TAGLINE = 'Signals First · Zero Re-renders · Ultra Lightweight'\n\n/** Fixed left indent applied to every banner line (2 spaces). */\nconst INDENT = '  '\nconst DIM = '\\x1b[2m'\nconst RESET = '\\x1b[0m'\n\n/** Show full banner (used for logo command, --help) */\nexport function showLogo(): void {\n  console.log()\n  console.log()\n  console.log(`${INDENT}${BANNER_LINE1}`)\n  console.log()\n  console.log(`${INDENT}${DIM}${BANNER_TAGLINE}${RESET}`)\n  console.log()\n  console.log()\n}\n\n/** Show single-line version banner (used for --version) */\nexport function showBanner(): void {\n  console.log(`${INDENT}${BANNER_LINE1}`)\n}\n\n/** Show the dev server start banner */\nexport function showDevBanner(): void {\n  console.log()\n  console.log(`${INDENT}${BANNER_LINE1}`)\n  console.log()\n}"]}

package/dist/cli.cjs

@@ -0,0 +1,416 @@
+'use strict';
+
+var cac = require('cac');
+var path = require('path');
+var child_process = require('child_process');
+var p = require('@clack/prompts');
+var pc = require('picocolors');
+var fs = require('fs');
+var url = require('url');
+var Handlebars = require('handlebars');
+var vite = require('vite');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var p__namespace = /*#__PURE__*/_interopNamespace(p);
+var pc__default = /*#__PURE__*/_interopDefault(pc);
+var Handlebars__default = /*#__PURE__*/_interopDefault(Handlebars);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function timestamp() {
+  return pc__default.default.dim(`[${(/* @__PURE__ */ new Date()).toLocaleTimeString()}]`);
+}
+__name(timestamp, "timestamp");
+function info(msg) {
+  console.log(`${timestamp()} ${pc__default.default.cyan("\u2139")} ${msg}`);
+}
+__name(info, "info");
+function success(msg) {
+  console.log(`${timestamp()} ${pc__default.default.green("\u2714")} ${msg}`);
+}
+__name(success, "success");
+function warn(msg) {
+  console.log(`${timestamp()} ${pc__default.default.yellow("\u26A0")} ${msg}`);
+}
+__name(warn, "warn");
+function error(msg) {
+  console.error(`${timestamp()} ${pc__default.default.red("\u2716")} ${msg}`);
+}
+__name(error, "error");
+function step(msg) {
+  console.log(`
+  ${pc__default.default.bold(pc__default.default.cyan(msg))}`);
+}
+__name(step, "step");
+var logger = { info, success, warn, error, step };
+var __dirname$1 = path.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('cli.cjs', document.baseURI).href))));
+var TEMPLATES_ROOT = path.resolve(__dirname$1, "..", "templates");
+function getTemplatesDir() {
+  return TEMPLATES_ROOT;
+}
+__name(getTemplatesDir, "getTemplatesDir");
+function renderTemplate(templatePath, context) {
+  const source = fs.readFileSync(templatePath, "utf-8");
+  const template = Handlebars__default.default.compile(source);
+  return template(context);
+}
+__name(renderTemplate, "renderTemplate");
+function writeFile(dir, filename, content) {
+  const filePath = path.resolve(dir, filename);
+  fs.mkdirSync(path.dirname(filePath), { recursive: true });
+  fs.writeFileSync(filePath, content, "utf-8");
+}
+__name(writeFile, "writeFile");
+function ensureDir(dir) {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+}
+__name(ensureDir, "ensureDir");
+async function copyDirRecursive(srcDir, destDir, context) {
+  const { readdirSync } = await import('fs');
+  const { join } = await import('path');
+  const entries = readdirSync(srcDir, { withFileTypes: true });
+  for (const entry of entries) {
+    const srcPath = join(srcDir, entry.name);
+    const isHbs = entry.name.endsWith(".hbs");
+    const destName = isHbs ? entry.name.slice(0, -4) : entry.name;
+    const destPath = join(destDir, destName);
+    if (entry.isDirectory()) {
+      ensureDir(destPath);
+      await copyDirRecursive(srcPath, destPath, context);
+    } else if (isHbs) {
+      const content = renderTemplate(srcPath, context);
+      writeFile(destDir, destName, content);
+    } else {
+      const content = fs.readFileSync(srcPath, "utf-8");
+      writeFile(destDir, destName, content);
+    }
+  }
+}
+__name(copyDirRecursive, "copyDirRecursive");
+async function scaffoldProject(targetDir, context) {
+  const templateDir = path.resolve(TEMPLATES_ROOT, "basic");
+  ensureDir(targetDir);
+  await copyDirRecursive(templateDir, targetDir, context);
+}
+__name(scaffoldProject, "scaffoldProject");
+function detectPackageManager(targetDir) {
+  if (targetDir) {
+    if (fs.existsSync(path.resolve(targetDir, "pnpm-lock.yaml"))) return "pnpm";
+    if (fs.existsSync(path.resolve(targetDir, "yarn.lock"))) return "yarn";
+    if (fs.existsSync(path.resolve(targetDir, "package-lock.json"))) return "npm";
+  }
+  const userAgent = process.env.npm_config_user_agent || "";
+  if (userAgent.startsWith("pnpm")) return "pnpm";
+  if (userAgent.startsWith("yarn")) return "yarn";
+  if (userAgent.startsWith("npm")) return "npm";
+  return "pnpm";
+}
+__name(detectPackageManager, "detectPackageManager");
+function installDependencies(targetDir, pm) {
+  const cmd = pm === "yarn" ? "yarn" : `${pm} install`;
+  child_process.execSync(cmd, { cwd: targetDir, stdio: "inherit" });
+}
+__name(installDependencies, "installDependencies");
+function addPackage(targetDir, pm, pkg, dev) {
+  const installFlag = dev ? "-D" : "";
+  const cmd = pm === "npm" ? `npm install ${installFlag} ${pkg}` : pm === "yarn" ? `yarn add ${installFlag} ${pkg}` : `pnpm add ${installFlag} ${pkg}`;
+  child_process.execSync(cmd, { cwd: targetDir, stdio: "inherit" });
+}
+__name(addPackage, "addPackage");
+
+// packages/cli/src/commands/init.ts
+async function initCommand(options) {
+  const projectName = options.name || await p__namespace.text({
+    message: "Project name:",
+    placeholder: "my-vobs-app",
+    validate: /* @__PURE__ */ __name((v) => !v ? "Project name is required" : void 0, "validate")
+  });
+  if (p__namespace.isCancel(projectName)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const targetDir = options.targetDir || path.resolve(process.cwd(), projectName);
+  const packageManager = options.packageManager || await p__namespace.select({
+    message: "Package manager:",
+    options: [
+      { value: "pnpm", label: "pnpm" },
+      { value: "npm", label: "npm" },
+      { value: "yarn", label: "yarn" }
+    ]
+  });
+  if (p__namespace.isCancel(packageManager)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const useTypescript = options.typescript ?? await p__namespace.confirm({
+    message: "Use TypeScript?",
+    initialValue: true
+  });
+  if (p__namespace.isCancel(useTypescript)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const initGit = options.git ?? await p__namespace.confirm({
+    message: "Initialize a git repository?",
+    initialValue: true
+  });
+  if (p__namespace.isCancel(initGit)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  logger.step(`Creating project ${projectName}...`);
+  await scaffoldProject(targetDir, {
+    name: projectName,
+    packageName: projectName.toLowerCase().replace(/\s+/g, "-"),
+    typescript: useTypescript,
+    vobsVersion: "1.0.0"
+  });
+  logger.success("Project scaffolded");
+  logger.step("Installing dependencies...");
+  installDependencies(targetDir, packageManager);
+  logger.success("Dependencies installed");
+  if (initGit) {
+    logger.step("Initializing git repository...");
+    try {
+      child_process.execSync("git init", { cwd: targetDir, stdio: "ignore" });
+      logger.success("Git repository initialized");
+    } catch {
+      logger.warn("Git not found, skipping git init");
+    }
+  }
+  logger.step("Done!");
+  console.log(`
+  ${packageManager === "pnpm" ? "pnpm" : packageManager === "yarn" ? "yarn" : "npm run"} dev
+`);
+}
+__name(initCommand, "initCommand");
+async function devCommand(options) {
+  logger.info("Starting dev server...");
+  const server = await vite.createServer({
+    configFile: options.config,
+    server: {
+      port: options.port,
+      open: options.open
+    }
+  });
+  await server.listen();
+  server.printUrls();
+  logger.success("Dev server is running");
+}
+__name(devCommand, "devCommand");
+async function buildCommand(options) {
+  logger.info("Building for production...");
+  await vite.build({
+    configFile: options.config,
+    build: {
+      outDir: options.outDir
+    },
+    mode: options.mode || "production"
+  });
+  logger.success("Build complete");
+}
+__name(buildCommand, "buildCommand");
+async function generateCommand(options) {
+  const type = options.type || await p__namespace.select({
+    message: "What to generate?",
+    options: [
+      { value: "component", label: "Component" },
+      { value: "page", label: "Page" }
+    ]
+  });
+  if (p__namespace.isCancel(type)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const name = options.name || await p__namespace.text({
+    message: "Name:",
+    placeholder: type === "component" ? "Button" : "AboutPage",
+    validate: /* @__PURE__ */ __name((v) => !v ? "Name is required" : void 0, "validate")
+  });
+  if (p__namespace.isCancel(name)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const templatesDir = getTemplatesDir();
+  if (type === "component") {
+    const targetDir = options.targetDir || path.resolve(process.cwd(), "src/components");
+    ensureDir(targetDir);
+    const context = {
+      name: toPascalCase(name),
+      kebabName: toKebabCase(name)
+    };
+    const content = renderTemplate(
+      path.resolve(templatesDir, "component.hbs"),
+      context
+    );
+    const filename = `${context.name}.tsx`;
+    writeFile(targetDir, filename, content);
+    logger.success(`Created ${type} at ${path.resolve(targetDir, filename)}`);
+  } else {
+    const targetDir = options.targetDir || path.resolve(process.cwd(), "src/pages");
+    ensureDir(targetDir);
+    const context = {
+      name: toPascalCase(name),
+      path: `/${toKebabCase(name)}`
+    };
+    const content = renderTemplate(
+      path.resolve(templatesDir, "page.hbs"),
+      context
+    );
+    const filename = `${context.name}.tsx`;
+    writeFile(targetDir, filename, content);
+    logger.success(`Created ${type} at ${path.resolve(targetDir, filename)}`);
+  }
+}
+__name(generateCommand, "generateCommand");
+function toPascalCase(str) {
+  return str.replace(/[^a-zA-Z0-9]/g, " ").split(/\s+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+}
+__name(toPascalCase, "toPascalCase");
+function toKebabCase(str) {
+  return str.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "").replace(/[^a-z0-9-]/g, "-").replace(/--+/g, "-").replace(/^-|-$/g, "");
+}
+__name(toKebabCase, "toKebabCase");
+async function addCommand(options) {
+  const pkg = options.package || await p__namespace.text({
+    message: "Package to add:",
+    placeholder: "@vobs/ui",
+    validate: /* @__PURE__ */ __name((v) => !v ? "Package name is required" : void 0, "validate")
+  });
+  if (p__namespace.isCancel(pkg)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const isDev = options.dev ?? await p__namespace.confirm({
+    message: "Save as dev dependency?",
+    initialValue: false
+  });
+  if (p__namespace.isCancel(isDev)) {
+    p__namespace.cancel("Cancelled");
+    return;
+  }
+  const pm = detectPackageManager(process.cwd());
+  logger.step(`Installing ${pkg}...`);
+  addPackage(process.cwd(), pm, pkg, isDev);
+  logger.success(`Installed ${pkg}`);
+  console.log(`
+  Import it in your code:
+`);
+  console.log(`    import { ... } from '${pkg}'`);
+  console.log();
+}
+__name(addCommand, "addCommand");
+
+// packages/cli/src/banner.ts
+var BANNER_LINE1 = "\u{1D5E9}\u{1D5E2}\u{1D5D5}\u{1D5E6} \u{1D5D6}\u{1D5DF}\u{1D5DC} \u{1D603}\u{1D7ED}.\u{1D7EC}";
+var BANNER_TAGLINE = "Signals First \xB7 Zero Re-renders \xB7 Ultra Lightweight";
+var INDENT = "  ";
+var DIM = "\x1B[2m";
+var RESET = "\x1B[0m";
+function showLogo() {
+  console.log();
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+  console.log(`${INDENT}${DIM}${BANNER_TAGLINE}${RESET}`);
+  console.log();
+  console.log();
+}
+__name(showLogo, "showLogo");
+function showBanner() {
+  console.log(`${INDENT}${BANNER_LINE1}`);
+}
+__name(showBanner, "showBanner");
+function showDevBanner() {
+  console.log();
+  console.log(`${INDENT}${BANNER_LINE1}`);
+  console.log();
+}
+__name(showDevBanner, "showDevBanner");
+
+// packages/cli/src/cli.ts
+function createCLI() {
+  const cli = cac.cac("vobs");
+  cli.command("init [name]", "Create a new vobs project").option("--dir <dir>", "Target directory").option("--pm <pm>", "Package manager (pnpm/npm/yarn)").option("--no-typescript", "Do not use TypeScript").option("--no-git", "Do not initialize git").action(async (name, options) => {
+    await initCommand({
+      name,
+      targetDir: options.dir,
+      packageManager: options.pm,
+      typescript: options.typescript !== false,
+      git: options.git !== false
+    });
+  });
+  cli.command("create [name]", "Alias for init").option("--dir <dir>", "Target directory").option("--pm <pm>", "Package manager (pnpm/npm/yarn)").option("--no-typescript", "Do not use TypeScript").option("--no-git", "Do not initialize git").action(async (name, options) => {
+    await initCommand({
+      name,
+      targetDir: options.dir,
+      packageManager: options.pm,
+      typescript: options.typescript !== false,
+      git: options.git !== false
+    });
+  });
+  cli.command("dev", "Start the dev server").option("--config <path>", "Vite config file").option("--port <port>", "Port to listen on").option("--open", "Open browser on start").action(async (options) => {
+    showDevBanner();
+    await devCommand({
+      config: options.config,
+      port: options.port,
+      open: options.open
+    });
+  });
+  cli.command("build", "Build for production").option("--config <path>", "Vite config file").option("--outDir <dir>", "Output directory").option("--mode <mode>", "Build mode").action(async (options) => {
+    await buildCommand({
+      config: options.config,
+      outDir: options.outDir,
+      mode: options.mode
+    });
+  });
+  cli.command("generate [name]", "Generate code (component/page)").alias("g").option("--type <type>", "Type: component or page").option("--dir <dir>", "Target directory").action(async (name, options) => {
+    await generateCommand({
+      name,
+      type: options.type || void 0,
+      targetDir: options.dir
+    });
+  });
+  cli.command("add [package]", "Add a package").option("-D, --dev", "Save as dev dependency").action(async (pkg, options) => {
+    await addCommand({
+      package: pkg,
+      dev: options.dev
+    });
+  });
+  cli.command("logo", "Show the vobs CLI logo and version info").action(() => {
+    showLogo();
+  });
+  cli.on("--help", () => {
+    showBanner();
+  });
+  cli.help();
+  cli.version("1.0.0");
+  return cli;
+}
+__name(createCLI, "createCLI");
+
+exports.createCLI = createCLI;
+//# sourceMappingURL=cli.cjs.map
+//# sourceMappingURL=cli.cjs.map