npm - @lytjs/cli - Versions diffs - 5.0.6 → 6.5.0 - Mend

@lytjs/cli 5.0.6 → 6.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/dist/create.cjs +607 -0
package/dist/create.cjs.map +1 -0
package/dist/create.d.mts +2 -0
package/dist/create.d.ts +2 -0
package/dist/create.mjs +605 -0
package/dist/create.mjs.map +1 -0
package/dist/index.cjs +2212 -0
package/dist/index.cjs.map +1 -0
package/dist/index.d.mts +208 -0
package/dist/index.d.ts +208 -0
package/dist/index.mjs +1999 -886
package/dist/index.mjs.map +1 -0
package/dist/lyt.cjs +2212 -0
package/dist/lyt.cjs.map +1 -0
package/dist/lyt.d.mts +1 -0
package/dist/lyt.d.ts +1 -0
package/dist/lyt.mjs +2171 -0
package/dist/lyt.mjs.map +1 -0
package/lyt-cli.js +3 -0
package/package.json +34 -31
package/README.md +0 -227
package/dist/bin/cli.cjs +0 -1058
package/dist/bin/cli.js +0 -2
package/dist/bin/cli.mjs +0 -1058
package/dist/index.js +0 -1058
package/dist/types/bin/cli.d.ts +0 -8
package/dist/types/bin/cli.d.ts.map +0 -1
package/dist/types/build.d.ts +0 -30
package/dist/types/build.d.ts.map +0 -1
package/dist/types/create.d.ts +0 -19
package/dist/types/create.d.ts.map +0 -1
package/dist/types/dev.d.ts +0 -24
package/dist/types/dev.d.ts.map +0 -1
package/dist/types/generate.d.ts +0 -14
package/dist/types/generate.d.ts.map +0 -1
package/dist/types/hmr.d.ts +0 -55
package/dist/types/hmr.d.ts.map +0 -1
package/dist/types/index.d.ts +0 -20
package/dist/types/index.d.ts.map +0 -1
package/dist/types/scaffold.d.ts +0 -67
package/dist/types/scaffold.d.ts.map +0 -1
package/dist/types/utils.d.ts +0 -92
package/dist/types/utils.d.ts.map +0 -1

package/dist/index.mjs CHANGED Viewed

@@ -1,1058 +1,2171 @@
 #!/usr/bin/env node
-import*as ie from"fs";import*as ae from"path";import*as v from"fs";import*as U from"path";var ce="\x1B[0m",pe={black:"\x1B[30m",red:"\x1B[31m",green:"\x1B[32m",yellow:"\x1B[33m",blue:"\x1B[34m",magenta:"\x1B[35m",cyan:"\x1B[36m",white:"\x1B[37m",brightRed:"\x1B[91m",brightGreen:"\x1B[92m",brightYellow:"\x1B[93m",brightBlue:"\x1B[94m",brightMagenta:"\x1B[95m",brightCyan:"\x1B[96m",brightWhite:"\x1B[97m",bgBlack:"\x1B[40m",bgRed:"\x1B[41m",bgGreen:"\x1B[42m",bgYellow:"\x1B[43m",bgBlue:"\x1B[44m",bgMagenta:"\x1B[45m",bgCyan:"\x1B[46m",bgWhite:"\x1B[47m",bold:"\x1B[1m",dim:"\x1B[2m",italic:"\x1B[3m",underline:"\x1B[4m",strikethrough:"\x1B[9m"};function o(e,t){let n=pe[t];return n?`${n}${e}${ce}`:e}function q(e){let t=e.slice(2),n={command:"",args:[],options:{},raw:t},r=0;for(;r<t.length;){let s=t[r];if(s==="--help"||s==="-h")n.options.help=!0,r++;else if(s==="--version"||s==="-v")n.options.version=!0,r++;else if(s.startsWith("--")){let a=s.indexOf("=");if(a!==-1){let p=s.slice(2,a),d=s.slice(a+1);n.options[p]=d}else{let p=s.slice(2),d=t[r+1];d&&!d.startsWith("-")?(n.options[p]=d,r++):n.options[p]=!0}r++}else if(s.startsWith("-")&&s.length>1){let a=s.slice(1),p=t[r+1];p&&!p.startsWith("-")?(n.options[a]=p,r++):n.options[a]=!0,r++}else n.command?(n.args.push(s),r++):(n.command=s,r++)}return n}function $(e){v.existsSync(e)||v.mkdirSync(e,{recursive:!0})}function I(e){return v.existsSync(e)}function S(e){return v.readFileSync(e,"utf-8")}function w(e,t){let n=U.dirname(e);$(n),typeof t=="string"?v.writeFileSync(e,t,"utf-8"):v.writeFileSync(e,t)}var i={info(e){console.log(`${o("[INFO]","blue")} ${e}`)},warn(e){console.log(`${o("[WARN]","yellow")} ${e}`)},error(e){console.error(`${o("[ERROR]","red")} ${e}`)},success(e){console.log(`${o("[SUCCESS]","green")} ${e}`)}};import*as H from"path";function de(){return`<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Lyt App</title>
-  <link rel="stylesheet" href="/src/style.css" />
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-</html>
-`}function ue(){return`import { createApp } from '@lytjs/lytjs';
-import App from './App';
+import { existsSync, readFileSync, mkdirSync, writeFileSync, readdirSync } from 'fs';
+import * as path from 'path';
+import { join, resolve, dirname } from 'path';
+import { execSync, spawn } from 'child_process';
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
-// \u521B\u5EFA\u5E94\u7528\u5B9E\u4F8B
-const app = createApp(App);
+// src/utils/logger.ts
+var colors = {
+  reset: "\x1B[0m",
+  bright: "\x1B[1m",
+  dim: "\x1B[2m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  blue: "\x1B[34m",
+  cyan: "\x1B[36m"
+};
+function colorize(text, color) {
+  if (!isColorSupported()) return text;
+  return `${colors[color]}${text}${colors.reset}`;
+}
+var logger = {
+  info(message) {
+    console.log(colorize("\u2139 ", "blue") + message);
+  },
+  success(message) {
+    console.log(colorize("\u2714 ", "green") + message);
+  },
+  warning(message) {
+    console.log(colorize("\u26A0 ", "yellow") + message);
+  },
+  error(message) {
+    console.error(colorize("\u2716 ", "red") + message);
+  },
+  dim(message) {
+    console.log(colorize(message, "dim"));
+  },
+  bold(message) {
+    return colorize(message, "bright");
+  }
+};
+function isColorSupported() {
+  return process.stdout.isTTY && process.env.NO_COLOR !== "1";
+}
+function ensureDir(dir) {
+  if (!existsSync(dir)) {
+    mkdirSync(dir, { recursive: true });
+  }
+}
+function writeFile(filePath, content) {
+  ensureDir(dirname(filePath));
+  writeFileSync(filePath, content, "utf-8");
+}
+function readFile(filePath) {
+  return readFileSync(filePath, "utf-8");
+}
+function exists(path2) {
+  return existsSync(path2);
+}
+function isEmptyDir(dir) {
+  if (!existsSync(dir)) return true;
+  const files = readdirSync(dir);
+  return files.length === 0;
+}
+function detectPackageManager(cwd = process.cwd()) {
+  if (existsSync(join(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(join(cwd, "yarn.lock"))) return "yarn";
+  if (existsSync(join(cwd, "package-lock.json"))) return "npm";
+  try {
+    execSync("pnpm --version", { stdio: "ignore" });
+    return "pnpm";
+  } catch {
+    return "npm";
+  }
+}
+function getInstallCommand(pm) {
+  switch (pm) {
+    case "pnpm":
+      return "pnpm install";
+    case "yarn":
+      return "yarn";
+    case "npm":
+      return "npm install";
+  }
+}
+function getRunCommand(pm, script) {
+  switch (pm) {
+    case "pnpm":
+      return `pnpm run ${script}`;
+    case "yarn":
+      return `yarn ${script}`;
+    case "npm":
+      return `npm run ${script}`;
+  }
+}
+function getAddCommand(pm, dep, dev2 = false) {
+  const devFlag = dev2 ? " -D" : "";
+  switch (pm) {
+    case "pnpm":
+      return `pnpm add${devFlag} ${dep}`;
+    case "yarn":
+      return `yarn add${devFlag} ${dep}`;
+    case "npm":
+      return `npm install${devFlag} ${dep}`;
+  }
+}
+var TEMPLATES = {
+  default: "Default template with TypeScript and Vite",
+  minimal: "Minimal template without extra dependencies",
+  ssr: "SSR-enabled template",
+  router: "Template with Router integration",
+  store: "Template with Store integration",
+  full: "Full-featured template with Router, Store, and UI components"
+};
+async function create(projectName, options = {}) {
+  if (!projectName) {
+    logger.error("Please provide a project name.");
+    logger.info("Usage: lyt create <project-name>");
+    process.exit(1);
+  }
+  const targetDir = resolve(process.cwd(), projectName);
+  if (exists(targetDir) && !isEmptyDir(targetDir) && !options.force) {
+    logger.error(`Directory "${projectName}" already exists and is not empty.`);
+    logger.info("Use --force to overwrite.");
+    process.exit(1);
+  }
+  logger.info(`Creating a new LytJS project in ${targetDir}...`);
+  ensureDir(targetDir);
+  generateProjectFiles(targetDir, projectName, options.template || "default");
+  logger.info("Installing dependencies...");
+  const pm = detectPackageManager();
+  try {
+    execSync(getInstallCommand(pm), { cwd: targetDir, stdio: "inherit" });
+    logger.success("Dependencies installed successfully!");
+  } catch (_error) {
+    logger.warning("Failed to install dependencies automatically.");
+    logger.info(`Please run "${getInstallCommand(pm)}" manually.`);
+  }
+  logger.success(`Project "${projectName}" created successfully!`);
+  logger.info("");
+  logger.bold("Next steps:");
+  logger.info(`  cd ${projectName}`);
+  logger.info(`  ${pm === "npm" ? "npm run" : pm} dev`);
+}
+function generateProjectFiles(targetDir, projectName, template) {
+  const isMinimal = template === "minimal";
+  const isSsr = template === "ssr";
+  const isRouter = template === "router" || template === "full";
+  const isStore = template === "store" || template === "full";
+  const isFull = template === "full";
+  const packageJson = {
+    name: projectName,
+    version: "0.0.0",
+    type: "module",
+    scripts: {
+      dev: "vite",
+      build: "vite build",
+      preview: "vite preview"
+    },
+    dependencies: {
+      "@lytjs/core": "^6.0.0"
+    },
+    devDependencies: {
+      "@lytjs/plugin-vite": "^6.0.0",
+      "vite": "^5.0.0"
+    }
+  };
+  if (!isMinimal) {
+    packageJson.scripts.test = "vitest";
+    packageJson.devDependencies.vitest = "^1.0.0";
+  }
+  if (isSsr) {
+    packageJson.dependencies["@lytjs/server"] = "^6.0.0";
+    packageJson.scripts["build:client"] = "vite build --ssrManifest";
+    packageJson.scripts["build:server"] = "vite build --ssr src/entry-server.ts";
+    packageJson.scripts["build"] = "npm run build:client && npm run build:server";
+    packageJson.scripts["preview"] = "node server";
+  }
+  if (isRouter) {
+    packageJson.dependencies["@lytjs/router"] = "^1.0.0";
+  }
+  if (isStore) {
+    packageJson.dependencies["@lytjs/store"] = "^1.0.0";
+  }
+  if (isFull) {
+    packageJson.dependencies["@lytjs/ui"] = "^0.4.0";
+  }
+  writeFile(join(targetDir, "package.json"), JSON.stringify(packageJson, null, 2));
+  let viteConfig;
+  if (isSsr) {
+    viteConfig = `import { defineConfig } from 'vite';
+import lytjs from '@lytjs/plugin-vite';
+export default defineConfig({
+  plugins: [lytjs()],
+  build: {
+    ssrManifest: true,
+  },
+});
+`;
+  } else {
+    viteConfig = `import { defineConfig } from 'vite';
+import lytjs from '@lytjs/plugin-vite';
-// \u5C06\u5E94\u7528\u6302\u8F7D\u5230 #app \u5143\u7D20
+export default defineConfig({
+  plugins: [lytjs()],
+});
+`;
+  }
+  writeFile(join(targetDir, "vite.config.ts"), viteConfig);
+  const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${projectName}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+`;
+  writeFile(join(targetDir, "index.html"), indexHtml);
+  let mainTs;
+  if (isSsr) {
+    mainTs = `import { createApp } from '@lytjs/core';
+import App from './App.lyt';
+import { createSSRApp } from '@lytjs/server';
+${isRouter ? "import { createRouter, createWebHistory } from '@lytjs/router';" : ""}
+${isStore ? "import { createPinia } from '@lytjs/store';" : ""}
+const app = createSSRApp(App);
+${isStore ? "app.use(createPinia());" : ""}
+${isRouter ? `
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    { path: '/', component: () => import('./pages/Home.lyt') },
+    { path: '/about', component: () => import('./pages/About.lyt') },
+  ],
+});
+app.use(router);
+` : ""}
 app.mount('#app');
-`}function me(){return`import { defineComponent, ref, computed } from '@lytjs/lytjs';
-// \u5B9A\u4E49\u6839\u7EC4\u4EF6
-const App = defineComponent({
-  name: 'App',
-  // \u7EC4\u4EF6\u6A21\u677F
-  template: \`
-    <div class="app">
-      <header class="app-header">
-        <div class="logo">
-          <span class="logo-text">Lyt</span>
-        </div>
-      </header>
-      <main class="app-main">
-        <div class="welcome-section">
-          <h1>\u6B22\u8FCE\u4F7F\u7528 Lyt.js!</h1>
-          <p>\u8F7B\u5199\u8F7B\u8DD1\uFF0C\u6240\u89C1\u5373\u4EE3\u7801</p>
-          <div class="counter-section">
-            <h2>\u8BA1\u6570\u5668\u793A\u4F8B</h2>
-            <p class="count-display">
-              \u5F53\u524D\u8BA1\u6570: <strong>{{ count }}</strong>
-            </p>
-            <p class="double-display">
-              \u53CC\u500D: <strong>{{ double }}</strong>
-            </p>
-            <div class="button-group">
-              <button class="btn btn-primary" on-click="increment">+1</button>
-              <button class="btn btn-secondary" on-click="decrement">-1</button>
-              <button class="btn btn-success" on-click="reset">\u91CD\u7F6E</button>
-            </div>
-          </div>
-          <div class="features-section">
-            <h2>\u6838\u5FC3\u529F\u80FD</h2>
-            <ul>
-              <li v-for="feature in features" :key="feature">
-                {{ feature }}
-              </li>
-            </ul>
-          </div>
-        </div>
-      </main>
-      <footer class="app-footer">
-        <p>
-          \u7528 \u2764\uFE0F \u6253\u9020
-        </p>
-      </footer>
-    </div>
-  \`,
-  // \u54CD\u5E94\u5F0F\u6570\u636E
-  setup() {
-    const count = ref(0);
-    const double = computed(() => count.value * 2);
-    const features = [
-      '\u54CD\u5E94\u5F0F\u7CFB\u7EDF\uFF08Proxy + Signal\uFF09',
-      '\u865A\u62DF DOM + Patch Flag \u4F18\u5316',
-      '\u7EC4\u4EF6\u7CFB\u7EDF\uFF08Options + Composition API\uFF09',
-      '\u5185\u7F6E\u8DEF\u7531',
-      '\u72B6\u6001\u7BA1\u7406',
-      'CLI \u5DE5\u5177\u94FE',
-      '\u6D4F\u89C8\u5668 DevTools',
-      '28+ UI \u7EC4\u4EF6',
-    ];
-    const increment = () => {
-      count.value++;
-    };
-    const decrement = () => {
-      count.value--;
-    };
+`;
+  } else if (isRouter || isStore) {
+    mainTs = `import { createApp } from '@lytjs/core';
+import App from './App.lyt';
+${isRouter ? "import { createRouter, createWebHistory } from '@lytjs/router';" : ""}
+${isStore ? "import { createPinia } from '@lytjs/store';" : ""}
-    const reset = () => {
-      count.value = 0;
-    };
-    return {
-      count,
-      double,
-      features,
-      increment,
-      decrement,
-      reset,
-    };
-  },
+const app = createApp(App);
+${isStore ? "app.use(createPinia());" : ""}
+${isRouter ? `
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    { path: '/', component: () => import('./pages/Home.lyt') },
+    { path: '/about', component: () => import('./pages/About.lyt') },
+  ],
 });
