metaowl 0.4.1 → 0.6.0

package/{bin → build/runtime/bin}/metaowl-create.js

@@ -1,71 +1,51 @@
 #!/usr/bin/env node
 /**
  * metaowl create — scaffold a new metaowl project.
- *
- * Usage:
- *   metaowl-create [project-name]
- *
- * If no name is given, it will be prompted interactively.
  */
-import { createInterface } from 'node:readline/promises'
-import { mkdirSync, writeFileSync, existsSync } from 'node:fs'
-import { resolve, join, dirname } from 'node:path'
-import { banner, step, success, failure, version } from './utils.js'
-
-banner('create')
-
-// --- Project name ---
-let name = process.argv[2]?.trim()
-
+import { mkdirSync, writeFileSync, existsSync } from 'node:fs';
+import { dirname, join, resolve } from 'node:path';
+import { createInterface } from 'node:readline/promises';
+import { banner, failure, step, success, version } from './utils.js';
+banner('create');
+let name = process.argv[2]?.trim() ?? '';
 if (!name) {
-  const rl = createInterface({ input: process.stdin, output: process.stdout })
-  name = (await rl.question('  Project name: ')).trim()
-  rl.close()
-  console.log()
+    const rl = createInterface({ input: process.stdin, output: process.stdout });
+    name = (await rl.question('  Project name: ')).trim();
+    rl.close();
+    console.log();
 }
-
 if (!name || !/^[a-zA-Z0-9_-]+$/.test(name)) {
-  failure('Invalid project name. Use only letters, numbers, hyphens, or underscores.')
-  process.exit(1)
+    failure('Invalid project name. Use only letters, numbers, hyphens, or underscores.');
+    process.exit(1);
 }
-
-const dest = resolve(process.cwd(), name)
-
+const dest = resolve(process.cwd(), name);
 if (existsSync(dest)) {
-  failure(`Directory "${name}" already exists.`)
-  process.exit(1)
+    failure(`Directory "${name}" already exists.`);
+    process.exit(1);
 }
-
-step(`Scaffolding project "${name}"...`)
-console.log()
-
-// --- File writer helper ---
+step(`Scaffolding project "${name}"...`);
+console.log();
 function write(filePath, content) {
-  const abs = join(dest, filePath)
-  mkdirSync(dirname(abs), { recursive: true })
-  writeFileSync(abs, content, 'utf-8')
-  console.log(`    ${filePath}`)
+    const abs = join(dest, filePath);
+    mkdirSync(dirname(abs), { recursive: true });
+    writeFileSync(abs, content, 'utf-8');
+    console.log(`    ${filePath}`);
 }
