@yoamigo.com/cli 0.1.19 → 0.1.20

package/README.md

@@ -25,7 +25,7 @@ yoamigo dev
 yoamigo preview
 
 # 5. Submit for review
-yoamigo deploy --submit
+yoamigo deploy 1.0.0
 ```
 
 ## Commands
@@ -76,6 +76,31 @@ yoamigo deploy
 yoamigo deploy --submit
 ```
 
+## Template Structure
+
+Templates use file-based routing with auto-discovery. Pages must follow these conventions for the builder's page selector to work:
+
+```
+my-template/
+├── src/
+│   ├── App.tsx              # Root component with ContentStoreProvider
+│   ├── routes.ts            # Re-exports getAvailablePages() and AppRoutes
+│   ├── lib/router/routes.tsx # Auto-discovery with import.meta.glob
+│   ├── pages/               # File-based routing
+│   │   ├── index.tsx        # Home page (/)
+│   │   ├── about.tsx        # About page (/about)
+│   │   └── contact.tsx      # Contact page (/contact)
+│   └── components/
+├── public/
+└── package.json
+```
+
+### Page Requirements
+
+- **File naming**: Use `index.tsx`, `about.tsx` (not `HomePage.tsx`, `AboutPage.tsx`)
+- **Default exports**: Pages must use `export default function PageName()`
+- **Auto-discovery**: Pages are discovered via `import.meta.glob` in `routes.tsx`
+
 ## Documentation
 
 For full documentation, visit [yoamigo.com/developers](https://yoamigo.com/developers).

package/dist/index.js

@@ -5,6 +5,13 @@ import "dotenv/config";
 import { Command as Command5 } from "commander";
 import { createRequire } from "module";
 
+// src/commands/deploy.ts
+import { Command as Command2 } from "commander";
+import chalk2 from "chalk";
+import ora2 from "ora";
+import fs2 from "fs-extra";
+import path2 from "path";
+
 // src/commands/login.ts
 import { Command } from "commander";
 import chalk from "chalk";
@@ -20,8 +27,8 @@ var API_URLS = {
   staging: "https://api-staging.yoamigo.com"
 };
 var APP_URLS = {
-  production: "https://dev.yoamigo.com",
-  staging: "https://dev-staging.yoamigo.com"
+  production: "https://www.yoamigo.com/dev",
+  staging: "https://staging.yoamigo.com/dev"
 };
 function isStaging() {
   return process.env.YOAMIGO_ENVIRONMENT === "staging";
@@ -106,146 +113,7 @@ var loginCommand = new Command("login").description("Authenticate with your API
   }
 });
 