+app.use(router);
+` : ""}
+app.mount('#app');
+`;
+  } else {
+    mainTs = `import { createApp } from '@lytjs/core';
+import App from './App.lyt';
-export default App;
-`}function ge(){return`/* Lyt.js \u5E94\u7528\u6837\u5F0F */
+createApp(App).mount('#app');
+`;
+  }
+  writeFile(join(targetDir, "src/main.ts"), mainTs);
+  let appLyt;
+  if (isMinimal) {
+    appLyt = `<template>
+  <div class="app">
+    <h1>{{ title }}</h1>
+  </div>
+</template>
-:root {
-  --primary-color: #42b883;
-  --primary-hover: #35a06f;
-  --secondary-color: #747b88;
-  --success-color: #10b981;
-  --danger-color: #ef4444;
-  --text-color: #333;
-  --bg-color: #f9fafb;
-  --card-bg: #ffffff;
-  --border-color: #e5e7eb;
-}
+<script setup>
+const title = 'Hello LytJS!';
+</script>
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+<style scoped>
+.app {
+  text-align: center;
 }
+</style>
+`;
+  } else if (isRouter) {
+    appLyt = `<template>
+  <div class="app">
+    <nav class="nav">
+      <router-link to="/">Home</router-link>
+      <router-link to="/about">About</router-link>
+    </nav>
+    <router-view />
+  </div>
+</template>
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
-  color: var(--text-color);
-  background-color: var(--bg-color);
-  line-height: 1.6;
-}
+<script setup lang="ts">
+import { RouterLink, RouterView } from '@lytjs/router';
+</script>
+<style scoped>
 .app {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
+  text-align: center;
+  padding: 2rem;
 }
-.app-header {
-  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
-  padding: 1.5rem 2rem;
-  color: white;
-  box-shadow: 0 2px 10px rgba(66, 184, 131, 0.2);
+.nav {
+  margin-bottom: 2rem;
 }
-.logo {
-  font-size: 1.8rem;
-  font-weight: 700;
+.nav a {
+  margin: 0 1rem;
+  color: #42b883;
+  text-decoration: none;
 }
-.logo-text {
-  letter-spacing: 2px;
+.nav a:hover {
+  text-decoration: underline;
 }
+</style>
+`;
+  } else {
+    appLyt = `<template>
+  <div class="app">
+    <h1>{{ title }}</h1>
+    <p>Welcome to your LytJS app!</p>
+  </div>
+</template>
-.app-main {
-  flex: 1;
-  padding: 3rem 2rem;
-  max-width: 900px;
-  margin: 0 auto;
-  width: 100%;
-}
+<script setup>
+const title = 'Hello LytJS!';
+</script>
-.welcome-section {
+<style scoped>
+.app {
   text-align: center;
+  padding: 2rem;
 }
-.welcome-section h1 {
-  font-size: 2.5rem;
-  margin-bottom: 0.5rem;
-  color: var(--primary-color);
+h1 {
+  color: #42b883;
 }
+</style>
+`;
+  }
+  writeFile(join(targetDir, "src/App.lyt"), appLyt);
+  if (isRouter) {
+    const homePage = `<template>
+  <div class="home">
+    <h1>Home</h1>
+    ${isStore ? `
+    <p>Count: {{ count }}</p>
+    <button @click="increment">Increment</button>
+    <button @click="decrement">Decrement</button>
+    ` : ""}
+    <p>Welcome to the Home page!</p>
+  </div>
+</template>
-.welcome-section p {
-  font-size: 1.2rem;
-  color: var(--secondary-color);
-  margin-bottom: 2rem;
-}
+<script setup lang="ts">
+${isStore ? `import { useCounterStore } from '../stores/counter';
+const counterStore = useCounterStore();
+const { count, increment, decrement } = counterStore;
+` : ""}
+</script>
-.counter-section {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 2rem;
-  margin: 2rem 0;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
-  border: 1px solid var(--border-color);
+<style scoped>
+.home {
+  padding: 1rem;
 }
+</style>
+`;
+    ensureDir(join(targetDir, "src", "pages"));
+    writeFile(join(targetDir, "src", "pages", "Home.lyt"), homePage);
+    const aboutPage = `<template>
+  <div class="about">
+    <h1>About</h1>
+    <p>This is the About page!</p>
+  </div>
+</template>
-.counter-section h2 {
-  margin-bottom: 1rem;
-  color: var(--text-color);
-}
+<script setup lang="ts">
+</script>
-.count-display,
-.double-display {
-  font-size: 1.25rem;
-  margin: 0.75rem 0;
+<style scoped>
+.about {
+  padding: 1rem;
 }
+</style>
+`;
+    writeFile(join(targetDir, "src", "pages", "About.lyt"), aboutPage);
+  }
+  if (isStore) {
+    const counterStore = `import { defineStore } from '@lytjs/store';
+import { signal, computed } from '@lytjs/reactivity';
-.button-group {
-  display: flex;
-  justify-content: center;
-  gap: 1rem;
-  margin-top: 1.5rem;
-  flex-wrap: wrap;
-}
+export const useCounterStore = defineStore('counter', () => {
+  // State
+  const count = signal(0);
-.btn {
-  padding: 0.75rem 1.5rem;
-  border: none;
-  border-radius: 8px;
-  font-size: 1rem;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  color: white;
-}
+  // Getters
+  const doubleCount = computed(() => count.value * 2);
-.btn:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-}
+  // Actions
+  function increment() {
+    count.value++;
+  }
-.btn:active {
-  transform: translateY(0);
-}
+  function decrement() {
+    count.value--;
+  }
-.btn-primary {
-  background: var(--primary-color);
-}
+  function reset() {
+    count.value = 0;
+  }
-.btn-primary:hover {
-  background: var(--primary-hover);
-}
+  return {
+    count,
+    doubleCount,
+    increment,
+    decrement,
+    reset,
+  };
+});
+`;
+    ensureDir(join(targetDir, "src", "stores"));
+    writeFile(join(targetDir, "src", "stores", "counter.ts"), counterStore);
+  }
+  if (isSsr) {
+    const entryServer = `import { createSSRApp, h } from '@lytjs/core';
+import { renderToString } from '@lytjs/ssr';
+import App from './App.lyt';
+export async function render(url: string) {
+  const app = createSSRApp({
+    render() {
+      return h(App);
+    }
+  });
-.btn-secondary {
-  background: var(--secondary-color);
+  const html = await renderToString(app);
+  return html;
 }
+`;
+    writeFile(join(targetDir, "src/entry-server.ts"), entryServer);
+    const entryClient = `import { createApp } from '@lytjs/core';
+import App from './App.lyt';
-.btn-secondary:hover {
-  background: #5d6470;
-}
+const app = createApp(App);
+app.mount('#app');
+`;
+    writeFile(join(targetDir, "src/entry-client.ts"), entryClient);
+    const serverTs = `/**
+ * LytJS SSR Server
+ *
+ * Complete SSR server with Vite dev server and production build support.
+ * Supports streaming SSR, route prefetching, and static file serving.
+ */
-.btn-success {
-  background: var(--success-color);
-}
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import http from 'http';
-.btn-success:hover {
-  background: #059669;
-}
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const isProduction = process.env.NODE_ENV === 'production';
+const DIST_DIR = path.join(__dirname, 'dist');
+const PORT = parseInt(process.env.PORT || '3000', 10);
-.features-section {
-  margin-top: 2rem;
-  text-align: left;
+interface RenderOptions {
+  url: string;
+  template: string;
+  manifest?: Record<string, string[]>;
 }
-.features-section h2 {
-  text-align: center;
-  margin-bottom: 1.5rem;
-  color: var(--text-color);
-}
+async function renderPage({ url, template, manifest }: RenderOptions): Promise<string> {
+  let app: any;
+  let vite: any;
-.features-section ul {
-  list-style: none;
-  padding: 0;
-  max-width: 600px;
-  margin: 0 auto;
-}
+  if (!isProduction) {
+    const { createServer: createViteServer } = await import('vite');
+    vite = await createViteServer({
+      server: { middlewareMode: true },
+      appType: 'custom',
+    });
+    app = (await vite.ssrLoadModule(path.join(__dirname, 'src/entry-server.ts'))).default;
+  } else {
+    app = (await import(path.join(DIST_DIR, 'server/entry-server.js'))).default;
+  }
-.features-section li {
-  padding: 0.75rem 1rem;
-  margin: 0.5rem 0;
-  background: var(--card-bg);
-  border-radius: 8px;
-  border-left: 4px solid var(--primary-color);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  const html = await app.render(url);
+  return template.replace('<!--app-html-->', html);
 }
-.app-footer {
-  padding: 1.5rem 2rem;
-  text-align: center;
-  color: var(--secondary-color);
-  border-top: 1px solid var(--border-color);
-  background: var(--card-bg);
-}
+async function createServer() {
+  let vite: any;
-@media (max-width: 640px) {
-  .welcome-section h1 {
-    font-size: 2rem;
-  }
+  // Load index.html template
+  let template: string;
-  .app-main {
-    padding: 2rem 1rem;
+  if (!isProduction) {
+    const { createServer: createViteServer } = await import('vite');
+    vite = await createViteServer({
+      server: { middlewareMode: true },
+      appType: 'custom',
+    });
+    template = fs.readFileSync(path.join(__dirname, 'index.html'), 'utf-8');
+  } else {
+    template = fs.readFileSync(path.join(DIST_DIR, 'client/index.html'), 'utf-8');
   }
+  const server = http.createServer(async (req, res) => {
+    const url = req.url || '/';
+    try {
+      if (!isProduction && url.startsWith('/@')) {
+        // Vite dev server requests
+        return;
+      }
+      // Static assets
+      if (url.startsWith('/assets/') || url.endsWith('.js') || url.endsWith('.css')) {
+        const filePath = isProduction
+          ? path.join(DIST_DIR, 'client', url)
+          : path.join(__dirname, url);
+        if (fs.existsSync(filePath)) {
+          const ext = path.extname(filePath);
+          const contentType = ext === '.css' ? 'text/css' : 'application/javascript';
+          res.writeHead(200, { 'Content-Type': contentType });
+          res.end(fs.readFileSync(filePath));
+          return;
+        }
+      }
+      // SSR rendering
+      const html = await renderPage({
+        url,
+        template,
+        manifest: isProduction
+          ? JSON.parse(fs.readFileSync(path.join(DIST_DIR, 'client/ssr-manifest.json'), 'utf-8'))
+          : undefined
+      });
+      res.writeHead(200, { 'Content-Type': 'text/html' });
+      res.end(html);
+    } catch (err: any) {
+      if (!isProduction && vite) {
+        vite.ssrFixStacktrace(err);
+      }
+      console.error('SSR Error:', err);
+      res.writeHead(500, { 'Content-Type': 'text/plain' });
+      res.end('Internal Server Error');
+    }
+  });
+  server.listen(PORT, () => {
+    console.log(\`LytJS SSR server running at http://localhost:\${PORT}\`);
+    console.log(\`Mode: \${isProduction ? 'Production' : 'Development'}\`);
+  });
 }
-`}function fe(e){return JSON.stringify({name:e,version:"0.1.0",type:"module",private:!0,scripts:{dev:"lytx dev",build:"lytx build",preview:"lytx preview"},dependencies:{"@lytjs/lytjs":"latest"},devDependencies:{"@lytjs/cli":"latest"}},null,2)+`
-`}function he(){return JSON.stringify({compilerOptions:{target:"ES2020",module:"ESNext",moduleResolution:"bundler",strict:!0,jsx:"preserve",resolveJsonModule:!0,isolatedModules:!0,esModuleInterop:!0,lib:["ES2020","DOM","DOM.Iterable"],skipLibCheck:!0,noEmit:!0,paths:{"@/*":["./src/*"]}},include:["src/**/*.ts","src/**/*.tsx"],exclude:["node_modules","dist"]},null,2)+`
-`}function ye(){return`# Dependencies
-node_modules/
-.pnp
-.pnp.js
-# Build outputs
-dist/
-build/
+createServer().catch(console.error);
+`;
+    writeFile(join(targetDir, "server.ts"), serverTs);
+  }
+  const tsConfig = {
+    compilerOptions: {
+      target: "ES2020",
+      useDefineForClassFields: true,
+      module: "ESNext",
+      lib: ["ES2020", "DOM", "DOM.Iterable"],
+      skipLibCheck: true,
+      moduleResolution: "bundler",
+      allowImportingTsExtensions: true,
+      resolveJsonModule: true,
+      isolatedModules: true,
+      noEmit: true,
+      strict: true,
+      noUnusedLocals: true,
+      noUnusedParameters: true,
+      noFallthroughCasesInSwitch: true
+    },
+    include: ["src/**/*.ts", "src/**/*.lyt"],
+    references: [{ path: "./tsconfig.node.json" }]
+  };
+  writeFile(join(targetDir, "tsconfig.json"), JSON.stringify(tsConfig, null, 2));
+  const tsConfigNode = {
+    compilerOptions: {
+      composite: true,
+      skipLibCheck: true,
+      module: "ESNext",
+      moduleResolution: "bundler",
+      allowSyntheticDefaultImports: true
+    },
+    include: ["vite.config.ts"]
+  };
+  writeFile(join(targetDir, "tsconfig.node.json"), JSON.stringify(tsConfigNode, null, 2));
+  const gitignore = `# Logs
+logs
 *.log
 npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+`;
