@pyreon/create-zero 0.5.0 → 0.11.0

package/bin/create-zero.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import('../lib/index.js')
+import("../lib/index.js")

package/lib/index.js

@@ -299,8 +299,8 @@ function generatePackageJson(config) {
 	const devDeps = {
 		"@pyreon/vite-plugin": pyreonVersion("@pyreon/vite-plugin"),
 		"@pyreon/zero-cli": pyreonVersion("@pyreon/zero-cli"),
-		"typescript": "^5.9.3",
-		"vite": "^7.0.0"
+		typescript: "^5.9.3",
+		vite: "^7.0.0"
 	};
 	if (config.aiToolchain) devDeps["@pyreon/mcp"] = pyreonVersion("@pyreon/mcp");
 	const pkg = {

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { existsSync } from 'node:fs'\nimport { cp, readFile, writeFile } from 'node:fs/promises'\nimport { basename, join, resolve } from 'node:path'\nimport * as p from '@clack/prompts'\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\ninterface ProjectConfig {\n  name: string\n  targetDir: string\n  renderMode: 'ssr-stream' | 'ssr-string' | 'ssg' | 'spa'\n  features: string[]\n  packageStrategy: 'meta' | 'individual'\n  aiToolchain: boolean\n}\n\n// ─── Feature definitions ────────────────────────────────────────────────────\n\nconst FEATURES = {\n  store: {\n    label: 'State Management (@pyreon/store)',\n    deps: ['@pyreon/store'],\n  },\n  query: {\n    label: 'Data Fetching (@pyreon/query)',\n    deps: ['@pyreon/query', '@tanstack/query-core'],\n  },\n  forms: {\n    label: 'Forms + Validation (@pyreon/form, @pyreon/validation)',\n    deps: ['@pyreon/form', '@pyreon/validation', 'zod'],\n  },\n  feature: {\n    label: 'Feature CRUD (@pyreon/feature) — includes store, query, forms',\n    deps: [\n      '@pyreon/feature',\n      '@pyreon/store',\n      '@pyreon/query',\n      '@pyreon/form',\n      '@pyreon/validation',\n      '@tanstack/query-core',\n      'zod',\n    ],\n  },\n  i18n: {\n    label: 'Internationalization (@pyreon/i18n)',\n    deps: ['@pyreon/i18n'],\n  },\n  table: {\n    label: 'Tables (@pyreon/table)',\n    deps: ['@pyreon/table', '@tanstack/table-core'],\n  },\n  virtual: {\n    label: 'Virtual Lists (@pyreon/virtual)',\n    deps: ['@pyreon/virtual', '@tanstack/virtual-core'],\n  },\n  styler: {\n    label: 'CSS-in-JS (@pyreon/styler)',\n    deps: ['@pyreon/styler', '@pyreon/ui-core'],\n  },\n  elements: {\n    label: 'UI Elements (@pyreon/elements, @pyreon/coolgrid)',\n    deps: ['@pyreon/elements', '@pyreon/coolgrid', '@pyreon/unistyle', '@pyreon/ui-core'],\n  },\n  animations: {\n    label: 'Animations (@pyreon/kinetic + 120 presets)',\n    deps: ['@pyreon/kinetic', '@pyreon/kinetic-presets'],\n  },\n  hooks: {\n    label: 'Hooks (@pyreon/hooks — 25+ signal-based utilities)',\n    deps: ['@pyreon/hooks'],\n  },\n  charts: {\n    label: 'Charts (@pyreon/charts — reactive ECharts)',\n    deps: ['@pyreon/charts'],\n  },\n  hotkeys: {\n    label: 'Hotkeys (@pyreon/hotkeys — keyboard shortcuts)',\n    deps: ['@pyreon/hotkeys'],\n  },\n  storage: {\n    label: 'Storage (@pyreon/storage — localStorage, cookies, IndexedDB)',\n    deps: ['@pyreon/storage'],\n  },\n  flow: {\n    label: 'Flow Diagrams (@pyreon/flow — reactive node graphs)',\n    deps: ['@pyreon/flow'],\n  },\n  code: {\n    label: 'Code Editor (@pyreon/code — CodeMirror 6)',\n    deps: ['@pyreon/code'],\n  },\n} as const\n\ntype FeatureKey = keyof typeof FEATURES\n\n// ─── Template directory ─────────────────────────────────────────────────────\n\nconst TEMPLATE_DIR = resolve(import.meta.dirname, '../templates/default')\n\n// ─── Main ───────────────────────────────────────────────────────────────────\n\nasync function main() {\n  const args = process.argv.slice(2)\n  const argName = args[0]\n\n  if (argName === '--help' || argName === '-h') {\n    console.log('Usage: create-zero [project-name]')\n    process.exit(0)\n  }\n\n  p.intro('Create a new Pyreon Zero project')\n\n  // Project name\n  const name = argName ?? (await p.text({\n    message: 'Project name',\n    placeholder: 'my-zero-app',\n    validate: (v) => {\n      if (!v?.trim()) return 'Project name is required'\n      if (existsSync(resolve(process.cwd(), v))) return `Directory \"${v}\" already exists`\n    },\n  }))\n\n  if (p.isCancel(name)) {\n    p.cancel('Cancelled.')\n    process.exit(0)\n  }\n\n  const targetDir = resolve(process.cwd(), name as string)\n  if (existsSync(targetDir)) {\n    p.cancel(`Directory \"${name}\" already exists.`)\n    process.exit(1)\n  }\n\n  // Rendering mode\n  const renderMode = await p.select({\n    message: 'Rendering mode',\n    options: [\n      { value: 'ssr-stream', label: 'SSR Streaming', hint: 'recommended — progressive HTML with Suspense' },\n      { value: 'ssr-string', label: 'SSR String', hint: 'buffered HTML, simpler but slower TTFB' },\n      { value: 'ssg', label: 'Static (SSG)', hint: 'pre-rendered at build time' },\n      { value: 'spa', label: 'SPA', hint: 'client-only, no server rendering' },\n    ],\n  })\n\n  if (p.isCancel(renderMode)) {\n    p.cancel('Cancelled.')\n    process.exit(0)\n  }\n\n  // Features\n  const features = await p.multiselect({\n    message: 'Select features (space to toggle, enter to confirm)',\n    options: Object.entries(FEATURES).map(([key, { label }]) => ({\n      value: key,\n      label,\n    })),\n    initialValues: ['store', 'query', 'forms'],\n    required: false,\n  })\n\n  if (p.isCancel(features)) {\n    p.cancel('Cancelled.')\n    process.exit(0)\n  }\n\n  // Package strategy\n  const packageStrategy = await p.select({\n    message: 'Package imports',\n    options: [\n      { value: 'meta', label: '@pyreon/meta (single barrel)', hint: 'one import for everything — simpler, tree-shaken at build' },\n      { value: 'individual', label: 'Individual packages', hint: 'only install what you selected — smaller node_modules' },\n    ],\n  })\n\n  if (p.isCancel(packageStrategy)) {\n    p.cancel('Cancelled.')\n    process.exit(0)\n  }\n\n  // AI toolchain\n  const aiToolchain = await p.confirm({\n    message: 'Include AI toolchain? (MCP server, CLAUDE.md, doctor)',\n    initialValue: true,\n  })\n\n  if (p.isCancel(aiToolchain)) {\n    p.cancel('Cancelled.')\n    process.exit(0)\n  }\n\n  const config: ProjectConfig = {\n    name: name as string,\n    targetDir,\n    renderMode: renderMode as ProjectConfig['renderMode'],\n    features: features as string[],\n    packageStrategy: packageStrategy as ProjectConfig['packageStrategy'],\n    aiToolchain: aiToolchain as boolean,\n  }\n\n  const s = p.spinner()\n  s.start('Scaffolding project...')\n\n  await scaffold(config)\n\n  s.stop('Project created!')\n\n  // Next steps\n  p.note(\n    [\n      `cd ${config.name}`,\n      'bun install',\n      'bun run dev',\n    ].join('\\n'),\n    'Next steps',\n  )\n\n  p.outro('Happy building!')\n}\n\n// ─── Scaffolding ────────────────────────────────────────────────────────────\n\nasync function scaffold(config: ProjectConfig) {\n  // Copy full template as base\n  await cp(TEMPLATE_DIR, config.targetDir, { recursive: true })\n\n  // Generate customized files\n  await writeFile(\n    join(config.targetDir, 'package.json'),\n    generatePackageJson(config),\n  )\n\n  await writeFile(\n    join(config.targetDir, 'vite.config.ts'),\n    generateViteConfig(config),\n  )\n\n  await writeFile(\n    join(config.targetDir, 'src/entry-server.ts'),\n    generateEntryServer(config),\n  )\n\n  await writeFile(\n    join(config.targetDir, 'env.d.ts'),\n    generateEnvDts(config),\n  )\n\n  // Create .gitignore (npm strips it from packages)\n  await writeFile(\n    join(config.targetDir, '.gitignore'),\n    'node_modules\\ndist\\n.DS_Store\\n*.local\\n.pyreon\\n',\n  )\n\n  // AI toolchain files\n  if (config.aiToolchain) {\n    await writeFile(\n      join(config.targetDir, '.mcp.json'),\n      JSON.stringify(\n        {\n          mcpServers: {\n            pyreon: { command: 'bunx', args: ['@pyreon/mcp'] },\n          },\n        },\n        null,\n        2,\n      ),\n    )\n  } else {\n    // Remove AI files from copied template\n    const aiFiles = ['.mcp.json', 'CLAUDE.md']\n    for (const f of aiFiles) {\n      const path = join(config.targetDir, f)\n      if (existsSync(path)) {\n        const { unlink } = await import('node:fs/promises')\n        await unlink(path)\n      }\n    }\n  }\n\n  // Remove feature-specific files if features not selected\n  if (!config.features.includes('feature') && !config.features.includes('forms')) {\n    await removeIfExists(join(config.targetDir, 'src/routes/posts/new.tsx'))\n    await removeIfExists(join(config.targetDir, 'src/features'))\n  }\n\n  if (!config.features.includes('store')) {\n    await removeIfExists(join(config.targetDir, 'src/stores'))\n  }\n\n  // Remove store import from layout if store not selected\n  if (!config.features.includes('store')) {\n    const layoutPath = join(config.targetDir, 'src/routes/_layout.tsx')\n    if (existsSync(layoutPath)) {\n      let layout = await readFile(layoutPath, 'utf-8')\n      layout = layout\n        .replace(/import .* from '\\.\\.\\/stores\\/app'\\n/g, '')\n        .replace(/.*useAppStore.*\\n/g, '')\n        .replace(/\\s*<button[\\s\\S]*?sidebar-toggle[\\s\\S]*?<\\/button>\\n/g, '')\n      await writeFile(layoutPath, layout)\n    }\n  }\n}\n\n// ─── File generators ────────────────────────────────────────────────────────\n\n// Resolve the correct version range for a @pyreon/* package\nfunction pyreonVersion(pkg: string): string {\n  // Core packages\n  const core = ['core', 'reactivity', 'runtime-dom', 'runtime-server', 'server', 'head', 'router', 'vite-plugin', 'compiler', 'cli', 'mcp']\n  if (core.some((c) => pkg === `@pyreon/${c}`)) return '^0.7.11'\n  // Zero framework packages\n  if (pkg === '@pyreon/zero' || pkg === '@pyreon/meta' || pkg === '@pyreon/zero-cli' || pkg === '@pyreon/create-zero') return '^0.4.1'\n  // Fundamentals\n  const fundamentals = ['store', 'form', 'validation', 'query', 'table', 'virtual', 'i18n', 'feature', 'machine', 'permissions', 'flow', 'code']\n  if (fundamentals.some((f) => pkg === `@pyreon/${f}`)) return '^0.10.0'\n  // UI system\n  return '^0.4.1'\n}\n\nfunction generatePackageJson(config: ProjectConfig): string {\n  const deps: Record<string, string> = {\n    '@pyreon/core': pyreonVersion('@pyreon/core'),\n    '@pyreon/head': pyreonVersion('@pyreon/head'),\n    '@pyreon/reactivity': pyreonVersion('@pyreon/reactivity'),\n    '@pyreon/router': pyreonVersion('@pyreon/router'),\n    '@pyreon/runtime-dom': pyreonVersion('@pyreon/runtime-dom'),\n    '@pyreon/runtime-server': pyreonVersion('@pyreon/runtime-server'),\n    '@pyreon/server': pyreonVersion('@pyreon/server'),\n    '@pyreon/zero': pyreonVersion('@pyreon/zero'),\n  }\n\n  if (config.packageStrategy === 'meta') {\n    // Single barrel — includes all fundamentals + UI system\n    deps['@pyreon/meta'] = pyreonVersion('@pyreon/meta')\n    // Still need non-pyreon deps for selected features\n    for (const key of config.features) {\n      const feature = FEATURES[key as FeatureKey]\n      if (feature) {\n        for (const dep of feature.deps) {\n          if (!dep.startsWith('@pyreon/')) {\n            if (dep.startsWith('@tanstack/')) {\n              deps[dep] = dep.includes('query') ? '^5.90.0' : dep.includes('table') ? '^8.21.0' : '^3.13.0'\n            } else if (dep === 'zod') {\n              deps[dep] = '^4.0.0'\n            }\n          }\n        }\n      }\n    }\n  } else {\n    // Individual packages — only install what's selected\n    const allDeps = new Set<string>()\n    for (const key of config.features) {\n      const feature = FEATURES[key as FeatureKey]\n      if (feature) {\n        for (const dep of feature.deps) allDeps.add(dep)\n      }\n    }\n    for (const dep of allDeps) {\n      if (dep.startsWith('@pyreon/')) {\n        deps[dep] = pyreonVersion(dep)\n      } else if (dep.startsWith('@tanstack/')) {\n        deps[dep] = dep.includes('query') ? '^5.90.0' : dep.includes('table') ? '^8.21.0' : '^3.13.0'\n      } else if (dep === 'zod') {\n        deps[dep] = '^4.0.0'\n      }\n    }\n  }\n\n  const devDeps: Record<string, string> = {\n    '@pyreon/vite-plugin': pyreonVersion('@pyreon/vite-plugin'),\n    '@pyreon/zero-cli': pyreonVersion('@pyreon/zero-cli'),\n    'typescript': '^5.9.3',\n    'vite': '^7.0.0',\n  }\n\n  if (config.aiToolchain) {\n    devDeps['@pyreon/mcp'] = pyreonVersion('@pyreon/mcp')\n  }\n\n  const scripts: Record<string, string> = {\n    dev: 'zero dev',\n    build: 'zero build',\n    preview: 'zero preview',\n    doctor: 'zero doctor',\n    'doctor:fix': 'zero doctor --fix',\n    'doctor:ci': 'zero doctor --ci',\n  }\n\n  const pkg = {\n    name: basename(config.name),\n    version: '0.0.1',\n    private: true,\n    type: 'module',\n    scripts,\n    dependencies: Object.fromEntries(Object.entries(deps).sort(([a], [b]) => a.localeCompare(b))),\n    devDependencies: Object.fromEntries(Object.entries(devDeps).sort(([a], [b]) => a.localeCompare(b))),\n  }\n\n  return `${JSON.stringify(pkg, null, 2)}\\n`\n}\n\nfunction generateViteConfig(config: ProjectConfig): string {\n  const modeMap = {\n    'ssr-stream': `mode: 'ssr', ssr: { mode: 'stream' }`,\n    'ssr-string': `mode: 'ssr'`,\n    ssg: `mode: 'ssg'`,\n    spa: `mode: 'spa'`,\n  }\n\n  return `import pyreon from '@pyreon/vite-plugin'\nimport zero from '@pyreon/zero'\nimport { fontPlugin } from '@pyreon/zero/font'\nimport { seoPlugin } from '@pyreon/zero/seo'\n\nexport default {\n  plugins: [\n    pyreon(),\n    zero({ ${modeMap[config.renderMode]} }),\n\n    // Google Fonts — self-hosted at build time, CDN in dev\n    fontPlugin({\n      google: ['Inter:wght@400;500;600;700;800', 'JetBrains Mono:wght@400'],\n      fallbacks: {\n        Inter: { fallback: 'Arial', sizeAdjust: 1.07, ascentOverride: 90 },\n      },\n    }),\n\n    // Generate sitemap.xml and robots.txt at build time\n    seoPlugin({\n      sitemap: { origin: 'https://example.com' },\n      robots: {\n        rules: [{ userAgent: '*', allow: ['/'] }],\n        sitemap: 'https://example.com/sitemap.xml',\n      },\n    }),\n  ],\n}\n`\n}\n\nfunction generateEntryServer(config: ProjectConfig): string {\n  const imports = [\n    `import { routes } from 'virtual:zero/routes'`,\n    `import { routeMiddleware } from 'virtual:zero/route-middleware'`,\n    `import { createServer } from '@pyreon/zero'`,\n    `import {\\n  cacheMiddleware,\\n  securityHeaders,\\n  varyEncoding,\\n} from '@pyreon/zero/cache'`,\n  ]\n\n  const modeMap = {\n    'ssr-stream': `stream`,\n    'ssr-string': `string`,\n    ssg: `string`,\n    spa: `string`,\n  }\n\n  return `${imports.join('\\n')}\n\nexport default createServer({\n  routes,\n  routeMiddleware,\n  config: {\n    ssr: { mode: '${modeMap[config.renderMode]}' },\n  },\n  middleware: [\n    securityHeaders(),\n    cacheMiddleware({ staleWhileRevalidate: 120 }),\n    varyEncoding(),\n  ],\n})\n`\n}\n\nfunction generateEnvDts(config: ProjectConfig): string {\n  let content = `/// <reference types=\"vite/client\" />\n\ndeclare module 'virtual:zero/routes' {\n  import type { RouteRecord } from '@pyreon/router'\n  export const routes: RouteRecord[]\n}\n\ndeclare module 'virtual:zero/route-middleware' {\n  import type { RouteMiddlewareEntry } from '@pyreon/zero'\n  export const routeMiddleware: RouteMiddlewareEntry[]\n}\n`\n\n  if (config.features.includes('query')) {\n    content += `\ndeclare module 'virtual:zero/actions' {\n  export {}\n}\n`\n  }\n\n  return content\n}\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\nasync function removeIfExists(path: string) {\n  if (!existsSync(path)) return\n  const { rm } = await import('node:fs/promises')\n  await rm(path, { recursive: true })\n}\n\nmain().catch((err) => {\n  console.error(err)\n  process.exit(1)\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { existsSync } from \"node:fs\"\nimport { cp, readFile, writeFile } from \"node:fs/promises\"\nimport { basename, join, resolve } from \"node:path\"\nimport * as p from \"@clack/prompts\"\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\ninterface ProjectConfig {\n  name: string\n  targetDir: string\n  renderMode: \"ssr-stream\" | \"ssr-string\" | \"ssg\" | \"spa\"\n  features: string[]\n  packageStrategy: \"meta\" | \"individual\"\n  aiToolchain: boolean\n}\n\n// ─── Feature definitions ────────────────────────────────────────────────────\n\nconst FEATURES = {\n  store: {\n    label: \"State Management (@pyreon/store)\",\n    deps: [\"@pyreon/store\"],\n  },\n  query: {\n    label: \"Data Fetching (@pyreon/query)\",\n    deps: [\"@pyreon/query\", \"@tanstack/query-core\"],\n  },\n  forms: {\n    label: \"Forms + Validation (@pyreon/form, @pyreon/validation)\",\n    deps: [\"@pyreon/form\", \"@pyreon/validation\", \"zod\"],\n  },\n  feature: {\n    label: \"Feature CRUD (@pyreon/feature) — includes store, query, forms\",\n    deps: [\n      \"@pyreon/feature\",\n      \"@pyreon/store\",\n      \"@pyreon/query\",\n      \"@pyreon/form\",\n      \"@pyreon/validation\",\n      \"@tanstack/query-core\",\n      \"zod\",\n    ],\n  },\n  i18n: {\n    label: \"Internationalization (@pyreon/i18n)\",\n    deps: [\"@pyreon/i18n\"],\n  },\n  table: {\n    label: \"Tables (@pyreon/table)\",\n    deps: [\"@pyreon/table\", \"@tanstack/table-core\"],\n  },\n  virtual: {\n    label: \"Virtual Lists (@pyreon/virtual)\",\n    deps: [\"@pyreon/virtual\", \"@tanstack/virtual-core\"],\n  },\n  styler: {\n    label: \"CSS-in-JS (@pyreon/styler)\",\n    deps: [\"@pyreon/styler\", \"@pyreon/ui-core\"],\n  },\n  elements: {\n    label: \"UI Elements (@pyreon/elements, @pyreon/coolgrid)\",\n    deps: [\"@pyreon/elements\", \"@pyreon/coolgrid\", \"@pyreon/unistyle\", \"@pyreon/ui-core\"],\n  },\n  animations: {\n    label: \"Animations (@pyreon/kinetic + 120 presets)\",\n    deps: [\"@pyreon/kinetic\", \"@pyreon/kinetic-presets\"],\n  },\n  hooks: {\n    label: \"Hooks (@pyreon/hooks — 25+ signal-based utilities)\",\n    deps: [\"@pyreon/hooks\"],\n  },\n  charts: {\n    label: \"Charts (@pyreon/charts — reactive ECharts)\",\n    deps: [\"@pyreon/charts\"],\n  },\n  hotkeys: {\n    label: \"Hotkeys (@pyreon/hotkeys — keyboard shortcuts)\",\n    deps: [\"@pyreon/hotkeys\"],\n  },\n  storage: {\n    label: \"Storage (@pyreon/storage — localStorage, cookies, IndexedDB)\",\n    deps: [\"@pyreon/storage\"],\n  },\n  flow: {\n    label: \"Flow Diagrams (@pyreon/flow — reactive node graphs)\",\n    deps: [\"@pyreon/flow\"],\n  },\n  code: {\n    label: \"Code Editor (@pyreon/code — CodeMirror 6)\",\n    deps: [\"@pyreon/code\"],\n  },\n} as const\n\ntype FeatureKey = keyof typeof FEATURES\n\n// ─── Template directory ─────────────────────────────────────────────────────\n\nconst TEMPLATE_DIR = resolve(import.meta.dirname, \"../templates/default\")\n\n// ─── Main ───────────────────────────────────────────────────────────────────\n\nasync function main() {\n  const args = process.argv.slice(2)\n  const argName = args[0]\n\n  if (argName === \"--help\" || argName === \"-h\") {\n    console.log(\"Usage: create-zero [project-name]\")\n    process.exit(0)\n  }\n\n  p.intro(\"Create a new Pyreon Zero project\")\n\n  // Project name\n  const name =\n    argName ??\n    (await p.text({\n      message: \"Project name\",\n      placeholder: \"my-zero-app\",\n      validate: (v) => {\n        if (!v?.trim()) return \"Project name is required\"\n        if (existsSync(resolve(process.cwd(), v))) return `Directory \"${v}\" already exists`\n      },\n    }))\n\n  if (p.isCancel(name)) {\n    p.cancel(\"Cancelled.\")\n    process.exit(0)\n  }\n\n  const targetDir = resolve(process.cwd(), name as string)\n  if (existsSync(targetDir)) {\n    p.cancel(`Directory \"${name}\" already exists.`)\n    process.exit(1)\n  }\n\n  // Rendering mode\n  const renderMode = await p.select({\n    message: \"Rendering mode\",\n    options: [\n      {\n        value: \"ssr-stream\",\n        label: \"SSR Streaming\",\n        hint: \"recommended — progressive HTML with Suspense\",\n      },\n      { value: \"ssr-string\", label: \"SSR String\", hint: \"buffered HTML, simpler but slower TTFB\" },\n      { value: \"ssg\", label: \"Static (SSG)\", hint: \"pre-rendered at build time\" },\n      { value: \"spa\", label: \"SPA\", hint: \"client-only, no server rendering\" },\n    ],\n  })\n\n  if (p.isCancel(renderMode)) {\n    p.cancel(\"Cancelled.\")\n    process.exit(0)\n  }\n\n  // Features\n  const features = await p.multiselect({\n    message: \"Select features (space to toggle, enter to confirm)\",\n    options: Object.entries(FEATURES).map(([key, { label }]) => ({\n      value: key,\n      label,\n    })),\n    initialValues: [\"store\", \"query\", \"forms\"],\n    required: false,\n  })\n\n  if (p.isCancel(features)) {\n    p.cancel(\"Cancelled.\")\n    process.exit(0)\n  }\n\n  // Package strategy\n  const packageStrategy = await p.select({\n    message: \"Package imports\",\n    options: [\n      {\n        value: \"meta\",\n        label: \"@pyreon/meta (single barrel)\",\n        hint: \"one import for everything — simpler, tree-shaken at build\",\n      },\n      {\n        value: \"individual\",\n        label: \"Individual packages\",\n        hint: \"only install what you selected — smaller node_modules\",\n      },\n    ],\n  })\n\n  if (p.isCancel(packageStrategy)) {\n    p.cancel(\"Cancelled.\")\n    process.exit(0)\n  }\n\n  // AI toolchain\n  const aiToolchain = await p.confirm({\n    message: \"Include AI toolchain? (MCP server, CLAUDE.md, doctor)\",\n    initialValue: true,\n  })\n\n  if (p.isCancel(aiToolchain)) {\n    p.cancel(\"Cancelled.\")\n    process.exit(0)\n  }\n\n  const config: ProjectConfig = {\n    name: name as string,\n    targetDir,\n    renderMode: renderMode as ProjectConfig[\"renderMode\"],\n    features: features as string[],\n    packageStrategy: packageStrategy as ProjectConfig[\"packageStrategy\"],\n    aiToolchain: aiToolchain as boolean,\n  }\n\n  const s = p.spinner()\n  s.start(\"Scaffolding project...\")\n\n  await scaffold(config)\n\n  s.stop(\"Project created!\")\n\n  // Next steps\n  p.note([`cd ${config.name}`, \"bun install\", \"bun run dev\"].join(\"\\n\"), \"Next steps\")\n\n  p.outro(\"Happy building!\")\n}\n\n// ─── Scaffolding ────────────────────────────────────────────────────────────\n\nasync function scaffold(config: ProjectConfig) {\n  // Copy full template as base\n  await cp(TEMPLATE_DIR, config.targetDir, { recursive: true })\n\n  // Generate customized files\n  await writeFile(join(config.targetDir, \"package.json\"), generatePackageJson(config))\n\n  await writeFile(join(config.targetDir, \"vite.config.ts\"), generateViteConfig(config))\n\n  await writeFile(join(config.targetDir, \"src/entry-server.ts\"), generateEntryServer(config))\n\n  await writeFile(join(config.targetDir, \"env.d.ts\"), generateEnvDts(config))\n\n  // Create .gitignore (npm strips it from packages)\n  await writeFile(\n    join(config.targetDir, \".gitignore\"),\n    \"node_modules\\ndist\\n.DS_Store\\n*.local\\n.pyreon\\n\",\n  )\n\n  // AI toolchain files\n  if (config.aiToolchain) {\n    await writeFile(\n      join(config.targetDir, \".mcp.json\"),\n      JSON.stringify(\n        {\n          mcpServers: {\n            pyreon: { command: \"bunx\", args: [\"@pyreon/mcp\"] },\n          },\n        },\n        null,\n        2,\n      ),\n    )\n  } else {\n    // Remove AI files from copied template\n    const aiFiles = [\".mcp.json\", \"CLAUDE.md\"]\n    for (const f of aiFiles) {\n      const path = join(config.targetDir, f)\n      if (existsSync(path)) {\n        const { unlink } = await import(\"node:fs/promises\")\n        await unlink(path)\n      }\n    }\n  }\n\n  // Remove feature-specific files if features not selected\n  if (!config.features.includes(\"feature\") && !config.features.includes(\"forms\")) {\n    await removeIfExists(join(config.targetDir, \"src/routes/posts/new.tsx\"))\n    await removeIfExists(join(config.targetDir, \"src/features\"))\n  }\n\n  if (!config.features.includes(\"store\")) {\n    await removeIfExists(join(config.targetDir, \"src/stores\"))\n  }\n\n  // Remove store import from layout if store not selected\n  if (!config.features.includes(\"store\")) {\n    const layoutPath = join(config.targetDir, \"src/routes/_layout.tsx\")\n    if (existsSync(layoutPath)) {\n      let layout = await readFile(layoutPath, \"utf-8\")\n      layout = layout\n        .replace(/import .* from '\\.\\.\\/stores\\/app'\\n/g, \"\")\n        .replace(/.*useAppStore.*\\n/g, \"\")\n        .replace(/\\s*<button[\\s\\S]*?sidebar-toggle[\\s\\S]*?<\\/button>\\n/g, \"\")\n      await writeFile(layoutPath, layout)\n    }\n  }\n}\n\n// ─── File generators ────────────────────────────────────────────────────────\n\n// Resolve the correct version range for a @pyreon/* package\nfunction pyreonVersion(pkg: string): string {\n  // Core packages\n  const core = [\n    \"core\",\n    \"reactivity\",\n    \"runtime-dom\",\n    \"runtime-server\",\n    \"server\",\n    \"head\",\n    \"router\",\n    \"vite-plugin\",\n    \"compiler\",\n    \"cli\",\n    \"mcp\",\n  ]\n  if (core.some((c) => pkg === `@pyreon/${c}`)) return \"^0.7.11\"\n  // Zero framework packages\n  if (\n    pkg === \"@pyreon/zero\" ||\n    pkg === \"@pyreon/meta\" ||\n    pkg === \"@pyreon/zero-cli\" ||\n    pkg === \"@pyreon/create-zero\"\n  )\n    return \"^0.4.1\"\n  // Fundamentals\n  const fundamentals = [\n    \"store\",\n    \"form\",\n    \"validation\",\n    \"query\",\n    \"table\",\n    \"virtual\",\n    \"i18n\",\n    \"feature\",\n    \"machine\",\n    \"permissions\",\n    \"flow\",\n    \"code\",\n  ]\n  if (fundamentals.some((f) => pkg === `@pyreon/${f}`)) return \"^0.10.0\"\n  // UI system\n  return \"^0.4.1\"\n}\n\nfunction generatePackageJson(config: ProjectConfig): string {\n  const deps: Record<string, string> = {\n    \"@pyreon/core\": pyreonVersion(\"@pyreon/core\"),\n    \"@pyreon/head\": pyreonVersion(\"@pyreon/head\"),\n    \"@pyreon/reactivity\": pyreonVersion(\"@pyreon/reactivity\"),\n    \"@pyreon/router\": pyreonVersion(\"@pyreon/router\"),\n    \"@pyreon/runtime-dom\": pyreonVersion(\"@pyreon/runtime-dom\"),\n    \"@pyreon/runtime-server\": pyreonVersion(\"@pyreon/runtime-server\"),\n    \"@pyreon/server\": pyreonVersion(\"@pyreon/server\"),\n    \"@pyreon/zero\": pyreonVersion(\"@pyreon/zero\"),\n  }\n\n  if (config.packageStrategy === \"meta\") {\n    // Single barrel — includes all fundamentals + UI system\n    deps[\"@pyreon/meta\"] = pyreonVersion(\"@pyreon/meta\")\n    // Still need non-pyreon deps for selected features\n    for (const key of config.features) {\n      const feature = FEATURES[key as FeatureKey]\n      if (feature) {\n        for (const dep of feature.deps) {\n          if (!dep.startsWith(\"@pyreon/\")) {\n            if (dep.startsWith(\"@tanstack/\")) {\n              deps[dep] = dep.includes(\"query\")\n                ? \"^5.90.0\"\n                : dep.includes(\"table\")\n                  ? \"^8.21.0\"\n                  : \"^3.13.0\"\n            } else if (dep === \"zod\") {\n              deps[dep] = \"^4.0.0\"\n            }\n          }\n        }\n      }\n    }\n  } else {\n    // Individual packages — only install what's selected\n    const allDeps = new Set<string>()\n    for (const key of config.features) {\n      const feature = FEATURES[key as FeatureKey]\n      if (feature) {\n        for (const dep of feature.deps) allDeps.add(dep)\n      }\n    }\n    for (const dep of allDeps) {\n      if (dep.startsWith(\"@pyreon/\")) {\n        deps[dep] = pyreonVersion(dep)\n      } else if (dep.startsWith(\"@tanstack/\")) {\n        deps[dep] = dep.includes(\"query\")\n          ? \"^5.90.0\"\n          : dep.includes(\"table\")\n            ? \"^8.21.0\"\n            : \"^3.13.0\"\n      } else if (dep === \"zod\") {\n        deps[dep] = \"^4.0.0\"\n      }\n    }\n  }\n\n  const devDeps: Record<string, string> = {\n    \"@pyreon/vite-plugin\": pyreonVersion(\"@pyreon/vite-plugin\"),\n    \"@pyreon/zero-cli\": pyreonVersion(\"@pyreon/zero-cli\"),\n    typescript: \"^5.9.3\",\n    vite: \"^7.0.0\",\n  }\n\n  if (config.aiToolchain) {\n    devDeps[\"@pyreon/mcp\"] = pyreonVersion(\"@pyreon/mcp\")\n  }\n\n  const scripts: Record<string, string> = {\n    dev: \"zero dev\",\n    build: \"zero build\",\n    preview: \"zero preview\",\n    doctor: \"zero doctor\",\n    \"doctor:fix\": \"zero doctor --fix\",\n    \"doctor:ci\": \"zero doctor --ci\",\n  }\n\n  const pkg = {\n    name: basename(config.name),\n    version: \"0.0.1\",\n    private: true,\n    type: \"module\",\n    scripts,\n    dependencies: Object.fromEntries(Object.entries(deps).sort(([a], [b]) => a.localeCompare(b))),\n    devDependencies: Object.fromEntries(\n      Object.entries(devDeps).sort(([a], [b]) => a.localeCompare(b)),\n    ),\n  }\n\n  return `${JSON.stringify(pkg, null, 2)}\\n`\n}\n\nfunction generateViteConfig(config: ProjectConfig): string {\n  const modeMap = {\n    \"ssr-stream\": `mode: 'ssr', ssr: { mode: 'stream' }`,\n    \"ssr-string\": `mode: 'ssr'`,\n    ssg: `mode: 'ssg'`,\n    spa: `mode: 'spa'`,\n  }\n\n  return `import pyreon from '@pyreon/vite-plugin'\nimport zero from '@pyreon/zero'\nimport { fontPlugin } from '@pyreon/zero/font'\nimport { seoPlugin } from '@pyreon/zero/seo'\n\nexport default {\n  plugins: [\n    pyreon(),\n    zero({ ${modeMap[config.renderMode]} }),\n\n    // Google Fonts — self-hosted at build time, CDN in dev\n    fontPlugin({\n      google: ['Inter:wght@400;500;600;700;800', 'JetBrains Mono:wght@400'],\n      fallbacks: {\n        Inter: { fallback: 'Arial', sizeAdjust: 1.07, ascentOverride: 90 },\n      },\n    }),\n\n    // Generate sitemap.xml and robots.txt at build time\n    seoPlugin({\n      sitemap: { origin: 'https://example.com' },\n      robots: {\n        rules: [{ userAgent: '*', allow: ['/'] }],\n        sitemap: 'https://example.com/sitemap.xml',\n      },\n    }),\n  ],\n}\n`\n}\n\nfunction generateEntryServer(config: ProjectConfig): string {\n  const imports = [\n    `import { routes } from 'virtual:zero/routes'`,\n    `import { routeMiddleware } from 'virtual:zero/route-middleware'`,\n    `import { createServer } from '@pyreon/zero'`,\n    `import {\\n  cacheMiddleware,\\n  securityHeaders,\\n  varyEncoding,\\n} from '@pyreon/zero/cache'`,\n  ]\n\n  const modeMap = {\n    \"ssr-stream\": `stream`,\n    \"ssr-string\": `string`,\n    ssg: `string`,\n    spa: `string`,\n  }\n\n  return `${imports.join(\"\\n\")}\n\nexport default createServer({\n  routes,\n  routeMiddleware,\n  config: {\n    ssr: { mode: '${modeMap[config.renderMode]}' },\n  },\n  middleware: [\n    securityHeaders(),\n    cacheMiddleware({ staleWhileRevalidate: 120 }),\n    varyEncoding(),\n  ],\n})\n`\n}\n\nfunction generateEnvDts(config: ProjectConfig): string {\n  let content = `/// <reference types=\"vite/client\" />\n\ndeclare module 'virtual:zero/routes' {\n  import type { RouteRecord } from '@pyreon/router'\n  export const routes: RouteRecord[]\n}\n\ndeclare module 'virtual:zero/route-middleware' {\n  import type { RouteMiddlewareEntry } from '@pyreon/zero'\n  export const routeMiddleware: RouteMiddlewareEntry[]\n}\n`\n\n  if (config.features.includes(\"query\")) {\n    content += `\ndeclare module 'virtual:zero/actions' {\n  export {}\n}\n`\n  }\n\n  return content\n}\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\nasync function removeIfExists(path: string) {\n  if (!existsSync(path)) return\n  const { rm } = await import(\"node:fs/promises\")\n  await rm(path, { recursive: true })\n}\n\nmain().catch((err) => {\n  console.error(err)\n  process.exit(1)\n})\n"],"mappings":"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"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@pyreon/create-zero",
-  "version": "0.5.0",
+  "version": "0.11.0",
   "description": "Create a new Pyreon Zero project",
   "license": "MIT",
   "author": "Vit Bokisch",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pyreon/zero",
-    "directory": "packages/create-zero"
+    "url": "https://github.com/pyreon/pyreon.git",
+    "directory": "packages/zero/create-zero"
   },
   "type": "module",
   "main": "./lib/index.js",
@@ -24,7 +24,8 @@
   ],
   "scripts": {
     "build": "vl_rolldown_build",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check ."
   },
   "dependencies": {
     "@clack/prompts": "^1.0.0"

package/templates/default/env.d.ts

@@ -1,16 +1,16 @@
 /// <reference types="vite/client" />
 
-declare module 'virtual:zero/routes' {
-  import type { RouteRecord } from '@pyreon/router'
+declare module "virtual:zero/routes" {
+  import type { RouteRecord } from "@pyreon/router"
   export const routes: RouteRecord[]
 }
 
-declare module 'virtual:zero/route-middleware' {
-  import type { RouteMiddlewareEntry } from '@pyreon/zero'
+declare module "virtual:zero/route-middleware" {
+  import type { RouteMiddlewareEntry } from "@pyreon/zero"
   export const routeMiddleware: RouteMiddlewareEntry[]
 }
 
-declare module 'virtual:zero/api-routes' {
-  import type { ApiRouteEntry } from '@pyreon/zero'
+declare module "virtual:zero/api-routes" {
+  import type { ApiRouteEntry } from "@pyreon/zero"
   export const apiRoutes: ApiRouteEntry[]
 }

package/templates/default/index.html

@@ -6,7 +6,7 @@
     <meta name="theme-color" content="#0a0a0b" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <!-- Prevent flash of wrong theme -->
-    <script>(function(){try{var t=localStorage.getItem("zero-theme");var r=t==="light"?"light":t==="dark"?"dark":window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light";document.documentElement.dataset.theme=r}catch(e){}})()</script>
+    <script>(()=> {try{var t=localStorage.getItem("zero-theme");var r=t==="light"?"light":t==="dark"?"dark":window.matchMedia("(prefers-color-scheme:dark)").matches?"dark":"light";document.documentElement.dataset.theme=r}catch(e){}})()</script>
     <!--pyreon-head-->
   </head>
   <body>

package/templates/default/src/entry-client.ts

@@ -1,5 +1,5 @@
-import './global.css'
-import { routes } from 'virtual:zero/routes'
-import { startClient } from '@pyreon/zero/client'
+import "./global.css"
+import { routes } from "virtual:zero/routes"
+import { startClient } from "@pyreon/zero/client"
 
 startClient({ routes })

package/templates/default/src/entry-server.ts

@@ -1,25 +1,21 @@
-import { apiRoutes } from 'virtual:zero/api-routes'
-import { routeMiddleware } from 'virtual:zero/route-middleware'
-import { routes } from 'virtual:zero/routes'
-import { createServer } from '@pyreon/zero'
-import {
-  cacheMiddleware,
-  securityHeaders,
-  varyEncoding,
-} from '@pyreon/zero/cache'
-import { corsMiddleware } from '@pyreon/zero/cors'
-import { rateLimitMiddleware } from '@pyreon/zero/rate-limit'
+import { apiRoutes } from "virtual:zero/api-routes"
+import { routeMiddleware } from "virtual:zero/route-middleware"
+import { routes } from "virtual:zero/routes"
+import { createServer } from "@pyreon/zero"
+import { cacheMiddleware, securityHeaders, varyEncoding } from "@pyreon/zero/cache"
+import { corsMiddleware } from "@pyreon/zero/cors"
+import { rateLimitMiddleware } from "@pyreon/zero/rate-limit"
 
 export default createServer({
   routes,
   routeMiddleware,
   apiRoutes,
   config: {
-    ssr: { mode: 'stream' },
+    ssr: { mode: "stream" },
   },
   middleware: [
     corsMiddleware(),
-    rateLimitMiddleware({ max: 100, window: 60, include: ['/api/*'] }),
+    rateLimitMiddleware({ max: 100, window: 60, include: ["/api/*"] }),
     securityHeaders(),
     cacheMiddleware({ staleWhileRevalidate: 120 }),
     varyEncoding(),

package/templates/default/src/features/posts.ts

@@ -1,12 +1,12 @@
-import { defineFeature } from '@pyreon/feature'
-import { z } from 'zod'
+import { defineFeature } from "@pyreon/feature"
+import { z } from "zod"
 
 export const posts = defineFeature({
-  name: 'posts',
+  name: "posts",
   schema: z.object({
-    title: z.string().min(3, 'Title must be at least 3 characters'),
-    body: z.string().min(10, 'Body must be at least 10 characters'),
+    title: z.string().min(3, "Title must be at least 3 characters"),
+    body: z.string().min(10, "Body must be at least 10 characters"),
     published: z.boolean(),
   }),
-  api: '/api/posts',
+  api: "/api/posts",
 })

package/templates/default/src/routes/(admin)/dashboard.tsx

@@ -1,9 +1,9 @@
-import { useHead } from '@pyreon/head'
-import type { MiddlewareContext } from '@pyreon/server'
-import type { LoaderContext } from '@pyreon/zero'
+import { useHead } from "@pyreon/head"
+import type { MiddlewareContext } from "@pyreon/server"
+import type { LoaderContext } from "@pyreon/zero"
 
 export const meta = {
-  title: 'Dashboard — Pyreon Zero',
+  title: "Dashboard — Pyreon Zero",
 }
 
 /**
@@ -16,11 +16,10 @@ export const meta = {
 export function guard() {
   // Simulate auth check — in a real app, check session/token
   const isAuthenticated =
-    typeof window !== 'undefined' &&
-    localStorage.getItem('zero-demo-auth') === 'true'
+    typeof window !== "undefined" && localStorage.getItem("zero-demo-auth") === "true"
 
   if (!isAuthenticated) {
-    return '/about' // Redirect unauthenticated users
+    return "/about" // Redirect unauthenticated users
   }
   return true // Allow navigation
 }
@@ -34,16 +33,16 @@ export function guard() {
  */
 export const middleware = (ctx: MiddlewareContext) => {
   // Add server timing header to track route performance
-  ctx.headers.set('Server-Timing', `route;desc="Dashboard"`)
+  ctx.headers.set("Server-Timing", `route;desc="Dashboard"`)
 }
 
 export async function loader(_ctx: LoaderContext) {
   return {
-    user: 'Demo User',
+    user: "Demo User",
     stats: {
       views: 12_847,
       routes: 6,
-      buildTime: '1.2s',
+      buildTime: "1.2s",
     },
   }
 }
@@ -57,8 +56,8 @@ export default function Dashboard() {
         <span class="badge">Protected Route</span>
         <h1 style="margin-top: var(--space-md);">Dashboard</h1>
         <p>
-          This route is protected by a <code>guard</code> function and uses
-          per-route <code>middleware</code> for server-side logging.
+          This route is protected by a <code>guard</code> function and uses per-route{" "}
+          <code>middleware</code> for server-side logging.
         </p>
       </div>
 
@@ -77,31 +76,27 @@ export default function Dashboard() {
         </div>
       </div>
 
-      <div
-        class="code-block"
-        style="max-width: 520px; margin: var(--space-2xl) auto 0;"
-      >
+      <div class="code-block" style="max-width: 520px; margin: var(--space-2xl) auto 0;">
         <div class="code-block-header">
           <span>dashboard.tsx</span>
         </div>
         <pre>
           <code>
-            <span class="cm">{'// Navigation guard — protect routes'}</span>
-            <span class="kw">export function</span>{' '}
-            <span class="fn">guard</span>() {'{'}
-            <span class="kw">if</span> (!isAuthenticated) {'{'}
-            <span class="kw">return</span> <span class="str">"/login"</span>{' '}
-            <span class="cm">{'// redirect'}</span>
-            {'}'}
-            <span class="kw">return</span> <span class="str">true</span>{' '}
-            <span class="cm">{'// allow'}</span>
-            {'}'}
-            <span class="cm">{'// Per-route server middleware'}</span>
-            <span class="kw">export const</span>{' '}
-            <span class="fn">middleware</span> = (req, next) =&gt; {'{'}
-            <span class="cm">{'// logging, auth, rate limiting...'}</span>
+            <span class="cm">{"// Navigation guard — protect routes"}</span>
+            <span class="kw">export function</span> <span class="fn">guard</span>() {"{"}
+            <span class="kw">if</span> (!isAuthenticated) {"{"}
+            <span class="kw">return</span> <span class="str">"/login"</span>{" "}
+            <span class="cm">{"// redirect"}</span>
+            {"}"}
+            <span class="kw">return</span> <span class="str">true</span>{" "}
+            <span class="cm">{"// allow"}</span>
+            {"}"}
+            <span class="cm">{"// Per-route server middleware"}</span>
+            <span class="kw">export const</span> <span class="fn">middleware</span> = (req, next)
+            =&gt; {"{"}
+            <span class="cm">{"// logging, auth, rate limiting..."}</span>
             <span class="kw">return</span> <span class="fn">next</span>(req)
-            {'}'}
+            {"}"}
           </code>
         </pre>
       </div>
@@ -111,8 +106,8 @@ export default function Dashboard() {
           type="button"
           class="btn btn-secondary"
           onClick={() => {
-            localStorage.removeItem('zero-demo-auth')
-            window.location.href = '/about'
+            localStorage.removeItem("zero-demo-auth")
+            window.location.href = "/about"
           }}
         >
           Log out (clear demo auth)

package/templates/default/src/routes/_error.tsx

@@ -1,22 +1,17 @@
-import { useHead } from '@pyreon/head'
-import { Link } from '@pyreon/zero/link'
+import { useHead } from "@pyreon/head"
+import { Link } from "@pyreon/zero/link"
 
 export default function ErrorPage() {
-  useHead({ title: 'Something went wrong — Zero' })
+  useHead({ title: "Something went wrong — Zero" })
 
   return (
     <div class="error-page">
       <div class="error-code">500</div>
       <h1>Something went wrong</h1>
       <p style="color: var(--c-text-secondary); max-width: 400px;">
-        An unexpected error occurred. Try refreshing the page or navigating back
-        home.
+        An unexpected error occurred. Try refreshing the page or navigating back home.
       </p>
-      <Link
-        href="/"
-        class="btn btn-primary"
-        style="margin-top: var(--space-md);"
-      >
+      <Link href="/" class="btn btn-primary" style="margin-top: var(--space-md);">
         Back to Home
       </Link>
     </div>

package/templates/default/src/routes/_layout.tsx

@@ -1,7 +1,7 @@
-import { QueryClient, QueryClientProvider } from '@pyreon/query'
-import { Link } from '@pyreon/zero/link'
-import { ThemeToggle } from '@pyreon/zero/theme'
-import { useAppStore } from '../stores/app'
+import { QueryClient, QueryClientProvider } from "@pyreon/query"
+import { Link } from "@pyreon/zero/link"
+import { ThemeToggle } from "@pyreon/zero/theme"
+import { useAppStore } from "../stores/app"
 
 const queryClient = new QueryClient({
   defaultOptions: { queries: { staleTime: 30000 } },
@@ -23,11 +23,7 @@ export function layout(props: { children: any }) {
             <Link href="/" prefetch="viewport" exactActiveClass="nav-active">
               Home
             </Link>
-            <Link
-              href="/counter"
-              prefetch="hover"
-              exactActiveClass="nav-active"
-            >
+            <Link href="/counter" prefetch="hover" exactActiveClass="nav-active">
               Counter
             </Link>
             <Link href="/posts" prefetch="hover" activeClass="nav-active">
@@ -36,11 +32,7 @@ export function layout(props: { children: any }) {
             <Link href="/about" prefetch="hover" exactActiveClass="nav-active">
               About
             </Link>
-            <Link
-              href="/dashboard"
-              prefetch="hover"
-              exactActiveClass="nav-active"
-            >
+            <Link href="/dashboard" prefetch="hover" exactActiveClass="nav-active">
               Dashboard
             </Link>
             <button
@@ -49,7 +41,7 @@ export function layout(props: { children: any }) {
               onClick={toggleSidebar}
               title="Toggle sidebar"
             >
-              {() => (sidebarOpen() ? '◀' : '▶')}
+              {() => (sidebarOpen() ? "◀" : "▶")}
             </button>
             <ThemeToggle class="theme-toggle" />
           </nav>
@@ -58,9 +50,7 @@ export function layout(props: { children: any }) {
 
       <main class="app-main">{props.children}</main>
 
-      <footer class="app-footer">
-        Built with Pyreon Zero — signal-based, blazing fast.
-      </footer>
+      <footer class="app-footer">Built with Pyreon Zero — signal-based, blazing fast.</footer>
     </QueryClientProvider>
   )
 }

package/templates/default/src/routes/about.tsx

@@ -1,15 +1,15 @@
-import { useHead } from '@pyreon/head'
-import { Link } from '@pyreon/zero/link'
+import { useHead } from "@pyreon/head"
+import { Link } from "@pyreon/zero/link"
 
 export const meta = {
-  title: 'About — Pyreon Zero',
-  description: 'Learn about the Pyreon Zero meta-framework.',
+  title: "About — Pyreon Zero",
+  description: "Learn about the Pyreon Zero meta-framework.",
 }
 
 export default function About() {
   useHead({
     title: meta.title,
-    meta: [{ name: 'description', content: meta.description }],
+    meta: [{ name: "description", content: meta.description }],
   })
 
   return (
@@ -17,8 +17,8 @@ export default function About() {
       <div class="page-header">
         <h1>About Zero</h1>
         <p>
-          A signal-based meta-framework built on Vite — designed for developers
-          who care about performance and simplicity.
+          A signal-based meta-framework built on Vite — designed for developers who care about
+          performance and simplicity.
         </p>
       </div>
 
@@ -43,20 +43,18 @@ export default function About() {
         </h2>
         <div style="color: var(--c-text-secondary); line-height: 1.8; display: flex; flex-direction: column; gap: var(--space-lg);">
           <p>
-            Most frameworks make you choose between developer experience and
-            runtime performance. Zero doesn't. Pyreon's signal-based reactivity
-            means your components compile to surgical DOM updates — no diffing,
-            no reconciliation, no wasted work.
+            Most frameworks make you choose between developer experience and runtime performance.
+            Zero doesn't. Pyreon's signal-based reactivity means your components compile to surgical
+            DOM updates — no diffing, no reconciliation, no wasted work.
           </p>
           <p>
-            On top of that, Zero gives you file-based routing, server-side
-            rendering, static generation, incremental regeneration, font
-            optimization, image optimization, smart caching, link prefetching,
-            and SEO utilities — all built in, all zero-config.
+            On top of that, Zero gives you file-based routing, server-side rendering, static
+            generation, incremental regeneration, font optimization, image optimization, smart
+            caching, link prefetching, and SEO utilities — all built in, all zero-config.
           </p>
           <p>
-            Deploy to Node, Bun, Vercel, Cloudflare, Netlify, or export as a
-            static site. One codebase, any target.
+            Deploy to Node, Bun, Vercel, Cloudflare, Netlify, or export as a static site. One
+            codebase, any target.
           </p>
         </div>
       </section>
@@ -67,30 +65,15 @@ export default function About() {
         </h2>
         <div style="display: grid; gap: var(--space-sm);">
           {[
-            ['Pyreon', 'Signal-based UI framework with JSX'],
-            ['Vite', 'Lightning-fast dev server and optimized builds'],
-            [
-              'File Router',
-              'Drop a file, get a route — layouts, guards, loaders',
-            ],
-            [
-              'SSR / SSG / ISR',
-              'Every rendering strategy, per-route overrides',
-            ],
-            [
-              '<Image>',
-              'Lazy loading, responsive srcset, blur-up placeholders',
-            ],
-            ['<Link>', 'Prefetch on hover or viewport entry for instant nav'],
-            [
-              'Font Plugin',
-              'Google Fonts optimization, preconnect, font-display:swap',
-            ],
-            [
-              'Cache MW',
-              'Immutable hashed assets, stale-while-revalidate pages',
-            ],
-            ['SEO Tools', 'Sitemap, robots.txt, JSON-LD structured data'],
+            ["Pyreon", "Signal-based UI framework with JSX"],
+            ["Vite", "Lightning-fast dev server and optimized builds"],
+            ["File Router", "Drop a file, get a route — layouts, guards, loaders"],
+            ["SSR / SSG / ISR", "Every rendering strategy, per-route overrides"],
+            ["<Image>", "Lazy loading, responsive srcset, blur-up placeholders"],
+            ["<Link>", "Prefetch on hover or viewport entry for instant nav"],
+            ["Font Plugin", "Google Fonts optimization, preconnect, font-display:swap"],
+            ["Cache MW", "Immutable hashed assets, stale-while-revalidate pages"],
+            ["SEO Tools", "Sitemap, robots.txt, JSON-LD structured data"],
           ].map(([name, desc]) => (
             <div
               class="card"
@@ -99,9 +82,7 @@ export default function About() {
               <code style="min-width: 130px; font-weight: 600; color: var(--c-accent);">
                 {name}
               </code>
-              <span style="color: var(--c-text-secondary); font-size: 0.9rem;">
-                {desc}
-              </span>
+              <span style="color: var(--c-text-secondary); font-size: 0.9rem;">{desc}</span>
             </div>
           ))}
         </div>

package/templates/default/src/routes/api/health.ts

@@ -3,5 +3,5 @@
  * Useful for load balancers and uptime monitoring.
  */
 export function GET() {
-  return Response.json({ status: 'ok', timestamp: new Date().toISOString() })
+  return Response.json({ status: "ok", timestamp: new Date().toISOString() })
 }

package/templates/default/src/routes/api/posts.ts

@@ -1,4 +1,4 @@
-import type { ApiContext } from '@pyreon/zero'
+import type { ApiContext } from "@pyreon/zero"
 
 /**
  * API route example — /api/posts
@@ -10,9 +10,9 @@ import type { ApiContext } from '@pyreon/zero'
  */
 
 const POSTS = [
-  { id: 1, title: 'Getting Started with Pyreon Zero', published: true },
-  { id: 2, title: 'Understanding Signals', published: true },
-  { id: 3, title: 'Server-Side Rendering Made Simple', published: false },
+  { id: 1, title: "Getting Started with Pyreon Zero", published: true },
+  { id: 2, title: "Understanding Signals", published: true },
+  { id: 3, title: "Server-Side Rendering Made Simple", published: false },
 ]
 
 export function GET(_ctx: ApiContext) {
@@ -26,7 +26,7 @@ export async function POST(ctx: ApiContext) {
   }
 
   if (!body.title) {
-    return Response.json({ error: 'Title is required' }, { status: 400 })
+    return Response.json({ error: "Title is required" }, { status: 400 })
   }
 
   const post = {

package/templates/default/src/routes/counter.tsx

@@ -1,8 +1,8 @@
-import { useHead } from '@pyreon/head'
-import { computed, signal } from '@pyreon/reactivity'
+import { useHead } from "@pyreon/head"
+import { computed, signal } from "@pyreon/reactivity"
 
 export const meta = {
-  title: 'Counter — Pyreon Zero',
+  title: "Counter — Pyreon Zero",
   description: "See Pyreon's signal-based reactivity in action.",
 }
 
@@ -19,13 +19,13 @@ export default function Counter() {
         <span class="badge">Interactive Demo</span>
         <h1 style="margin-top: var(--space-md);">Signal Reactivity</h1>
         <p>
-          Fine-grained reactivity with zero virtual DOM. Only the exact text
-          nodes that display these values are updated — nothing else re-renders.
+          Fine-grained reactivity with zero virtual DOM. Only the exact text nodes that display
+          these values are updated — nothing else re-renders.
         </p>
       </div>
 
       <div class="counter-demo">
-        <div class="counter-display">{count}</div>
+        <div class="counter-display">{() => count()}</div>
 
         <div class="counter-controls">
           <button
@@ -35,11 +35,7 @@ export default function Counter() {
           >
             -
           </button>
-          <button
-            type="button"
-            class="btn btn-primary"
-            onClick={() => count.set(0)}
-          >
+          <button type="button" class="btn btn-primary" onClick={() => count.set(0)}>
             Reset
           </button>
           <button
@@ -53,38 +49,33 @@ export default function Counter() {
 
         <div class="counter-meta">
           <div>
-            count() → <strong>{count}</strong>
+            count() → <strong>{() => count()}</strong>
           </div>
           <div>
-            doubled() → <strong>{doubled}</strong>
+            doubled() → <strong>{() => doubled()}</strong>
           </div>
           <div>
-            isEven() → <strong>{() => (isEven() ? 'true' : 'false')}</strong>
+            isEven() → <strong>{() => (isEven() ? "true" : "false")}</strong>
           </div>
         </div>
       </div>
 
-      <div
-        class="code-block"
-        style="max-width: 520px; margin: var(--space-2xl) auto 0;"
-      >
+      <div class="code-block" style="max-width: 520px; margin: var(--space-2xl) auto 0;">
         <div class="code-block-header">
           <span>counter.tsx</span>
         </div>
         <pre>
           <code>
-            <span class="kw">import</span> {'{'} signal, computed {'}'}{' '}
-            <span class="kw">from</span>{' '}
+            <span class="kw">import</span> {"{"} signal, computed {"}"} <span class="kw">from</span>{" "}
             <span class="str">"@pyreon/reactivity"</span>
-            <span class="kw">const</span> <span class="fn">count</span> ={' '}
-            <span class="fn">signal</span>(<span class="str">0</span>)
-            <span class="kw">const</span> <span class="fn">doubled</span> ={' '}
-            <span class="fn">computed</span>(() =&gt;{' '}
+            <span class="kw">const</span> <span class="fn">count</span> ={" "}
+            <span class="fn">signal</span>(<span class="str">0</span>)<span class="kw">const</span>{" "}
+            <span class="fn">doubled</span> = <span class="fn">computed</span>(() =&gt;{" "}
             <span class="fn">count</span>() * <span class="str">2</span>)
-            <span class="cm">{'// Just reference the signal in JSX —'}</span>
-            <span class="cm">{'// only this text node updates'}</span>
+            <span class="cm">{"// Just reference the signal in JSX —"}</span>
+            <span class="cm">{"// only this text node updates"}</span>
             <span class="tag">&lt;span&gt;</span>
-            {'{'}count{'}'}
+            {"{"}count{"}"}
             <span class="tag">&lt;/span&gt;</span>
           </code>
         </pre>

package/templates/default/src/routes/index.tsx

@@ -1,15 +1,15 @@
-import { useHead } from '@pyreon/head'
-import { Link } from '@pyreon/zero/link'
+import { useHead } from "@pyreon/head"
+import { Link } from "@pyreon/zero/link"
 
 export const meta = {
-  title: 'Pyreon Zero',
-  description: 'The signal-based meta-framework. Build fast, stay fast.',
+  title: "Pyreon Zero",
+  description: "The signal-based meta-framework. Build fast, stay fast.",
 }
 
 export default function Home() {
   useHead({
-    title: 'Pyreon Zero — The Signal-Based Meta-Framework',
-    meta: [{ name: 'description', content: meta.description }],
+    title: "Pyreon Zero — The Signal-Based Meta-Framework",
+    meta: [{ name: "description", content: meta.description }],
   })
 
   return (
@@ -22,9 +22,8 @@ export default function Home() {
           <span class="gradient">Stay fast.</span>
         </h1>
         <p>
-          Pyreon Zero is a signal-based full-stack framework powered by Vite.
-          File-based routing, SSR, SSG, ISR — everything you need, nothing you
-          don't.
+          Pyreon Zero is a signal-based full-stack framework powered by Vite. File-based routing,
+          SSR, SSG, ISR — everything you need, nothing you don't.
         </p>
         <div class="hero-actions">
           <Link href="/counter" class="btn btn-primary">
@@ -75,8 +74,8 @@ export default function Home() {
           </div>
           <h3>Signal-Based Reactivity</h3>
           <p>
-            Fine-grained reactivity with zero virtual DOM overhead. Only the
-            exact DOM nodes that need updating are touched.
+            Fine-grained reactivity with zero virtual DOM overhead. Only the exact DOM nodes that
+            need updating are touched.
           </p>
         </div>
 
@@ -98,8 +97,8 @@ export default function Home() {
           </div>
           <h3>File-Based Routing</h3>
           <p>
-            Drop a file in <code>src/routes/</code> and it's a route. Layouts,
-            dynamic params, catch-alls, and route groups built in.
+            Drop a file in <code>src/routes/</code> and it's a route. Layouts, dynamic params,
+            catch-alls, and route groups built in.
           </p>
         </div>
 
@@ -123,8 +122,8 @@ export default function Home() {
           </div>
           <h3>SSR / SSG / ISR / SPA</h3>
           <p>
-            Every rendering strategy out of the box. Per-route overrides let you
-            mix SSR pages with static marketing pages.
+            Every rendering strategy out of the box. Per-route overrides let you mix SSR pages with
+            static marketing pages.
           </p>
         </div>
 
@@ -146,9 +145,8 @@ export default function Home() {
           </div>
           <h3>Font & Image Optimization</h3>
           <p>
-            Automatic Google Fonts inlining, font-display swap, and an{' '}
-            <code>{'<Image>'}</code> component with lazy loading and blur-up
-            placeholders.
+            Automatic Google Fonts inlining, font-display swap, and an <code>{"<Image>"}</code>{" "}
+            component with lazy loading and blur-up placeholders.
           </p>
         </div>
 
@@ -170,8 +168,8 @@ export default function Home() {
           </div>
           <h3>Smart Caching & Security</h3>
           <p>
-            Built-in middleware for immutable asset caching,
-            stale-while-revalidate, security headers, and compression hints.
+            Built-in middleware for immutable asset caching, stale-while-revalidate, security
+            headers, and compression hints.
           </p>
         </div>
 
@@ -195,8 +193,8 @@ export default function Home() {
           </div>
           <h3>Deploy Anywhere</h3>
           <p>
-            Adapters for Node, Bun, Vercel, Cloudflare, and Netlify. Or export
-            as a fully static site.
+            Adapters for Node, Bun, Vercel, Cloudflare, and Netlify. Or export as a fully static
+            site.
           </p>
         </div>
       </section>

package/templates/default/src/routes/posts/[id].tsx

@@ -1,7 +1,7 @@
-import { useHead } from '@pyreon/head'
-import { useLoaderData } from '@pyreon/router'
-import type { LoaderContext } from '@pyreon/zero'
-import { Link } from '@pyreon/zero/link'
+import { useHead } from "@pyreon/head"
+import { useLoaderData } from "@pyreon/router"
+import type { LoaderContext } from "@pyreon/zero"
+import { Link } from "@pyreon/zero/link"
 
 interface Post {
   id: number
@@ -13,52 +13,52 @@ interface Post {
 }
 
 const POSTS: Record<string, Post> = {
-  '1': {
+  "1": {
     id: 1,
-    title: 'Getting Started with Pyreon Zero',
-    excerpt: 'Learn how to build your first app.',
+    title: "Getting Started with Pyreon Zero",
+    excerpt: "Learn how to build your first app.",
     body: "Pyreon Zero makes it incredibly easy to build modern web applications. Start by creating a new project with `bun create zero my-app`, then drop your first route file into `src/routes/`. The file-based router automatically picks up new files and generates the route tree for you.\n\nEvery route can export a `loader` for server-side data fetching, a `guard` for navigation protection, and `meta` for SEO metadata. The component itself uses JSX with Pyreon's signal-based reactivity — no virtual DOM overhead, just surgical DOM updates.",
-    author: 'Zero Team',
-    date: '2026-03-01',
+    author: "Zero Team",
+    date: "2026-03-01",
   },
-  '2': {
+  "2": {
     id: 2,
-    title: 'Understanding Signals',
-    excerpt: 'Deep dive into fine-grained reactivity.',
+    title: "Understanding Signals",
+    excerpt: "Deep dive into fine-grained reactivity.",
     body: "Signals are the foundation of Pyreon's reactivity system. Unlike the virtual DOM approach used by React, signals track exactly which DOM nodes depend on which pieces of state. When a signal changes, only the precise text nodes or attributes that reference it are updated.\n\nThis means your app does zero diffing, zero reconciliation, and zero unnecessary re-renders. A counter component that updates a number on screen? Only that one text node is touched. Everything else stays completely untouched.",
-    author: 'Zero Team',
-    date: '2026-03-05',
+    author: "Zero Team",
+    date: "2026-03-05",
   },
-  '3': {
+  "3": {
     id: 3,
-    title: 'Server-Side Rendering Made Simple',
-    excerpt: 'Pick the right strategy for every page.',
-    body: 'Zero supports four rendering strategies out of the box: SSR (server-side rendering), SSG (static site generation), ISR (incremental static regeneration), and SPA (single-page application). You can set a default mode in your config and override it per-route.\n\nSSR renders fresh HTML on every request. SSG pre-renders pages at build time. ISR combines both — serving cached static pages while revalidating in the background. SPA skips server rendering entirely for fully client-side pages.',
-    author: 'Zero Team',
-    date: '2026-03-08',
+    title: "Server-Side Rendering Made Simple",
+    excerpt: "Pick the right strategy for every page.",
+    body: "Zero supports four rendering strategies out of the box: SSR (server-side rendering), SSG (static site generation), ISR (incremental static regeneration), and SPA (single-page application). You can set a default mode in your config and override it per-route.\n\nSSR renders fresh HTML on every request. SSG pre-renders pages at build time. ISR combines both — serving cached static pages while revalidating in the background. SPA skips server rendering entirely for fully client-side pages.",
+    author: "Zero Team",
+    date: "2026-03-08",
   },
-  '4': {
+  "4": {
     id: 4,
-    title: 'Deploying to Production',
-    excerpt: 'From build to production with any platform.',
+    title: "Deploying to Production",
+    excerpt: "From build to production with any platform.",
     body: "Zero's adapter system makes deployment straightforward. Choose your target platform — Node.js, Bun, Vercel, Cloudflare Workers, or Netlify — and Zero generates the right output for that platform.\n\nThe Node adapter creates a standalone HTTP server. The Bun adapter leverages Bun.serve() for maximum performance. The static adapter exports a fully pre-rendered site ready for any CDN or static hosting platform.",
-    author: 'Zero Team',
-    date: '2026-03-10',
+    author: "Zero Team",
+    date: "2026-03-10",
   },
-  '5': {
+  "5": {
     id: 5,
-    title: 'Optimizing Performance',
-    excerpt: 'Built-in performance features.',
-    body: 'Zero includes a comprehensive performance toolkit. The font plugin automatically optimizes Google Fonts with preconnect hints and font-display:swap. The <Image> component provides lazy loading with IntersectionObserver, responsive srcset, and blur-up placeholders.\n\nThe <Link> component prefetches routes on hover or viewport entry, making navigation feel instant. Built-in cache middleware sets optimal Cache-Control headers — immutable caching for hashed assets, stale-while-revalidate for pages.',
-    author: 'Zero Team',
-    date: '2026-03-12',
+    title: "Optimizing Performance",
+    excerpt: "Built-in performance features.",
+    body: "Zero includes a comprehensive performance toolkit. The font plugin automatically optimizes Google Fonts with preconnect hints and font-display:swap. The <Image> component provides lazy loading with IntersectionObserver, responsive srcset, and blur-up placeholders.\n\nThe <Link> component prefetches routes on hover or viewport entry, making navigation feel instant. Built-in cache middleware sets optimal Cache-Control headers — immutable caching for hashed assets, stale-while-revalidate for pages.",
+    author: "Zero Team",
+    date: "2026-03-12",
   },
 }
 
 export async function loader(ctx: LoaderContext) {
   await new Promise((r) => setTimeout(r, 50))
   const post = POSTS[ctx.params.id]
-  if (!post) throw new Error('Post not found')
+  if (!post) throw new Error("Post not found")
   return { post }
 }
 
@@ -68,7 +68,7 @@ export default function PostDetail() {
 
   useHead({
     title: `${post.title} — Pyreon Zero`,
-    meta: [{ name: 'description', content: post.excerpt }],
+    meta: [{ name: "description", content: post.excerpt }],
   })
 
   return (
@@ -88,7 +88,7 @@ export default function PostDetail() {
       </div>
 
       <div class="post-body">
-        {post.body.split('\n\n').map((paragraph) => (
+        {post.body.split("\n\n").map((paragraph) => (
           <p style="margin-bottom: var(--space-lg);">{paragraph}</p>
         ))}
       </div>

package/templates/default/src/routes/posts/index.tsx

@@ -1,7 +1,7 @@
-import { useHead } from '@pyreon/head'
-import { useLoaderData } from '@pyreon/router'
-import type { LoaderContext } from '@pyreon/zero'
-import { Link } from '@pyreon/zero/link'
+import { useHead } from "@pyreon/head"
+import { useLoaderData } from "@pyreon/router"
+import type { LoaderContext } from "@pyreon/zero"
+import { Link } from "@pyreon/zero/link"
 
 interface Post {
   id: number
@@ -12,33 +12,29 @@ interface Post {
 const POSTS: Post[] = [
   {
     id: 1,
-    title: 'Getting Started with Pyreon Zero',
-    excerpt:
-      'Learn how to build your first app with file-based routing, SSR, and signals.',
+    title: "Getting Started with Pyreon Zero",
+    excerpt: "Learn how to build your first app with file-based routing, SSR, and signals.",
   },
   {
     id: 2,
-    title: 'Understanding Signals',
-    excerpt:
-      'Deep dive into fine-grained reactivity — how signals replace the virtual DOM.',
+    title: "Understanding Signals",
+    excerpt: "Deep dive into fine-grained reactivity — how signals replace the virtual DOM.",
   },
   {
     id: 3,
-    title: 'Server-Side Rendering Made Simple',
-    excerpt:
-      'SSR, SSG, ISR — pick the right strategy for every page in your app.',
+    title: "Server-Side Rendering Made Simple",
+    excerpt: "SSR, SSG, ISR — pick the right strategy for every page in your app.",
   },
   {
     id: 4,
-    title: 'Deploying to Production',
-    excerpt:
-      'From bun build to production with Node, Bun, Vercel, or Cloudflare adapters.',
+    title: "Deploying to Production",
+    excerpt: "From bun build to production with Node, Bun, Vercel, or Cloudflare adapters.",
   },
   {
     id: 5,
-    title: 'Optimizing Performance',
+    title: "Optimizing Performance",
     excerpt:
-      'Font loading, image optimization, smart caching, and link prefetching out of the box.',
+      "Font loading, image optimization, smart caching, and link prefetching out of the box.",
   },
 ]
 
@@ -52,10 +48,10 @@ export default function PostsIndex() {
   const data = useLoaderData<{ posts: Post[] }>()
 
   useHead({
-    title: 'Posts — Pyreon Zero',
+    title: "Posts — Pyreon Zero",
     meta: [
       {
-        name: 'description',
+        name: "description",
         content: "Example posts showcasing Zero's data loading.",
       },
     ],
@@ -67,25 +63,17 @@ export default function PostsIndex() {
         <span class="badge">Data Loading</span>
         <h1 style="margin-top: var(--space-md);">Posts</h1>
         <p>
-          Each post is loaded via a <code>loader</code> function — server-side
-          data fetching that runs before the route renders.
+          Each post is loaded via a <code>loader</code> function — server-side data fetching that
+          runs before the route renders.
         </p>
-        <Link
-          href="/posts/new"
-          class="btn"
-          style="margin-top: var(--space-md);"
-        >
+        <Link href="/posts/new" class="btn" style="margin-top: var(--space-md);">
           + New Post
         </Link>
       </div>
 
       <div class="posts-grid">
         {data.posts.map((post) => (
-          <Link
-            href={`/posts/${post.id}`}
-            class="card post-card"
-            prefetch="hover"
-          >
+          <Link href={`/posts/${post.id}`} class="card post-card" prefetch="hover">
             <span class="post-id">#{post.id}</span>
             <div>
               <h3>{post.title}</h3>
@@ -95,25 +83,20 @@ export default function PostsIndex() {
         ))}
       </div>
 
-      <div
-        class="code-block"
-        style="max-width: 520px; margin: var(--space-2xl) auto 0;"
-      >
+      <div class="code-block" style="max-width: 520px; margin: var(--space-2xl) auto 0;">
         <div class="code-block-header">
           <span>posts/index.tsx</span>
         </div>
         <pre>
           <code>
-            <span class="cm">{'// Export a loader — runs on the server'}</span>
-            <span class="kw">export async function</span>{' '}
-            <span class="fn">loader</span>(ctx) {'{'}
-            <span class="kw">const</span> posts = <span class="kw">await</span>{' '}
-            db.posts.<span class="fn">findMany</span>()
-            <span class="kw">return</span> {'{'} posts {'}'}
-            {'}'}
-            <span class="cm">{'// Access data in the component'}</span>
-            <span class="kw">const</span> data ={' '}
-            <span class="fn">useLoaderData</span>()
+            <span class="cm">{"// Export a loader — runs on the server"}</span>
+            <span class="kw">export async function</span> <span class="fn">loader</span>(ctx) {"{"}
+            <span class="kw">const</span> posts = <span class="kw">await</span> db.posts.
+            <span class="fn">findMany</span>()
+            <span class="kw">return</span> {"{"} posts {"}"}
+            {"}"}
+            <span class="cm">{"// Access data in the component"}</span>
+            <span class="kw">const</span> data = <span class="fn">useLoaderData</span>()
           </code>
         </pre>
       </div>

package/templates/default/src/routes/posts/new.tsx

@@ -1,16 +1,16 @@
-import { useHead } from '@pyreon/head'
-import { Link } from '@pyreon/zero/link'
-import { posts } from '../../features/posts'
+import { useHead } from "@pyreon/head"
+import { Link } from "@pyreon/zero/link"
+import { posts } from "../../features/posts"
 
 export default function NewPostPage() {
   useHead({
-    title: 'New Post — Pyreon Zero',
-    meta: [{ name: 'description', content: 'Create a new post.' }],
+    title: "New Post — Pyreon Zero",
+    meta: [{ name: "description", content: "Create a new post." }],
   })
 
   const form = posts.useForm({
     onSuccess: () => {
-      window.location.href = '/posts'
+      window.location.href = "/posts"
     },
   })
 
@@ -25,31 +25,27 @@ export default function NewPostPage() {
 
       <h1>New Post</h1>
       <p style="color: var(--c-text-muted); margin-bottom: var(--space-xl);">
-        This form is powered by <code>@pyreon/feature</code> +{' '}
-        <code>@pyreon/form</code> + <code>@pyreon/validation</code> with
-        automatic Zod schema validation.
+        This form is powered by <code>@pyreon/feature</code> + <code>@pyreon/form</code> +{" "}
+        <code>@pyreon/validation</code> with automatic Zod schema validation.
       </p>
 
       <form onSubmit={(e: Event) => form.handleSubmit(e)}>
         <div class="form-field">
           <label for="title">Title</label>
-          <input id="title" {...(form.register('title') as any)} />
+          <input id="title" {...(form.register("title") as any)} />
         </div>
         <div class="form-field">
           <label for="body">Body</label>
-          <textarea id="body" rows={6} {...(form.register('body') as any)} />
+          <textarea id="body" rows={6} {...(form.register("body") as any)} />
         </div>
         <div class="form-field">
           <label class="checkbox-label">
-            <input
-              type="checkbox"
-              {...(form.register('published', { type: 'checkbox' }) as any)}
-            />
+            <input type="checkbox" {...(form.register("published", { type: "checkbox" }) as any)} />
             Published
           </label>
         </div>
         <button type="submit" class="btn" disabled={form.isSubmitting()}>
-          {() => (form.isSubmitting() ? 'Creating...' : 'Create Post')}
+          {() => (form.isSubmitting() ? "Creating..." : "Create Post")}
         </button>
       </form>
     </div>

package/templates/default/src/stores/app.ts

@@ -1,6 +1,6 @@
-import { defineStore, signal } from '@pyreon/store'
+import { defineStore, signal } from "@pyreon/store"
 
-export const useAppStore = defineStore('app', () => {
+export const useAppStore = defineStore("app", () => {
   const sidebarOpen = signal(true)
   const toggleSidebar = () => sidebarOpen.update((v) => !v)
   return { sidebarOpen, toggleSidebar }

package/templates/default/vite.config.ts

@@ -1,28 +1,28 @@
-import pyreon from '@pyreon/vite-plugin'
-import zero from '@pyreon/zero'
-import { fontPlugin } from '@pyreon/zero/font'
-import { seoPlugin } from '@pyreon/zero/seo'
+import pyreon from "@pyreon/vite-plugin"
+import zero from "@pyreon/zero"
+import { fontPlugin } from "@pyreon/zero/font"
+import { seoPlugin } from "@pyreon/zero/seo"
 
 export default {
   plugins: [
     pyreon(),
-    zero({ mode: 'ssr', ssr: { mode: 'stream' } }),
+    zero({ mode: "ssr", ssr: { mode: "stream" } }),
 
     // Google Fonts — self-hosted at build time, CDN in dev
     fontPlugin({
-      google: ['Inter:wght@400;500;600;700;800', 'JetBrains Mono:wght@400'],
+      google: ["Inter:wght@400;500;600;700;800", "JetBrains Mono:wght@400"],
       // Size-adjusted fallbacks to eliminate CLS while fonts load
       fallbacks: {
-        Inter: { fallback: 'Arial', sizeAdjust: 1.07, ascentOverride: 90 },
+        Inter: { fallback: "Arial", sizeAdjust: 1.07, ascentOverride: 90 },
       },
     }),
 
     // Generate sitemap.xml and robots.txt at build time
     seoPlugin({
-      sitemap: { origin: 'https://example.com' },
+      sitemap: { origin: "https://example.com" },
       robots: {
-        rules: [{ userAgent: '*', allow: ['/'] }],
-        sitemap: 'https://example.com/sitemap.xml',
+        rules: [{ userAgent: "*", allow: ["/"] }],
+        sitemap: "https://example.com/sitemap.xml",
       },
     }),
   ],