@coherent.js/cli 1.0.0-beta.5 → 1.0.0-beta.6

package/dist/index.cjs

@@ -1,2456 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.js
-var index_exports = {};
-__export(index_exports, {
-  buildCommand: () => buildCommand,
-  createCLI: () => createCLI,
-  createCommand: () => createCommand,
-  devCommand: () => devCommand,
-  generateCommand: () => generateCommand
-});
-module.exports = __toCommonJS(index_exports);
-var import_commander5 = require("commander");
-var import_fs9 = require("fs");
-var import_url2 = require("url");
-var import_path9 = require("path");
-var import_picocolors5 = __toESM(require("picocolors"), 1);
-
-// src/commands/create.js
-var import_commander = require("commander");
-var import_prompts = __toESM(require("prompts"), 1);
-var import_ora = __toESM(require("ora"), 1);
-var import_picocolors = __toESM(require("picocolors"), 1);
-var import_fs3 = require("fs");
-var import_path3 = require("path");
-
-// src/generators/project-scaffold.js
-var import_fs = require("fs");
-var import_path = require("path");
-var import_child_process = require("child_process");
-var import_url = require("url");
-var import_meta = {};
-var __filename = (0, import_url.fileURLToPath)(import_meta.url);
-var __dirname = (0, import_path.dirname)(__filename);
-async function scaffoldProject(projectPath, options) {
-  const { name, template, skipInstall, skipGit } = options;
-  const dirs = [
-    "src",
-    "src/components",
-    "src/pages",
-    "src/api",
-    "src/utils",
-    "public",
-    "tests"
-  ];
-  dirs.forEach((dir) => {
-    (0, import_fs.mkdirSync)((0, import_path.join)(projectPath, dir), { recursive: true });
-  });
-  const packageJson = generatePackageJson(name, template);
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "package.json"), JSON.stringify(packageJson, null, 2));
-  switch (template) {
-    case "basic":
-      await generateBasicTemplate(projectPath, name);
-      break;
-    case "fullstack":
-      console.warn("Fullstack template not yet implemented, falling back to basic");
-      await generateBasicTemplate(projectPath, name);
-      break;
-    case "express":
-      await generateExpressTemplate(projectPath, name);
-      break;
-    case "fastify":
-      console.warn("Fastify template not yet implemented, falling back to basic");
-      await generateBasicTemplate(projectPath, name);
-      break;
-    case "components":
-      console.warn("Components template not yet implemented, falling back to basic");
-      await generateBasicTemplate(projectPath, name);
-      break;
-    default:
-      await generateBasicTemplate(projectPath, name);
-  }
-  generateCommonFiles(projectPath, name);
-  if (!skipInstall) {
-    console.log("\u{1F4E6} Installing dependencies...");
-    try {
-      (0, import_child_process.execSync)("npm install", {
-        cwd: projectPath,
-        stdio: "inherit"
-      });
-    } catch {
-      console.warn("\u26A0\uFE0F  Failed to install dependencies automatically");
-    }
-  }
-  if (!skipGit) {
-    try {
-      (0, import_child_process.execSync)("git init", { cwd: projectPath, stdio: "pipe" });
-      (0, import_child_process.execSync)("git add .", { cwd: projectPath, stdio: "pipe" });
-      (0, import_child_process.execSync)('git commit -m "Initial commit"', { cwd: projectPath, stdio: "pipe" });
-    } catch {
-      console.warn("\u26A0\uFE0F  Failed to initialize git repository");
-    }
-  }
-}
-function generatePackageJson(name, template) {
-  const base = {
-    name,
-    version: "1.0.0",
-    description: "A Coherent.js application",
-    type: "module",
-    main: "src/index.js",
-    scripts: {
-      dev: "node src/index.js",
-      build: "coherent build",
-      start: "node src/index.js",
-      test: "node --test tests/*.test.js"
-    },
-    dependencies: {
-      "@coherentjs/core": "^1.0.1"
-    },
-    devDependencies: {
-      "@coherentjs/cli": "^1.0.1"
-    }
-  };
-  switch (template) {
-    case "express":
-      base.dependencies.express = "^4.18.2";
-      base.dependencies["@coherentjs/express"] = "^1.0.1";
-      break;
-    case "fastify":
-      base.dependencies.fastify = "^4.24.3";
-      base.dependencies["@coherentjs/fastify"] = "^1.0.1";
-      break;
-    case "fullstack":
-      base.dependencies["@coherentjs/api"] = "^1.0.1";
-      base.dependencies["@coherentjs/database"] = "^1.0.1";
-      base.dependencies.express = "^4.18.2";
-      base.dependencies["@coherentjs/express"] = "^1.0.1";
-      break;
-  }
-  return base;
-}
-async function generateBasicTemplate(projectPath, name) {
-  const indexJs = `/**
- * ${name} - Coherent.js Application
- */
-
-import { renderToString, createComponent } from '@coherentjs/core';
-import { createServer } from 'http';
-
-// Simple component
-const App = createComponent(() => ({
-  html: {
-    children: [
-      { 
-        head: {
-          children: [
-            { title: { text: '${name}' } },
-            { 
-              meta: { 
-                name: 'viewport', 
-                content: 'width=device-width, initial-scale=1.0' 
-              } 
-            }
-          ]
-        }
-      },
-      {
-        body: {
-          children: [
-            {
-              div: {
-                className: 'container',
-                children: [
-                  { h1: { text: 'Welcome to ${name}!' } },
-                  { 
-                    p: { 
-                      text: 'This is a Coherent.js application built with pure JavaScript objects.' 
-                    } 
-                  },
-                  {
-                    div: {
-                      className: 'features',
-                      children: [
-                        { h2: { text: 'Features:' } },
-                        {
-                          ul: {
-                            children: [
-                              { li: { text: '\u26A1 Lightning fast SSR' } },
-                              { li: { text: '\u{1F3AF} Pure JavaScript objects' } },
-                              { li: { text: '\u{1F512} Built-in XSS protection' } },
-                              { li: { text: '\u{1F4E6} Minimal bundle size' } }
-                            ]
-                          }
-                        }
-                      ]
-                    }
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      }
-    ]
-  }
-}));
-
-// Create server
-const server = createServer((req, res) => {
-  const html = renderToString(App());
-  
-  res.writeHead(200, { 'Content-Type': 'text/html' });
-  res.end(html);
-});
-
-const PORT = process.env.PORT || 3000;
-server.listen(PORT, () => {
-  console.log(\`\u{1F680} Server running at http://localhost:\${PORT}\`);
-});`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "src/index.js"), indexJs);
-  const buttonComponent = `import { createComponent } from '@coherentjs/core';
-
-export const Button = createComponent(({ text = 'Click me', onClick, className = '' }) => ({
-  button: {
-    className: \`btn \${className}\`,
-    onclick: onClick,
-    text
-  }
-}));`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "src/components/Button.js"), buttonComponent);
-}
-async function generateExpressTemplate(projectPath, name) {
-  const indexJs = `/**
- * ${name} - Express + Coherent.js Application
- */
-
-import express from 'express';
-import { setupCoherentExpress } from '@coherentjs/express';
-import { renderToString, createComponent } from '@coherentjs/core';
-
-const app = express();
-
-// Setup Coherent.js with Express
-setupCoherentExpress(app);
-
-// Serve static files
-app.use(express.static('public'));
-
-// Home page component
-const HomePage = createComponent(() => ({
-  html: {
-    children: [
-      { 
-        head: {
-          children: [
-            { title: { text: '${name}' } },
-            { 
-              meta: { 
-                name: 'viewport', 
-                content: 'width=device-width, initial-scale=1.0' 
-              } 
-            }
-          ]
-        }
-      },
-      {
-        body: {
-          children: [
-            {
-              div: {
-                className: 'container',
-                children: [
-                  { h1: { text: 'Express + Coherent.js' } },
-                  { 
-                    p: { 
-                      text: 'Combining the power of Express.js with Coherent.js SSR!' 
-                    } 
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      }
-    ]
-  }
-}));
-
-// Routes
-app.get('/', (req, res) => {
-  const html = renderToString(HomePage());
-  res.send(html);
-});
-
-const PORT = process.env.PORT || 3000;
-app.listen(PORT, () => {
-  console.log(\`\u{1F680} Express server running at http://localhost:\${PORT}\`);
-});`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "src/index.js"), indexJs);
-}
-function generateCommonFiles(projectPath, name) {
-  const readme = `# ${name}
-
-A Coherent.js application built with pure JavaScript objects.
-
-## Getting Started
-
-\`\`\`bash
-# Install dependencies
-npm install
-
-# Start development server
-npm run dev
-
-# Build for production
-npm run build
-
-# Run tests
-npm test
-\`\`\`
-
-## Project Structure
-
-\`\`\`
-src/
-  components/     # Reusable components
-  pages/         # Page components
-  api/           # API routes
-  utils/         # Utility functions
-  index.js       # Main entry point
-public/          # Static assets
-tests/           # Test files
-\`\`\`
-
-## Learn More
-
-- [Coherent.js Documentation](https://github.com/Tomdrouv1/coherent.js)
-- [API Reference](https://github.com/Tomdrouv1/coherent.js/docs/api-reference.md)
-
-## License
-
-MIT
-`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "README.md"), readme);
-  const gitignore = `# Dependencies
-node_modules/
-npm-debug.log*
-yarn-debug.log*
-yarn-_error.log*
-
-# Production builds
-dist/
-build/
-
-# Environment files
-.env
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Coverage directory used by tools like istanbul
-coverage/
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# IDE files
-.vscode/
-.idea/
-*.swp
-*.swo
-*~
-
-# OS generated files
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
-
-# Logs
-logs
-*.log
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
-`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, ".gitignore"), gitignore);
-  const testFile = `import { test } from 'node:test';
-import assert from 'node:assert';
-import { renderToString } from '@coherentjs/core';
-
-test('renders basic component', () => {
-  const component = {
-    div: {
-      text: 'Hello, World!'
-    }
-  };
-  
-  const html = renderToString(component);
-  assert(html.includes('Hello, World!'));
-});
-`;
-  (0, import_fs.writeFileSync)((0, import_path.join)(projectPath, "tests/basic.test.js"), testFile);
-}
-
-// src/utils/validation.js
-var import_fs2 = require("fs");
-var import_path2 = require("path");
-function validateProjectName(name) {
-  if (!name || typeof name !== "string" || name.trim().length === 0) {
-    return "Project name is required";
-  }
-  const trimmed = name.trim();
-  if (trimmed.length > 214) {
-    return "Project name must be less than 214 characters";
-  }
-  if (!/^[a-z0-9-_@./]+$/i.test(trimmed)) {
-    return "Project name can only contain letters, numbers, hyphens, underscores, dots, and slashes";
-  }
-  if (trimmed.startsWith(".") || trimmed.startsWith("_")) {
-    return "Project name cannot start with . or _";
-  }
-  const reserved = [
-    "node_modules",
-    "favicon.ico",
-    ".git",
-    ".gitignore",
-    ".env",
-    "package.json",
-    "package-lock.json",
-    "yarn.lock",
-    "pnpm-lock.yaml",
-    "con",
-    "prn",
-    "aux",
-    "nul",
-    "com1",
-    "com2",
-    "com3",
-    "com4",
-    "com5",
-    "com6",
-    "com7",
-    "com8",
-    "com9",
-    "lpt1",
-    "lpt2",
-    "lpt3",
-    "lpt4",
-    "lpt5",
-    "lpt6",
-    "lpt7",
-    "lpt8",
-    "lpt9"
-  ];
-  if (reserved.includes(trimmed.toLowerCase())) {
-    return `Project name "${trimmed}" is reserved`;
-  }
-  const projectPath = (0, import_path2.resolve)(trimmed);
-  if ((0, import_fs2.existsSync)(projectPath)) {
-    return `Directory "${trimmed}" already exists`;
-  }
-  return true;
-}
-function validateComponentName(name) {
-  if (!name || typeof name !== "string" || name.trim().length === 0) {
-    return "Name is required";
-  }
-  const trimmed = name.trim();
-  if (!/^[a-zA-Z][a-zA-Z0-9-_]*$/.test(trimmed)) {
-    return "Name must start with a letter and contain only letters, numbers, hyphens, and underscores";
-  }
-  if (trimmed.length > 100) {
-    return "Name must be less than 100 characters";
-  }
-  if (!/^[A-Z]/.test(trimmed)) {
-    return "Name should start with a capital letter (PascalCase)";
-  }
-  return true;
-}
-
-// src/commands/create.js
-var createCommand = new import_commander.Command("create").description("Create a new Coherent.js project").argument("[name]", "project name").option("-t, --template <template>", "project template", "basic").option("--skip-install", "skip npm install").option("--skip-git", "skip git initialization").action(async (name, options) => {
-  let projectName = name;
-  if (!projectName) {
-    const response = await (0, import_prompts.default)({
-      type: "text",
-      name: "name",
-      message: "What is your project name?",
-      initial: "my-coherent-app",
-      validate: validateProjectName
-    });
-    if (!response.name) {
-      console.log(import_picocolors.default.yellow("\u{1F44B} Project creation cancelled"));
-      process.exit(0);
-    }
-    projectName = response.name;
-  }
-  const nameValidation = validateProjectName(projectName);
-  if (nameValidation !== true) {
-    console.error(import_picocolors.default.red("\u274C Invalid project name:"), nameValidation);
-    process.exit(1);
-  }
-  const projectPath = (0, import_path3.resolve)(projectName);
-  if ((0, import_fs3.existsSync)(projectPath)) {
-    console.error(import_picocolors.default.red("\u274C Directory already exists:"), projectName);
-    process.exit(1);
-  }
-  console.log();
-  console.log(import_picocolors.default.cyan("\u{1F680} Creating Coherent.js project..."));
-  console.log(import_picocolors.default.gray("\u{1F4C1} Project:"), import_picocolors.default.bold(projectName));
-  console.log(import_picocolors.default.gray("\u{1F4CD} Location:"), projectPath);
-  console.log();
-  let template = options.template;
-  if (!template || template === "basic") {
-    const response = await (0, import_prompts.default)({
-      type: "select",
-      name: "template",
-      message: "Which template would you like to use?",
-      choices: [
-        { title: "\u{1F3C3}\u200D\u2642\uFE0F Basic App", value: "basic", description: "Simple Coherent.js app with routing" },
-        { title: "\u{1F310} Full Stack", value: "fullstack", description: "API + SSR with database integration" },
-        { title: "\u26A1 Express Integration", value: "express", description: "Coherent.js with Express.js" },
-        { title: "\u{1F680} Fastify Integration", value: "fastify", description: "Coherent.js with Fastify" },
-        { title: "\u{1F4F1} Component Library", value: "components", description: "Reusable component library" }
-      ],
-      initial: 0
-    });
-    if (!response.template) {
-      console.log(import_picocolors.default.yellow("\u{1F44B} Project creation cancelled"));
-      process.exit(0);
-    }
-    template = response.template;
-  }
-  const spinner = (0, import_ora.default)("Scaffolding project...").start();
-  try {
-    (0, import_fs3.mkdirSync)(projectPath, { recursive: true });
-    await scaffoldProject(projectPath, {
-      name: projectName,
-      template,
-      skipInstall: options.skipInstall,
-      skipGit: options.skipGit
-    });
-    spinner.succeed("Project created successfully!");
-    console.log();
-    console.log(import_picocolors.default.green("\u2705 Project created successfully!"));
-    console.log();
-    console.log(import_picocolors.default.cyan("Next steps:"));
-    console.log(import_picocolors.default.gray("  cd"), import_picocolors.default.bold(projectName));
-    if (!options.skipInstall) {
-      console.log(import_picocolors.default.gray("  npm run dev"));
-    } else {
-      console.log(import_picocolors.default.gray("  npm install"));
-      console.log(import_picocolors.default.gray("  npm run dev"));
-    }
-    console.log();
-    console.log(import_picocolors.default.gray("Happy coding! \u{1F389}"));
-  } catch (_error) {
-    spinner.fail("Failed to create project");
-    console.error(import_picocolors.default.red("\u274C Error:"), _error.message);
-    process.exit(1);
-  }
-});
-
-// src/commands/generate.js
-var import_commander2 = require("commander");
-var import_prompts2 = __toESM(require("prompts"), 1);
-var import_ora2 = __toESM(require("ora"), 1);
-var import_picocolors2 = __toESM(require("picocolors"), 1);
-
-// src/generators/component-generator.js
-var import_fs4 = require("fs");
-var import_path4 = require("path");
-async function generateComponent(name, options = {}) {
-  const { path = "src/components", template = "basic", skipTest = false, skipStory = false } = options;
-  const componentName = toPascalCase(name);
-  const fileName = componentName;
-  const outputDir = (0, import_path4.join)(process.cwd(), path);
-  if (!(0, import_fs4.existsSync)(outputDir)) {
-    (0, import_fs4.mkdirSync)(outputDir, { recursive: true });
-  }
-  const files = [];
-  const nextSteps = [];
-  const componentPath = (0, import_path4.join)(outputDir, `${fileName}.js`);
-  const componentContent = generateComponentContent(componentName, template);
-  (0, import_fs4.writeFileSync)(componentPath, componentContent);
-  files.push(componentPath);
-  if (!skipTest) {
-    const testPath = (0, import_path4.join)(outputDir, `${fileName}.test.js`);
-    const testContent = generateTestContent(componentName);
-    (0, import_fs4.writeFileSync)(testPath, testContent);
-    files.push(testPath);
-  }
-  if (!skipStory) {
-    const storyPath = (0, import_path4.join)(outputDir, `${fileName}.stories.js`);
-    const storyContent = generateStoryContent(componentName);
-    (0, import_fs4.writeFileSync)(storyPath, storyContent);
-    files.push(storyPath);
-  }
-  nextSteps.push(`Import the component: import { ${componentName} } from '${path}/${fileName}.js'`);
-  nextSteps.push(`Use the component: ${componentName}({ /* props */ })`);
-  if (!skipTest) {
-    nextSteps.push("Run tests: npm test");
-  }
-  return { files, nextSteps };
-}
-function generateComponentContent(name, template) {
-  switch (template) {
-    case "functional":
-      return generateFunctionalComponent(name);
-    case "interactive":
-      return generateInteractiveComponent(name);
-    case "layout":
-      return generateLayoutComponent(name);
-    default:
-      return generateBasicComponent(name);
-  }
-}
-function generateBasicComponent(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} component
- * 
- * @param {Object} props - Component properties
- * @param {string} props.className - CSS class name
- * @param {Array|Object} props.children - Child elements
- */
-export const ${name} = createComponent(({ className = '', children, ...props }) => ({
-  div: {
-    className: \`${name.toLowerCase()} \${className}\`.trim(),
-    children,
-    ...props
-  }
-}));
-
-// Usage example:
-// ${name}({
-//   className: 'custom-class',
-//   children: [
-//     { h2: { text: 'Hello from ${name}!' } }
-//   ]
-// })
-`;
-}
-function generateFunctionalComponent(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} - Functional component with business logic
- * 
- * @param {Object} props - Component properties
- * @param {Array} props.items - Items to display
- * @param {Function} props.onItemClick - Callback for item clicks
- * @param {string} props.className - CSS class name
- */
-export const ${name} = createComponent(({ items = [], onItemClick, className = '' }) => {
-  // Business logic
-  const processedItems = items.map((item, index) => ({
-    ...item,
-    id: item.id || \`item-\${index}\`,
-    displayText: item.text || item.name || 'Untitled'
-  }));
-
-  return {
-    div: {
-      className: \`${name.toLowerCase()} \${className}\`.trim(),
-      children: [
-        { 
-          h3: { 
-            className: '${name.toLowerCase()}__title',
-            text: '${name}' 
-          } 
-        },
-        {
-          ul: {
-            className: '${name.toLowerCase()}__list',
-            children: processedItems.map(item => ({
-              li: {
-                key: item.id,
-                className: '${name.toLowerCase()}__item',
-                onclick: () => onItemClick && onItemClick(item),
-                children: [
-                  {
-                    span: {
-                      className: '${name.toLowerCase()}__item-text',
-                      text: item.displayText
-                    }
-                  }
-                ]
-              }
-            }))
-          }
-        }
-      ]
-    }
-  };
-});
-
-// Usage example:
-// ${name}({
-//   items: [
-//     { id: '1', text: 'First item' },
-//     { id: '2', text: 'Second item' }
-//   ],
-//   onItemClick: (item) => console.log('Clicked:', item),
-//   className: 'custom-list'
-// })
-`;
-}
-function generateInteractiveComponent(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} - Interactive component with state management
- * 
- * @param {Object} props - Component properties
- * @param {*} props.initialValue - Initial value
- * @param {Function} props.onChange - Change callback
- * @param {string} props.className - CSS class name
- */
-export const ${name} = createComponent(({ 
-  initialValue = '', 
-  onChange,
-  className = '',
-  ...props 
-}) => {
-  // Component state (handled by Coherent.js hydration)
-  const state = {
-    value: initialValue,
-    isActive: false
-  };
-
-  const handleChange = (newValue) => {
-    state.value = newValue;
-    if (onChange) {
-      onChange(newValue);
-    }
-  };
-
-  const handleToggle = () => {
-    state.isActive = !state.isActive;
-  };
-
-  return {
-    div: {
-      className: \`${name.toLowerCase()} \${state.isActive ? 'active' : ''} \${className}\`.trim(),
-      'data-component': '${name}',
-      children: [
-        {
-          input: {
-            type: 'text',
-            value: state.value,
-            className: '${name.toLowerCase()}__input',
-            oninput: (event) => handleChange(event.target.value),
-            placeholder: 'Enter text...',
-            ...props
-          }
-        },
-        {
-          button: {
-            type: 'button',
-            className: \`${name.toLowerCase()}__toggle \${state.isActive ? 'active' : ''}\`,
-            onclick: handleToggle,
-            text: state.isActive ? 'Deactivate' : 'Activate'
-          }
-        },
-        {
-          div: {
-            className: '${name.toLowerCase()}__display',
-            children: [
-              {
-                p: {
-                  text: \`Value: \${state.value}\`
-                }
-              },
-              {
-                p: {
-                  text: \`Status: \${state.isActive ? 'Active' : 'Inactive'}\`
-                }
-              }
-            ]
-          }
-        }
-      ]
-    }
-  };
-});
-
-// Usage example:
-// ${name}({
-//   initialValue: 'Hello World',
-//   onChange: (value) => console.log('Changed:', value),
-//   className: 'my-interactive-component'
-// })
-`;
-}
-function generateLayoutComponent(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} - Layout component for page structure
- * 
- * @param {Object} props - Component properties
- * @param {string} props.title - Page title
- * @param {Array|Object} props.children - Child content
- * @param {Object} props.header - Header content
- * @param {Object} props.footer - Footer content
- * @param {string} props.className - CSS class name
- */
-export const ${name} = createComponent(({ 
-  title = 'Page Title',
-  children = [],
-  header = null,
-  footer = null,
-  className = ''
-}) => ({
-  div: {
-    className: \`${name.toLowerCase()} \${className}\`.trim(),
-    children: [
-      // Header section
-      header ? {
-        header: {
-          className: '${name.toLowerCase()}__header',
-          children: Array.isArray(header) ? header : [header]
-        }
-      } : {
-        header: {
-          className: '${name.toLowerCase()}__header',
-          children: [
-            {
-              h1: {
-                className: '${name.toLowerCase()}__title',
-                text: title
-              }
-            }
-          ]
-        }
-      },
-
-      // Main content
-      {
-        main: {
-          className: '${name.toLowerCase()}__content',
-          children: Array.isArray(children) ? children : [children]
-        }
-      },
-
-      // Footer section
-      footer ? {
-        footer: {
-          className: '${name.toLowerCase()}__footer',
-          children: Array.isArray(footer) ? footer : [footer]
-        }
-      } : {
-        footer: {
-          className: '${name.toLowerCase()}__footer',
-          children: [
-            {
-              p: {
-                text: \`\xA9 \${new Date().getFullYear()} ${name}\`
-              }
-            }
-          ]
-        }
-      }
-    ]
-  }
-}));
-
-// Usage example:
-// ${name}({
-//   title: 'Welcome Page',
-//   header: { nav: { text: 'Navigation' } },
-//   children: [
-//     { h2: { text: 'Main Content' } },
-//     { p: { text: 'This is the main page content.' } }
-//   ],
-//   footer: { p: { text: 'Custom footer' } },
-//   className: 'page-layout'
-// })
-`;
-}
-function generateTestContent(name) {
-  return `import { test } from 'node:test';
-import assert from 'node:assert';
-import { renderToString } from '@coherentjs/core';
-import { ${name} } from './${name}.js';
-
-test('${name} renders correctly', () => {
-  const component = ${name}({});
-  const html = renderToString(component);
-  
-  assert(typeof html === 'string');
-  assert(html.length > 0);
-  assert(html.includes('${name.toLowerCase()}'));
-});
-
-test('${name} accepts className prop', () => {
-  const component = ${name}({ className: 'test-class' });
-  const html = renderToString(component);
-  
-  assert(html.includes('test-class'));
-});
-
-test('${name} renders children correctly', () => {
-  const children = [
-    { p: { text: 'Test child content' } }
-  ];
-  
-  const component = ${name}({ children });
-  const html = renderToString(component);
-  
-  assert(html.includes('Test child content'));
-});
-`;
-}
-function generateStoryContent(name) {
-  return `import { ${name} } from './${name}.js';
-
-export default {
-  title: 'Components/${name}',
-  component: ${name},
-  argTypes: {
-    className: { control: 'text' },
-    children: { control: 'object' }
-  }
-};
-
-// Default story
-export const Default = {
-  args: {}
-};
-
-// With custom class
-export const WithCustomClass = {
-  args: {
-    className: 'custom-style'
-  }
-};
-
-// With children
-export const WithChildren = {
-  args: {
-    children: [
-      { h3: { text: 'Story Title' } },
-      { p: { text: 'This is a story example with children.' } }
-    ]
-  }
-};
-`;
-}
-function toPascalCase(str) {
-  return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (_, c) => c.toUpperCase());
-}
-
-// src/generators/page-generator.js
-var import_fs5 = require("fs");
-var import_path5 = require("path");
-async function generatePage(name, options = {}) {
-  const { path = "src/pages", template = "basic", skipTest = false } = options;
-  const pageName = toPascalCase2(name);
-  const fileName = pageName;
-  const outputDir = (0, import_path5.join)(process.cwd(), path);
-  if (!(0, import_fs5.existsSync)(outputDir)) {
-    (0, import_fs5.mkdirSync)(outputDir, { recursive: true });
-  }
-  const files = [];
-  const nextSteps = [];
-  const pagePath = (0, import_path5.join)(outputDir, `${fileName}.js`);
-  const pageContent = generatePageContent(pageName, template);
-  (0, import_fs5.writeFileSync)(pagePath, pageContent);
-  files.push(pagePath);
-  if (!skipTest) {
-    const testPath = (0, import_path5.join)(outputDir, `${fileName}.test.js`);
-    const testContent = generateTestContent2(pageName);
-    (0, import_fs5.writeFileSync)(testPath, testContent);
-    files.push(testPath);
-  }
-  nextSteps.push(`Import the page: import { ${pageName} } from '${path}/${fileName}.js'`);
-  nextSteps.push(`Add route to your router for /${name.toLowerCase()}`);
-  nextSteps.push(`Visit http://localhost:3000/${name.toLowerCase()} to see the page`);
-  if (!skipTest) {
-    nextSteps.push("Run tests: npm test");
-  }
-  return { files, nextSteps };
-}
-function generatePageContent(name, template) {
-  switch (template) {
-    case "dashboard":
-      return generateDashboardPage(name);
-    case "form":
-      return generateFormPage(name);
-    case "list":
-      console.warn("List page generation not yet implemented, falling back to basic");
-      return generateBasicPage(name);
-    case "detail":
-      console.warn("Detail page generation not yet implemented, falling back to basic");
-      return generateBasicPage(name);
-    default:
-      return generateBasicPage(name);
-  }
-}
-function generateBasicPage(name) {
-  const routeName = name.toLowerCase();
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} Page Component
- * Route: /${routeName}
- * 
- * @param {Object} props - Page properties
- * @param {Object} props.params - Route parameters
- * @param {Object} props.query - Query parameters
- * @param {Object} props.request - Request object (SSR only)
- */
-export const ${name} = createComponent(({ params = {}, query = {}, request, ...props }) => {
-  // Page metadata
-  const pageTitle = '${name}';
-  const pageDescription = '${name} page description';
-
-  return {
-    html: {
-      children: [
-        {
-          head: {
-            children: [
-              { title: { text: pageTitle } },
-              { 
-                meta: { 
-                  name: 'description',
-                  content: pageDescription
-                } 
-              },
-              { 
-                meta: { 
-                  name: 'viewport', 
-                  content: 'width=device-width, initial-scale=1.0' 
-                } 
-              }
-            ]
-          }
-        },
-        {
-          body: {
-            children: [
-              {
-                div: {
-                  className: 'page ${routeName}-page',
-                  children: [
-                    // Header
-                    {
-                      header: {
-                        className: 'page-header',
-                        children: [
-                          {
-                            h1: {
-                              className: 'page-title',
-                              text: pageTitle
-                            }
-                          },
-                          {
-                            p: {
-                              className: 'page-description',
-                              text: pageDescription
-                            }
-                          }
-                        ]
-                      }
-                    },
-
-                    // Main content
-                    {
-                      main: {
-                        className: 'page-content',
-                        children: [
-                          {
-                            section: {
-                              className: 'welcome-section',
-                              children: [
-                                {
-                                  h2: {
-                                    text: 'Welcome to ${name}!'
-                                  }
-                                },
-                                {
-                                  p: {
-                                    text: 'This is a generated page component. You can customize it by editing the ${name}.js file.'
-                                  }
-                                },
-                                {
-                                  div: {
-                                    className: 'page-actions',
-                                    children: [
-                                      {
-                                        button: {
-                                          className: 'btn btn-primary',
-                                          onclick: () => console.log('Button clicked!'),
-                                          text: 'Get Started'
-                                        }
-                                      },
-                                      {
-                                        a: {
-                                          href: '/',
-                                          className: 'btn btn-secondary',
-                                          text: 'Back to Home'
-                                        }
-                                      }
-                                    ]
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        ]
-                      }
-                    },
-
-                    // Footer
-                    {
-                      footer: {
-                        className: 'page-footer',
-                        children: [
-                          {
-                            p: {
-                              text: \`\xA9 \${new Date().getFullYear()} ${name} Page\`
-                            }
-                          }
-                        ]
-                      }
-                    }
-                  ]
-                }
-              }
-            ]
-          }
-        }
-      ]
-    }
-  };
-});
-
-// Page configuration (optional)
-${name}.route = '/${routeName}';
-${name}.title = '${name}';
-${name}.description = '${name} page description';
-
-// Usage in router:
-// app.get('/${routeName}', (req, res) => {
-//   const html = renderToString(${name}({ 
-//     params: req.params, 
-//     query: req.query,
-//     request: req 
-//   }));
-//   res.send(html);
-// });
-`;
-}
-function generateDashboardPage(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} Dashboard Page
- * Route: /${name.toLowerCase()}
- */
-export const ${name} = createComponent(({ stats = {}, user = null }) => {
-  const defaultStats = {
-    totalUsers: 0,
-    totalOrders: 0,
-    revenue: 0,
-    ...stats
-  };
-
-  return {
-    html: {
-      children: [
-        {
-          head: {
-            children: [
-              { title: { text: '${name} Dashboard' } },
-              { 
-                meta: { 
-                  name: 'viewport', 
-                  content: 'width=device-width, initial-scale=1.0' 
-                } 
-              }
-            ]
-          }
-        },
-        {
-          body: {
-            children: [
-              {
-                div: {
-                  className: 'dashboard',
-                  children: [
-                    // Header
-                    {
-                      header: {
-                        className: 'dashboard-header',
-                        children: [
-                          {
-                            h1: {
-                              text: '${name} Dashboard'
-                            }
-                          },
-                          user ? {
-                            p: {
-                              text: \`Welcome back, \${user.name || 'User'}!\`
-                            }
-                          } : null
-                        ].filter(Boolean)
-                      }
-                    },
-
-                    // Stats grid
-                    {
-                      div: {
-                        className: 'stats-grid',
-                        children: [
-                          {
-                            div: {
-                              className: 'stat-card',
-                              children: [
-                                {
-                                  h3: {
-                                    text: 'Total Users'
-                                  }
-                                },
-                                {
-                                  p: {
-                                    className: 'stat-number',
-                                    text: defaultStats.totalUsers.toLocaleString()
-                                  }
-                                }
-                              ]
-                            }
-                          },
-                          {
-                            div: {
-                              className: 'stat-card',
-                              children: [
-                                {
-                                  h3: {
-                                    text: 'Total Orders'
-                                  }
-                                },
-                                {
-                                  p: {
-                                    className: 'stat-number',
-                                    text: defaultStats.totalOrders.toLocaleString()
-                                  }
-                                }
-                              ]
-                            }
-                          },
-                          {
-                            div: {
-                              className: 'stat-card',
-                              children: [
-                                {
-                                  h3: {
-                                    text: 'Revenue'
-                                  }
-                                },
-                                {
-                                  p: {
-                                    className: 'stat-number',
-                                    text: \`$\${defaultStats.revenue.toLocaleString()}\`
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        ]
-                      }
-                    },
-
-                    // Main content area
-                    {
-                      main: {
-                        className: 'dashboard-content',
-                        children: [
-                          {
-                            section: {
-                              className: 'recent-activity',
-                              children: [
-                                {
-                                  h2: {
-                                    text: 'Recent Activity'
-                                  }
-                                },
-                                {
-                                  p: {
-                                    text: 'No recent activity to display.'
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        ]
-                      }
-                    }
-                  ]
-                }
-              }
-            ]
-          }
-        }
-      ]
-    }
-  };
-});
-`;
-}
-function generateFormPage(name) {
-  return `import { createComponent } from '@coherentjs/core';
-
-/**
- * ${name} Form Page
- * Route: /${name.toLowerCase()}
- */
-export const ${name} = createComponent(({ initialData = {}, errors = {} }) => {
-  const handleSubmit = (formData) => {
-    console.log('Form submitted:', formData);
-    // Handle form submission logic here
-  };
-
-  return {
-    html: {
-      children: [
-        {
-          head: {
-            children: [
-              { title: { text: '${name} Form' } },
-              { 
-                meta: { 
-                  name: 'viewport', 
-                  content: 'width=device-width, initial-scale=1.0' 
-                } 
-              }
-            ]
-          }
-        },
-        {
-          body: {
-            children: [
-              {
-                div: {
-                  className: 'form-page',
-                  children: [
-                    {
-                      header: {
-                        className: 'form-header',
-                        children: [
-                          {
-                            h1: {
-                              text: '${name} Form'
-                            }
-                          },
-                          {
-                            p: {
-                              text: 'Please fill out the form below.'
-                            }
-                          }
-                        ]
-                      }
-                    },
-                    {
-                      main: {
-                        className: 'form-content',
-                        children: [
-                          {
-                            form: {
-                              className: 'main-form',
-                              onsubmit: (event) => {
-                                event.preventDefault();
-                                const formData = new FormData(event.target);
-                                handleSubmit(Object.fromEntries(formData));
-                              },
-                              children: [
-                                {
-                                  div: {
-                                    className: 'form-group',
-                                    children: [
-                                      {
-                                        label: {
-                                          htmlFor: 'name',
-                                          text: 'Name'
-                                        }
-                                      },
-                                      {
-                                        input: {
-                                          type: 'text',
-                                          id: 'name',
-                                          name: 'name',
-                                          value: initialData.name || '',
-                                          className: errors.name ? '_error' : '',
-                                          required: true
-                                        }
-                                      },
-                                      errors.name ? {
-                                        span: {
-                                          className: '_error-message',
-                                          text: errors.name
-                                        }
-                                      } : null
-                                    ].filter(Boolean)
-                                  }
-                                },
-                                {
-                                  div: {
-                                    className: 'form-group',
-                                    children: [
-                                      {
-                                        label: {
-                                          htmlFor: 'email',
-                                          text: 'Email'
-                                        }
-                                      },
-                                      {
-                                        input: {
-                                          type: 'email',
-                                          id: 'email',
-                                          name: 'email',
-                                          value: initialData.email || '',
-                                          className: errors.email ? '_error' : '',
-                                          required: true
-                                        }
-                                      },
-                                      errors.email ? {
-                                        span: {
-                                          className: '_error-message',
-                                          text: errors.email
-                                        }
-                                      } : null
-                                    ].filter(Boolean)
-                                  }
-                                },
-                                {
-                                  div: {
-                                    className: 'form-actions',
-                                    children: [
-                                      {
-                                        button: {
-                                          type: 'submit',
-                                          className: 'btn btn-primary',
-                                          text: 'Submit'
-                                        }
-                                      },
-                                      {
-                                        button: {
-                                          type: 'reset',
-                                          className: 'btn btn-secondary',
-                                          text: 'Reset'
-                                        }
-                                      }
-                                    ]
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        ]
-                      }
-                    }
-                  ]
-                }
-              }
-            ]
-          }
-        }
-      ]
-    }
-  };
-});
-`;
-}
-function generateTestContent2(name) {
-  return `import { test } from 'node:test';
-import assert from 'node:assert';
-import { renderToString } from '@coherentjs/core';
-import { ${name} } from './${name}.js';
-
-test('${name} page renders correctly', () => {
-  const page = ${name}({});
-  const html = renderToString(page);
-  
-  assert(typeof html === 'string');
-  assert(html.length > 0);
-  assert(html.includes('<html>'));
-  assert(html.includes('${name}'));
-});
-
-test('${name} page includes proper head elements', () => {
-  const page = ${name}({});
-  const html = renderToString(page);
-  
-  assert(html.includes('<title>'));
-  assert(html.includes('<meta'));
-  assert(html.includes('viewport'));
-});
-
-test('${name} page renders with custom props', () => {
-  const props = {
-    params: { id: '123' },
-    query: { search: 'test' }
-  };
-  
-  const page = ${name}(props);
-  const html = renderToString(page);
-  
-  assert(html.includes('${name}'));
-});
-`;
-}
-function toPascalCase2(str) {
-  return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (_, c) => c.toUpperCase());
-}
-
-// src/generators/api-generator.js
-var import_fs6 = require("fs");
-var import_path6 = require("path");
-async function generateAPI(name, options = {}) {
-  const { path = "src/api", template = "rest", skipTest = false } = options;
-  const apiName = toKebabCase(name);
-  const fileName = apiName;
-  const outputDir = (0, import_path6.join)(process.cwd(), path);
-  if (!(0, import_fs6.existsSync)(outputDir)) {
-    (0, import_fs6.mkdirSync)(outputDir, { recursive: true });
-  }
-  const files = [];
-  const nextSteps = [];
-  const apiPath = (0, import_path6.join)(outputDir, `${fileName}.js`);
-  const apiContent = generateAPIContent(apiName, name, template);
-  (0, import_fs6.writeFileSync)(apiPath, apiContent);
-  files.push(apiPath);
-  if (!skipTest) {
-    const testPath = (0, import_path6.join)(outputDir, `${fileName}.test.js`);
-    const testContent = generateTestContent3(apiName, name);
-    (0, import_fs6.writeFileSync)(testPath, testContent);
-    files.push(testPath);
-  }
-  nextSteps.push(`Import the API: import ${toPascalCase3(name)}API from '${path}/${fileName}.js'`);
-  nextSteps.push(`Mount the API: app.use('/api/${apiName}', ${toPascalCase3(name)}API)`);
-  nextSteps.push(`Test the API: curl http://localhost:3000/api/${apiName}`);
-  if (!skipTest) {
-    nextSteps.push("Run tests: npm test");
-  }
-  return { files, nextSteps };
-}
-function generateAPIContent(apiName, originalName, template) {
-  switch (template) {
-    case "graphql":
-      console.warn("GraphQL API generation not yet implemented, falling back to REST");
-      return generateRESTAPI(apiName, originalName);
-    case "rpc":
-      return generateRPCAPI(apiName, originalName);
-    case "crud":
-      return generateCRUDAPI(apiName, originalName);
-    default:
-      return generateRESTAPI(apiName, originalName);
-  }
-}
-function generateRESTAPI(apiName, originalName) {
-  const className = toPascalCase3(originalName);
-  const camelCaseApiName = toCamelCase(apiName);
-  return `import { createApiRouter, withValidation } from '@coherentjs/api';
-
-/**
- * ${className} API Routes
- * REST API for ${apiName} resources
- * 
- * Base URL: /api/${apiName}
- */
-
-// Create API router
-const ${camelCaseApiName}API = createApiRouter({
-  prefix: '/${apiName}',
-  version: 'v1'
-});
-
-// Sample data (replace with database)
-const sampleData = [
-  { id: '1', name: 'Sample ${className} 1', createdAt: new Date().toISOString() },
-  { id: '2', name: 'Sample ${className} 2', createdAt: new Date().toISOString() }
-];
-
-// Validation schemas
-const ${apiName}Schema = {
-  type: 'object',
-  properties: {
-    name: { 
-      type: 'string', 
-      minLength: 1,
-      maxLength: 100 
-    },
-    description: { 
-      type: 'string',
-      maxLength: 500 
-    }
-  },
-  required: ['name'],
-  additionalProperties: false
-};
-
-const ${apiName}UpdateSchema = {
-  type: 'object',
-  properties: {
-    name: { 
-      type: 'string', 
-      minLength: 1,
-      maxLength: 100 
-    },
-    description: { 
-      type: 'string',
-      maxLength: 500 
-    }
-  },
-  additionalProperties: false,
-  minProperties: 1
-};
-
-// Routes
-
-/**
- * GET /${apiName}
- * Get all ${apiName} items
- */
-${camelCaseApiName}API.get('/', (req, res) => {
-  const { page = 1, limit = 10, search } = req.query;
-  
-  let data = [...sampleData];
-  
-  // Apply search filter
-  if (search) {
-    data = data.filter(item => 
-      item.name.toLowerCase().includes(search.toLowerCase())
-    );
-  }
-  
-  // Apply pagination
-  const startIndex = (page - 1) * limit;
-  const endIndex = startIndex + parseInt(limit);
-  const paginatedData = data.slice(startIndex, endIndex);
-  
-  return {
-    data: paginatedData,
-    pagination: {
-      page: parseInt(page),
-      limit: parseInt(limit),
-      total: data.length,
-      totalPages: Math.ceil(data.length / limit)
-    }
-  };
-});
-
-/**
- * GET /${apiName}/:id
- * Get a specific ${apiName} item
- */
-${camelCaseApiName}API.get('/:id', (req, res) => {
-  const { id } = req.params;
-  const item = sampleData.find(item => item.id === id);
-  
-  if (!item) {
-    return res.status(404).json({
-      _error: '${className} not found',
-      code: 'NOT_FOUND'
-    });
-  }
-  
-  return { data: item };
-});
-
-/**
- * POST /${apiName}
- * Create a new ${apiName} item
- */
-${camelCaseApiName}API.post('/', 
-  withValidation(${apiName}Schema),
-  (req, res) => {
-    const { name, description } = req.body;
-    
-    const newItem = {
-      id: String(Date.now()),
-      name,
-      description,
-      createdAt: new Date().toISOString(),
-      updatedAt: new Date().toISOString()
-    };
-    
-    sampleData.push(newItem);
-    
-    return res.status(201).json({
-      data: newItem,
-      message: '${className} created successfully'
-    });
-  }
-);
-
-/**
- * PUT /${apiName}/:id
- * Update a ${apiName} item
- */
-${camelCaseApiName}API.put('/:id',
-  withValidation(${apiName}UpdateSchema),
-  (req, res) => {
-    const { id } = req.params;
-    const itemIndex = sampleData.findIndex(item => item.id === id);
-    
-    if (itemIndex === -1) {
-      return res.status(404).json({
-        _error: '${className} not found',
-        code: 'NOT_FOUND'
-      });
-    }
-    
-    const updatedItem = {
-      ...sampleData[itemIndex],
-      ...req.body,
-      updatedAt: new Date().toISOString()
-    };
-    
-    sampleData[itemIndex] = updatedItem;
-    
-    return {
-      data: updatedItem,
-      message: '${className} updated successfully'
-    };
-  }
-);
-
-/**
- * DELETE /${apiName}/:id
- * Delete a ${apiName} item
- */
-${camelCaseApiName}API.delete('/:id', (req, res) => {
-  const { id } = req.params;
-  const itemIndex = sampleData.findIndex(item => item.id === id);
-  
-  if (itemIndex === -1) {
-    return res.status(404).json({
-      _error: '${className} not found',
-      code: 'NOT_FOUND'
-    });
-  }
-  
-  const deletedItem = sampleData.splice(itemIndex, 1)[0];
-  
-  return {
-    data: deletedItem,
-    message: '${className} deleted successfully'
-  };
-});
-
-// Health check endpoint
-${camelCaseApiName}API.get('/health', (req, res) => {
-  return {
-    status: 'ok',
-    timestamp: new Date().toISOString(),
-    service: '${className} API'
-  };
-});
-
-export default ${camelCaseApiName}API;
-
-// Usage example:
-// import express from 'express';
-// import ${camelCaseApiName}API from './api/${apiName}.js';
-// 
-// const app = express();
-// app.use(express.json());
-// app.use('/api', ${camelCaseApiName}API.toExpress());
-//
-// app.listen(3000, () => {
-//   console.log('Server running on http://localhost:3000');
-// });
-`;
-}
-function generateCRUDAPI(apiName, originalName) {
-  return generateRESTAPI(apiName, originalName);
-}
-function generateRPCAPI(apiName, originalName) {
-  const className = toPascalCase3(originalName);
-  const camelCaseApiName = toCamelCase(apiName);
-  return `import { createApiRouter, withValidation } from '@coherentjs/api';
-
-/**
- * ${className} RPC API
- * Remote Procedure Call API for ${apiName}
- * 
- * Base URL: /rpc/${apiName}
- */
-
-// Create RPC router
-const ${camelCaseApiName}RPC = createApiRouter({
-  prefix: '/rpc/${apiName}'
-});
-
-// Sample data
-const sampleData = new Map();
-sampleData.set('1', { id: '1', name: 'Sample ${className} 1', createdAt: new Date() });
-sampleData.set('2', { id: '2', name: 'Sample ${className} 2', createdAt: new Date() });
-
-// RPC Methods
-
-/**
- * RPC Method: ${apiName}.list
- * List all ${apiName} items
- */
-${camelCaseApiName}RPC.post('/list', (req, res) => {
-  const { params = {} } = req.body;
-  const { limit = 10, offset = 0 } = params;
-  
-  const items = Array.from(sampleData.values())
-    .slice(offset, offset + limit);
-  
-  return {
-    jsonrpc: '2.0',
-    result: {
-      items,
-      total: sampleData.size
-    },
-    id: req.body.id
-  };
-});
-
-/**
- * RPC Method: ${apiName}.get
- * Get a specific ${apiName} item
- */
-${camelCaseApiName}RPC.post('/get', 
-  withValidation({
-    type: 'object',
-    properties: {
-      params: {
-        type: 'object',
-        properties: {
-          id: { type: 'string' }
-        },
-        required: ['id']
-      }
-    },
-    required: ['params']
-  }),
-  (req, res) => {
-    const { params } = req.body;
-    const item = sampleData.get(params.id);
-    
-    if (!item) {
-      return {
-        jsonrpc: '2.0',
-        _error: {
-          code: -32602,
-          message: '${className} not found'
-        },
-        id: req.body.id
-      };
-    }
-    
-    return {
-      jsonrpc: '2.0',
-      result: item,
-      id: req.body.id
-    };
-  }
-);
-
-/**
- * RPC Method: ${apiName}.create
- * Create a new ${apiName} item
- */
-${camelCaseApiName}RPC.post('/create',
-  withValidation({
-    type: 'object',
-    properties: {
-      params: {
-        type: 'object',
-        properties: {
-          name: { type: 'string', minLength: 1 },
-          description: { type: 'string' }
-        },
-        required: ['name']
-      }
-    },
-    required: ['params']
-  }),
-  (req, res) => {
-    const { params } = req.body;
-    const id = String(Date.now());
-    
-    const newItem = {
-      id,
-      ...params,
-      createdAt: new Date(),
-      updatedAt: new Date()
-    };
-    
-    sampleData.set(id, newItem);
-    
-    return {
-      jsonrpc: '2.0',
-      result: newItem,
-      id: req.body.id
-    };
-  }
-);
-
-/**
- * RPC Method: ${apiName}.update
- * Update a ${apiName} item
- */
-${camelCaseApiName}RPC.post('/update',
-  withValidation({
-    type: 'object',
-    properties: {
-      params: {
-        type: 'object',
-        properties: {
-          id: { type: 'string' },
-          name: { type: 'string' },
-          description: { type: 'string' }
-        },
-        required: ['id']
-      }
-    },
-    required: ['params']
-  }),
-  (req, res) => {
-    const { params } = req.body;
-    const existing = sampleData.get(params.id);
-    
-    if (!existing) {
-      return {
-        jsonrpc: '2.0',
-        _error: {
-          code: -32602,
-          message: '${className} not found'
-        },
-        id: req.body.id
-      };
-    }
-    
-    const updated = {
-      ...existing,
-      ...params,
-      updatedAt: new Date()
-    };
-    
-    sampleData.set(params.id, updated);
-    
-    return {
-      jsonrpc: '2.0',
-      result: updated,
-      id: req.body.id
-    };
-  }
-);
-
-/**
- * RPC Method: ${apiName}.delete
- * Delete a ${apiName} item
- */
-${camelCaseApiName}RPC.post('/delete',
-  withValidation({
-    type: 'object',
-    properties: {
-      params: {
-        type: 'object',
-        properties: {
-          id: { type: 'string' }
-        },
-        required: ['id']
-      }
-    },
-    required: ['params']
-  }),
-  (req, res) => {
-    const { params } = req.body;
-    const item = sampleData.get(params.id);
-    
-    if (!item) {
-      return {
-        jsonrpc: '2.0',
-        _error: {
-          code: -32602,
-          message: '${className} not found'
-        },
-        id: req.body.id
-      };
-    }
-    
-    sampleData.delete(params.id);
-    
-    return {
-      jsonrpc: '2.0',
-      result: { success: true, deleted: item },
-      id: req.body.id
-    };
-  }
-);
-
-export default ${camelCaseApiName}RPC;
-`;
-}
-function generateTestContent3(apiName, originalName) {
-  const className = toPascalCase3(originalName);
-  return `import { test } from 'node:test';
-import assert from 'node:assert';
-import ${apiName}API from './${apiName}.js';
-
-test('${className} API should be defined', () => {
-  assert(typeof ${apiName}API === 'object');
-  assert(typeof ${apiName}API.get === 'function');
-  assert(typeof ${apiName}API.post === 'function');
-});
-
-test('${className} API should handle GET requests', async () => {
-  const mockReq = {
-    query: {}
-  };
-  const mockRes = {
-    status: (code) => mockRes,
-    json: (data) => data
-  };
-  
-  // This is a basic test structure
-  // In a real test, you'd use a testing framework like supertest
-  assert(true); // Placeholder
-});
-
-// Add more specific tests for your API endpoints
-// Example:
-// test('POST /${apiName} should create new item', async () => {
-//   // Test implementation
-// });
-//
-// test('GET /${apiName}/:id should return specific item', async () => {
-//   // Test implementation
-// });
-`;
-}
-function toKebabCase(str) {
-  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
-}
-function toCamelCase(str) {
-  return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (_, c) => c.toLowerCase());
-}
-function toPascalCase3(str) {
-  return str.replace(/[-_\s]+(.)?/g, (_, c) => c ? c.toUpperCase() : "").replace(/^(.)/, (_, c) => c.toUpperCase());
-}
-
-// src/commands/generate.js
-var generateCommand = new import_commander2.Command("generate").alias("g").description("Generate components, pages, and APIs").argument("[type]", "type to generate (component, page, api)").argument("[name]", "name of the item to generate").option("-p, --path <path>", "custom output path").option("-t, --template <template>", "template to use").option("--skip-test", "skip generating test file").option("--skip-story", "skip generating story file").action(async (type, name, options) => {
-  let generationType = type;
-  let itemName = name;
-  if (!generationType) {
-    const response = await (0, import_prompts2.default)({
-      type: "select",
-      name: "type",
-      message: "What would you like to generate?",
-      choices: [
-        { title: "\u{1F9E9} Component", value: "component", description: "Reusable UI component" },
-        { title: "\u{1F4C4} Page", value: "page", description: "Full page with routing" },
-        { title: "\u{1F50C} API Route", value: "api", description: "API endpoint with validation" },
-        { title: "\u{1F4CA} Database Model", value: "model", description: "Database model with migrations" },
-        { title: "\u{1F504} Middleware", value: "middleware", description: "Express/Fastify middleware" }
-      ]
-    });
-    if (!response.type) {
-      console.log(import_picocolors2.default.yellow("\u{1F44B} Generation cancelled"));
-      process.exit(0);
-    }
-    generationType = response.type;
-  }
-  if (!itemName) {
-    const response = await (0, import_prompts2.default)({
-      type: "text",
-      name: "name",
-      message: `What is the ${generationType} name?`,
-      validate: validateComponentName
-    });
-    if (!response.name) {
-      console.log(import_picocolors2.default.yellow("\u{1F44B} Generation cancelled"));
-      process.exit(0);
-    }
-    itemName = response.name;
-  }
-  const nameValidation = validateComponentName(itemName);
-  if (nameValidation !== true) {
-    console.error(import_picocolors2.default.red("\u274C Invalid name:"), nameValidation);
-    process.exit(1);
-  }
-  console.log();
-  console.log(import_picocolors2.default.cyan(`\u{1F680} Generating ${generationType}...`));
-  console.log(import_picocolors2.default.gray("\u{1F4DD} Name:"), import_picocolors2.default.bold(itemName));
-  if (options.path) {
-    console.log(import_picocolors2.default.gray("\u{1F4CD} Path:"), options.path);
-  }
-  console.log();
-  const spinner = (0, import_ora2.default)(`Generating ${generationType}...`).start();
-  try {
-    let result;
-    switch (generationType) {
-      case "component":
-      case "comp":
-      case "c":
-        result = await generateComponent(itemName, options);
-        break;
-      case "page":
-      case "p":
-        result = await generatePage(itemName, options);
-        break;
-      case "api":
-      case "route":
-      case "r":
-        result = await generateAPI(itemName, options);
-        break;
-      case "model":
-      case "m":
-        result = await generateModel(itemName, options);
-        break;
-      case "middleware":
-      case "mw":
-        result = await generateMiddleware(itemName, options);
-        break;
-      default:
-        throw new Error(`Unknown generation type: ${generationType}`);
-    }
-    spinner.succeed(`${generationType} generated successfully!`);
-    console.log();
-    console.log(import_picocolors2.default.green(`\u2705 ${generationType} generated successfully!`));
-    console.log();
-    if (result?.files && result.files.length > 0) {
-      console.log(import_picocolors2.default.cyan("\u{1F4C1} Generated files:"));
-      result.files.forEach((file) => {
-        console.log(import_picocolors2.default.gray("  \u2728"), file);
-      });
-      console.log();
-    }
-    if (result?.nextSteps && result.nextSteps.length > 0) {
-      console.log(import_picocolors2.default.cyan("Next steps:"));
-      result.nextSteps.forEach((step) => {
-        console.log(import_picocolors2.default.gray("  \u2022"), step);
-      });
-      console.log();
-    }
-  } catch (_error) {
-    spinner.fail(`Failed to generate ${generationType}`);
-    console.error(import_picocolors2.default.red("\u274C Error:"), _error.message);
-    process.exit(1);
-  }
-});
-async function generateModel() {
-  throw new Error("Model generation not implemented yet");
-}
-async function generateMiddleware() {
-  throw new Error("Middleware generation not implemented yet");
-}
-
-// src/commands/build.js
-var import_commander3 = require("commander");
-var import_ora3 = __toESM(require("ora"), 1);
-var import_picocolors3 = __toESM(require("picocolors"), 1);
-var import_child_process2 = require("child_process");
-var import_fs7 = require("fs");
-var import_path7 = require("path");
-var buildCommand = new import_commander3.Command("build").description("Build the project for production").option("-w, --watch", "watch for changes").option("--analyze", "analyze bundle size").option("--no-minify", "disable minification").option("--no-optimize", "disable optimizations").action(async (options) => {
-  console.log(import_picocolors3.default.cyan("\u{1F3D7}\uFE0F  Building Coherent.js project..."));
-  console.log();
-  const packageJsonPath = (0, import_path7.join)(process.cwd(), "package.json");
-  if (!(0, import_fs7.existsSync)(packageJsonPath)) {
-    console.error(import_picocolors3.default.red("\u274C No package.json found. Are you in a project directory?"));
-    process.exit(1);
-  }
-  let packageJson;
-  try {
-    packageJson = JSON.parse((0, import_fs7.readFileSync)(packageJsonPath, "utf-8"));
-  } catch {
-    console.error(import_picocolors3.default.red("\u274C Failed to read package.json"));
-    process.exit(1);
-  }
-  const hasCoherentDeps = packageJson.dependencies && (packageJson.dependencies["@coherentjs/core"] || packageJson.dependencies["coherentjs"]);
-  if (!hasCoherentDeps) {
-    console.error(import_picocolors3.default.red("\u274C This doesn't appear to be a Coherent.js project"));
-    console.error(import_picocolors3.default.gray("   Missing @coherentjs/core dependency"));
-    process.exit(1);
-  }
-  const spinner = (0, import_ora3.default)("Building project...").start();
-  try {
-    if (packageJson.scripts && packageJson.scripts.build) {
-      spinner.text = "Running build script...";
-      (0, import_child_process2.execSync)("npm run build", {
-        stdio: options.watch ? "inherit" : "pipe",
-        cwd: process.cwd()
-      });
-    } else {
-      spinner.text = "Building with default configuration...";
-      if ((0, import_fs7.existsSync)("vite.config.js") || (0, import_fs7.existsSync)("vite.config.ts")) {
-        (0, import_child_process2.execSync)("npx vite build", {
-          stdio: options.watch ? "inherit" : "pipe",
-          cwd: process.cwd()
-        });
-      } else if ((0, import_fs7.existsSync)("webpack.config.js")) {
-        (0, import_child_process2.execSync)("npx webpack --mode production", {
-          stdio: options.watch ? "inherit" : "pipe",
-          cwd: process.cwd()
-        });
-      } else if ((0, import_fs7.existsSync)("rollup.config.js")) {
-        (0, import_child_process2.execSync)("npx rollup -c", {
-          stdio: options.watch ? "inherit" : "pipe",
-          cwd: process.cwd()
-        });
-      } else {
-        spinner.text = "Building with esbuild (fallback)...";
-        (0, import_child_process2.execSync)(`npx esbuild src/index.js --bundle --minify --outfile=dist/index.js --platform=node --format=esm`, {
-          stdio: options.watch ? "inherit" : "pipe",
-          cwd: process.cwd()
-        });
-      }
-    }
-    if (options.analyze) {
-      spinner.text = "Analyzing bundle...";
-      try {
-        (0, import_child_process2.execSync)("npx webpack-bundle-analyzer dist/stats.json", {
-          stdio: "inherit",
-          cwd: process.cwd()
-        });
-      } catch {
-        console.log(import_picocolors3.default.yellow("\u26A0\uFE0F  Bundle analyzer not available"));
-        console.log(import_picocolors3.default.gray("   Install webpack-bundle-analyzer for detailed analysis"));
-      }
-    }
-    spinner.succeed("Build completed successfully!");
-    console.log();
-    console.log(import_picocolors3.default.green("\u2705 Build completed!"));
-    if ((0, import_fs7.existsSync)("dist")) {
-      try {
-        const distSize = (0, import_child_process2.execSync)("du -sh dist", { encoding: "utf-8" }).trim().split("	")[0];
-        console.log(import_picocolors3.default.gray("\u{1F4E6} Output size:"), distSize);
-      } catch {
-      }
-    }
-    console.log();
-    console.log(import_picocolors3.default.cyan("Next steps:"));
-    console.log(import_picocolors3.default.gray("  Deploy your dist/ directory to your hosting provider"));
-    console.log(import_picocolors3.default.gray("  Or run: npm run start (if available)"));
-    console.log();
-  } catch (error) {
-    spinner.fail("Build failed");
-    console.error(import_picocolors3.default.red("\u274C Build error:"));
-    console.error(error.message);
-    if (error.message.includes("command not found")) {
-      console.log();
-      console.log(import_picocolors3.default.yellow("\u{1F4A1} Try installing dependencies:"));
-      console.log(import_picocolors3.default.gray("   npm install"));
-    }
-    process.exit(1);
-  }
-});
-
-// src/commands/dev.js
-var import_commander4 = require("commander");
-var import_ora4 = __toESM(require("ora"), 1);
-var import_picocolors4 = __toESM(require("picocolors"), 1);
-var import_child_process3 = require("child_process");
-var import_fs8 = require("fs");
-var import_path8 = require("path");
-var devCommand = new import_commander4.Command("dev").description("Start development server with hot reload").option("-p, --port <port>", "port number", "3000").option("-h, --host <host>", "host address", "localhost").option("--open", "open browser automatically").option("--no-hmr", "disable hot module replacement").action(async (options) => {
-  console.log(import_picocolors4.default.cyan("\u{1F680} Starting Coherent.js development server..."));
-  console.log();
-  const packageJsonPath = (0, import_path8.join)(process.cwd(), "package.json");
-  if (!(0, import_fs8.existsSync)(packageJsonPath)) {
-    console.error(import_picocolors4.default.red("\u274C No package.json found. Are you in a project directory?"));
-    process.exit(1);
-  }
-  let packageJson;
-  try {
-    packageJson = JSON.parse((0, import_fs8.readFileSync)(packageJsonPath, "utf-8"));
-  } catch {
-    console.error(import_picocolors4.default.red("\u274C Failed to read package.json"));
-    process.exit(1);
-  }
-  const spinner = (0, import_ora4.default)("Starting development server...").start();
-  try {
-    let devProcess;
-    if (packageJson.scripts && packageJson.scripts.dev) {
-      spinner.text = "Running dev script...";
-      devProcess = (0, import_child_process3.spawn)("npm", ["run", "dev"], {
-        stdio: "inherit",
-        cwd: process.cwd(),
-        env: {
-          ...process.env,
-          PORT: options.port,
-          HOST: options.host
-        }
-      });
-    } else {
-      spinner.text = "Starting default dev server...";
-      if ((0, import_fs8.existsSync)("vite.config.js") || (0, import_fs8.existsSync)("vite.config.ts")) {
-        devProcess = (0, import_child_process3.spawn)("npx", ["vite", "--port", options.port, "--host", options.host], {
-          stdio: "inherit",
-          cwd: process.cwd()
-        });
-      } else if ((0, import_fs8.existsSync)("webpack.config.js")) {
-        devProcess = (0, import_child_process3.spawn)("npx", ["webpack", "serve", "--port", options.port, "--host", options.host], {
-          stdio: "inherit",
-          cwd: process.cwd()
-        });
-      } else if (packageJson.type === "module" || (0, import_fs8.existsSync)("src/index.js")) {
-        devProcess = (0, import_child_process3.spawn)("npx", ["nodemon", "src/index.js"], {
-          stdio: "inherit",
-          cwd: process.cwd(),
-          env: {
-            ...process.env,
-            PORT: options.port,
-            HOST: options.host
-          }
-        });
-      } else {
-        throw new Error("No development server configuration found");
-      }
-    }
-    spinner.stop();
-    console.log(import_picocolors4.default.green("\u2705 Development server started!"));
-    console.log();
-    console.log(import_picocolors4.default.cyan("\u{1F310} Local:"), `http://${options.host}:${options.port}`);
-    if (options.host !== "localhost") {
-      console.log(import_picocolors4.default.cyan("\u{1F517} Network:"), `http://${options.host}:${options.port}`);
-    }
-    console.log();
-    console.log(import_picocolors4.default.gray("Press Ctrl+C to stop the server"));
-    console.log();
-    if (options.open) {
-      const { default: open } = await import("open");
-      await open(`http://${options.host}:${options.port}`);
-    }
-    const cleanup = () => {
-      console.log();
-      console.log(import_picocolors4.default.yellow("\u{1F44B} Stopping development server..."));
-      if (devProcess) {
-        devProcess.kill();
-      }
-      process.exit(0);
-    };
-    process.on("SIGINT", cleanup);
-    process.on("SIGTERM", cleanup);
-    devProcess.on("exit", (code) => {
-      if (code !== 0) {
-        console.error(import_picocolors4.default.red(`\u274C Development server exited with code ${code}`));
-        process.exit(code);
-      }
-    });
-    devProcess.on("_error", (_error) => {
-      console.error(import_picocolors4.default.red("\u274C Failed to start development server:"), _error.message);
-      process.exit(1);
-    });
-  } catch (error) {
-    spinner.fail("Failed to start development server");
-    console.error(import_picocolors4.default.red("\u274C Error:"), error.message);
-    console.log();
-    console.log(import_picocolors4.default.yellow("\u{1F4A1} Suggestions:"));
-    console.log(import_picocolors4.default.gray("  \u2022 Make sure you have a dev script in package.json"));
-    console.log(import_picocolors4.default.gray("  \u2022 Install development dependencies: npm install"));
-    console.log(import_picocolors4.default.gray("  \u2022 Check if port", options.port, "is available"));
-    process.exit(1);
-  }
-});
-
-// src/index.js
-var import_meta2 = {};
-var __filename2 = (0, import_url2.fileURLToPath)(import_meta2.url);
-var __dirname2 = (0, import_path9.dirname)(__filename2);
-var version = "1.0.1";
-try {
-  const packagePath = (0, import_path9.join)(__dirname2, "..", "package.json");
-  const packageJson = JSON.parse((0, import_fs9.readFileSync)(packagePath, "utf-8"));
-  version = packageJson.version;
-} catch {
-}
-async function createCLI() {
-  const program = new import_commander5.Command();
-  program.name("coherent").description(import_picocolors5.default.cyan("\u{1F680} Coherent.js CLI - Build modern web applications with pure JavaScript objects")).version(version, "-v, --version", "display version number");
-  const banner = `
-${import_picocolors5.default.cyan("  \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\u2557")}
-${import_picocolors5.default.cyan("  \u2551")}  ${import_picocolors5.default.bold("\u{1F680} Coherent.js CLI")}                 ${import_picocolors5.default.cyan("\u2551")}
-${import_picocolors5.default.cyan("  \u2551")}  ${import_picocolors5.default.gray("Pure objects, pure performance")}      ${import_picocolors5.default.cyan("\u2551")}
-${import_picocolors5.default.cyan("  \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\u255D")}
-  `;
-  program.addCommand(createCommand).addCommand(generateCommand).addCommand(buildCommand).addCommand(devCommand);
-  program.configureHelp({
-    beforeAll: () => banner,
-    afterAll: () => `
-${import_picocolors5.default.gray("Examples:")}
-  ${import_picocolors5.default.green("coherent create my-app")}           Create a new project
-  ${import_picocolors5.default.green("coherent generate component Button")} Generate a component  
-  ${import_picocolors5.default.green("coherent generate page Home")}       Generate a page
-  ${import_picocolors5.default.green("coherent build")}                   Build for production
-  ${import_picocolors5.default.green("coherent dev")}                     Start development server
-
-${import_picocolors5.default.gray("Learn more:")} ${import_picocolors5.default.blue("https://github.com/Tomdrouv1/coherent.js")}
-`
-  });
-  if (process.argv.length === 2) {
-    console.log(banner);
-    program.help();
-    return;
-  }
-  try {
-    await program.parseAsync(process.argv);
-  } catch (error) {
-    console.error(import_picocolors5.default.red("\u274C Error:"), error.message);
-    process.exit(1);
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  buildCommand,
-  createCLI,
-  createCommand,
-  devCommand,
-  generateCommand
-});