+  writeFile(join(targetDir, ".gitignore"), gitignore);
+}
+function listTemplates() {
+  logger.bold("Available templates:");
+  for (const [name, description] of Object.entries(TEMPLATES)) {
+    logger.info(`  ${name.padEnd(10)} - ${description}`);
+  }
+}
+async function dev(options = {}) {
+  if (!exists(join(process.cwd(), "package.json"))) {
+    logger.error("No package.json found. Are you in a LytJS project directory?");
+    process.exit(1);
+  }
+  const pm = detectPackageManager();
+  const runCmd = getRunCommand(pm, "dev");
+  logger.info(`Starting development server with ${pm}...`);
+  const devArgs = [];
+  if (options.port) devArgs.push("--port", String(options.port));
+  if (options.host) devArgs.push("--host", options.host);
+  if (options.open) devArgs.push("--open");
+  const cmdParts = runCmd.split(" ");
+  const cmd = cmdParts[0] ?? "pnpm";
+  const cmdArgs = [...cmdParts.slice(1), ...devArgs];
+  const child = spawn(cmd, cmdArgs, {
+    stdio: "inherit",
+    shell: true
+  });
+  child.on("error", (error) => {
+    logger.error(`Failed to start dev server: ${error.message}`);
+    process.exit(1);
+  });
+  child.on("exit", (code) => {
+    process.exit(code || 0);
+  });
+}
+async function build(options = {}) {
+  if (!exists(join(process.cwd(), "package.json"))) {
+    logger.error("No package.json found. Are you in a LytJS project directory?");
+    process.exit(1);
+  }
+  const pm = detectPackageManager();
+  logger.info("Building for production...");
+  const args = ["vite", "build"];
+  if (options.outDir) args.push("--outDir", options.outDir);
+  if (options.ssr) args.push("--ssr");
+  if (options.minify === false) args.push("--minify", "false");
+  const child = spawn(pm === "npm" ? "npx" : pm, args, {
+    stdio: "inherit",
+    shell: true
+  });
+  child.on("error", (error) => {
+    logger.error(`Build failed: ${error.message}`);
+    process.exit(1);
+  });
+  child.on("exit", (code) => {
+    if (code === 0) {
+      logger.success("Build completed successfully!");
+    } else {
+      logger.error(`Build failed with exit code ${code}`);
+    }
+    process.exit(code || 0);
+  });
+}
+async function test(options = {}) {
+  if (!exists(join(process.cwd(), "package.json"))) {
+    logger.error("No package.json found. Are you in a LytJS project directory?");
+    process.exit(1);
+  }
+  const pm = detectPackageManager();
+  logger.info("Running tests...");
+  const args = ["vitest"];
+  if (options.watch === false) args.push("run");
+  if (options.coverage) args.push("--coverage");
+  if (options.grep) args.push("--grep", options.grep);
+  const child = spawn(pm === "npm" ? "npx" : pm, args, {
+    stdio: "inherit",
+    shell: true
+  });
+  child.on("error", (error) => {
+    logger.error(`Tests failed: ${error.message}`);
+    process.exit(1);
+  });
+  child.on("exit", (code) => {
+    process.exit(code || 0);
+  });
+}
+var TEMPLATES2 = {
+  component(name, basePath) {
+    const filePath = join(basePath, `${name}.lyt`);
+    return [{
+      filePath,
+      content: `<template>
+  <div class="${name}">
+    <slot />
+  </div>
+</template>
-# IDE
-.vscode/
-.idea/
-*.swp
-*.swo
+<script setup lang="ts">
+defineProps<{
+  /** Component props */
+}>();
-# OS
-.DS_Store
-Thumbs.db
+defineEmits<{
+  /** Component events */
+}>();
+</script>
-# Environment
-.env.local
-.env.*.local
+<style scoped>
+.${name} {
+  /* styles */
+}
+</style>
+`
+    }];
+  },
+  page(name, basePath) {
+    const pascalName = toPascalCase(name);
+    const filePath = join(basePath, `${name}.lyt`);
+    return [{
+      filePath,
+      content: `<template>
+  <div class="page-${name}">
+    <h1>${pascalName}</h1>
+  </div>
+</template>
-# Cache
-*.cache
-.cache/
-`}function be(e){return`# ${e}
+<script setup lang="ts">
+// Page logic here
+</script>
-\u8FD9\u662F\u4E00\u4E2A\u4F7F\u7528 [Lyt.js](https://gitee.com/lytjs/lytjs) \u6846\u67B6\u521B\u5EFA\u7684\u9879\u76EE\u3002
+<style scoped>
+.page-${name} {
+  padding: 1rem;
+}
+</style>
+`
+    }];
+  },
+  store(name, basePath) {
+    const filePath = join(basePath, `${name}.ts`);
+    return [{
+      filePath,
+      content: `import { defineStore } from '@lytjs/store';
+import { signal, computed } from '@lytjs/reactivity';
+export const use${toPascalCase(name)}Store = defineStore('${name}', () => {
+  // State
+  const count = signal(0);
+  // Getters
+  const doubleCount = computed(() => count.value * 2);
+  // Actions
+  function increment() {
+    count.value++;
+  }
-## \u7279\u6027
+  function decrement() {
+    count.value--;
+  }
-- \u26A1 **\u96F6\u4F9D\u8D56** - \u7EAF\u539F\u751F\u5B9E\u73B0\uFF0C\u4E0D\u4F9D\u8D56\u4EFB\u4F55\u7B2C\u4E09\u65B9\u5E93
-- \u{1F680} **\u8D85\u8F7B\u91CF** - \u6838\u5FC3\u4EC5 34.56KB\uFF0C\u6781\u901F\u52A0\u8F7D
-- \u{1F3A8} **Vue 3 \u517C\u5BB9** - API \u9AD8\u5EA6\u517C\u5BB9\uFF0C\u8FC1\u79FB\u6210\u672C\u4F4E
-- \u{1F527} **\u5F00\u7BB1\u5373\u7528** - \u5185\u7F6E\u8DEF\u7531\u3001\u72B6\u6001\u7BA1\u7406\u3001\u7EC4\u4EF6\u5E93
+  function reset() {
+    count.value = 0;
+  }
-## \u5FEB\u901F\u5F00\u59CB
+  return {
+    count,
+    doubleCount,
+    increment,
+    decrement,
+    reset,
+  };
+});
+`
+    }];
+  },
+  directive(name, basePath) {
+    const filePath = join(basePath, `${name}.ts`);
+    const camelCaseName = toCamelCase(name);
+    return [{
+      filePath,
+      content: `import type { Directive } from '@lytjs/core';
+/**
+ * ${toPascalCase(name)} Directive
+ *
+ * @example
+ * \`\`\`vue
+ * <div v-${camelCaseName} />
+ * \`\`\`
+ */
+export const v${toPascalCase(name)}: Directive = {
+  mounted(el, binding) {
+    // Directive mounted
+  },
-### \u5B89\u88C5\u4F9D\u8D56
+  updated(el, binding) {
+    // Directive updated
+  },
-\`\`\`bash
-npm install
-\`\`\`
+  unmounted(el) {
+    // Directive unmounted
+  },
+};
+`
+    }];
+  },
+  composable(name, basePath) {
+    const filePath = join(basePath, `use${toPascalCase(name)}.ts`);
+    return [{
+      filePath,
+      content: `import { signal, computed } from '@lytjs/reactivity';
+/**
+ * ${toPascalCase(name)} Composable
+ *
+ * @example
+ * \`\`\`typescript
+ * const { state, actions } = use${toPascalCase(name)}();
+ * \`\`\`
+ */
+export function use${toPascalCase(name)}() {
+  // State
+  const isLoading = signal(false);
+  const error = signal<Error | null>(null);
+  const data = signal<any>(null);
+  // Computed
+  const hasData = computed(() => data.value !== null);
+  // Actions
+  async function fetch() {
+    isLoading.value = true;
+    error.value = null;
+    try {
+      // TODO: Fetch logic here
+      // data.value = await someApi();
+    } catch (e) {
+      error.value = e as Error;
+    } finally {
+      isLoading.value = false;
+    }
+  }
-### \u542F\u52A8\u5F00\u53D1\u670D\u52A1\u5668
+  function reset() {
+    isLoading.value = false;
+    error.value = null;
+    data.value = null;
+  }
-\`\`\`bash
-npm run dev
-\`\`\`
+  return {
+    isLoading,
+    error,
+    data,
+    hasData,
+    fetch,
+    reset,
+  };
+}
+`
+    }];
+  },
+  hook(name, basePath) {
+    const filePath = join(basePath, `use${toPascalCase(name)}.ts`);
+    return [{
+      filePath,
+      content: `import { signal, onMounted, onUnmounted } from '@lytjs/core';
+/**
+ * ${toPascalCase(name)} Hook
+ */
+export function use${toPascalCase(name)}() {
+  const state = signal(null);
-### \u6784\u5EFA\u751F\u4EA7\u7248\u672C
+  onMounted(() => {
+    // Setup code on mount
+  });
-\`\`\`bash
-npm run build
-\`\`\`
+  onUnmounted(() => {
+    // Cleanup on unmount
+  });
-## \u9879\u76EE\u7ED3\u6784
+  return {
+    state,
+  };
+}
+`
+    }];
+  },
+  util(name, basePath) {
+    const filePath = join(basePath, `${name}.ts`);
+    return [{
+      filePath,
+      content: `/**
+ * ${toPascalCase(name)} Utility Functions
+ */
-\`\`\`
-${e}/
-\u251C\u2500\u2500 index.html          # HTML \u5165\u53E3
-\u251C\u2500\u2500 package.json        # \u9879\u76EE\u914D\u7F6E
-\u251C\u2500\u2500 tsconfig.json       # TypeScript \u914D\u7F6E
-\u251C\u2500\u2500 src/
-\u2502   \u251C\u2500\u2500 main.ts         # \u5E94\u7528\u5165\u53E3
-\u2502   \u251C\u2500\u2500 App.ts          # \u6839\u7EC4\u4EF6
-\u2502   \u2514\u2500\u2500 style.css       # \u5168\u5C40\u6837\u5F0F
-\u2514\u2500\u2500 README.md           # \u9879\u76EE\u6587\u6863
-\`\`\`
+/**
+ * ${toPascalCase(name)} function
+ *
+ * @param input - The input value
+ * @returns The processed result
+ */
+export function ${toCamelCase(name)}(input: any) {
+  // TODO: Implement function
+  return input;
+}
+`
+    }];
+  },
+  middleware(name, basePath) {
+    const filePath = join(basePath, `${name}.ts`);
+    return [{
+      filePath,
+      content: `import type { NavigationGuard } from '@lytjs/router';
+/**
+ * ${toPascalCase(name)} Middleware
+ */
+export const ${toCamelCase(name)}Middleware: NavigationGuard = (to, from, next) => {
+  // Middleware logic
+  console.log('Middleware:', to.path);
+  next();
+};
+`
+    }];
+  }
+};
+function toPascalCase(str) {
+  return str.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function toCamelCase(str) {
+  const pascalCase = toPascalCase(str);
+  return pascalCase.charAt(0).toLowerCase() + pascalCase.slice(1);
+}
+function resolveTargetDir(type) {
+  const cwd = process.cwd();
+  switch (type) {
+    case "component":
+      return join(cwd, "src", "components");
+    case "page":
+      return join(cwd, "src", "pages");
+    case "store":
+      return join(cwd, "src", "stores");
+    case "directive":
+      return join(cwd, "src", "directives");
+    case "composable":
+      return join(cwd, "src", "composables");
+    case "util":
+      return join(cwd, "src", "utils");
+    case "middleware":
+      return join(cwd, "src", "middleware");
+    case "hook":
+      return join(cwd, "src", "hooks");
+  }
+}
+async function add(type, name, options = {}) {
+  const targetDir = resolveTargetDir(type);
+  const fullPath = resolve(targetDir);
+  if (!exists(join(process.cwd(), "package.json"))) {
+    logger.error("No package.json found. Are you in a LytJS project directory?");
+    process.exit(1);
+  }
+  const template = TEMPLATES2[type];
+  if (!template) {
+    logger.error(`Unknown type: ${type}. Supported types: component, page, store`);
+    process.exit(1);
+  }
+  const files = template(name, fullPath);
+  for (const file of files) {
+    if (exists(file.filePath) && !options.force) {
+      logger.warning(`File already exists: ${file.filePath}`);
+      logger.info("Use --force to overwrite.");
+      continue;
+    }
+    ensureDir(resolve(file.filePath, ".."));
+    writeFile(file.filePath, file.content);
+    logger.success(`Created ${type}: ${file.filePath}`);
+  }
+}
+var TEMPLATES3 = {
+  component: (data, withStyles, withTest, template, lang) => {
+    const styleImport = withStyles ? `
+import './${data.kebabName}.styles.css';` : "";
+    const tsOnly = lang === "ts";
+    if (template === "sfc") {
+      return `<template>
+  <div class="${data.kebabName}">
+    <slot>
+      ${data.pascalName} Component
+    </slot>
+  </div>
+</template>
+<script setup${tsOnly ? ' lang="ts"' : ""}>
+${tsOnly ? `import { ref } from '@lytjs/reactivity';
+` : ""}
+${tsOnly ? `
+export interface ${data.pascalName}Props {
+  className?: string;
+}
+const props = defineProps<${data.pascalName}Props>();
+` : ""}
-## \u5B66\u4E60\u8D44\u6E90
+const title = ref('${data.pascalName}');
+</script>
-- \u{1F4D6} [Lyt.js \u5B98\u65B9\u6587\u6863](https://gitee.com/lytjs/lytjs)
-- \u{1F4A1} [\u5FEB\u901F\u5F00\u59CB\u6307\u5357](https://gitee.com/lytjs/lytjs)
-- \u{1F527} [API \u53C2\u8003](https://gitee.com/lytjs/lytjs)
+<style scoped>
+.${data.kebabName} {
+  /* Component styles */
+}
+</style>
+`;
+    }
+    const testImport = withTest ? `
+import { describe, it, expect } from 'vitest';
+import { ${data.pascalName} } from './${data.kebabName}';
+describe('${data.pascalName}', () => {
+  it('should render', () => {
+    // Add test here
+    expect(true).toBe(true);
+  });
+});` : "";
+    const propsDecl = tsOnly ? `['className', 'children']` : `[]`;
+    return `/**
+ * ${data.pascalName} \u7EC4\u4EF6
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
-## \u793E\u533A\u652F\u6301
+import { h, defineComponent } from '@lytjs/core';${styleImport}
-- \u{1F310} Gitee: [https://gitee.com/lytjs/lytjs](https://gitee.com/lytjs/lytjs)
-- \u{1F4AC} Issues: [https://gitee.com/lytjs/lytjs/issues](https://gitee.com/lytjs/lytjs/issues)
+${tsOnly ? `export interface ${data.pascalName}Props {
+  className?: string;
+  children?: any;
+}
-## License
+` : ""}${template === "functional" ? `export function ${data.pascalName}(${tsOnly ? `props: ${data.pascalName}Props` : "props"}) {
+  const { className = '', children } = props;
-MIT
-`}async function Z(e,t={}){let n=t.template||"spa",r=H.resolve(process.cwd(),e);i.info(`\u6B63\u5728\u521B\u5EFA Lyt \u9879\u76EE: ${o(e,"brightCyan")}`),i.info(`\u4F7F\u7528\u6A21\u677F: ${o(n,"brightCyan")}`),I(r)&&(i.error(`\u76EE\u5F55 "${e}" \u5DF2\u5B58\u5728\uFF0C\u8BF7\u9009\u62E9\u5176\u4ED6\u540D\u79F0\u6216\u5220\u9664\u5DF2\u6709\u76EE\u5F55`),process.exit(1)),$(r);let s=[{filePath:"index.html",content:de()},{filePath:"src/main.ts",content:ue()},{filePath:"src/App.ts",content:me()},{filePath:"src/style.css",content:ge()},{filePath:"package.json",content:fe(e)},{filePath:"tsconfig.json",content:he()},{filePath:".gitignore",content:ye()},{filePath:"README.md",content:be(e)}];for(let a of s){let p=H.join(r,a.filePath);w(p,a.content),i.success(`  \u521B\u5EFA ${a.filePath}`)}console.log(""),i.success(`\u9879\u76EE ${o(e,"brightCyan")} \u521B\u5EFA\u6210\u529F\uFF01`),console.log(""),console.log("  \u8BF7\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\u542F\u52A8\u9879\u76EE\uFF1A"),console.log(""),console.log(`    ${o("cd","brightGreen")} ${e}`),console.log(`    ${o("npm install","brightGreen")}`),console.log(`    ${o("npm run dev","brightGreen")}`),console.log("")}import*as F from"fs";import*as h from"path";var G={spa:{description:"\u57FA\u7840 SPA \u5355\u9875\u5E94\u7528\uFF08\u8BA1\u6570\u5668\u793A\u4F8B\uFF09",type:"builtin"},ssr:{description:"SSR \u670D\u52A1\u7AEF\u6E32\u67D3\u5E94\u7528",type:"builtin"},ssg:{description:"SSG \u9759\u6001\u7AD9\u70B9\u751F\u6210",type:"builtin"},"todo-app":{description:"Todo \u5F85\u529E\u4E8B\u9879\u5E94\u7528\uFF08\u54CD\u5E94\u5F0F + LocalStorage \u6301\u4E45\u5316\uFF09",type:"example"},"admin-dashboard":{description:"Admin Dashboard \u4F01\u4E1A\u7EA7\u540E\u53F0\u7BA1\u7406\u7CFB\u7EDF\uFF0810 \u4E2A\u9875\u9762\uFF09",type:"example"}};function N(){let e={};for(let[t,n]of Object.entries(G))e[t]=n.description;return e}function z(e){return e in G}function xe(e){let t={name:e.name,version:"0.1.0",private:!0,type:"module",scripts:{dev:"lytx dev",build:"lytx build",preview:"lytx preview"},dependencies:{"@lytjs/lytjs":"latest"}};return e.ts&&(t.devDependencies={"@lytjs/cli":"latest",typescript:"^5.0.1"}),e.eslint&&(t.devDependencies=t.devDependencies||{},t.devDependencies.eslint="^8.0.0",t.scripts=t.scripts||{},t.scripts.lint="eslint src --ext .ts,.js"),e.router&&(t.dependencies["@lytjs/router"]="latest"),e.store&&(t.dependencies["@lytjs/store"]="latest"),JSON.stringify(t,null,2)+`
-`}function ve(e){let t={compilerOptions:{target:"ES2020",module:"ESNext",moduleResolution:"bundler",strict:!0,jsx:"preserve",resolveJsonModule:!0,isolatedModules:!0,esModuleInterop:!0,lib:["ES2020","DOM","DOM.Iterable"],skipLibCheck:!0,noEmit:!0,paths:{"@/*":["./src/*"]}},include:["src/**/*.ts","src/**/*.tsx"],exclude:["node_modules","dist"]};return e.template==="ssr"&&(t.compilerOptions.types=["node"]),JSON.stringify(t,null,2)+`
-`}function $e(e){let t=e.ts?".ts":".js";return`<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-  <title>${e.name}</title>
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main${t}"></script>
-</body>
-</html>
-`}function we(e){let t=["// Lytx \u914D\u7F6E\u6587\u4EF6","import { defineConfig } from '@lytjs/lytjs'","","export default defineConfig({","  // \u6784\u5EFA\u6A21\u5F0F",`  mode: '${e.template}',`];return e.router&&(t.push("  // \u8DEF\u7531\u914D\u7F6E"),t.push("  router: {"),t.push("    historyMode: true,"),t.push("  },")),e.store&&(t.push("  // \u72B6\u6001\u7BA1\u7406\u914D\u7F6E"),t.push("  store: {"),t.push("    strict: true,"),t.push("  },")),t.push("})"),t.push(""),t.join(`
-`)}function Se(e){let t=e.ts?".ts":".js",n=["import { createApp } from '@lytjs/lytjs'","import App from './App.lyt'","import './styles/main.css'"];return e.router&&n.push("import { router } from './router'"),e.store&&n.push("import { store } from './store'"),n.push(""),n.push("// \u521B\u5EFA\u5E94\u7528\u5B9E\u4F8B"),n.push("const app = createApp(App)"),e.router&&n.push("app.use(router)"),e.store&&n.push("app.use(store)"),n.push(""),n.push("// \u5C06\u5E94\u7528\u6302\u8F7D\u5230 #app \u5143\u7D20"),n.push("app.mount('#app')"),n.join(`
-`)+`
-`}function je(){return`<template>
-  <div class="app">
-    <Header />
-    <main>
-      <h1>Hello Lyt!</h1>
-      <p>\u6B22\u8FCE\u4F7F\u7528 Lyt \u6846\u67B6</p>
-    </main>
+  return (
+    <div className={\`${data.kebabName} \${className}\`}>
+      {children || '${data.pascalName} Component'}
+    </div>
+  );
+}` : `export const ${data.pascalName} = defineComponent({
+  name: '${data.pascalName}',
+  props: ${propsDecl},
+  setup(props) {
+    const { className = '', children } = props;
+    return () => (
+      <div className={\`${data.kebabName} \${className}\`}>
+        {children || '${data.pascalName} Component'}
+      </div>
+    );
+  },
+});`}
+export default ${data.pascalName};${testImport}
+`;
+  },
+  page: (data, withStyles, withTest, template, lang) => {
+    const styleImport = withStyles ? `
+import './${data.kebabName}.styles.css';` : "";
+    const tsOnly = lang === "ts";
+    if (template === "sfc") {
+      return `<template>
+  <div class="${data.kebabName}-page">
+    <h1>{title}</h1>
+    <p>Page content for ${data.pascalName}</p>
+    <slot />
   </div>
 </template>
-<script lang="ts">
-import { defineComponent } from '@lytjs/lytjs'
-import Header from './components/Header'
+<script setup${tsOnly ? ' lang="ts"' : ""}>
+${tsOnly ? `import { ref } from '@lytjs/reactivity';
+` : ""}
+${tsOnly ? `
+export interface ${data.pascalName}PageProps {
+  title?: string;
+}
-export default defineComponent({
-  name: 'App',
-  components: {
-    Header,
-  },
-})
+const props = defineProps<${data.pascalName}PageProps>();
+` : ""}
+const title = ref(props.title || '${data.pascalName}');
 </script>
 <style scoped>
-.app {
-  text-align: center;
-  padding: 20px;
+.${data.kebabName}-page {
+  padding: 2rem;
 }
 </style>
-`}function Ce(){return`import { defineComponent } from '@lytjs/lytjs'
+`;
+    }
+    const testImport = withTest ? `
+import { describe, it, expect } from 'vitest';
+import { ${data.pascalName}Page } from './${data.kebabName}';
+describe('${data.pascalName}Page', () => {
+  it('should render', () => {
+    // Add test here
+    expect(true).toBe(true);
+  });
+});` : "";
+    return `/**
+ * ${data.pascalName} \u9875\u9762
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
-export default defineComponent({
-  name: 'HomePage',
+import { h, ${tsOnly ? "signal" : "signal"} } from '@lytjs/core';
+${styleImport}
-  template: \`
-    <div class="page-home">
-      <h1>\u9996\u9875</h1>
-      <p>\u8FD9\u662F\u9996\u9875\u5185\u5BB9</p>
-    </div>
-  \`,
-})
-`}function Pe(){return`import { defineComponent } from '@lytjs/lytjs'
+${tsOnly ? `export interface ${data.pascalName}PageProps {
+  title?: string;
+}
-export default defineComponent({
-  name: 'AboutPage',
+` : ""}export function ${data.pascalName}Page(${tsOnly ? `props: ${data.pascalName}PageProps` : "props"}) {
+  const { title = '${data.pascalName}' } = props;
-  template: \`
-    <div class="page-about">
-      <h1>\u5173\u4E8E</h1>
-      <p>\u8FD9\u662F\u5173\u4E8E\u9875\u9762</p>
+  return (
+    <div className="${data.kebabName}-page">
+      <h1>{title}</h1>
+      <p>Page content for ${data.pascalName}</p>
     </div>
-  \`,
-})
-`}function ke(){return`import { defineComponent } from '@lytjs/lytjs'
-export default defineComponent({
-  name: 'Header',
-  template: \`
-    <header class="header">
-      <nav>
-        <a href="/">\u9996\u9875</a>
-        <a href="/about">\u5173\u4E8E</a>
-      </nav>
-    </header>
-  \`,
-})
-`}function Ae(){return`import { createRouter, createWebHistory } from '@lytjs/router'
-import HomePage from '../pages/index'
-import AboutPage from '../pages/about'
-export const router = createRouter({
-  history: createWebHistory(),
-  routes: [
-    {
-      path: '/',
-      component: HomePage,
-    },
-    {
-      path: '/about',
-      component: AboutPage,
-    },
-  ],
-})
-`}function Re(){return`import { createStore } from '@lytjs/store'
+  );
+}
-export const store = createStore({
-  state: {
-    count: 0,
-    message: 'Hello Lyt!',
+export default ${data.pascalName}Page;${testImport}
+`;
   },
+  service: (data, _withStyles, _withTest, _template, lang) => {
+    const tsOnly = lang === "ts";
+    return `/**
+ * ${data.pascalName} \u670D\u52A1
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
-  mutations: {
-    increment(state: any) {
-      state.count++
-    },
+${tsOnly ? `export interface ${data.pascalName}ServiceOptions {
+  baseUrl?: string;
+  timeout?: number;
+}
-    setMessage(state: any, message: string) {
-      state.message = message
-    },
-  },
+` : ""}${tsOnly ? `export class ${data.pascalName}Service {
+  private baseUrl: string;
+  private timeout: number;
+` : `export class ${data.pascalName}Service {
+`}
+  constructor(${tsOnly ? `options: ${data.pascalName}ServiceOptions = {}` : "options = {}"}) {
+    this.baseUrl = options.baseUrl || '/api';
+    this.timeout = options.timeout || 30000;
+  }
-  actions: {
-    async fetchMessage({ commit }: any) {
-      commit('setMessage', 'Fetched from API')
-    },
-  },
+  async getAll()${tsOnly ? ": Promise<any[]>" : ""} {
+    const response = await fetch(\`\${this.baseUrl}/${data.kebabName}s\`, {
+      method: 'GET',
+      headers: { 'Content-Type': 'application/json' },
+      signal: AbortSignal.timeout(this.timeout),
+    });
+    return response.json();
+  }
-  getters: {
-    doubleCount: (state: any) => state.count * 2,
+  async getById(id)${tsOnly ? ": Promise<any>" : ""} {
+    const response = await fetch(\`\${this.baseUrl}/${data.kebabName}s/\${id}\`, {
+      method: 'GET',
+      headers: { 'Content-Type': 'application/json' },
+      signal: AbortSignal.timeout(this.timeout),
+    });
+    return response.json();
+  }
+  async create(${tsOnly ? "data: any" : "data"})${tsOnly ? ": Promise<any>" : ""} {
+    const response = await fetch(\`\${this.baseUrl}/${data.kebabName}s\`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data),
+      signal: AbortSignal.timeout(this.timeout),
+    });
+    return response.json();
+  }
+  async update(id)${tsOnly ? ": Promise<any>" : ""} {
+    const response = await fetch(\`\${this.baseUrl}/${data.kebabName}s/\${id}\`, {
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(data),
+      signal: AbortSignal.timeout(this.timeout),
+    });
+    return response.json();
+  }
+  async delete(id)${tsOnly ? ": Promise<void>" : ""} {
+    await fetch(\`\${this.baseUrl}/${data.kebabName}s/\${id}\`, {
+      method: 'DELETE',
+      signal: AbortSignal.timeout(this.timeout),
+    });
+  }
+}
+export default ${data.pascalName}Service;
+`;
   },
-})
-`}function Te(){return`/* \u5168\u5C40\u6837\u5F0F */
+  hook: (data, _withStyles, _withTest, _template, lang) => {
+    const tsOnly = lang === "ts";
+    return `/**
+ * ${data.pascalName} Hook
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
+import { signal, effect } from '@lytjs/reactivity';
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+${tsOnly ? `export interface ${data.pascalName}Options {
+  immediate?: boolean;
 }
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  color: #2c3e50;
+export interface ${data.pascalName}Return {
+  data: ReturnType<typeof signal>;
+  loading: ReturnType<typeof signal>;
+  error: ReturnType<typeof signal>;
+  execute: () => Promise<void>;
+  reset: () => void;
 }
-a {
-  color: #42b883;
-  text-decoration: none;
+` : ""}export function use${data.pascalName}(${tsOnly ? `options: ${data.pascalName}Options = {}` : "options = {}"})${tsOnly ? `: ${data.pascalName}Return` : ""} {
+  const { immediate = false } = options;
+  const data = signal<any>(null);
+  const loading = signal(false);
+  const error = signal<Error | null>(null);
+  async function execute() {
+    loading.value = true;
+    error.value = null;
+    try {
+      const result = await new Promise(resolve => setTimeout(() => resolve(null), 100));
+      data.value = result;
+    } catch (e) {
+      error.value = e as Error;
+    } finally {
+      loading.value = false;
+    }
+  }
+  function reset() {
+    data.value = null;
+    loading.value = false;
+    error.value = null;
+  }
+  if (immediate) {
+    execute();
+  }
+  return {
+    data,
+    loading,
+    error,
+    execute,
+    reset,
+  };
 }
-a:hover {
-  text-decoration: underline;
+export default use${data.pascalName};
+`;
+  },
+  store: (data, _withStyles, _withTest, _template, lang) => {
+    const tsOnly = lang === "ts";
+    return `/**
+ * ${data.pascalName} Store
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
+import { signal, computed } from '@lytjs/reactivity';
+${tsOnly ? `export interface ${data.pascalName}State {
+  items: any[];
+  selectedId: string | null;
+  loading: boolean;
+  error: Error | null;
 }
-`}function Me(){return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="6" fill="#42b883"/>
-  <text x="16" y="22" text-anchor="middle" fill="white" font-size="18" font-weight="bold">L</text>
-</svg>
-`}function Ee(){return JSON.stringify({root:!0,env:{browser:!0,es2021:!0,node:!0},extends:["eslint:recommended"],parserOptions:{ecmaVersion:"latest",sourceType:"module"},rules:{"no-unused-vars":"warn","no-console":"warn"}},null,2)+`
-`}function X(e,t){if(!F.existsSync(e))throw new Error(`\u6A21\u677F\u76EE\u5F55\u4E0D\u5B58\u5728: ${e}`);let n=F.readdirSync(e,{withFileTypes:!0});for(let r of n){let s=h.join(e,r.name),a=h.join(t,r.name);if(!(r.name===".DS_Store"||r.name==="node_modules"))if(r.isDirectory())X(s,a);else{$(h.dirname(a));let p=S(s);w(a,p),i.success(`  \u521B\u5EFA ${h.relative(t,a)}`)}}}async function Ie(e){let{name:t,template:n}=e,r=h.resolve(process.cwd(),t);if(i.info(`\u6B63\u5728\u521B\u5EFA Lyt \u9879\u76EE: ${o(t,"brightCyan")}`),i.info(`\u4F7F\u7528\u6A21\u677F: ${o(n,"brightCyan")} (${G[n].description})`),I(r))throw i.error(`\u76EE\u5F55 "${t}" \u5DF2\u5B58\u5728\uFF0C\u8BF7\u9009\u62E9\u5176\u4ED6\u540D\u79F0\u6216\u5220\u9664\u5DF2\u6709\u76EE\u5F55`),new Error(`Directory "${t}" already exists`);$(r);let s=h.resolve(__dirname,".."),a=h.join(s,"templates",n);X(a,r);let p=h.join(r,"package.json");if(F.existsSync(p)){let d=S(p),u=JSON.parse(d);u.name=t,w(p,JSON.stringify(u,null,2)+`
-`),i.success(`  \u66F4\u65B0 package.json (name: ${t})`)}console.log(""),i.success(`\u9879\u76EE ${o(t,"brightCyan")} \u521B\u5EFA\u6210\u529F\uFF01`),console.log(""),console.log("  \u8BF7\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\u542F\u52A8\u9879\u76EE\uFF1A"),console.log(""),console.log(`    ${o("cd","brightGreen")} ${t}`),console.log(`    ${o("npm install","brightGreen")}`),console.log(`    ${o("npm run dev","brightGreen")}`),console.log("")}async function W(e){var c;if(((c=G[e.template])==null?void 0:c.type)==="example")return Ie(e);let{name:t,template:n,ts:r,router:s,store:a,eslint:p}=e,d=h.resolve(process.cwd(),t);if(i.info(`\u6B63\u5728\u521B\u5EFA Lyt \u9879\u76EE: ${o(t,"brightCyan")}`),i.info(`\u4F7F\u7528\u6A21\u677F: ${o(n,"brightCyan")}`),I(d))throw i.error(`\u76EE\u5F55 "${t}" \u5DF2\u5B58\u5728\uFF0C\u8BF7\u9009\u62E9\u5176\u4ED6\u540D\u79F0\u6216\u5220\u9664\u5DF2\u6709\u76EE\u5F55`),new Error(`Directory "${t}" already exists`);$(d);let u=[{filePath:"package.json",content:xe(e)},{filePath:"index.html",content:$e(e)},{filePath:"lytx.config.ts",content:we(e)},{filePath:"src/main.ts",content:Se(e)},{filePath:"src/App.lyt",content:je()},{filePath:"src/pages/index.ts",content:Ce()},{filePath:"src/pages/about.ts",content:Pe()},{filePath:"src/components/Header.ts",content:ke()},{filePath:"src/styles/main.css",content:Te()},{filePath:"public/favicon.svg",content:Me()}];r&&u.push({filePath:"tsconfig.json",content:ve(e)}),s&&u.push({filePath:"src/router/index.ts",content:Ae()}),a&&u.push({filePath:"src/store/index.ts",content:Re()}),p&&u.push({filePath:".eslintrc.json",content:Ee()});for(let m of u){let l=h.join(d,m.filePath);w(l,m.content),i.success(`  \u521B\u5EFA ${m.filePath}`)}console.log(""),i.success(`\u9879\u76EE ${o(t,"brightCyan")} \u521B\u5EFA\u6210\u529F\uFF01`),console.log(""),console.log("  \u8BF7\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\u542F\u52A8\u9879\u76EE\uFF1A"),console.log(""),console.log(`    ${o("cd","brightGreen")} ${t}`),console.log(`    ${o("npm install","brightGreen")}`),console.log(`    ${o("npm run dev","brightGreen")}`),console.log("")}import*as te from"http";import*as A from"fs";import*as x from"path";import*as Q from"http";import*as T from"fs";import*as j from"path";import*as ee from"crypto";var L=class{constructor(){this.clients=[]}handleUpgrade(t,n,r){let s=t.headers["sec-websocket-key"];if(!s){n.destroy();return}let a=ee.createHash("sha1").update(s+"258EAFA5-E914-47DA-95CA-C5AB0DC85B11").digest("base64");n.write(`HTTP/1.1 101 Switching Protocols\r
-Upgrade: websocket\r
-Connection: Upgrade\r
-Sec-WebSocket-Accept: ${a}\r
-\r
-`);let p={socket:n,isAlive:!0};n.on("close",()=>{this.clients=this.clients.filter(d=>d!==p)}),n.on("error",()=>{this.clients=this.clients.filter(d=>d!==p)}),this.clients.push(p)}broadcast(t){let n=[];for(let r of this.clients)try{if(!r.isAlive){n.push(r);continue}let s=Buffer.from(t,"utf-8"),a=this.createFrame(129,s);r.socket.write(a)}catch(s){n.push(r)}for(let r of n){this.clients=this.clients.filter(s=>s!==r);try{r.socket.destroy()}catch(s){}}}createFrame(t,n){let r=n.length,s;r<126?s=2:r<65536?s=4:s=10;let a=Buffer.alloc(s+r);return a[0]=t,r<126?a[1]=r:r<65536?(a[1]=126,a.writeUInt16BE(r,2)):(a[1]=127,a.writeUInt32BE(0,2),a.writeUInt32BE(r,6)),n.copy(a,s),a}getClientCount(){return this.clients.length}closeAll(){for(let t of this.clients)try{t.socket.destroy()}catch(n){}this.clients=[]}};function Fe(e){let t=new L,n=[],r=[],s=null,a=!1;function p(u){let c=j.extname(u).toLowerCase();if(c===".css")return"css";let m=j.basename(u);return m.startsWith("lytx.config")||m==="tsconfig.json"||m==="package.json"?"reload":c===".ts"||c===".tsx"||c===".lyt"||c===".js"||c===".jsx"?"update":"reload"}function d(u){try{let c=T.readdirSync(u,{withFileTypes:!0});for(let m of c){let l=j.join(u,m.name);if(m.isDirectory()){if(m.name==="node_modules"||m.name===".git"||m.name==="dist")continue;d(l)}else if(m.isFile()){let f=j.extname(m.name).toLowerCase();if(new Set([".ts",".tsx",".js",".jsx",".css",".html",".json",".lyt"]).has(f))try{let P=T.watch(l,{persistent:!1},K=>{if(K==="change"){let E=j.relative(e,l);for(let k of n)try{k(E)}catch(O){}let R=p(l),C={type:R,path:`/${E}`};if(R==="css")try{C.content=T.readFileSync(l,"utf-8")}catch(k){}t.broadcast(JSON.stringify(C))}});r.push(P)}catch(P){}}}}catch(c){}}return{start(u){a||(a=!0,s=Q.createServer((c,m)=>{m.writeHead(426,{"Content-Type":"text/plain"}),m.end("Upgrade Required")}),s.on("upgrade",(c,m,l)=>{t.handleUpgrade(c,m,l)}),s.listen(u,()=>{}),d(e))},stop(){a=!1;for(let u of r)try{u.close()}catch(c){}if(r.length=0,t.closeAll(),s){try{s.close()}catch(u){}s=null}},onFileChange(u){n.push(u)},notifyClient(u){t.broadcast(JSON.stringify(u))}}}function _(e){let t=new L;return e.on("upgrade",(n,r,s)=>{t.handleUpgrade(n,r,s)}),{broadcast(n){t.broadcast(n)},getClientCount(){return t.getClientCount()}}}function J(){return`(function() {
-  'use strict';
-  var ws = null;
-  var reconnectTimer = null;
-  var reconnectAttempts = 0;
-  var maxReconnectAttempts = 10;
-  function connect() {
-    var protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
-    var wsUrl = protocol + '//' + location.host + '/__hmr__';
-    ws = new WebSocket(wsUrl);
-    ws.onopen = function() {
-      reconnectAttempts = 0;
-      console.log('[HMR] Connected');
-    };
-    ws.onmessage = function(event) {
-      try {
-        var update = JSON.parse(event.data);
+` : ""}export function create${data.pascalName}Store() {
+  const state = signal${tsOnly ? `<${data.pascalName}State>` : ""}({
+    items: [],
+    selectedId: null,
+    loading: false,
+    error: null,
+  });
-        if (update.type === 'css') {
-          handleCSSUpdate(update);
-        } else if (update.type === 'update') {
-          handleModuleUpdate(update);
-        } else if (update.type === 'reload') {
-          handleFullReload(update);
-        }
-      } catch (e) {
-        console.error('[HMR] Failed to parse update:', e);
-      }
+  const selectedItem = computed(() => {
+    const currentState = state.value;
+    return currentState.items.find(item => item.id === currentState.selectedId);
+  });
+  const itemCount = computed(() => state.value.items.length);
+  function setItems(items) {
+    state.value = { ...state.value, items };
+  }
+  function selectItem(id) {
+    state.value = { ...state.value, selectedId: id };
+  }
+  function addItem(item) {
+    state.value = {
+      ...state.value,
+      items: [...state.value.items, item],
     };
+  }
-    ws.onclose = function() {
-      console.log('[HMR] Disconnected');
-      scheduleReconnect();
+  function updateItem(id, updates) {
+    state.value = {
+      ...state.value,
+      items: state.value.items.map(item =>
+        item.id === id ? { ...item, ...updates } : item
+      ),
     };
+  }
-    ws.onerror = function() {
-      ws.close();
+  function removeItem(id) {
+    state.value = {
+      ...state.value,
+      items: state.value.items.filter(item => item.id !== id),
+      selectedId: state.value.selectedId === id ? null : state.value.selectedId,
     };
   }
-  function scheduleReconnect() {
-    if (reconnectAttempts >= maxReconnectAttempts) {
-      console.log('[HMR] Max reconnect attempts reached');
-      return;
-    }
-    reconnectAttempts++;
-    var delay = Math.min(1000 * Math.pow(2, reconnectAttempts), 30000);
-    console.log('[HMR] Reconnecting in ' + delay + 'ms (attempt ' + reconnectAttempts + ')');
-    reconnectTimer = setTimeout(connect, delay);
-  }
-  function handleCSSUpdate(update) {
-    console.log('[HMR] CSS update:', update.path);
-    // \u67E5\u627E\u6240\u6709 link[rel="stylesheet"] \u5E76\u91CD\u65B0\u52A0\u8F7D
-    var links = document.querySelectorAll('link[rel="stylesheet"]');
-    links.forEach(function(link) {
-      var href = link.getAttribute('href');
-      if (href && href.indexOf(update.path) !== -1) {
-        var newLink = document.createElement('link');
-        newLink.rel = 'stylesheet';
-        newLink.href = href + (href.indexOf('?') !== -1 ? '&' : '?') + 't=' + Date.now();
-        link.parentNode.replaceChild(newLink, link);
-      }
-    });
+  function setLoading(loading) {
+    state.value = { ...state.value, loading };
+  }
-    // \u5982\u679C\u6709\u5185\u8054 CSS \u5185\u5BB9\uFF0C\u76F4\u63A5\u6CE8\u5165
-    if (update.content) {
-      var style = document.createElement('style');
-      style.textContent = update.content;
-      document.head.appendChild(style);
-    }
+  function setError(error) {
+    state.value = { ...state.value, error };
   }
-  function handleModuleUpdate(update) {
-    console.log('[HMR] Module update:', update.path);
-    // \u5C1D\u8BD5\u70ED\u66F4\u65B0\u6A21\u5757
-    if (typeof module !== 'undefined' && module.hot) {
-      module.hot.accept(update.path, function() {
-        console.log('[HMR] Module accepted:', update.path);
-      });
-    } else {
-      // \u56DE\u9000\u5230\u5168\u91CF\u5237\u65B0
-      console.log('[HMR] Full reload (module.hot not available)');
-      location.reload();
-    }
+  function reset() {
+    state.value = {
+      items: [],
+      selectedId: null,
+      loading: false,
+      error: null,
+    };
   }
-  function handleFullReload(update) {
-    console.log('[HMR] Full reload:', update.path);
-    location.reload();
-  }
-  // \u542F\u52A8\u8FDE\u63A5
-  connect();
-})();`}var D=null;async function Oe(){if(!D)try{D=await import("esbuild")}catch(e){i.error("\u7F3A\u5C11\u4F9D\u8D56: esbuild"),i.error(""),i.error("  Lyt CLI \u7684\u5F00\u53D1\u670D\u52A1\u5668\u9700\u8981 esbuild \u6765\u5B9E\u65F6\u7F16\u8BD1 TypeScript\u3002"),i.error(""),i.error("  \u8BF7\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\u5B89\u88C5:"),i.error(`    ${o("npm install esbuild --save-dev","brightGreen")}`),i.error(""),i.error("  \u5982\u679C\u60A8\u4F7F\u7528 pnpm:"),i.error(`    ${o("pnpm add esbuild -D","brightGreen")}`),i.error(""),process.exit(1)}return D}function He(e,t){try{return D.transformSync(e,{loader:"ts",target:"es2018",format:"esm",sourcemap:"inline"}).code}catch(n){let r=n instanceof Error?n.message:String(n);return console.error(`[Lyt CLI] \u7F16\u8BD1\u9519\u8BEF ${t||""}:`,r),e}}function Ge(e,t){var u;let n=((u=e.url)==null?void 0:u.split("?")[0])||"/";if(n==="/"&&(n="/index.html"),n.startsWith("/node_modules/")||n.startsWith("/@")){let c;if(n.startsWith("/@")&&!n.startsWith("/node_modules/")?c=x.join(t,"node_modules",n.slice(1)):c=x.join(t,n.slice(1)),n.match(/^\/(@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/)&&!n.includes(".")){let m=x.join(c,"package.json");if(A.existsSync(m))try{let l=JSON.parse(S(m)),f=l.module||l.main||"index.js";l.exports&&(typeof l.exports=="string"?f=l.exports:typeof l.exports=="object"&&l.exports["."]&&(typeof l.exports["."]=="string"?f=l.exports["."]:l.exports["."].import?f=l.exports["."].import:l.exports["."].default?f=l.exports["."].default:Object.values(l.exports["."])[0]&&(f=Object.values(l.exports["."])[0]))),f.startsWith("./")&&(f=f.slice(2)),c=x.join(c,f)}catch(l){}}if(A.existsSync(c)&&A.statSync(c).isFile()){let m=x.extname(c).toLowerCase(),f={".js":"application/javascript; charset=utf-8",".mjs":"application/javascript; charset=utf-8",".json":"application/json; charset=utf-8"}[m]||"application/octet-stream",b=S(c);return{statusCode:200,headers:{"Content-Type":f},body:b}}}let r=x.join(t,n);if(!r.startsWith(t))return{statusCode:403,headers:{"Content-Type":"text/plain; charset=utf-8"},body:"403 Forbidden"};if(!A.existsSync(r)||!A.statSync(r).isFile())return{statusCode:404,headers:{"Content-Type":"text/plain; charset=utf-8"},body:"404 Not Found"};let s=x.extname(r).toLowerCase(),p={".html":"text/html; charset=utf-8",".css":"text/css; charset=utf-8",".js":"application/javascript; charset=utf-8",".mjs":"application/javascript; charset=utf-8",".ts":"application/typescript; charset=utf-8",".json":"application/json; charset=utf-8",".svg":"image/svg+xml",".png":"image/png",".jpg":"image/jpeg",".jpeg":"image/jpeg",".gif":"image/gif",".ico":"image/x-icon",".woff":"font/woff",".woff2":"font/woff2",".txt":"text/plain; charset=utf-8"}[s]||"application/octet-stream",d=S(r);return(s===".ts"||s===".tsx")&&(d=He(d,n)),s===".html"&&(d=d.replace("</head>",`<script>${J()}</script>
-</head>`)),{statusCode:200,headers:{"Content-Type":p},body:d}}async function V(e={}){let t=e.port||3e3,n=x.resolve(e.root||process.cwd()),r=e.hmr!==!1;await Oe();let s=te.createServer((d,u)=>{let c=Ge(d,n);u.writeHead(c.statusCode,c.headers),u.end(c.body)}),a=r?_(s):null;s.listen(t,()=>{console.log(""),console.log(o("  \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557","brightCyan")),console.log(o("  \u2551","brightCyan")+o("        Lyt \u5F00\u53D1\u670D\u52A1\u5668\u5DF2\u542F\u52A8          ","brightWhite")+o("\u2551","brightCyan")),console.log(o("  \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D","brightCyan")),console.log(""),console.log(`  ${o("\u279C","brightGreen")}  \u672C\u5730\u8BBF\u95EE:   ${o(`http://localhost:${t}`,"brightBlue")}`),console.log(`  ${o("\u279C","brightGreen")}  \u7F51\u7EDC\u8BBF\u95EE:   ${o(`http://127.0.0.1:${t}`,"brightBlue")}`),console.log(`  ${o("\u279C","brightGreen")}  \u9879\u76EE\u76EE\u5F55:   ${o(n,"brightBlue")}`),console.log(`  ${o("\u279C","brightGreen")}  \u70ED\u66F4\u65B0:     ${o(r?"\u5DF2\u5F00\u542F":"\u5DF2\u5173\u95ED",r?"brightGreen":"brightRed")}`),console.log(""),console.log(`  ${o("\u6309 Ctrl+C \u505C\u6B62\u670D\u52A1\u5668","dim")}`),console.log("")}),s.on("error",d=>{d.code==="EADDRINUSE"?(i.error(`\u7AEF\u53E3 ${t} \u5DF2\u88AB\u5360\u7528\uFF0C\u8BF7\u4F7F\u7528 --port \u6307\u5B9A\u5176\u4ED6\u7AEF\u53E3`),process.exit(1)):(i.error(`\u670D\u52A1\u5668\u542F\u52A8\u5931\u8D25: ${d.message}`),process.exit(1))});let p=()=>{i.info("\u6B63\u5728\u5173\u95ED\u5F00\u53D1\u670D\u52A1\u5668..."),s.close(()=>{i.success("\u670D\u52A1\u5668\u5DF2\u5173\u95ED"),process.exit(0)}),setTimeout(()=>{i.warn("\u670D\u52A1\u5668\u5173\u95ED\u8D85\u65F6\uFF0C\u5F3A\u5236\u9000\u51FA"),process.exit(1)},5e3)};process.on("SIGINT",p),process.on("SIGTERM",p)}import*as y from"fs";import*as g from"path";var B=null;async function Le(){if(!B)try{B=await import("esbuild")}catch(e){i.error("\u7F3A\u5C11\u4F9D\u8D56: esbuild"),i.error(""),i.error("  Lyt CLI \u7684\u6784\u5EFA\u529F\u80FD\u9700\u8981 esbuild\u3002"),i.error(""),i.error("  \u8BF7\u6267\u884C\u4EE5\u4E0B\u547D\u4EE4\u5B89\u88C5:"),i.error(`    ${o("npm install esbuild --save-dev","brightGreen")}`),i.error(""),i.error("  \u5982\u679C\u60A8\u4F7F\u7528 pnpm:"),i.error(`    ${o("pnpm add esbuild -D","brightGreen")}`),i.error(""),process.exit(1)}return B}async function oe(e={}){let t=Date.now(),n=g.resolve(e.root||process.cwd()),r=g.resolve(n,e.outDir||"dist"),s=e.entry||"index.html",a=e.minify||!1;await Le(),i.info("\u5F00\u59CB\u6784\u5EFA\u9879\u76EE..."),i.info(`  \u6839\u76EE\u5F55: ${o(n,"brightCyan")}`),i.info(`  \u8F93\u51FA\u76EE\u5F55: ${o(r,"brightCyan")}`),i.info(`  \u538B\u7F29: ${o(a?"\u5F00\u542F":"\u5173\u95ED",a?"brightGreen":"brightYellow")}`);let p=g.join(n,s);y.existsSync(p)||(i.error(`\u5165\u53E3\u6587\u4EF6\u4E0D\u5B58\u5728: ${p}`),process.exit(1));let d=S(p),u=/<script\s+type="module"\s+src="([^"]+)"\s*><\/script>/g,c,m=[];for(;(c=u.exec(d))!==null;)m.push(c[1]);m.length===0&&i.warn("\u672A\u5728\u5165\u53E3 HTML \u4E2D\u627E\u5230\u6A21\u5757\u811A\u672C\u5F15\u7528");let l={inputFiles:0,outputFiles:0,totalSize:0,buildTime:0};$(r),$(g.join(r,"assets"));for(let b of m){let P=g.join(n,b);if(!y.existsSync(P)){i.warn(`\u811A\u672C\u6587\u4EF6\u4E0D\u5B58\u5728: ${b}`);continue}i.info(`\u6B63\u5728\u6253\u5305: ${o(b,"brightYellow")}`);let E=`${g.basename(b,g.extname(b))}.bundle.js`,R=g.join(r,"assets",E);try{await B.build({entryPoints:[P],bundle:!0,minify:a,target:"es2018",format:"esm",outfile:R,sourcemap:!0,external:O=>O.startsWith("@lytjs/"),drop:a?["console"]:[],metafile:!0});let C=y.readFileSync(R,"utf-8");l.totalSize+=Buffer.byteLength(C,"utf-8"),l.outputFiles++;let k=R+".map";if(y.existsSync(k)){let O=y.readFileSync(k,"utf-8");l.totalSize+=Buffer.byteLength(O,"utf-8"),l.outputFiles++}d=d.replace(`<script type="module" src="${b}"></script>`,`<script src="/assets/${E}"></script>`),l.inputFiles++}catch(C){let k=C instanceof Error?C.message:String(C);i.error(`\u6253\u5305\u5931\u8D25 ${b}: ${k}`),process.exit(1)}}De(n,r,l);let f=g.join(r,"index.html");w(f,d),l.outputFiles++,l.totalSize+=Buffer.byteLength(d,"utf-8"),l.buildTime=Date.now()-t,console.log(""),i.success("\u6784\u5EFA\u5B8C\u6210\uFF01"),console.log(""),console.log(`  ${o("\u8F93\u5165\u6587\u4EF6:","brightWhite")} ${l.inputFiles} \u4E2A`),console.log(`  ${o("\u8F93\u51FA\u6587\u4EF6:","brightWhite")} ${l.outputFiles} \u4E2A`),console.log(`  ${o("\u603B\u5927\u5C0F:","brightWhite")} ${Be(l.totalSize)}`),console.log(`  ${o("\u6784\u5EFA\u8017\u65F6:","brightWhite")} ${l.buildTime}ms`),console.log(`  ${o("\u8F93\u51FA\u76EE\u5F55:","brightWhite")} ${o(r,"brightCyan")}`),console.log("")}function De(e,t,n){let r=g.join(e,"src");if(!y.existsSync(r))return;function s(a,p){let d=y.readdirSync(a,{withFileTypes:!0});for(let u of d){let c=g.join(a,u.name);if(u.isDirectory()){if(u.name==="node_modules")continue;s(c,p)}else if(u.isFile()){let m=g.extname(u.name);if([".ts",".tsx",".js",".jsx"].includes(m))continue;let l=g.relative(p,c),f=g.join(t,l);if(/\.(png|jpe?g|gif|svg|ico|woff2?|ttf|eot|mp[34]|webm|avi|pdf|zip|gz)$/i.test(c)){let P=y.readFileSync(c);w(f,P)}else w(f,y.readFileSync(c).toString("utf-8"));n.outputFiles++,n.totalSize+=y.statSync(c).size}}}s(r,r)}function Be(e){if(e===0)return"0 B";let t=["B","KB","MB","GB"],n=1024,r=Math.floor(Math.log(e)/Math.log(n));return`${(e/Math.pow(n,r)).toFixed(2)} ${t[r]}`}import*as M from"fs";import*as ne from"path";var Y=`
-${o("lytx generate","brightCyan")} - \u751F\u6210\u4EE3\u7801\uFF08\u7EC4\u4EF6\u3001Store\u3001\u9875\u9762\u3001API\uFF09
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx generate <type> <name> [options]
-${o("\u53C2\u6570:","brightGreen")}
-  ${o("<type>","brightYellow")}            \u751F\u6210\u7C7B\u578B (component, store, page, api)
-  ${o("<name>","brightYellow")}            \u540D\u79F0
-${o("\u9009\u9879:","brightGreen")}
-  ${o("--ai","brightYellow")}              \u4F7F\u7528 AI \u751F\u6210\uFF08\u9700\u8981\u914D\u7F6E API Key\uFF09
-  ${o("--no-ai","brightYellow")}           \u4E0D\u4F7F\u7528 AI\uFF08\u6A21\u677F\u751F\u6210\uFF09
-  ${o("-t, --type <type>","brightYellow")} \u7EC4\u4EF6\u7C7B\u578B (button, input, form, card, list, table, modal, dropdown, tabs, navigation, custom)
-  ${o("-o, --output <path>","brightYellow")}\u8F93\u51FA\u6587\u4EF6\u8DEF\u5F84
-  ${o("--no-style","brightYellow")}        \u4E0D\u6DFB\u52A0\u6837\u5F0F
-  ${o("--api-key <key>","brightYellow")}    AI API Key
-  ${o("--model <model>","brightYellow")}    AI \u6A21\u578B\u540D\u79F0
-  ${o("--provider <name>","brightYellow")} AI \u63D0\u4F9B\u5546 (openai, anthropic, custom)
-  ${o("--base-url <url>","brightYellow")}  AI API \u57FA\u7840 URL
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx generate component MyButton
-  ${o("$","dim")} lytx generate component MyButton --type button
-  ${o("$","dim")} lytx generate component MyButton --type button --ai
-  ${o("$","dim")} lytx generate store counter
-  ${o("$","dim")} lytx generate page Home
-  ${o("$","dim")} lytx generate api users
-`;function Ye(e){let t={type:"component",name:"",useAI:!1,style:!0};for(let n=0;n<e.length;n++){let r=e[n];r==="--ai"?t.useAI=!0:r==="--no-ai"?t.useAI=!1:r==="-t"||r==="--type"?t.componentType=e[++n]:r==="-o"||r==="--output"?t.outputPath=e[++n]:r==="--no-style"?t.style=!1:r==="--api-key"?t.apiKey=e[++n]:r==="--model"?t.model=e[++n]:r==="--provider"?t.provider=e[++n]:r==="--base-url"?t.baseUrl=e[++n]:r==="-d"||r==="--description"?t.description=e[++n]:!t.type&&["component","store","page","api"].includes(r)?t.type=r:!t.name&&!r.startsWith("-")&&(t.name=r)}return t}function Ue(e,t){let n=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=t.componentType||"functional",s={functional:`<!-- ${e} \u7EC4\u4EF6 -->
-<template>
-  <div class="${n}">
-    <slot></slot>
-  </div>
-</template>
+  return {
+    state,
+    selectedItem,
+    itemCount,
+    setItems,
+    selectItem,
+    addItem,
+    updateItem,
+    removeItem,
+    setLoading,
+    setError,
+    reset,
+  };
+}
-<script setup>
-// \u7EC4\u4EF6\u903B\u8F91
-</script>
+${tsOnly ? `export type ${data.pascalName}Store = ReturnType<typeof create${data.pascalName}Store>;
+` : ""}export default create${data.pascalName}Store;
+`;
+  },
+  layout: (data, withStyles, _withTest, _template, lang) => {
+    const tsOnly = lang === "ts";
+    const styleImport = withStyles ? `
+import './${data.kebabName}.styles.css';` : "";
+    return `/**
+ * ${data.pascalName} \u5E03\u5C40
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
-<style scoped>
-.${n} {
-  /* \u6837\u5F0F */
-}
-</style>
-`,button:`<!-- ${e} \u6309\u94AE\u7EC4\u4EF6 -->
-<template>
-  <button class="${n}" :disabled="disabled" @click="handleClick">
-    <slot></slot>
-  </button>
-</template>
+import { h, defineComponent } from '@lytjs/core';${styleImport}
-<script setup>
-import { defineProps, defineEmits } from '@lytjs/core';
+${tsOnly ? `export interface ${data.pascalName}LayoutProps {
+  children?: any;
+}
-const props = defineProps({
-  disabled: {
-    type: Boolean,
-    default: false
-  }
+` : ""}export const ${data.pascalName}Layout = defineComponent({
+  name: '${data.pascalName}Layout',
+  setup(props) {
+    return () => (
+      <div className="${data.kebabName}-layout">
+        <header className="${data.kebabName}-header">
+          <slot name="header">
+            <h1>${data.pascalName}</h1>
+          </slot>
+        </header>
+        <main className="${data.kebabName}-main">
+          <slot />
+        </main>
+        <footer className="${data.kebabName}-footer">
+          <slot name="footer" />
+        </footer>
+      </div>
+    );
+  },
 });
-const emit = defineEmits(['click']);
+export default ${data.pascalName}Layout;
+`;
+  },
+  middleware: (data, _withStyles, _withTest, _template, lang) => {
+    const tsOnly = lang === "ts";
+    return `/**
+ * ${data.pascalName} \u4E2D\u95F4\u4EF6
+ *
+ * @description ${data.description}
+ * @created ${data.date}
+ */
-function handleClick(event) {
-  emit('click', event);
+${tsOnly ? `import type { Request, Response, NextFunction } from 'express';
+` : ""}
+export function ${data.camelName}Middleware(${tsOnly ? `req: Request, res: Response, next: NextFunction` : "req, res, next"}) {
+  try {
+    console.log('[${data.pascalName}] Middleware executed');
+    next();
+  } catch (error) {
+    next(error);
+  }
 }
-</script>
-<style scoped>
-.${n} {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  background: #3b82f6;
-  color: white;
-  cursor: pointer;
-  font-size: 14px;
+export default ${data.camelName}Middleware;
+`;
+  }
+};
+function toPascalCase2(name) {
+  return name.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
 }
-.${n}:hover:not(:disabled) {
-  background: #2563eb;
+function toCamelCase2(name) {
+  const pascal = toPascalCase2(name);
+  return pascal.charAt(0).toLowerCase() + pascal.slice(1);
 }
-.${n}:disabled {
-  background: #9ca3af;
-  cursor: not-allowed;
+function toKebabCase(name) {
+  return name.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
 }
-</style>
-`,input:`<!-- ${e} \u8F93\u5165\u6846\u7EC4\u4EF6 -->
-<template>
-  <div class="${n}">
-    <input
-      :value="modelValue"
-      :type="type"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      @input="handleInput"
-      @change="handleChange"
-    />
-  </div>
-</template>
-<script setup>
-import { defineProps, defineEmits } from '@lytjs/core';
+async function generate(options) {
+  const {
+    type,
+    name,
+    path: basePath = "./src",
+    withStyles = false,
+    withTest = false,
+    description = "",
+    template = "default",
+    language = "ts"
+  } = options;
+  const templateData = {
+    name,
+    pascalName: toPascalCase2(name),
+    kebabName: toKebabCase(name),
+    camelName: toCamelCase2(name),
+    date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+    description: description || `${toPascalCase2(name)} ${type}`
+  };
+  const typeDirs = {
+    component: "components",
+    page: "pages",
+    service: "services",
+    hook: "hooks",
+    store: "stores",
+    layout: "layouts",
+    middleware: "middleware"
+  };
+  const targetDir = path.join(
+    process.cwd(),
+    basePath,
+    typeDirs[type] || "components"
+  );
+  await ensureDir(targetDir);
+  const templateFn = TEMPLATES3[type];
+  if (!templateFn) {
+    logger.error(`Unknown type: ${type}`);
+    logger.info("Available types: component, page, service, hook, store, layout, middleware");
+    process.exit(1);
+  }
+  const extension = template === "sfc" ? "lyt" : language;
+  const filename = `${templateData.kebabName}${type === "page" ? ".page" : ""}.${extension}`;
+  const filePath = path.join(targetDir, filename);
+  const content = templateFn(templateData, withStyles, withTest, template, language);
+  await writeFile(filePath, content);
+  logger.success(`Generated ${type}: ${filePath}`);
+  if (withStyles && template !== "sfc") {
+    const styleContent = `/**
+ * ${templateData.pascalName} Styles
+ */
-const props = defineProps({
-  modelValue: {
-    type: [String, Number],
-    default: ''
-  },
-  type: {
-    type: String,
-    default: 'text'
-  },
-  placeholder: {
-    type: String,
-    default: ''
-  },
-  disabled: {
-    type: Boolean,
-    default: false
+.${templateData.kebabName} {
+  /* Component styles */
+}
+`;
+    const stylePath = path.join(targetDir, `${templateData.kebabName}.styles.css`);
+    await writeFile(stylePath, styleContent);
+    logger.success(`Generated styles: ${stylePath}`);
   }
+  if (withTest && template !== "sfc") {
+    logger.info("Test file included in generated component");
+  }
+  logger.info("\nNext steps:");
+  logger.info(`  cd ${targetDir}`);
+  logger.info(`  Import your ${type}: import { ${template === "sfc" ? "default" : templateData.pascalName} } from './${templateData.kebabName}'`);
+  logger.info("\nAvailable options:");
+  logger.info("  --template=sfc : Single File Component (.lyt)");
+  logger.info("  --template=functional : Functional component");
+  logger.info("  --language=js : JavaScript output");
+}
+var PLUGIN_TEMPLATES = {
+  default: "Default plugin template with TypeScript",
+  minimal: "Minimal plugin without extra dependencies",
+  withConfig: "Plugin template with configuration schema"
+};
+function getTemplateContent(template, pluginName) {
+  const packageName = `@lytjs/plugin-${pluginName}`;
+  const files = {};
+  files["package.json"] = JSON.stringify({
+    name: packageName,
+    version: "0.1.0",
+    description: `LytJS plugin: ${pluginName}`,
+    main: "dist/index.cjs",
+    module: "dist/index.mjs",
+    types: "dist/index.d.ts",
+    exports: {
+      ".": {
+        import: "./dist/index.mjs",
+        require: "./dist/index.cjs",
+        types: "./dist/index.d.ts"
+      }
+    },
+    files: ["dist"],
+    scripts: {
+      build: "tsup",
+      dev: "tsup --watch",
+      test: "vitest",
+      lint: "eslint src",
+      "prepublishOnly": "npm run build"
+    },
+    keywords: ["lytjs", "plugin"],
+    license: "MIT",
+    peerDependencies: {
+      "@lytjs/core": ">=6.0.0"
+    }
+  }, null, 2);
+  files["tsconfig.json"] = JSON.stringify({
+    extends: "@lytjs/core/tsconfig.json",
+    compilerOptions: {
+      outDir: "./dist",
+      rootDir: "./src",
+      declaration: true,
+      declarationMap: true
+    },
+    include: ["src"],
+    exclude: ["node_modules", "dist", "tests"]
+  }, null, 2);
+  files["tsup.config.ts"] = `import { defineConfig } from 'tsup';
+export default defineConfig({
+  entry: { index: 'src/index.ts' },
+  format: ['esm', 'cjs'],
+  dts: true,
+  sourcemap: true,
+  clean: true,
+  splitting: false,
+  treeshake: true,
+  minify: false,
+  external: ['@lytjs/core'],
 });
+`;
+  if (template === "withConfig") {
+    files["src/index.ts"] = `/**
+ * @lytjs/plugin-${pluginName}
+ *
+ * A LytJS plugin with configuration schema support.
+ */
-const emit = defineEmits(['update:modelValue', 'change']);
+import { definePlugin } from '@lytjs/core';
+import type { ConfigSchema } from '@lytjs/core';
-function handleInput(event) {
-  emit('update:modelValue', event.target.value);
-}
+/**
+ * Plugin options schema
+ */
+const optionsSchema: ConfigSchema<${pluginName.replace(/-/g, "")}Options> = {
+  type: 'object',
+  properties: {
+    debug: {
+      type: 'boolean',
+      description: 'Enable debug mode',
+      default: false,
+    },
+    option1: {
+      type: 'string',
+      description: 'First option',
+      default: 'default value',
+    },
+  },
+  additionalProperties: false,
+};
-function handleChange(event) {
-  emit('change', event.target.value);
+export interface ${pluginName.replace(/-/g, "")}Options {
+  debug?: boolean;
+  option1?: string;
 }
-</script>
-<style scoped>
-.${n} input {
-  padding: 8px 12px;
-  border: 1px solid #d1d5db;
-  border-radius: 4px;
-  font-size: 14px;
-  outline: none;
+/**
+ * Create the plugin with configuration schema
+ */
+export function create${pluginName.replace(/-/g, "").replace(/^\w/, (c) => c.toUpperCase())}(options?: ${pluginName.replace(/-/g, "")}Options) {
+  return definePlugin({
+    name: '${packageName}',
+    version: '0.1.0',
+    description: 'A LytJS plugin',
+    schema: optionsSchema,
+    install: (app, opts) => {
+      const config = opts || {};
+      console.log('[${packageName}] Installing with config:', config);
+    },
+  });
 }
-.${n} input:focus {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
-}
-</style>
-`,card:`<!-- ${e} \u5361\u7247\u7EC4\u4EF6 -->
-<template>
-  <div class="${n}">
-    <div class="${n}-header" if="$slots.header">
-      <slot name="header"></slot>
-    </div>
-    <div class="${n}-body">
-      <slot></slot>
-    </div>
-    <div class="${n}-footer" if="$slots.footer">
-      <slot name="footer"></slot>
-    </div>
-  </div>
-</template>
+/**
+ * Direct plugin export (without schema)
+ */
+export default create${pluginName.replace(/-/g, "").replace(/^\w/, (c) => c.toUpperCase())}();
+`;
+  } else {
+    files["src/index.ts"] = `/**
+ * @lytjs/plugin-${pluginName}
+ *
+ * A LytJS plugin.
+ */
-<script setup>
-// \u7EC4\u4EF6\u903B\u8F91
-</script>
+import { definePlugin } from '@lytjs/core';
-<style scoped>
-.${n} {
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
+/**
+ * Create the plugin
+ */
+export function create${pluginName.replace(/-/g, "").replace(/^\w/, (c) => c.toUpperCase())}() {
+  return definePlugin({
+    name: '${packageName}',
+    version: '0.1.0',
+    description: 'A LytJS plugin',
+    install: (app) => {
+      console.log('[${packageName}] Plugin installed');
+    },
+  });
 }
-.${n}-header,
-.${n}-body,
-.${n}-footer {
-  padding: 16px;
-}
+/**
+ * Direct plugin export
+ */
+export default create${pluginName.replace(/-/g, "").replace(/^\w/, (c) => c.toUpperCase())}();
+`;
+  }
+  if (template === "minimal") {
+    files["src/types.ts"] = `/**
+ * Plugin types
+ */
-.${n}-header {
-  border-bottom: 1px solid #e5e7eb;
+export interface PluginOptions {
+  // Define your plugin options here
 }
+`;
+  }
+  files["README.md"] = `# @lytjs/plugin-${pluginName}
-.${n}-footer {
-  border-top: 1px solid #e5e7eb;
-}
-</style>
-`};return s[r]||s.functional}function Ne(e){let t=e.charAt(0).toLowerCase()+e.slice(1);return`/**
- * ${e} Store
- */
+A LytJS plugin.
-import { createStore } from '@lytjs/store';
+## Installation
-export const ${t}Store = createStore('${e}', {
-  state: {
-    // \u72B6\u6001\u5B9A\u4E49
-    count: 0
-  },
+\`\`\`bash
+npm install @lytjs/plugin-${pluginName}
+\`\`\`
-  getters: {
-    // \u8BA1\u7B97\u5C5E\u6027
-    double: state => state.count * 2
-  },
+## Usage
-  actions: {
-    // \u65B9\u6CD5\u5B9A\u4E49
-    increment(state) {
-      state.count++;
-    },
+\`\`\`typescript
+import { createApp } from '@lytjs/core';
+import myPlugin from '@lytjs/plugin-${pluginName}';
-    decrement(state) {
-      state.count--;
-    }
-  }
-});
-`}function ze(e){let t=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();return`<!-- ${e} \u9875\u9762 -->
-<template>
-  <div class="${t}-page">
-    <h1>${e}</h1>
-    <slot></slot>
-  </div>
-</template>
+const app = createApp(App);
+app.use(myPlugin);
+\`\`\`
-<script setup>
-import { ref, computed } from '@lytjs/reactivity';
+## API
-// \u9875\u9762\u903B\u8F91
-</script>
+### createPlugin(options?)
-<style scoped>
-.${t}-page {
-  padding: 20px;
-}
-</style>
-`}function We(e){return`/**
- * ${e} API
- */
+Create the plugin with options.
+## License
+MIT
+`;
+  files[".gitignore"] = `# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+pnpm-debug.log*
-export default async function handler(req, res) {
-  const method = req.method;
+node_modules
+dist
+*.local
-  switch (method) {
-    case 'GET':
-      // \u83B7\u53D6\u8D44\u6E90
-      res.json({
-        success: true,
-        message: 'Get ${e}',
-        data: []
+# IDE
+.vscode
+.idea
+*.sw?
+`;
+  return files;
+}
+async function createPlugin(name, options = {}) {
+  const targetDir = resolve(process.cwd(), name);
+  const template = options.template || "default";
+  if (template !== "default" && template !== "minimal" && template !== "withConfig") {
+    logger.error(`Unknown template: ${template}`);
+    logger.info("Available templates: default, minimal, withConfig");
+    process.exit(1);
+  }
+  if (existsSync(targetDir) && !isEmptyDir2(targetDir) && !options.force) {
+    logger.error(`Directory "${name}" already exists and is not empty.`);
+    logger.info("Use --force to overwrite.");
+    process.exit(1);
+  }
+  logger.info(`Creating a new LytJS plugin in ${targetDir}...`);
+  ensureDir(targetDir);
+  const files = getTemplateContent(template, name);
+  for (const [filePath, content] of Object.entries(files)) {
+    const fullPath = join(targetDir, filePath);
+    const fileDir = resolve(fullPath, "..");
+    if (!existsSync(fileDir)) {
+      mkdirSync(fileDir, { recursive: true });
+    }
+    writeFileSync(fullPath, content, "utf-8");
+    logger.success(`Created: ${filePath}`);
+  }
+  if (!options.skipInstall) {
+    logger.info("Installing dependencies...");
+    try {
+      execSync("pnpm install", { cwd: targetDir, stdio: "inherit" });
+      logger.success("Dependencies installed!");
+    } catch (_error) {
+      logger.warning("Failed to install dependencies automatically.");
+      logger.info('Please run "pnpm install" manually.');
+    }
+  }
+  logger.success(`Plugin "${name}" created successfully!`);
+  logger.info("");
+  logger.bold("Next steps:");
+  logger.info(`  cd ${name}`);
+  logger.info("  pnpm dev      # Start development");
+  logger.info("  pnpm build    # Build for production");
+  logger.info("  pnpm test     # Run tests");
+}
+async function buildPlugin(options = {}) {
+  const cwd = process.cwd();
+  const outDir = options.outDir || "dist";
+  const pkgPath = join(cwd, "package.json");
+  if (!existsSync(pkgPath)) {
+    logger.error("No package.json found. Are you in a plugin directory?");
+    process.exit(1);
+  }
+  logger.info("Building plugin...");
+  try {
+    const buildCmd = "tsup";
+    const args = ["--entry", "src/index.ts", "--outDir", outDir, "--format", "esm,cjs", "--dts", "--sourcemap"];
+    if (options.minify) {
+      args.push("--minify");
+    }
+    execSync(`${buildCmd} ${args.join(" ")}`, { cwd, stdio: "inherit" });
+    logger.success("Build completed!");
+    logger.info(`Output: ${join(cwd, outDir)}`);
+  } catch (_error) {
+    logger.error("Build failed. Make sure tsup is installed: pnpm add -D tsup");
+    process.exit(1);
+  }
+}
+async function validatePlugin(options = {}) {
+  const cwd = process.cwd();
+  logger.info("Validating plugin...");
+  const errors = [];
+  const warnings = [];
+  const pkgPath = join(cwd, "package.json");
+  if (!existsSync(pkgPath)) {
+    errors.push("package.json not found");
+  } else {
+    try {
+      const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+      if (!pkg.name) errors.push("package.json: name is required");
+      if (!pkg.version) errors.push("package.json: version is required");
+      if (!pkg.main) errors.push("package.json: main is required");
+      if (!pkg.module) errors.push("package.json: module is required");
+      if (!pkg.types) errors.push("package.json: types is required");
+      if (!pkg.exports) {
+        warnings.push("package.json: exports field is recommended");
+      }
+      if (!pkg.peerDependencies || !pkg.peerDependencies["@lytjs/core"]) {
+        errors.push("package.json: @lytjs/core peerDependency is required");
+      }
+      if (!pkg.keywords || !pkg.keywords.includes("lytjs")) {
+        warnings.push('package.json: "lytjs" keyword is recommended');
+      }
+    } catch (err) {
+      errors.push(`package.json: Invalid JSON - ${err}`);
+    }
+  }
+  const srcPath = join(cwd, "src");
+  if (!existsSync(srcPath)) {
+    errors.push("src directory not found");
+  } else {
+    const indexPath = join(srcPath, "index.ts");
+    if (!existsSync(indexPath)) {
+      errors.push("src/index.ts not found");
+    } else {
+      const content = readFileSync(indexPath, "utf-8");
+      if (!content.includes("definePlugin") && !content.includes("EnhancedPlugin")) {
+        warnings.push("src/index.ts: Consider using definePlugin or EnhancedPlugin");
+      }
+      if (!content.includes("export")) {
+        warnings.push("src/index.ts: No exports found");
+      }
+    }
+  }
+  const tsconfigPath = join(cwd, "tsconfig.json");
+  if (!existsSync(tsconfigPath)) {
+    warnings.push("tsconfig.json not found (recommended)");
+  }
+  const tsupConfigPath = join(cwd, "tsup.config.ts");
+  if (!existsSync(tsupConfigPath)) {
+    warnings.push("tsup.config.ts not found (recommended for builds)");
+  }
+  let hasErrors = errors.length > 0;
+  let hasWarnings = warnings.length > 0;
+  if (hasErrors) {
+    logger.error("Validation failed with errors:");
+    for (const err of errors) {
+      logger.error(`  - ${err}`);
+    }
+  }
+  if (hasWarnings && !options.strict) {
+    logger.warning("Warnings:");
+    for (const warn of warnings) {
+      logger.warning(`  - ${warn}`);
+    }
+  }
+  if (!hasErrors && !hasWarnings) {
+    logger.success("Plugin validation passed!");
+  } else if (hasWarnings && !hasErrors) {
+    logger.success("Plugin validation passed (with warnings)");
+    if (options.strict) {
+      process.exit(1);
+    }
+  } else {
+    if (options.warningsAsErrors && hasWarnings) {
+      logger.error("Strict mode: treating warnings as errors");
+    }
+    process.exit(1);
+  }
+}
+function isEmptyDir2(dir) {
+  if (!existsSync(dir)) return true;
+  const files = __require("fs").readdirSync(dir);
+  return files.length === 0;
+}
+function listPluginTemplates() {
+  logger.bold("Available plugin templates:");
+  for (const [name, description] of Object.entries(PLUGIN_TEMPLATES)) {
+    logger.info(`  ${name.padEnd(12)} - ${description}`);
+  }
+}
+// src/commands/run.ts
+var VERSION = "6.0.0";
+async function runCli(rawArgs = process.argv.slice(2)) {
+  const { command, args, options } = parseArgs(rawArgs);
+  if (options.help || command === "help") {
+    showHelp();
+    return;
+  }
+  if (options.version || command === "version" || command === "-v" || command === "--version") {
+    console.log(`LytJS CLI v${VERSION}`);
+    return;
+  }
+  switch (command) {
+    case "create":
+      await create(args[0] || "my-lytjs-app", {
+        template: options.template,
+        force: options.force
       });
       break;
-    case 'POST':
-      // \u521B\u5EFA\u8D44\u6E90
-      res.status(201).json({
-        success: true,
-        message: 'Create ${e}',
-        data: {}
+    case "templates":
+      listTemplates();
+      break;
+    case "dev":
+      await dev({
+        port: options.port ? parseInt(options.port, 10) : void 0,
+        host: options.host,
+        open: options.open
       });
       break;
-    case 'PUT':
-      // \u66F4\u65B0\u8D44\u6E90
-      res.json({
-        success: true,
-        message: 'Update ${e}'
+    case "build":
+      await build({
+        outDir: options.outDir,
+        ssr: options.ssr,
+        minify: options.minify !== "false"
       });
       break;
-    case 'DELETE':
-      // \u5220\u9664\u8D44\u6E90
-      res.json({
-        success: true,
-        message: 'Delete ${e}'
+    case "test":
+      await test({
+        watch: options.watch !== "false",
+        coverage: options.coverage,
+        grep: options.grep
       });
       break;
-    default:
-      res.status(405).json({
-        success: false,
-        message: 'Method not allowed'
+    case "add":
+      const addTypes = ["component", "page", "store", "directive", "composable", "util", "middleware", "hook"];
+      if (!args[0] || !addTypes.includes(args[0])) {
+        logger.error("Usage: lyt add <type> <name>");
+        logger.info("Types: component, page, store, directive, composable, util, middleware, hook");
+        logger.info("Example: lyt add component Button");
+        process.exit(1);
+      }
+      await add(args[0], args[1] || "Unnamed", {
+        force: options.force
+      });
+      break;
+    case "generate":
+    case "g":
+      const genTypes = ["component", "page", "service", "hook", "store"];
+      if (!args[0] || !genTypes.includes(args[0])) {
+        logger.error("Usage: lyt generate <type> <name>");
+        logger.info("Types: component, page, service, hook, store");
+        logger.info("Example: lyt generate component Button");
+        process.exit(1);
+      }
+      await generate({
+        type: args[0],
+        name: args[1] || "Unnamed",
+        path: options.path,
+        withStyles: options.styles,
+        withTest: options.test,
+        withStorybook: options.storybook
       });
+      break;
+    case "plugin":
+      if (!args[0]) {
+        logger.error("Usage: lyt plugin <create|build|validate|templates>");
+        logger.info("Example: lyt plugin create my-plugin");
+        process.exit(1);
+      }
+      const subCommand = args[0];
+      switch (subCommand) {
+        case "create":
+          await createPlugin(args[1] || "my-plugin", {
+            template: options.template,
+            force: options.force,
+            skipInstall: options.skipInstall
+          });
+          break;
+        case "build":
+          await buildPlugin({
+            outDir: options.outDir,
+            minify: options.minify,
+            sourcemap: options.sourcemap
+          });
+          break;
+        case "validate":
+          await validatePlugin({
+            strict: options.strict,
+            warningsAsErrors: options.warningsAsErrors
+          });
+          break;
+        case "templates":
+          listPluginTemplates();
+          break;
+        default:
+          logger.error(`Unknown plugin sub-command: ${subCommand}`);
+          logger.info("Supported sub-commands: create, build, validate, templates");
+          process.exit(1);
+      }
+      break;
+    default:
+      if (command) {
+        logger.error(`Unknown command: ${command}`);
+        logger.info('Run "lyt --help" for usage information.');
+        process.exit(1);
+      } else {
+        showHelp();
+      }
   }
 }
-`}async function re(e){let t=Ye(e);t.type||(i.error("\u8BF7\u63D0\u4F9B\u751F\u6210\u7C7B\u578B (component, store, page, api)"),console.log(""),console.log(Y),process.exit(1)),t.name||(i.error("\u8BF7\u63D0\u4F9B\u540D\u79F0"),console.log(""),console.log(Y),process.exit(1)),i.info(`\u751F\u6210 ${t.type}: ${t.name}`),i.info(`\u4F7F\u7528 AI: ${t.useAI?"Yes":"No"}`);let n,r;switch(t.type){case"component":n=Ue(t.name,t),r=`./src/components/${t.name}.lyt`;break;case"store":n=Ne(t.name),r=`./src/stores/${t.name}.js`;break;case"page":n=ze(t.name),r=`./src/pages/${t.name}.lyt`;break;case"api":n=We(t.name),r=`./src/api/${t.name}.js`;break}let s=t.outputPath||r,a=ne.dirname(s);M.existsSync(a)||M.mkdirSync(a,{recursive:!0}),M.writeFileSync(s,n,"utf-8"),i.success(`\u6587\u4EF6\u5DF2\u4FDD\u5B58: ${s}`),t.useAI&&(console.log(""),console.log(o("\u63D0\u793A:","brightYellow")),console.log("  AI \u751F\u6210\u529F\u80FD\u9700\u8981\u5728\u9879\u76EE\u4E2D\u5B89\u88C5 @lytjs/ai"),console.log("  \u8BF7\u5148\u8FD0\u884C: lyt-ai init \u521D\u59CB\u5316\u914D\u7F6E"),console.log(""))}var _e="5.0.5",le="lytx",Je="Lyt.js \u6846\u67B6\u547D\u4EE4\u884C\u5DE5\u5177\uFF08\u589E\u5F3A\u7248\uFF09",se=`
-${o(le,"brightCyan")} - ${Je}
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx <command> [options] [args]
-${o("\u547D\u4EE4:","brightGreen")}
-  ${o("create","brightYellow")} <name>    \u521B\u5EFA\u4E00\u4E2A\u65B0\u7684 Lyt \u9879\u76EE
-  ${o("dev","brightYellow")}              \u542F\u52A8\u672C\u5730\u5F00\u53D1\u670D\u52A1\u5668
-  ${o("build","brightYellow")}            \u6784\u5EFA\u751F\u4EA7\u7248\u672C
-  ${o("preview","brightYellow")}          \u9884\u89C8\u6784\u5EFA\u7ED3\u679C
-  ${o("generate","brightYellow")} <type> <name> \u751F\u6210\u4EE3\u7801\uFF08\u7EC4\u4EF6\u3001Store\u3001\u9875\u9762\u3001API\uFF09
-${o("\u5168\u5C40\u9009\u9879:","brightGreen")}
-  ${o("-h, --help","brightYellow")}       \u663E\u793A\u5E2E\u52A9\u4FE1\u606F
-  ${o("-v, --version","brightYellow")}    \u663E\u793A\u7248\u672C\u53F7
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx create my-app
-  ${o("$","dim")} lytx create my-app --template spa --ts --router --store
-  ${o("$","dim")} lytx create my-todo --template todo-app
-  ${o("$","dim")} lytx create my-admin --template admin-dashboard
-  ${o("$","dim")} lytx dev
-  ${o("$","dim")} lytx dev --port 8080 --hmr
-  ${o("$","dim")} lytx build
-  ${o("$","dim")} lytx build --mode ssr
-  ${o("$","dim")} lytx preview --port 4173
-`;function Ve(){let e=N(),t="";for(let[n,r]of Object.entries(e))t+=`                              ${o(n,"brightYellow")}  \u2014 ${r}
-`;return`
-${o("lytx create","brightCyan")} - \u521B\u5EFA\u65B0\u7684 Lyt \u9879\u76EE
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx create <name> [options]
-${o("\u53C2\u6570:","brightGreen")}
-  ${o("<name>","brightYellow")}              \u9879\u76EE\u540D\u79F0\uFF08\u540C\u65F6\u4F5C\u4E3A\u76EE\u5F55\u540D\uFF09
-${o("\u9009\u9879:","brightGreen")}
-  ${o("--template <tpl>","brightYellow")}    \u9879\u76EE\u6A21\u677F\uFF08\u9ED8\u8BA4: spa\uFF09
-${t}
-  ${o("--ts","brightYellow")}                \u4F7F\u7528 TypeScript\uFF08\u4EC5\u5185\u7F6E\u6A21\u677F\uFF09
-  ${o("--router","brightYellow")}            \u5305\u542B\u8DEF\u7531\uFF08\u4EC5\u5185\u7F6E\u6A21\u677F\uFF09
-  ${o("--store","brightYellow")}             \u5305\u542B\u72B6\u6001\u7BA1\u7406\uFF08\u4EC5\u5185\u7F6E\u6A21\u677F\uFF09
-  ${o("--eslint","brightYellow")}            \u5305\u542B ESLint \u914D\u7F6E\uFF08\u4EC5\u5185\u7F6E\u6A21\u677F\uFF09
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx create my-app
-  ${o("$","dim")} lytx create my-app --template spa --ts --router --store
-  ${o("$","dim")} lytx create my-todo --template todo-app
-  ${o("$","dim")} lytx create my-admin --template admin-dashboard
-  ${o("$","dim")} lytx create my-app --template ssr --ts
-`}var Ke=`
-${o("lytx dev","brightCyan")} - \u542F\u52A8\u672C\u5730\u5F00\u53D1\u670D\u52A1\u5668
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx dev [options]
-${o("\u9009\u9879:","brightGreen")}
-  ${o("-p, --port <port>","brightYellow")}   \u670D\u52A1\u7AEF\u53E3\uFF08\u9ED8\u8BA4: 3000\uFF09
-  ${o("--hmr","brightYellow")}               \u5F00\u542F\u70ED\u66F4\u65B0\uFF08\u9ED8\u8BA4: \u5F00\u542F\uFF09
-  ${o("--no-hmr","brightYellow")}            \u5173\u95ED\u70ED\u66F4\u65B0
-${o("\u529F\u80FD:","brightGreen")}
-  - \u9759\u6001\u6587\u4EF6\u670D\u52A1
-  - TypeScript \u5373\u65F6\u7F16\u8BD1
-  - \u70ED\u6A21\u5757\u66FF\u6362\uFF08HMR\uFF09
-  - WebSocket \u5B9E\u65F6\u901A\u4FE1
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx dev
-  ${o("$","dim")} lytx dev --port 8080
-  ${o("$","dim")} lytx dev --no-hmr
-`,qe=`
-${o("lytx build","brightCyan")} - \u6784\u5EFA\u751F\u4EA7\u7248\u672C
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx build [options]
-${o("\u9009\u9879:","brightGreen")}
-  ${o("--mode <mode>","brightYellow")}       \u6784\u5EFA\u6A21\u5F0F\uFF08\u9ED8\u8BA4: spa\uFF09
-                              \u53EF\u9009\u503C: spa, ssr, ssg
-  ${o("--minify","brightYellow")}            \u538B\u7F29\u4EE3\u7801\uFF08\u53BB\u9664\u7A7A\u767D\u548C\u6CE8\u91CA\uFF09
-  ${o("-o, --outDir <dir>","brightYellow")}  \u8F93\u51FA\u76EE\u5F55\uFF08\u9ED8\u8BA4: dist\uFF09
-  ${o("--entry <file>","brightYellow")}      \u5165\u53E3\u6587\u4EF6\uFF08\u9ED8\u8BA4: index.html\uFF09
-${o("\u529F\u80FD:","brightGreen")}
-  - TypeScript \u7F16\u8BD1
-  - \u6A21\u5757\u6253\u5305\uFF08\u5185\u8054\u4F9D\u8D56\uFF09
-  - \u53BB\u9664 console.log
-  - Source Map \u751F\u6210
-  - \u9759\u6001\u8D44\u6E90\u590D\u5236
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx build
-  ${o("$","dim")} lytx build --mode ssr
-  ${o("$","dim")} lytx build --minify --outDir ./output
-`,Ze=`
-${o("lytx preview","brightCyan")} - \u9884\u89C8\u6784\u5EFA\u7ED3\u679C
-${o("\u7528\u6CD5:","brightGreen")}
-  lytx preview [options]
-${o("\u9009\u9879:","brightGreen")}
-  ${o("-p, --port <port>","brightYellow")}   \u670D\u52A1\u7AEF\u53E3\uFF08\u9ED8\u8BA4: 4173\uFF09
-${o("\u793A\u4F8B:","brightGreen")}
-  ${o("$","dim")} lytx preview
-  ${o("$","dim")} lytx preview --port 5000
-`;function Xe(){console.log(""),console.log(`  ${o(le,"brightCyan")} v${o(_e,"brightWhite")}`),console.log("")}function Qe(e){i.error(`\u672A\u77E5\u547D\u4EE4: ${o(e,"brightRed")}`),console.log(""),console.log(`  \u8FD0\u884C ${o("lytx --help","brightCyan")} \u67E5\u770B\u53EF\u7528\u547D\u4EE4`),console.log("")}function et(e){return typeof e=="string"&&z(e)?e:"spa"}async function tt(e){if(e.options.help){console.log(Ve());return}e.args.length===0&&(i.error("\u8BF7\u63D0\u4F9B\u9879\u76EE\u540D\u79F0"),console.log(""),console.log(`  \u7528\u6CD5: ${o("lytx create <name>","brightCyan")}`),console.log(""),console.log(`  \u8FD0\u884C ${o("lytx create --help","brightCyan")} \u67E5\u770B\u66F4\u591A\u9009\u9879`),console.log(""),process.exit(1));let t=e.args[0],n=typeof e.options.template=="string"?e.options.template:"spa";if(!z(n)){i.error(`\u672A\u77E5\u6A21\u677F: ${o(n,"brightRed")}`),console.log(""),console.log("  \u53EF\u7528\u6A21\u677F\uFF1A");let s=N();for(let[a,p]of Object.entries(s))console.log(`    ${o(a,"brightYellow")}  \u2014 ${p}`);console.log(""),process.exit(1)}if(e.options.ts===!0||e.options.router===!0||e.options.store===!0||e.options.eslint===!0||typeof e.options.template=="string"&&["ssr","ssg","todo-app","admin-dashboard"].includes(e.options.template)){let s={name:t,template:et(e.options.template),ts:e.options.ts===!0,router:e.options.router===!0,store:e.options.store===!0,eslint:e.options.eslint===!0};await W(s)}else{let s={template:typeof e.options.template=="string"?e.options.template:"spa"};await Z(t,s)}}function ot(e){if(e.options.help){console.log(Ke);return}let t={port:typeof e.options.port=="string"?parseInt(e.options.port,10):typeof e.options.p=="string"?parseInt(e.options.p,10):3e3,hmr:e.options["no-hmr"]!==!0};(isNaN(t.port)||t.port<1||t.port>65535)&&(i.error(`\u65E0\u6548\u7684\u7AEF\u53E3\u53F7: ${e.options.port||e.options.p}`),process.exit(1)),V(t)}async function nt(e){if(e.options.help){console.log(qe);return}let t={minify:e.options.minify===!0,outDir:typeof e.options.outDir=="string"?e.options.outDir:typeof e.options.o=="string"?e.options.o:"dist",entry:typeof e.options.entry=="string"?e.options.entry:"index.html"};await oe(t)}function rt(e){if(e.options.help){console.log(Ze);return}let t=typeof e.options.port=="string"?parseInt(e.options.port,10):typeof e.options.p=="string"?parseInt(e.options.p,10):4173;(isNaN(t)||t<1||t>65535)&&(i.error(`\u65E0\u6548\u7684\u7AEF\u53E3\u53F7: ${e.options.port||e.options.p}`),process.exit(1));let n=ae.resolve(process.cwd(),"dist");ie.existsSync(n)||(i.error("\u672A\u627E\u5230\u6784\u5EFA\u8F93\u51FA\u76EE\u5F55 dist/\uFF0C\u8BF7\u5148\u8FD0\u884C lytx build"),process.exit(1)),V({port:t,root:n,hmr:!1})}async function st(){let e=q(process.argv);if(e.options.version){Xe();return}if(e.options.help&&!e.command){console.log(se);return}e.command||(console.log(se),process.exit(1));try{switch(e.command){case"create":await tt(e);break;case"dev":ot(e);break;case"build":await nt(e);break;case"preview":rt(e);break;case"generate":if(e.options.help){console.log(Y);break}await re(e.args);break;default:Qe(e.command),process.exit(1)}}catch(t){let n=t instanceof Error?t.message:String(t);i.error(`\u6267\u884C\u5931\u8D25: ${n}`),console.log(""),console.log(`  ${o("\u63D0\u793A:","brightYellow")} \u8BF7\u68C0\u67E5\u8F93\u5165\u53C2\u6570\u6216\u8FD0\u884C ${o("lytx --help","brightCyan")} \u67E5\u770B\u5E2E\u52A9`),console.log(""),process.exit(1)}}st();export{_ as createHMREndpoint,Fe as createHMRServer,W as createProject,J as getHMRClientScript};
+function parseArgs(args) {
+  let command = args[0] ?? "";
+  const positional = [];
+  const options = {};
+  if (command.startsWith("--") || command.startsWith("-")) {
+    command = "";
+  }
+  const startIndex = command ? 1 : 0;
+  for (let i = startIndex; i < args.length; i++) {
+    const arg = args[i] ?? "";
+    if (arg.startsWith("--")) {
+      const parts = arg.slice(2).split("=");
+      const key = parts[0];
+      const value = parts[1];
+      if (value !== void 0 && key) {
+        options[key] = value;
+      } else if (key && i + 1 < args.length && !(args[i + 1] ?? "").startsWith("-")) {
+        const nextArg = args[++i];
+        if (nextArg) {
+          options[key] = nextArg;
+        }
+      } else if (key) {
+        options[key] = true;
+      }
+    } else if (arg.startsWith("-")) {
+      const key = arg.slice(1);
+      if (key) {
+        options[key] = true;
+      }
+    } else {
+      positional.push(arg);
+    }
+  }
+  return { command, args: positional, options };
+}
+function showHelp() {
+  console.log(`
+${logger.bold("LytJS CLI")} v${VERSION}
+${logger.bold("Usage:")}
+  lyt <command> [options]
+${logger.bold("Commands:")}
+  create <name>            Create a new LytJS project
+  templates                List available templates
+  dev                      Start development server
+  build                    Build for production
+  test                     Run tests
+  add <type> <name>        Generate a component, page, store, directive, composable, etc.
+  generate, g              Advanced code generation (component, page, service, hook, store)
+  plugin <subcmd>          Plugin development commands
+  help                     Show this help message
+${logger.bold("Options:")}
+  --version, -v     Show version number
+  --help            Show help
+${logger.bold("Create Options:")}
+  --template <name> Use a specific template
+  --force           Overwrite existing directory
+${logger.bold("Dev Options:")}
+  --port <number>   Specify port (default: 5173)
+  --host <host>     Specify host (default: localhost)
+  --open            Open browser on start
+${logger.bold("Build Options:")}
+  --outDir <dir>    Output directory (default: dist)
+  --ssr             Build for SSR
+  --minify false    Disable minification
+${logger.bold("Test Options:")}
+  --watch false     Run tests once (no watch mode)
+  --coverage        Generate coverage report
+  --grep <pattern>  Filter tests by pattern
+${logger.bold("Generate Options:")}
+  --path <dir>      Output directory (default: ./src)
+  --styles          Generate CSS styles file
+  --test            Generate test file
+  --storybook       Generate Storybook story file
+${logger.bold("Plugin Options:")}
+  --template <name>    Use a specific plugin template (default, minimal, withConfig)
+  --force              Overwrite existing directory
+  --skipInstall        Skip installing dependencies
+  --outDir <dir>       Output directory (default: dist)
+  --minify             Minify output
+  --sourcemap          Generate sourcemaps
+  --strict             Strict validation mode
+  --warningsAsErrors   Treat warnings as errors
+${logger.bold("Examples:")}
+  lyt create my-app
+  lyt create my-app --template minimal
+  lyt create my-app --template router
+  lyt create my-app --template full
+  lyt dev --port 3000
+  lyt build --ssr
+  lyt add component Button
+  lyt add page About
+  lyt add store user
+  lyt directive click-outside
+  lyt add composable fetch-data
+  lyt add util format
+  lyt add hook window-size
+  lyt generate component Button --styles --test
+  lyt generate page Dashboard --path ./src/pages
+  lyt generate service User --path ./src/services
+  lyt generate hook useCounter
+  lyt generate store Auth --path ./src/stores
+  lyt g page Login
+  lyt plugin create my-plugin
+  lyt plugin create my-plugin --template withConfig
+  lyt plugin build
+  lyt plugin validate
+`);
+}
+// src/index.ts
+if (__require.main === module) {
+  runCli().catch(console.error);
+}
+export { add, build, buildPlugin, create, createPlugin, detectPackageManager, dev, ensureDir, exists, generate, getAddCommand, getInstallCommand, getRunCommand, listPluginTemplates, listTemplates, logger, readFile, runCli, test, validatePlugin, writeFile };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map