@yoamigo.com/cli 0.1.17 → 0.1.20

package/templates/starter/package.json

@@ -9,7 +9,14 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@yoamigo.com/core": "^0.1.5",
+    "@tiptap/core": "^3.11.1",
+    "@tiptap/extension-link": "^3.11.1",
+    "@tiptap/extension-text-style": "^3.11.1",
+    "@tiptap/pm": "^3.11.1",
+    "@tiptap/react": "^3.11.1",
+    "@tiptap/starter-kit": "^3.11.1",
+    "@yoamigo.com/core": "^0.1.7",
+    "dompurify": "^3.2.3",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   },

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/{content.json → content.ts}

@@ -1,4 +1,4 @@
-{
+export default {
   "site.name": "My Website",
   "hero.title": "Build Something Amazing",
   "hero.subtitle": "Create beautiful, modern websites with our intuitive template system. Click any text to customize it in the builder.",
@@ -24,4 +24,4 @@
   "contact.addressTitle": "Address",
   "contact.addressValue": "123 Main Street, Suite 100\nSan Francisco, CA 94102",
   "footer.copyright": "© 2025 My Website. All rights reserved."
-}
+} as const satisfies Record<string, string>

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/main.tsx

@@ -2,7 +2,7 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import { ContentStoreProvider, registerContent } from '@yoamigo.com/core'
 import App from './App'
-import content from './content.json'
+import content from './content'
 import './styles/globals.css'
 
 // Register content for the content store

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/src/styles/globals.css

@@ -1,5 +1,4 @@
 @import 'tailwindcss';
-@import '@yoamigo.com/core/styles.css';
 
 /* Custom Styles */
 body {

package/templates/starter/tsconfig.json

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