-// src/commands/init.ts
-import { Command as Command2 } from "commander";
-import chalk2 from "chalk";
-import ora2 from "ora";
-import fs2 from "fs-extra";
-import path2 from "path";
-import { fileURLToPath } from "url";
-import { input as input2 } from "@inquirer/prompts";
-import { spawn } from "child_process";
-var __dirname = path2.dirname(fileURLToPath(import.meta.url));
-var TEMPLATES_DIR = path2.resolve(__dirname, "../templates");
-var initCommand = new Command2("init").description("Create a new template project").argument("[name]", "Project name").option("-t, --template <template>", "Template to use", "starter").action(async (name, options) => {
-  let projectName = name;
-  if (!projectName) {
-    try {
-      projectName = await input2({
-        message: "Project name:",
-        default: "my-template",
-        validate: (value) => {
-          if (!value || value.trim().length === 0) {
-            return "Project name is required";
-          }
-          if (!/^[a-z0-9-]+$/.test(value)) {
-            return "Project name must be lowercase letters, numbers, and hyphens only";
-          }
-          return true;
-        }
-      });
-    } catch {
-      console.log();
-      process.exit(0);
-    }
-  }
-  const targetDir = path2.resolve(process.cwd(), projectName);
-  const templateDir = path2.join(TEMPLATES_DIR, options.template);
-  if (await fs2.pathExists(targetDir)) {
-    console.error(chalk2.red(`Error: Directory ${projectName} already exists`));
-    process.exit(1);
-  }
-  if (!await fs2.pathExists(templateDir)) {
-    console.error(chalk2.red(`Error: Template "${options.template}" not found`));
-    process.exit(1);
-  }
-  const spinner = ora2(`Creating ${projectName}...`).start();
-  try {
-    await fs2.copy(templateDir, targetDir);
-    const packageJsonPath = path2.join(targetDir, "package.json");
-    if (await fs2.pathExists(packageJsonPath)) {
-      const packageJson = await fs2.readJson(packageJsonPath);
-      packageJson.name = projectName;
-      await fs2.writeJson(packageJsonPath, packageJson, { spaces: 2 });
-    }
-    spinner.succeed(`Created ${projectName}`);
-    console.log();
-    const installSpinner = ora2("Installing dependencies...").start();
-    await new Promise((resolve, reject) => {
-      const child = spawn("npm", ["install"], {
-        cwd: targetDir,
-        stdio: "pipe"
-      });
-      child.on("error", reject);
-      child.on("close", (code) => {
-        if (code === 0) {
-          resolve();
-        } else {
-          reject(new Error(`npm install failed with code ${code}`));
-        }
-      });
-    });
-    installSpinner.succeed("Installed dependencies");
-    console.log();
-    console.log(chalk2.green("Success!") + ` Created ${projectName} at ${targetDir}`);
-    console.log();
-    console.log("Next steps:");
-    console.log(chalk2.cyan(`  cd ${projectName}`));
-    console.log(chalk2.cyan("  yoamigo dev       # Start development server"));
-    console.log(chalk2.cyan("  yoamigo preview   # Preview in builder"));
-    console.log();
-  } catch (error) {
-    spinner.fail("Failed to create project");
-    console.error(chalk2.red(error instanceof Error ? error.message : "Unknown error"));
-    process.exit(1);
-  }
-});
-
-// src/commands/dev.ts
-import { Command as Command3 } from "commander";
-import chalk3 from "chalk";
-import { spawn as spawn2 } from "child_process";
-import fs3 from "fs-extra";
-import path3 from "path";
-var devCommand = new Command3("dev").description("Start development server").option("-p, --port <port>", "Port to run on", "5173").option("--edit", "Enable edit mode").action(async (options) => {
-  const packageJsonPath = path3.join(process.cwd(), "package.json");
-  if (!await fs3.pathExists(packageJsonPath)) {
-    console.error(chalk3.red("Error: No package.json found. Are you in a template project?"));
-    console.log(chalk3.dim("Run `yoamigo init` to create a new template project."));
-    process.exit(1);
-  }
-  const viteConfigPath = path3.join(process.cwd(), "vite.config.ts");
-  if (!await fs3.pathExists(viteConfigPath)) {
-    console.error(chalk3.red("Error: No vite.config.ts found. Are you in a template project?"));
-    process.exit(1);
-  }
-  console.log(chalk3.cyan("Starting development server..."));
-  console.log();
-  const packageManager = await detectPackageManager();
-  const env = {
-    ...process.env,
-    ...options.edit ? { YA_EDIT_MODE: "true" } : {}
-  };
-  const args = packageManager === "npm" ? ["run", "dev"] : ["dev"];
-  const child = spawn2(packageManager, args, {
-    cwd: process.cwd(),
-    stdio: "inherit",
-    env
-  });
-  child.on("error", (error) => {
-    console.error(chalk3.red(`Failed to start dev server: ${error.message}`));
-    process.exit(1);
-  });
-  child.on("close", (code) => {
-    process.exit(code ?? 0);
-  });
-});
-async function detectPackageManager() {
-  if (await fs3.pathExists(path3.join(process.cwd(), "pnpm-lock.yaml"))) {
-    return "pnpm";
-  }
-  if (await fs3.pathExists(path3.join(process.cwd(), "yarn.lock"))) {
-    return "yarn";
-  }
-  return "npm";
-}
-
 // src/commands/deploy.ts
-import { Command as Command4 } from "commander";
-import chalk4 from "chalk";
-import ora3 from "ora";
-import fs4 from "fs-extra";
-import path4 from "path";
 var API_BASE_URL2 = getApiBaseUrl();
 var APP_BASE_URL = getAppBaseUrl();
 var EXCLUDE_PATTERNS = ["node_modules", "dist", ".git", "*.log"];