-
-// --- package.json ---
 write('package.json', JSON.stringify({
-  name,
-  version: '0.1.0',
-  type: 'module',
-  scripts: {
-    dev: 'metaowl-dev',
-    build: 'metaowl-build',
-    generate: 'metaowl-generate',
-    lint: 'metaowl-lint'
-  },
-  dependencies: {
-    metaowl: `^${version}`
-  }
-}, null, 2) + '\n')
-
-// --- vite.config.js ---
-write('vite.config.js',
-`import { metaowlConfig } from 'metaowl/vite'
+    name,
+    version: '0.1.0',
+    type: 'module',
+    scripts: {
+        dev: 'metaowl-dev',
+        build: 'metaowl-build',
+        generate: 'metaowl-generate',
+        lint: 'metaowl-lint'
+    },
+    dependencies: {
+        metaowl: `^${version}`
+    }
+}, null, 2) + '\n');
+write('vite.config.js', `import { metaowlConfig } from 'metaowl/vite'
 
 export default async () => {
   return metaowlConfig({
@@ -73,45 +53,31 @@ export default async () => {
     pagesDir: 'src/pages'
   })
 }
-`)
-
-// --- eslint.config.js ---
-write('eslint.config.js',
-`import { eslintConfig } from 'metaowl/eslint'
+`);
+write('eslint.config.js', `import { eslintConfig } from 'metaowl/eslint'
 
 export default eslintConfig
-`)
-
-// --- postcss.config.cjs ---
-write('postcss.config.cjs',
-`const { createPostcssConfig } = require('metaowl/postcss')
+`);
+write('postcss.config.cjs', `const { createPostcssConfig } = require('metaowl/postcss')
 
 module.exports = createPostcssConfig()
-`)
-
-// --- jsconfig.json ---
+`);
 write('jsconfig.json', JSON.stringify({
-  extends: './node_modules/metaowl/config/jsconfig.base.json',
-  compilerOptions: {
-    baseUrl: '.',
-    paths: {
-      '@pages/*': ['src/pages/*'],
-      '@components/*': ['src/components/*']
-    }
-  },
-  include: ['src']
-}, null, 2) + '\n')
-
-// --- .gitignore ---
-write('.gitignore',
-`node_modules/
+    extends: './node_modules/metaowl/config/jsconfig.base.json',
+    compilerOptions: {
+        baseUrl: '.',
+        paths: {
+            '@pages/*': ['src/pages/*'],
+            '@components/*': ['src/components/*']
+        }
+    },
+    include: ['src']
+}, null, 2) + '\n');
+write('.gitignore', `node_modules/
 dist/
 .env
-`)
-
-// --- src/index.html ---
-write('src/index.html',
-`<!doctype html>
+`);
+write('src/index.html', `<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -123,28 +89,19 @@ write('src/index.html',
     <script type="module" src="/metaowl.js"></script>
   </body>
 </html>
-`)
-
-// --- src/metaowl.js ---
-write('src/metaowl.js',
-`import { boot, Fetch } from 'metaowl'
+`);
+write('src/metaowl.js', `import { boot, Fetch } from 'metaowl'
 
 Fetch.configure({
   baseUrl: import.meta.env.VITE_API_URL ?? ''
 })
 
 boot()
-`)
-
-// --- src/css.js ---
-write('src/css.js',
-`// Global styles — import shared CSS here.
+`);
+write('src/css.js', `// Global styles — import shared CSS here.
 // Component and page CSS files are auto-imported by the metaowl Vite plugin.
-`)
-
-// --- src/pages/index/Index.js ---
-write('src/pages/index/Index.js',
-`import { Component } from '@odoo/owl'
+`);
+write('src/pages/index/Index.js', `import { Component } from '@odoo/owl'
 import { Meta } from 'metaowl'
 import AppHeader from '@components/AppHeader/AppHeader'
 import AppFooter from '@components/AppFooter/AppFooter'
@@ -157,11 +114,8 @@ export default class Index extends Component {
     Meta.title('Home — ${name}')
   }
 }
-`)
-
-// --- src/pages/index/Index.xml ---
-write('src/pages/index/Index.xml',
-`<templates>
+`);
+write('src/pages/index/Index.xml', `<templates>
   <t t-name="Index">
     <div class="layout">
       <AppHeader />
@@ -172,11 +126,8 @@ write('src/pages/index/Index.xml',
     </div>
   </t>
 </templates>
-`)
-
-// --- src/pages/index/index.css ---
-write('src/pages/index/index.css',
-`.layout {
+`);
+write('src/pages/index/index.css', `.layout {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -186,31 +137,22 @@ write('src/pages/index/index.css',
   flex: 1;
   padding: 2rem;
 }
-`)
-
-// --- src/components/AppHeader/AppHeader.js ---
-write('src/components/AppHeader/AppHeader.js',
-`import { Component } from '@odoo/owl'
+`);
+write('src/components/AppHeader/AppHeader.js', `import { Component } from '@odoo/owl'
 
 export default class AppHeader extends Component {
   static template = 'AppHeader'
 }
-`)
-
-// --- src/components/AppHeader/AppHeader.xml ---
-write('src/components/AppHeader/AppHeader.xml',
-`<templates>
+`);
+write('src/components/AppHeader/AppHeader.xml', `<templates>
   <t t-name="AppHeader">
     <header class="app-header">
       <span class="app-header__logo">${name}</span>
     </header>
   </t>
 </templates>
-`)
-
-// --- src/components/AppHeader/AppHeader.css ---
-write('src/components/AppHeader/AppHeader.css',
-`.app-header {
+`);
+write('src/components/AppHeader/AppHeader.css', `.app-header {
   display: flex;
   align-items: center;
   padding: 0 1.5rem;
@@ -222,31 +164,22 @@ write('src/components/AppHeader/AppHeader.css',
   font-weight: 600;
   font-size: 1.1rem;
 }
-`)
-
-// --- src/components/AppFooter/AppFooter.js ---
-write('src/components/AppFooter/AppFooter.js',
-`import { Component } from '@odoo/owl'
+`);
+write('src/components/AppFooter/AppFooter.js', `import { Component } from '@odoo/owl'
 
 export default class AppFooter extends Component {
   static template = 'AppFooter'
 }
-`)
-
-// --- src/components/AppFooter/AppFooter.xml ---
-write('src/components/AppFooter/AppFooter.xml',
-`<templates>
+`);
+write('src/components/AppFooter/AppFooter.xml', `<templates>
   <t t-name="AppFooter">
     <footer class="app-footer">
       <span>Built with metaowl</span>
     </footer>
   </t>
 </templates>
-`)
-
-// --- src/components/AppFooter/AppFooter.css ---
-write('src/components/AppFooter/AppFooter.css',
-`.app-footer {
+`);
+write('src/components/AppFooter/AppFooter.css', `.app-footer {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -255,11 +188,8 @@ write('src/components/AppFooter/AppFooter.css',
   color: #6b7280;
   border-top: 1px solid #e5e7eb;
 }
-`)
-
-// --- .cursorrules ---
-write('.cursorrules',
-`# MetaOwl Project Rules
+`);
+write('.cursorrules', `# MetaOwl Project Rules
 
 ## Framework Overview
 This is a MetaOwl application - a lightweight meta-framework for Odoo OWL built on top of Vite.
@@ -296,7 +226,7 @@ This is a MetaOwl application - a lightweight meta-framework for Odoo OWL built
 
 ## File Structure
 - pages/ - Route components
-- components/ - Reusable components  
+- components/ - Reusable components
 - layouts/ - Page layouts (optional)
 - metaowl.js - App entry point
 
@@ -309,11 +239,8 @@ This is a MetaOwl application - a lightweight meta-framework for Odoo OWL built
 ## Documentation
 - See README.md for full API reference
 - See metaowl module docs for detailed API
-`)
-
-// --- CLAUDE.md ---
-write('CLAUDE.md',
-`# ${name} - MetaOwl Project
+`);
+write('CLAUDE.md', `# ${name} - MetaOwl Project
 
 ## Quick Start for Claude Code
 
@@ -329,7 +256,7 @@ This project uses MetaOwl, a meta-framework for Odoo OWL on Vite.
 \`\`\`
 src/
 ├── metaowl.js          # App bootstrap
-├── pages/              # Route components (file-based routing)
+├── pages/              # Route components
 │   └── index/
 │       ├── Index.js    # Page component
 │       ├── Index.xml   # OWL template
@@ -420,7 +347,7 @@ src/
 │       └── AdminLayout.xml
 \`\`\`
 
-Layout Template uses \`<t t-slot=\"default\"/>\` to render page content:
+Layout Template uses \`<t t-slot="default"/>\` to render page content:
 \`\`\`xml
 <t t-name="AdminLayout">
   <div class="layout-admin">
@@ -461,11 +388,8 @@ Meta.canonical('https://example.com/page')
 - File-based routing uses directory name, not file name
 - OWL uses xml templates, not JSX
 - Static properties are required (template, components)
-`)
-
-// --- llms.txt ---
-write('llms.txt',
-`# MetaOwl LLM Context
+`);
+write('llms.txt', `# MetaOwl LLM Context
 
 ## Framework Identity
 MetaOwl is a lightweight meta-framework for Odoo OWL (Odoo Web Library) applications, built on Vite. It provides file-based routing, state management, and app mounting.
@@ -611,11 +535,8 @@ export default class ComponentName extends Component {
 - README.md - Full documentation
 - https://github.com/odoo/owl - OWL framework
 - https://vitejs.dev - Vite documentation
-`)
-
-// --- .github/copilot-instructions.md ---
-write('.github/copilot-instructions.md',
-`# GitHub Copilot Instructions for MetaOwl
+`);
+write('.github/copilot-instructions.md', `# GitHub Copilot Instructions for MetaOwl
 
 ## About This Project
 This is a MetaOwl application - a lightweight meta-framework for Odoo OWL (Odoo Web Library) built on Vite.
@@ -731,15 +652,13 @@ router.beforeEach((to, from, next) => {
 - Scope CSS to components
 - Use Meta helpers for SEO
 - Leverage Store for shared state
-`)
-
-// --- Done ---
-console.log()
-success(`Project "${name}" ready`)
-console.log()
-console.log('  Next steps:')
-console.log()
-console.log(`    cd ${name}`)
-console.log(`    npm install`)
-console.log(`    npm run dev`)
-console.log()
+`);
+console.log();
+success(`Project "${name}" ready`);
+console.log();
+console.log('  Next steps:');
+console.log();
+console.log(`    cd ${name}`);
+console.log('    npm install');
+console.log('    npm run dev');
+console.log();

package/build/runtime/bin/metaowl-dev.js

@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+/**
+ * metaowl dev — start the Vite development server.
+ */
+import { execSync } from 'node:child_process';
+import { banner, cwd, resolveBin, step } from './utils.js';
+banner('dev');
+step('Starting development server...');
+console.log();
+execSync(`"${resolveBin('vite')}"`, { stdio: 'inherit', cwd });

package/build/runtime/bin/metaowl-generate.js

@@ -0,0 +1,231 @@
+#!/usr/bin/env node
+/**
+ * metaowl generate — SSG production build.
+ */
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { globSync } from 'glob';
+import { banner, cwd, resolveBin, resolveOwnRuntimeBin, run, step, success } from './utils.js';
+banner('generate');
+function escapeAttr(value) {
+    return value.replace(/&/g, '&').replace(/"/g, '"');
+}
+function extractMetaFromJs(src) {
+    const meta = {};
+    const fns = [
+        'title', 'description', 'keywords', 'author', 'canonical',
+        'ogTitle', 'ogDescription', 'ogImage', 'ogUrl', 'ogType', 'ogSiteName'
+    ];
+    for (const fn of fns) {
+        const match = src.match(new RegExp(`Meta\\.${fn}\\s*\\(\\s*(['"\`])([^'"\`]+)\\1\\s*\\)`));
+        if (match?.[2])
+            meta[fn] = match[2];
+    }
+    return meta;
+}
+function injectMeta(html, meta) {
+    let nextHtml = html;
+    if (meta.title) {
+        nextHtml = nextHtml.replace(/<title>[^<]*<\/title>/, `<title>${escapeAttr(meta.title)}</title>`);
+    }
+    const injectTag = (selector, tag) => {
+        nextHtml = nextHtml.replace(new RegExp(`\\s*${selector}[^>]*>\\s*`, 'gi'), '');
+        nextHtml = nextHtml.replace('</head>', `  ${tag}\n  </head>`);
+    };
+    if (meta.description)
+        injectTag('<meta\\s+name="description"', `<meta name="description" content="${escapeAttr(meta.description)}">`);
+    if (meta.keywords)
+        injectTag('<meta\\s+name="keywords"', `<meta name="keywords" content="${escapeAttr(meta.keywords)}">`);
+    if (meta.author)
+        injectTag('<meta\\s+name="author"', `<meta name="author" content="${escapeAttr(meta.author)}">`);
+    if (meta.canonical)
+        injectTag('<link\\s+rel="canonical"', `<link rel="canonical" href="${escapeAttr(meta.canonical)}">`);
+    if (meta.ogTitle)
+        injectTag('<meta\\s+property="og:title"', `<meta property="og:title" content="${escapeAttr(meta.ogTitle)}">`);
+    if (meta.ogDescription)
+        injectTag('<meta\\s+property="og:description"', `<meta property="og:description" content="${escapeAttr(meta.ogDescription)}">`);
+    if (meta.ogImage)
+        injectTag('<meta\\s+property="og:image"', `<meta property="og:image" content="${escapeAttr(meta.ogImage)}">`);
+    if (meta.ogUrl)
+        injectTag('<meta\\s+property="og:url"', `<meta property="og:url" content="${escapeAttr(meta.ogUrl)}">`);
+    if (meta.ogType)
+        injectTag('<meta\\s+property="og:type"', `<meta property="og:type" content="${escapeAttr(meta.ogType)}">`);
+    if (meta.ogSiteName)
+        injectTag('<meta\\s+property="og:site_name"', `<meta property="og:site_name" content="${escapeAttr(meta.ogSiteName)}">`);
+    return nextHtml;
+}
+const pkg = JSON.parse(readFileSync(resolve(cwd, 'package.json'), 'utf-8'));
+const metaowlConfig = pkg.metaowl ?? {};
+const pagesDir = metaowlConfig.pagesDir ?? 'src/pages';
+const outDir = metaowlConfig.outDir ?? 'dist';
+function deriveRoute(pageFile) {
+    const rel = pageFile.replace(new RegExp(`^${pagesDir}[\\/]`), '');
+    const parts = rel.split('/').slice(0, -1);
+    if (parts.length === 1 && parts[0] === 'index')
+        return '/';
+    return '/' + parts.join('/');
+}
+function extractLayoutName(pageFile) {
+    const jsSource = readFileSync(pageFile, 'utf-8');
+    let match = jsSource.match(/static\s+layout\s*=\s*['"]([^'"]+)['"]/);
+    if (match?.[1])
+        return match[1];
+    match = jsSource.match(/@layout\s*\(\s*['"]([^'"]+)['"]\s*\)/);
+    if (match?.[1])
+        return match[1];
+    match = jsSource.match(/@defineLayout\s*\(\s*['"]([^'"]+)['"]/);
+    if (match?.[1])
+        return match[1];
+    return 'default';
+}
+function xmlToStaticHtml(xml, pageContent = '', options = {}) {
+    const { templateCache } = options;
+    let html = xml;
+    html = html.replace(/<templates>/g, '').replace(/<\/templates>/g, '');
+    html = html.replace(/^\s*<t[^>]*>/, '').replace(/<\/t>\s*$/, '');
+    html = html.replace(/\s+t-name="[^"]*"/g, '');
+    html = html.replace(/\s+t-[\w-]+(="[^"]*")?/g, '');
+    html = html.replace(/<t\s*\/>/g, '');
+    html = html.replace(/<t(?:\s[^>]*)?>([\s\S]*?)<\/t>/g, (_match, inner) => inner);
+    if (pageContent) {
+        html = html.replace(/<t\s+t-slot="default"\s*\/?>/g, pageContent);
+        html = html.replace(/<t\s+t-slot="default"[^>]*>([\s\S]*?)<\/t>/g, pageContent);
+    }
+    if (templateCache) {
+        let previousHtml;
+        do {
+            previousHtml = html;
+            html = html.replace(/<([A-Z][A-Za-z0-9]*)\s*\/>/g, (match, componentName) => {
+                const templateNames = [
+                    componentName,
+                    componentName.charAt(0).toLowerCase() + componentName.slice(1),
+                    componentName + 'Component'
+                ];
+                for (const name of templateNames) {
+                    if (templateCache.has(name)) {
+                        return templateCache.get(name);
+                    }
+                }
+                return match;
+            });
+            html = html.replace(/<([A-Z][A-Za-z0-9]*)(?:\s[^>]*)?>([\s\S]*?)<\/\1>/g, (match, componentName) => {
+                const templateNames = [
+                    componentName,
+                    componentName.charAt(0).toLowerCase() + componentName.slice(1),
+                    componentName + 'Component'
+                ];
+                for (const name of templateNames) {
+                    if (templateCache.has(name)) {
+                        return templateCache.get(name);
+                    }
+                }
+                return match;
+            });
+        } while (html !== previousHtml);
+    }
+    else {
+        html = html.replace(/<([A-Z][A-Za-z0-9]*)\s*\/>/g, '<!-- $1 -->');
+        html = html.replace(/<([A-Z][A-Za-z0-9]*)(?:\s[^>]*)?>[\s\S]*?<\/\1>/g, '<!-- $1 -->');
+    }
+    return html.trim();
+}
+function buildShell(baseHtml, pageFile) {
+    let html = baseHtml;
+    const jsSource = readFileSync(resolve(cwd, pageFile), 'utf-8');
+    const meta = extractMetaFromJs(jsSource);
+    html = injectMeta(html, meta);
+    const layoutName = extractLayoutName(resolve(cwd, pageFile));
+    const layoutsDir = metaowlConfig.layoutsDir ?? 'src/layouts';
+    const componentsDir = metaowlConfig.componentsDir ?? 'src/components';
+    const templateCache = new Map();
+    const componentXmlFiles = globSync(`${componentsDir}/**/*.xml`, { cwd });
+    for (const componentXmlFile of componentXmlFiles) {
+        const content = readFileSync(resolve(cwd, componentXmlFile), 'utf-8');
+        const tNameMatches = content.matchAll(/<t\s+t-name="([^"]+)"[^>]*>([\s\S]*?)<\/t>/g);
+        for (const match of tNameMatches) {
+            if (match[1] && match[2]) {
+                templateCache.set(match[1], match[2]);
+            }
+        }
+        const rootMatch = content.match(/<templates>\s*<t[^>]*>([\s\S]*?)<\/t>\s*<\/templates>/);
+        if (rootMatch?.[1]) {
+            const fileName = componentXmlFile.replace(/\.xml$/, '').split('/').pop();
+            if (fileName) {
+                templateCache.set(fileName, rootMatch[1]);
+            }
+        }
+    }
+    const layoutXmlFiles = globSync(`${layoutsDir}/**/*.xml`, { cwd });
+    for (const layoutXmlFile of layoutXmlFiles) {
+        const content = readFileSync(resolve(cwd, layoutXmlFile), 'utf-8');
+        const tNameMatches = content.matchAll(/<t\s+t-name="([^"]+)"[^>]*>([\s\S]*?)<\/t>/g);
+        for (const match of tNameMatches) {
+            if (match[1] && match[2]) {
+                templateCache.set(match[1], match[2]);
+            }
+        }
+    }
+    const pageXmlFiles = globSync(`${pagesDir}/**/*.xml`, { cwd });
+    for (const pageXmlFile of pageXmlFiles) {
+        const content = readFileSync(resolve(cwd, pageXmlFile), 'utf-8');
+        const tNameMatches = content.matchAll(/<t\s+t-name="([^"]+)"[^>]*>([\s\S]*?)<\/t>/g);
+        for (const match of tNameMatches) {
+            if (match[1] && match[2]) {
+                templateCache.set(match[1], match[2]);
+            }
+        }
+        const rootMatch = content.match(/<templates>\s*<t[^>]*>([\s\S]*?)<\/t>\s*<\/templates>/);
+        if (rootMatch?.[1]) {
+            const fileName = pageXmlFile.replace(/\.xml$/, '').split('/').pop();
+            if (fileName) {
+                templateCache.set(fileName, rootMatch[1]);
+            }
+        }
+    }
+    let finalContent = '';
+    const layoutXmlFile = resolve(cwd, layoutsDir, layoutName, `${layoutName.charAt(0).toUpperCase() + layoutName.slice(1)}Layout.xml`);
+    const layoutXmlExists = existsSync(layoutXmlFile);
+    const pageXmlFile = resolve(cwd, pageFile.replace(/\.js$/, '.xml'));
+    const pageXmlExists = existsSync(pageXmlFile);
+    if (layoutXmlExists && pageXmlExists) {
+        const layoutXmlContent = readFileSync(layoutXmlFile, 'utf-8');
+        const pageXmlContent = readFileSync(pageXmlFile, 'utf-8');
+        const pageStaticHtml = xmlToStaticHtml(pageXmlContent, '', { templateCache });
+        finalContent = xmlToStaticHtml(layoutXmlContent, pageStaticHtml, { templateCache });
+    }
+    else if (pageXmlExists) {
+        const pageXmlContent = readFileSync(pageXmlFile, 'utf-8');
+        finalContent = xmlToStaticHtml(pageXmlContent, '', { templateCache });
+    }
+    if (finalContent) {
+        html = html.replace(/(<div\s+id="metaowl"[^>]*>)(<\/div>)/, `$1${finalContent}$2`);
+    }
+    return html;
+}
+run('Linting', `node "${resolveOwnRuntimeBin('metaowl-lint')}"`);
+run('Building', `"${resolveBin('vite')}" build`);
+step('Generating static pages...');
+console.log();
+const baseHtml = readFileSync(resolve(cwd, outDir, 'index.html'), 'utf-8');
+const pageFiles = globSync(`${pagesDir}/**/*.js`, { cwd });
+const seen = new Set();
+for (const pageFile of pageFiles) {
+    const route = deriveRoute(pageFile);
+    if (seen.has(route))
+        continue;
+    seen.add(route);
+    const shell = buildShell(baseHtml, pageFile);
+    if (route === '/') {
+        writeFileSync(resolve(cwd, outDir, 'index.html'), shell);
+        console.log('    /index.html');
+    }
+    else {
+        const destDir = resolve(cwd, outDir, route.slice(1));
+        mkdirSync(destDir, { recursive: true });
+        writeFileSync(resolve(destDir, 'index.html'), shell);
+        console.log(`    ${route}/index.html`);
+    }
+}
+console.log();
+success(`${seen.size} route(s) generated`);
+console.log();