@atlashub/smartstack-cli 4.35.0 → 4.36.0

package/dist/index.js

@@ -117240,6 +117240,7 @@ async function createFrontendStructure(config, state, dryRun) {
   await import_fs_extra6.default.ensureDir((0, import_path7.join)(webDir, "src", "hooks"));
   await import_fs_extra6.default.ensureDir((0, import_path7.join)(webDir, "src", "types"));
   await import_fs_extra6.default.ensureDir((0, import_path7.join)(webDir, "src", "i18n"));
+  await import_fs_extra6.default.ensureDir((0, import_path7.join)(webDir, "src", "extensions"));
   await import_fs_extra6.default.ensureDir((0, import_path7.join)(webDir, "public"));
   const packageJson = {
     name: `${projectName.toLowerCase()}-web`,
@@ -117464,6 +117465,7 @@ import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { SmartStackProvider } from '@atlashub/smartstack';
 import '@atlashub/smartstack/styles.css';
+import './extensions/componentRegistry.generated';
 import App from './App';
 import './index.css';
 import './i18n';
@@ -117487,43 +117489,22 @@ createRoot(document.getElementById('root')!).render(
   const main_result = await safeWriteFile((0, import_path7.join)(webDir, "src", "main.tsx"), mainTsx, findKnownHash(state, "frontend", main_relPath));
   logSafeWriteResult(main_relPath, main_result);
   recordFile(state, "frontend", main_relPath, main_result.hash);
-  const appTsx = `import { useRoutes, Navigate } from 'react-router-dom';
-import { mergeRoutes } from '@atlashub/smartstack';
-import type { RouteConfig, ApplicationRouteExtensions } from '@atlashub/smartstack';
-
-/**
- * Client-specific routes (outside SmartStack locked applications)
- * Add your custom routes here. Locked SmartStack paths cannot be overridden.
- */
-const clientRoutes: RouteConfig[] = [
-  // Redirect root to login page
-  { path: '/', element: <Navigate to="/login" replace /> },
-  // Add your custom routes below:
-  // { path: '/about', element: <AboutPage /> },
-];
-
-/**
- * Application-scoped route extensions
- * Add your routes here.
- * Paths are RELATIVE to the application root.
- * Example: 'users/list' (NOT '/administration/users/list')
- */
-const applicationRoutes: ApplicationRouteExtensions = {
-  // sales: [],
-  // administration: [],
-};
-
-/**
- * Merged routes combining client, application extensions, and SmartStack core routes
- */
-const routes = mergeRoutes(clientRoutes, applicationRoutes);
+  const appTsx = `import { DynamicRouter } from '@atlashub/smartstack';
 
 /**
  * App - Main application component
+ *
+ * DynamicRouter generates routes from the /api/navigation/menu response.
+ * Pages are resolved via PageRegistry \u2014 register them in componentRegistry.generated.ts.
+ *
+ * To add custom pages:
+ * 1. Create your page component in src/pages/
+ * 2. Register it with PageRegistry.register('your.page.key', lazy(() => import('./pages/YourPage')))
+ * 3. Add navigation seed data with matching ComponentKey in the backend
+ * 4. DynamicRouter resolves it automatically \u2014 no manual route wiring needed
  */
 function App() {
-  const element = useRoutes(routes);
-  return element;
+  return <DynamicRouter />;
 }
 
 export default App;
@@ -117532,6 +117513,21 @@ export default App;
   const app_result = await safeWriteFile((0, import_path7.join)(webDir, "src", "App.tsx"), appTsx, findKnownHash(state, "frontend", app_relPath));
   logSafeWriteResult(app_relPath, app_result);
   recordFile(state, "frontend", app_relPath, app_result.hash);
+  const componentRegistryTs = `/**
+ * Component Registry
+ *
+ * Auto-generated by SmartStack MCP - DO NOT EDIT MANUALLY
+ * Run \`scaffold_routes\` to regenerate with your project's pages.
+ */
+import { PageRegistry } from '@atlashub/smartstack';
+
+// Register your pages here (auto-generated by scaffold_routes):
+// PageRegistry.register('your.page.key', lazy(() => import('./pages/YourPage').then(m => ({ default: m.YourPage }))));
+`;
+  const registry_relPath = `${webRelPrefix}/src/extensions/componentRegistry.generated.ts`;
+  const registry_result = await safeWriteFile((0, import_path7.join)(webDir, "src", "extensions", "componentRegistry.generated.ts"), componentRegistryTs, findKnownHash(state, "frontend", registry_relPath));
+  logSafeWriteResult(registry_relPath, registry_result);
+  recordFile(state, "frontend", registry_relPath, registry_result.hash);
   const indexCss = `@import "tailwindcss";
 @source "../node_modules/@atlashub/smartstack/dist/**/*.js";
 @custom-variant dark (&:where(.dark, .dark *));