@@ -259,31 +127,31 @@ var ROOT_FILES = [
   "postcss.config.cjs",
   "tailwind.config.ts"
 ];
-var deployCommand = new Command4("deploy").description("Upload template to YoAmigo").argument("<version>", "Template version (e.g., 1.0.0)").option("-v, --verbose", "Show detailed logging for debugging").action(async (version, options) => {
+var deployCommand = new Command2("deploy").description("Upload template to YoAmigo").argument("<version>", "Template version (e.g., 1.0.0)").option("-v, --verbose", "Show detailed logging for debugging").action(async (version, options) => {
   const verbose = options.verbose;
   if (verbose) {
-    console.log(chalk4.dim(`API URL: ${API_BASE_URL2}`));
-    console.log(chalk4.dim(`App URL: ${APP_BASE_URL}`));
+    console.log(chalk2.dim(`API URL: ${API_BASE_URL2}`));
+    console.log(chalk2.dim(`App URL: ${APP_BASE_URL}`));
     console.log();
   }
   const credentials = await getCredentials();
   if (!credentials) {
-    console.error(chalk4.red("Error: Not logged in. Run `yoamigo login` first."));
+    console.error(chalk2.red("Error: Not logged in. Run `yoamigo login` first."));
     process.exit(1);
   }
   const versionRegex = /^\d+\.\d+\.\d+$/;
   if (!versionRegex.test(version)) {
-    console.error(chalk4.red("Error: Version must be in semver format (e.g., 1.0.0)"));
+    console.error(chalk2.red("Error: Version must be in semver format (e.g., 1.0.0)"));
     process.exit(1);
   }
-  const packageJsonPath = path4.join(process.cwd(), "package.json");
-  if (!await fs4.pathExists(packageJsonPath)) {
-    console.error(chalk4.red("Error: No package.json found. Are you in a template project?"));
+  const packageJsonPath = path2.join(process.cwd(), "package.json");
+  if (!await fs2.pathExists(packageJsonPath)) {
+    console.error(chalk2.red("Error: No package.json found. Are you in a template project?"));
     process.exit(1);
   }
-  const packageJson = await fs4.readJson(packageJsonPath);
+  const packageJson = await fs2.readJson(packageJsonPath);
   const templateName = packageJson.name || "unnamed-template";
-  const spinner = ora3("Deploying template...").start();
+  const spinner = ora2("Deploying template...").start();
   try {
     spinner.text = "Collecting files...";
     const files = await collectFiles(process.cwd());
@@ -299,8 +167,8 @@ var deployCommand = new Command4("deploy").description("Upload template to YoAmi
     };
     if (verbose) {
       spinner.stop();
-      console.log(chalk4.dim(`POST ${templateUrl}`));
-      console.log(chalk4.dim(`Body: ${JSON.stringify(templateBody)}`));
+      console.log(chalk2.dim(`POST ${templateUrl}`));
+      console.log(chalk2.dim(`Body: ${JSON.stringify(templateBody)}`));
       spinner.start();
     }
     let templateResponse;
@@ -316,22 +184,22 @@ var deployCommand = new Command4("deploy").description("Upload template to YoAmi
     } catch (fetchError) {
       if (verbose) {
         spinner.stop();
-        console.error(chalk4.red(`
+        console.error(chalk2.red(`
 Fetch error for ${templateUrl}:`));
-        console.error(chalk4.red(fetchError instanceof Error ? fetchError.stack || fetchError.message : String(fetchError)));
+        console.error(chalk2.red(fetchError instanceof Error ? fetchError.stack || fetchError.message : String(fetchError)));
       }
       throw new Error(`Network error: ${fetchError instanceof Error ? fetchError.message : "fetch failed"}`);
     }
     if (verbose) {
       spinner.stop();
-      console.log(chalk4.dim(`Response status: ${templateResponse.status}`));
+      console.log(chalk2.dim(`Response status: ${templateResponse.status}`));
       spinner.start();
     }
     if (!templateResponse.ok) {
       const errorText = await templateResponse.text();
       if (verbose) {
         spinner.stop();
-        console.error(chalk4.red(`
+        console.error(chalk2.red(`
 Response body: ${errorText}`));
       }
       let errorMessage = "Failed to create template";
@@ -345,16 +213,22 @@ Response body: ${errorText}`));
     }
     const templateData = await templateResponse.json();
     const templateId = templateData.result?.data?.id;
+    const versionId = templateData.result?.data?.versionId;
     if (!templateId) {
       throw new Error("Failed to get template ID");
     }
+    if (verbose && versionId) {
+      spinner.stop();
+      console.log(chalk2.dim(`Version ID: ${versionId}`));
+      spinner.start();
+    }
     const uploadUrl = `${API_BASE_URL2}/api/trpc/developer.uploadTemplateFile`;
     for (const file of files) {
-      const relativePath = path4.relative(process.cwd(), file);
-      const content = await fs4.readFile(file, "utf-8");
+      const relativePath = path2.relative(process.cwd(), file);
+      const content = await fs2.readFile(file, "utf-8");
       if (verbose) {
         spinner.stop();
-        console.log(chalk4.dim(`Uploading: ${relativePath}`));
+        console.log(chalk2.dim(`Uploading: ${relativePath}`));
         spinner.start();
       }
       try {
@@ -366,6 +240,8 @@ Response body: ${errorText}`));
           },
           body: JSON.stringify({
             templateId,
+            versionId,
+            // Include versionId for version-specific storage path
             path: relativePath,
             content
           })
@@ -374,56 +250,56 @@ Response body: ${errorText}`));
           const errorText = await uploadResponse.text();
           if (verbose) {
             spinner.stop();
-            console.error(chalk4.yellow(`Failed to upload ${relativePath}: ${uploadResponse.status}`));
-            console.error(chalk4.yellow(`Response: ${errorText}`));
+            console.error(chalk2.yellow(`Failed to upload ${relativePath}: ${uploadResponse.status}`));
+            console.error(chalk2.yellow(`Response: ${errorText}`));
             spinner.start();
           } else {
-            console.warn(chalk4.yellow(`Warning: Failed to upload ${relativePath}`));
+            console.warn(chalk2.yellow(`Warning: Failed to upload ${relativePath}`));
           }
         }
       } catch (uploadError) {
         if (verbose) {
           spinner.stop();
-          console.error(chalk4.yellow(`Network error uploading ${relativePath}:`));
-          console.error(chalk4.yellow(uploadError instanceof Error ? uploadError.message : String(uploadError)));
+          console.error(chalk2.yellow(`Network error uploading ${relativePath}:`));
+          console.error(chalk2.yellow(uploadError instanceof Error ? uploadError.message : String(uploadError)));
           spinner.start();
         } else {
-          console.warn(chalk4.yellow(`Warning: Failed to upload ${relativePath}`));
+          console.warn(chalk2.yellow(`Warning: Failed to upload ${relativePath}`));
         }
       }
     }
     spinner.succeed(`Template v${version} deployed successfully!`);
     console.log();
-    console.log(chalk4.green("Preview URL:"));
-    console.log(chalk4.cyan(`  ${APP_BASE_URL}/preview/${templateId}`));
+    console.log(chalk2.green("Preview URL:"));
+    console.log(chalk2.cyan(`  ${APP_BASE_URL}/preview/${templateId}`));
     console.log();
-    console.log(chalk4.dim("To submit for review, visit your dashboard:"));
-    console.log(chalk4.dim(`  ${APP_BASE_URL}/dashboard`));
+    console.log(chalk2.dim("To submit for review, visit your dashboard:"));
+    console.log(chalk2.dim(`  ${APP_BASE_URL}/dashboard`));
   } catch (error) {
     spinner.fail("Failed to deploy template");
     if (verbose && error instanceof Error && error.stack) {
-      console.error(chalk4.red(error.stack));
+      console.error(chalk2.red(error.stack));
     } else {
-      console.error(chalk4.red(error instanceof Error ? error.message : "Unknown error"));
+      console.error(chalk2.red(error instanceof Error ? error.message : "Unknown error"));
     }
     process.exit(1);
   }
 });
 async function collectFiles(dir) {
   const files = [];
-  const srcDir = path4.join(dir, "src");
-  const publicDir = path4.join(dir, "public");
+  const srcDir = path2.join(dir, "src");
+  const publicDir = path2.join(dir, "public");
   for (const rootFile of ROOT_FILES) {
-    const filePath = path4.join(dir, rootFile);
-    if (await fs4.pathExists(filePath)) {
+    const filePath = path2.join(dir, rootFile);
+    if (await fs2.pathExists(filePath)) {
       files.push(filePath);
     }
   }
-  if (await fs4.pathExists(srcDir)) {
+  if (await fs2.pathExists(srcDir)) {
     const srcFiles = await collectFilesRecursive(srcDir);
     files.push(...srcFiles);
   }
-  if (await fs4.pathExists(publicDir)) {
+  if (await fs2.pathExists(publicDir)) {
     const publicFiles = await collectFilesRecursive(publicDir);
     files.push(...publicFiles);
   }
@@ -431,9 +307,9 @@ async function collectFiles(dir) {
 }
 async function collectFilesRecursive(dir) {
   const files = [];
-  const entries = await fs4.readdir(dir, { withFileTypes: true });
+  const entries = await fs2.readdir(dir, { withFileTypes: true });
   for (const entry of entries) {
-    const fullPath = path4.join(dir, entry.name);
+    const fullPath = path2.join(dir, entry.name);
     if (EXCLUDE_PATTERNS.some((pattern) => entry.name.includes(pattern))) {
       continue;
     }
@@ -447,6 +323,140 @@ async function collectFilesRecursive(dir) {
   return files;
 }
 
+// src/commands/dev.ts
+import { Command as Command3 } from "commander";
+import chalk3 from "chalk";
+import { spawn } from "child_process";
+import fs3 from "fs-extra";
+import path3 from "path";
+var devCommand = new Command3("dev").description("Start development server").option("-p, --port <port>", "Port to run on", "5173").option("--edit", "Enable edit mode").action(async (options) => {
+  const packageJsonPath = path3.join(process.cwd(), "package.json");
+  if (!await fs3.pathExists(packageJsonPath)) {
+    console.error(chalk3.red("Error: No package.json found. Are you in a template project?"));
+    console.log(chalk3.dim("Run `yoamigo init` to create a new template project."));
+    process.exit(1);
+  }
+  const viteConfigPath = path3.join(process.cwd(), "vite.config.ts");
+  if (!await fs3.pathExists(viteConfigPath)) {
+    console.error(chalk3.red("Error: No vite.config.ts found. Are you in a template project?"));
+    process.exit(1);
+  }
+  console.log(chalk3.cyan("Starting development server..."));
+  console.log();
+  const packageManager = await detectPackageManager();
+  const env = {
+    ...process.env,
+    ...options.edit ? { YA_EDIT_MODE: "true" } : {}
+  };
+  const args = packageManager === "npm" ? ["run", "dev"] : ["dev"];
+  const child = spawn(packageManager, args, {
+    cwd: process.cwd(),
+    stdio: "inherit",
+    env
+  });
+  child.on("error", (error) => {
+    console.error(chalk3.red(`Failed to start dev server: ${error.message}`));
+    process.exit(1);
+  });
+  child.on("close", (code) => {
+    process.exit(code ?? 0);
+  });
+});
+async function detectPackageManager() {
+  if (await fs3.pathExists(path3.join(process.cwd(), "pnpm-lock.yaml"))) {
+    return "pnpm";
+  }
+  if (await fs3.pathExists(path3.join(process.cwd(), "yarn.lock"))) {
+    return "yarn";
+  }
+  return "npm";
+}
+
+// src/commands/init.ts
+import { Command as Command4 } from "commander";
+import chalk4 from "chalk";
+import ora3 from "ora";
+import fs4 from "fs-extra";
+import path4 from "path";
+import { fileURLToPath } from "url";
+import { input as input2 } from "@inquirer/prompts";
+import { spawn as spawn2 } from "child_process";
+var __dirname = path4.dirname(fileURLToPath(import.meta.url));
+var TEMPLATES_DIR = path4.resolve(__dirname, "../templates");
+var initCommand = new Command4("init").description("Create a new template project").argument("[name]", "Project name").option("-t, --template <template>", "Template to use", "starter").action(async (name, options) => {
+  let projectName = name;
+  if (!projectName) {
+    try {
+      projectName = await input2({
+        message: "Project name:",
+        default: "my-template",
+        validate: (value) => {
+          if (!value || value.trim().length === 0) {
+            return "Project name is required";
+          }
+          if (!/^[a-z0-9-]+$/.test(value)) {
+            return "Project name must be lowercase letters, numbers, and hyphens only";
+          }
+          return true;
+        }
+      });
+    } catch {
+      console.log();
+      process.exit(0);
+    }
+  }
+  const targetDir = path4.resolve(process.cwd(), projectName);
+  const templateDir = path4.join(TEMPLATES_DIR, options.template);
+  if (await fs4.pathExists(targetDir)) {
+    console.error(chalk4.red(`Error: Directory ${projectName} already exists`));
+    process.exit(1);
+  }
+  if (!await fs4.pathExists(templateDir)) {
+    console.error(chalk4.red(`Error: Template "${options.template}" not found`));
+    process.exit(1);
+  }
+  const spinner = ora3(`Creating ${projectName}...`).start();
+  try {
+    await fs4.copy(templateDir, targetDir);
+    const packageJsonPath = path4.join(targetDir, "package.json");
+    if (await fs4.pathExists(packageJsonPath)) {
+      const packageJson = await fs4.readJson(packageJsonPath);
+      packageJson.name = projectName;
+      await fs4.writeJson(packageJsonPath, packageJson, { spaces: 2 });
+    }
+    spinner.succeed(`Created ${projectName}`);
+    console.log();
+    const installSpinner = ora3("Installing dependencies...").start();
+    await new Promise((resolve, reject) => {
+      const child = spawn2("npm", ["install"], {
+        cwd: targetDir,
+        stdio: "pipe"
+      });
+      child.on("error", reject);
+      child.on("close", (code) => {
+        if (code === 0) {
+          resolve();
+        } else {
+          reject(new Error(`npm install failed with code ${code}`));
+        }
+      });
+    });
+    installSpinner.succeed("Installed dependencies");
+    console.log();
+    console.log(chalk4.green("Success!") + ` Created ${projectName} at ${targetDir}`);
+    console.log();
+    console.log("Next steps:");
+    console.log(chalk4.cyan(`  cd ${projectName}`));
+    console.log(chalk4.cyan("  yoamigo dev       # Start development server"));
+    console.log(chalk4.cyan("  yoamigo preview   # Preview in builder"));
+    console.log();
+  } catch (error) {
+    spinner.fail("Failed to create project");
+    console.error(chalk4.red(error instanceof Error ? error.message : "Unknown error"));
+    process.exit(1);
+  }
+});
+
 // src/index.ts
 var require2 = createRequire(import.meta.url);
 var pkg = require2("../package.json");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoamigo.com/cli",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "CLI for creating and managing YoAmigo templates",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -21,15 +21,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/yoamigo/sdk.git",
-    "directory": "packages/yoamigo-cli"
-  },
   "homepage": "https://yoamigo.com/developers",
-  "bugs": {
-    "url": "https://github.com/yoamigo/sdk/issues"
-  },
   "keywords": [
     "yoamigo",
     "cli",

package/templates/starter/src/App.tsx

@@ -1,9 +1,8 @@
-import { Router, Route } from '@yoamigo.com/core/router'
+import { ContentStoreProvider } from '@yoamigo.com/core'
+import { Router } from '@yoamigo.com/core/router'
 import { Header } from './components/Header'
 import { Footer } from './components/Footer'
-import { HomePage } from './pages/HomePage'
-import { AboutPage } from './pages/AboutPage'
-import { ContactPage } from './pages/ContactPage'
+import { AppRoutes, getAvailablePages } from './routes'
 
 function Layout({ children }: { children: React.ReactNode }) {
   return (
@@ -18,13 +17,15 @@ function Layout({ children }: { children: React.ReactNode }) {
 }
 
 export default function App() {
+  const pages = getAvailablePages()
+
   return (
-    <Router>
-      <Layout>
-        <Route path="/" component={HomePage} />
-        <Route path="/about" component={AboutPage} />
-        <Route path="/contact" component={ContactPage} />
-      </Layout>
-    </Router>
+    <ContentStoreProvider pages={pages}>
+      <Router>
+        <Layout>
+          <AppRoutes />
+        </Layout>
+      </Router>
+    </ContentStoreProvider>
   )
 }

package/templates/starter/src/lib/router/routes.tsx

@@ -0,0 +1,103 @@
+/**
+ * Routes - Auto-discovery with wouter
+ *
+ * Auto-discovers pages from src/pages/ using import.meta.glob
+ * and generates wouter Route components.
+ */
+
+import { lazy, Suspense, ComponentType } from 'react'
+import { Route, Switch } from 'wouter'
+
+// Import all page modules
+const pageModules = import.meta.glob<{ default: ComponentType }>('/src/pages/**/*.tsx')
+
+interface RouteDefinition {
+  path: string
+  component: ComponentType
+}
+
+function generateRoutes(): RouteDefinition[] {
+  const routes: RouteDefinition[] = []
+
+  for (const filePath in pageModules) {
+    // Skip component files that might be in pages
+    if (filePath.includes('/components/')) continue
+    if (filePath.includes('/_')) continue // Skip files starting with _
+
+    // Convert filesystem path to URL path
+    // /src/pages/index.tsx -> /
+    // /src/pages/contact.tsx -> /contact
+    // /src/pages/thank-you.tsx -> /thank-you
+    let routePath = filePath
+      .replace('/src/pages', '')
+      .replace(/\.tsx$/, '')
+      .replace(/\/index$/, '') || '/'
+
+    // Create lazy component
+    const Component = lazy(pageModules[filePath])
+
+    routes.push({ path: routePath, component: Component })
+  }
+
+  // Sort routes: exact paths before wildcards, longer paths first
+  routes.sort((a, b) => {
+    if (a.path === '/') return 1
+    if (b.path === '/') return -1
+    return b.path.length - a.path.length
+  })
+
+  return routes
+}
+
+const routes = generateRoutes()
+
+/**
+ * Available routes for page selection
+ * Returns paths only (not lazy components) for use in UI
+ */
+export function getAvailablePages(): Array<{ path: string; label: string }> {
+  return routes.map(route => ({
+    path: route.path,
+    label: route.path === '/'
+      ? 'Home'
+      : route.path
+          .slice(1) // Remove leading /
+          .split('-')
+          .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+          .join(' '),
+  }))
+}
+
+/**
+ * PageLoader - Shown while lazy-loading page components
+ */
+function PageLoader() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-white">
+      <div className="animate-pulse text-gray-600">Loading...</div>
+    </div>
+  )
+}
+
+/**
+ * AppRoutes - Renders auto-discovered routes with Suspense
+ */
+export function AppRoutes() {
+  return (
+    <Suspense fallback={<PageLoader />}>
+      <Switch>
+        {routes.map(({ path, component: Component }) => (
+          <Route key={path} path={path}>
+            <Component />
+          </Route>
+        ))}
+        {/* 404 fallback */}
+        <Route>
+          <div className="min-h-screen flex items-center justify-center bg-white">
+            <h1 className="text-2xl text-gray-900">Page Not Found</h1>
+          </div>
+        </Route>
+      </Switch>
+    </Suspense>
+  )
+}

package/templates/starter/src/pages/{AboutPage.tsx → about.tsx}

@@ -1,6 +1,6 @@
 import { YaText } from '@yoamigo.com/core'
 
-export function AboutPage() {
+export default function AboutPage() {
   return (
     <div>
       {/* Hero Section */}

package/templates/starter/src/pages/{ContactPage.tsx → contact.tsx}

@@ -1,6 +1,6 @@
 import { YaText } from '@yoamigo.com/core'
 
-export function ContactPage() {
+export default function ContactPage() {
   return (
     <div>
       {/* Hero Section */}

package/templates/starter/src/pages/{HomePage.tsx → index.tsx}

@@ -1,6 +1,6 @@
 import { YaText, YaLink } from '@yoamigo.com/core'
 
-export function HomePage() {
+export default function HomePage() {
   return (
     <div>
       {/* Hero Section */}

package/templates/starter/src/routes.ts

@@ -0,0 +1 @@
+export { AppRoutes, getAvailablePages } from './lib/router/routes'

package/templates/starter/tsconfig.json

@@ -9,6 +9,7 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "noEmit": true,
+    "types": ["node", "vite/client"],
     "resolveJsonModule": true,
     "baseUrl": ".",
     "paths": {