codemeld 2.1.0

package/dist/generators/performance-generator.js

@@ -0,0 +1,428 @@
+/**
+ * Performance optimizations for converted React components.
+ *
+ * Provides helpers that wrap components with React.memo, add lazy-loading,
+ * optimise images, configure code-splitting, insert useMemo / useCallback,
+ * and generate reusable performance utilities.
+ */
+/**
+ * Wraps a React component export with React.memo().
+ *
+ * Handles both `export default function Foo` and `export default Foo` patterns
+ * and ensures `memo` is imported from React.
+ */
+export function wrapWithMemo(componentCode, componentName) {
+    let code = componentCode;
+    // Ensure memo import is present
+    if (!code.includes('memo')) {
+        // Extend existing React import
+        const reactImportRe = /import\s+\{([^}]+)\}\s+from\s+['"]react['"]/;
+        const match = code.match(reactImportRe);
+        if (match) {
+            const imports = match[1];
+            code = code.replace(reactImportRe, `import {${imports}, memo } from 'react'`);
+        }
+        else if (/import\s+React\s+from\s+['"]react['"]/.test(code)) {
+            code = code.replace(/import\s+React\s+from\s+['"]react['"]/, "import React, { memo } from 'react'");
+        }
+        else {
+            code = `import { memo } from 'react';\n${code}`;
+        }
+    }
+    // Pattern 1: export default function ComponentName(…) { … }
+    const fnDeclRe = new RegExp(`export\\s+default\\s+function\\s+${componentName}\\s*\\(`);
+    if (fnDeclRe.test(code)) {
+        // Convert to named function + memo-wrapped default export
+        code = code.replace(new RegExp(`export\\s+default\\s+function\\s+${componentName}`), `function ${componentName}`);
+        code = `${code.trimEnd()}\n\nexport default memo(${componentName});\n`;
+        return code;
+    }
+    // Pattern 2: export default ComponentName;
+    const defaultExportRe = new RegExp(`export\\s+default\\s+${componentName}\\s*;`);
+    if (defaultExportRe.test(code)) {
+        code = code.replace(defaultExportRe, `export default memo(${componentName});`);
+        return code;
+    }
+    return code;
+}
+/**
+ * Converts static component imports to React.lazy() and wraps the
+ * rendered tree in a <Suspense> boundary with a <Loading /> fallback.
+ */
+export function addLazyLoading(appCode, componentNames) {
+    let code = appCode;
+    // Add lazy and Suspense to the React import
+    const reactImportRe = /import\s+\{([^}]+)\}\s+from\s+['"]react['"]/;
+    const reactMatch = code.match(reactImportRe);
+    if (reactMatch) {
+        let imports = reactMatch[1];
+        if (!imports.includes('lazy'))
+            imports += ', lazy';
+        if (!imports.includes('Suspense'))
+            imports += ', Suspense';
+        code = code.replace(reactImportRe, `import {${imports} } from 'react'`);
+    }
+    else {
+        code = `import { lazy, Suspense } from 'react';\n${code}`;
+    }
+    // Add Loading component import if not present
+    if (!code.includes('Loading')) {
+        code = `import Loading from './components/Loading';\n${code}`;
+    }
+    // Convert static imports to lazy() for each component
+    for (const name of componentNames) {
+        const staticImportRe = new RegExp(`import\\s+${name}\\s+from\\s+['"]([^'"]+)['"]\\s*;?`);
+        const importMatch = code.match(staticImportRe);
+        if (importMatch) {
+            const importPath = importMatch[1];
+            code = code.replace(staticImportRe, `const ${name} = lazy(() => import('${importPath}'));`);
+        }
+    }
+    // Wrap Routes (or top-level JSX) in Suspense if not already present
+    if (!code.includes('<Suspense')) {
+        code = code.replace(/(<Routes[\s>])/, '<Suspense fallback={<Loading />}>\n        $1');
+        code = code.replace(/(<\/Routes>)/, '$1\n        </Suspense>');
+    }
+    return code;
+}
+/**
+ * Converts `<img>` tags to include loading="lazy", adds missing
+ * width / height attributes, and adds a comment suggesting a
+ * `<picture>` + WebP srcset alternative.
+ */
+export function generateImageOptimization(html) {
+    let result = html;
+    // Process each <img> tag
+    result = result.replace(/<img\b([^>]*)>/gi, (_match, attrs) => {
+        let attributes = attrs;
+        // Add loading="lazy" if missing
+        if (!/loading\s*=/i.test(attributes)) {
+            attributes += ' loading="lazy"';
+        }
+        // Add decoding="async" if missing
+        if (!/decoding\s*=/i.test(attributes)) {
+            attributes += ' decoding="async"';
+        }
+        // Add width/height defaults for common patterns when missing
+        if (!/width\s*=/i.test(attributes)) {
+            // Try to infer from common class or filename patterns
+            if (/logo/i.test(attributes)) {
+                attributes += ' width="150" height="50"';
+            }
+            else if (/icon/i.test(attributes)) {
+                attributes += ' width="24" height="24"';
+            }
+            else if (/avatar/i.test(attributes)) {
+                attributes += ' width="48" height="48"';
+            }
+            else if (/hero|banner/i.test(attributes)) {
+                attributes += ' width="1200" height="600"';
+            }
+            else if (/thumb/i.test(attributes)) {
+                attributes += ' width="200" height="200"';
+            }
+        }
+        // Extract src for picture element comment
+        const srcMatch = attributes.match(/src\s*=\s*["']([^"']+)["']/i);
+        const src = srcMatch ? srcMatch[1] : '';
+        const webpSrc = src.replace(/\.(jpe?g|png|gif)$/i, '.webp');
+        const imgTag = `<img${attributes}>`;
+        // Add picture element suggestion as a comment when there is a raster source
+        if (src && /\.(jpe?g|png|gif)$/i.test(src)) {
+            return [
+                `{/* Consider using a <picture> element for modern formats:`,
+                `    <picture>`,
+                `      <source srcSet="${webpSrc}" type="image/webp" />`,
+                `      ${imgTag}`,
+                `    </picture>`,
+                `*/}`,
+                imgTag,
+            ].join('\n');
+        }
+        return imgTag;
+    });
+    return result;
+}
+/**
+ * Returns Vite config additions for manual chunk splitting
+ * (vendor, router, and UI framework chunks).
+ */
+export function generateCodeSplitConfig() {
+    return `// Performance: manual chunk splitting for Vite
+// Merge this into your vite.config.ts \`build.rollupOptions\`
+
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          // React core
+          vendor: ['react', 'react-dom'],
+          // Router chunk (if used)
+          router: ['react-router-dom'],
+          // UI framework chunks (uncomment as needed)
+          // 'ui-mui': ['@mui/material', '@emotion/react', '@emotion/styled'],
+          // 'ui-antd': ['antd'],
+          // 'ui-chakra': ['@chakra-ui/react'],
+        },
+      },
+    },
+    // Enable source maps for production debugging (optional)
+    sourcemap: false,
+    // Increase chunk size warning limit (kB)
+    chunkSizeWarningLimit: 600,
+  },
+});
+`;
+}
+/**
+ * Scans JSX for inline object / array literals and arrow functions
+ * passed as props and wraps them with useMemo / useCallback.
+ *
+ * This is a best-effort transformation. Complex patterns may need
+ * manual review.
+ */
+export function addUseMemoCallbacks(componentCode) {
+    let code = componentCode;
+    const memoVars = [];
+    const callbackVars = [];
+    let memoCounter = 0;
+    let cbCounter = 0;
+    // Find inline objects/arrays in JSX props: prop={{ ... }} or prop={[ ... ]}
+    // Replace with a memoised variable
+    code = code.replace(/(\w+)=\{(\{[^}]*\}|\[[^\]]*\])\}/g, (_match, propName, value) => {
+        // Skip spread and simple boolean/string/number patterns
+        if (propName === 'key' || propName === 'ref')
+            return _match;
+        const varName = `memoized${capitalize(propName)}${memoCounter++}`;
+        memoVars.push(`  const ${varName} = useMemo(() => (${value}), []);`);
+        return `${propName}={${varName}}`;
+    });
+    // Find inline arrow functions in JSX props: prop={() => ...} or prop={(e) => ...}
+    code = code.replace(/(\w+)=\{(\([^)]*\)\s*=>(?:\s*\{[^}]*\}|[^}]*))\}/g, (_match, propName, fn) => {
+        if (propName === 'key' || propName === 'ref')
+            return _match;
+        const varName = `handle${capitalize(propName)}${cbCounter++}`;
+        callbackVars.push(`  const ${varName} = useCallback(${fn}, []);`);
+        return `${propName}={${varName}}`;
+    });
+    // Insert memoised variables before the return statement
+    if (memoVars.length > 0 || callbackVars.length > 0) {
+        const declarations = [...memoVars, ...callbackVars].join('\n');
+        code = code.replace(/(\n\s*return\s*\()/, `\n${declarations}\n$1`);
+        // Ensure useMemo and useCallback are imported
+        const reactImportRe = /import\s+\{([^}]+)\}\s+from\s+['"]react['"]/;
+        const match = code.match(reactImportRe);
+        if (match) {
+            let imports = match[1];
+            if (memoVars.length > 0 && !imports.includes('useMemo')) {
+                imports += ', useMemo';
+            }
+            if (callbackVars.length > 0 && !imports.includes('useCallback')) {
+                imports += ', useCallback';
+            }
+            code = code.replace(reactImportRe, `import {${imports} } from 'react'`);
+        }
+        else {
+            const needed = [];
+            if (memoVars.length > 0)
+                needed.push('useMemo');
+            if (callbackVars.length > 0)
+                needed.push('useCallback');
+            code = `import { ${needed.join(', ')} } from 'react';\n${code}`;
+        }
+    }
+    return code;
+}
+/**
+ * Returns a utility module with common performance helpers:
+ * - useIntersectionObserver hook
+ * - useDeferredValue wrapper for search inputs
+ * - debounce / throttle utility functions
+ */
+export function generatePerformanceUtils() {
+    return `import { useState, useEffect, useRef, useDeferredValue, useCallback } from 'react';
+
+// ---------- useIntersectionObserver ----------
+
+interface IntersectionOptions {
+  root?: Element | null;
+  rootMargin?: string;
+  threshold?: number | number[];
+  once?: boolean;
+}
+
+/**
+ * Observes an element's intersection with its scroll container.
+ * Useful for lazy-rendering content that is off-screen.
+ */
+export function useIntersectionObserver(
+  options: IntersectionOptions = {},
+): [React.RefObject<HTMLElement | null>, boolean] {
+  const { root = null, rootMargin = '0px', threshold = 0, once = true } = options;
+  const ref = useRef<HTMLElement | null>(null);
+  const [isIntersecting, setIsIntersecting] = useState(false);
+
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        setIsIntersecting(entry.isIntersecting);
+        if (entry.isIntersecting && once) {
+          observer.unobserve(element);
+        }
+      },
+      { root, rootMargin, threshold },
+    );
+
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [root, rootMargin, threshold, once]);
+
+  return [ref, isIntersecting];
+}
+
+// ---------- useDeferredSearch ----------
+
+/**
+ * Wraps a search input value with React's useDeferredValue so that
+ * expensive filtering / rendering is deferred during rapid typing.
+ */
+export function useDeferredSearch(searchTerm: string): string {
+  return useDeferredValue(searchTerm);
+}
+
+// ---------- debounce ----------
+
+/**
+ * Returns a debounced version of \`fn\` that delays invocation until
+ * \`delay\` ms have elapsed since the last call.
+ */
+export function debounce<T extends (...args: unknown[]) => void>(
+  fn: T,
+  delay: number,
+): (...args: Parameters<T>) => void {
+  let timerId: ReturnType<typeof setTimeout> | undefined;
+
+  return (...args: Parameters<T>) => {
+    if (timerId !== undefined) clearTimeout(timerId);
+    timerId = setTimeout(() => {
+      fn(...args);
+      timerId = undefined;
+    }, delay);
+  };
+}
+
+// ---------- throttle ----------
+
+/**
+ * Returns a throttled version of \`fn\` that invokes at most once
+ * every \`limit\` ms.
+ */
+export function throttle<T extends (...args: unknown[]) => void>(
+  fn: T,
+  limit: number,
+): (...args: Parameters<T>) => void {
+  let lastCall = 0;
+  let timerId: ReturnType<typeof setTimeout> | undefined;
+
+  return (...args: Parameters<T>) => {
+    const now = Date.now();
+    const remaining = limit - (now - lastCall);
+
+    if (remaining <= 0) {
+      if (timerId !== undefined) {
+        clearTimeout(timerId);
+        timerId = undefined;
+      }
+      lastCall = now;
+      fn(...args);
+    } else if (timerId === undefined) {
+      timerId = setTimeout(() => {
+        lastCall = Date.now();
+        timerId = undefined;
+        fn(...args);
+      }, remaining);
+    }
+  };
+}
+
+// ---------- useDebounce hook ----------
+
+/**
+ * React hook that returns a debounced value.
+ */
+export function useDebounce<T>(value: T, delay: number): T {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+
+  useEffect(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+
+  return debouncedValue;
+}
+`;
+}
+/**
+ * Returns a simple Loading / Skeleton component with a CSS animation
+ * suitable as a Suspense fallback.
+ */
+export function generateLoadingFallback() {
+    return `import React from 'react';
+
+const shimmerStyle: React.CSSProperties = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+  minHeight: '200px',
+  gap: '16px',
+  padding: '24px',
+};
+
+const skeletonLineStyle: React.CSSProperties = {
+  height: '16px',
+  borderRadius: '4px',
+  background: 'linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%)',
+  backgroundSize: '200% 100%',
+  animation: 'shimmer 1.5s ease-in-out infinite',
+};
+
+/**
+ * A lightweight loading / skeleton component with a shimmer animation.
+ * Use as a Suspense fallback or standalone placeholder.
+ */
+export default function Loading() {
+  return (
+    <>
+      <style>{\`
+        @keyframes shimmer {
+          0%   { background-position: 200% 0; }
+          100% { background-position: -200% 0; }
+        }
+      \`}</style>
+      <div style={shimmerStyle} role="status" aria-label="Loading">
+        <div style={{ ...skeletonLineStyle, width: '60%' }} />
+        <div style={{ ...skeletonLineStyle, width: '80%' }} />
+        <div style={{ ...skeletonLineStyle, width: '40%' }} />
+        <span style={{ marginTop: '12px', color: '#888', fontSize: '14px' }}>
+          Loading\u2026
+        </span>
+      </div>
+    </>
+  );
+}
+`;
+}
+// ---------- internal helpers ----------
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}
+//# sourceMappingURL=performance-generator.js.map

package/dist/generators/performance-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance-generator.js","sourceRoot":"","sources":["../../src/generators/performance-generator.ts"],"names":[],"mappings":"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"}

package/dist/generators/router-generator.d.ts

@@ -0,0 +1,21 @@
+export interface RouteConfig {
+    path: string;
+    componentName: string;
+    fileName: string;
+    isIndex: boolean;
+}
+/**
+ * Generate route configurations from component names derived from HTML filenames.
+ * Preserves directory structure for nested routes.
+ */
+export declare function generateRoutes(componentNames: string[], fileNames: string[], inputDir?: string, filePaths?: string[]): RouteConfig[];
+/**
+ * Generate App.tsx with React Router for multi-page sites.
+ * Includes lazy loading, 404 route, error boundary, and Tailwind support.
+ */
+export declare function generateRouterApp(routes: RouteConfig[], hasGlobalCSS: boolean, errorBoundary?: boolean, tailwind?: boolean, useHashRouter?: boolean): string;
+/**
+ * Generate a simple App.tsx (no router) for single-page sites.
+ */
+export declare function generateSimpleApp(componentNames: string[], hasGlobalCSS: boolean, errorBoundary?: boolean, tailwind?: boolean): string;
+//# sourceMappingURL=router-generator.d.ts.map

package/dist/generators/router-generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-generator.d.ts","sourceRoot":"","sources":["../../src/generators/router-generator.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAwBpI;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EAAE,EACrB,YAAY,EAAE,OAAO,EACrB,aAAa,GAAE,OAAc,EAC7B,QAAQ,GAAE,OAAe,EACzB,aAAa,GAAE,OAAe,GAC7B,MAAM,CAyGR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,cAAc,EAAE,MAAM,EAAE,EACxB,YAAY,EAAE,OAAO,EACrB,aAAa,GAAE,OAAe,EAC9B,QAAQ,GAAE,OAAe,GACxB,MAAM,CA4CR"}

package/dist/generators/router-generator.js

@@ -0,0 +1,178 @@
+import { toComponentName, toKebabCase } from '../utils/naming.js';
+import { dirname, relative } from 'path';
+/**
+ * Generate route configurations from component names derived from HTML filenames.
+ * Preserves directory structure for nested routes.
+ */
+export function generateRoutes(componentNames, fileNames, inputDir, filePaths) {
+    return componentNames.map((name, i) => {
+        const fileName = fileNames[i];
+        const isIndex = /^index\.html?$/i.test(fileName);
+        // Preserve directory structure if file paths are available
+        let path;
+        if (filePaths && inputDir) {
+            const relDir = relative(inputDir, dirname(filePaths[i]));
+            const basePath = isIndex ? '' : toKebabCase(name).toLowerCase();
+            path = relDir ? `/${relDir}/${basePath}`.replace(/\/+/g, '/') : `/${basePath}`;
+            if (path === '/')
+                path = '/';
+            else
+                path = path.replace(/\/$/, '');
+        }
+        else {
+            path = isIndex ? '/' : `/${toKebabCase(name).toLowerCase()}`;
+        }
+        return {
+            path: path || '/',
+            componentName: name,
+            fileName: `${toKebabCase(name)}.tsx`,
+            isIndex,
+        };
+    });
+}
+/**
+ * Generate App.tsx with React Router for multi-page sites.
+ * Includes lazy loading, 404 route, error boundary, and Tailwind support.
+ */
+export function generateRouterApp(routes, hasGlobalCSS, errorBoundary = true, tailwind = false, useHashRouter = false) {
+    const lines = [];
+    const routerComponent = useHashRouter ? 'HashRouter' : 'BrowserRouter';
+    // Imports
+    lines.push(`import { lazy, Suspense } from 'react';`);
+    lines.push(`import { ${routerComponent}, Routes, Route, NavLink } from 'react-router-dom';`);
+    if (errorBoundary) {
+        lines.push(`import ErrorBoundary from './components/ErrorBoundary';`);
+    }
+    // Lazy imports for route components (deduplicated)
+    const seenComponents = new Set();
+    for (const route of routes) {
+        if (seenComponents.has(route.componentName))
+            continue;
+        seenComponents.add(route.componentName);
+        // Ensure component name is a valid JS identifier
+        const safeName = /^[A-Z_$][a-zA-Z0-9_$]*$/.test(route.componentName)
+            ? route.componentName
+            : toComponentName(route.componentName);
+        route.componentName = safeName;
+        const kebab = toKebabCase(safeName);
+        lines.push(`const ${safeName} = lazy(() => import('./components/${kebab}.tsx'));`);
+    }
+    if (hasGlobalCSS) {
+        lines.push(`import './styles/global.css';`);
+    }
+    if (tailwind) {
+        lines.push(`import './styles/tailwind.css';`);
+    }
+    lines.push('');
+    // 404 component
+    lines.push('function NotFound() {');
+    lines.push('  return (');
+    lines.push('    <div style={{ textAlign: "center", padding: "4rem" }}>');
+    lines.push('      <h1>404</h1>');
+    lines.push('      <p>Page not found</p>');
+    lines.push('      <NavLink to="/">Go Home</NavLink>');
+    lines.push('    </div>');
+    lines.push('  );');
+    lines.push('}');
+    lines.push('');
+    // Loading fallback
+    lines.push('function Loading() {');
+    lines.push('  return (');
+    lines.push('    <div style={{ display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px" }}>');
+    lines.push('      <p>Loading...</p>');
+    lines.push('    </div>');
+    lines.push('  );');
+    lines.push('}');
+    lines.push('');
+    // Navigation component with active link styling (deduplicated by path)
+    // Skip for hash-routed sites — they already have their own nav in the components
+    if (!useHashRouter) {
+        lines.push('function Navigation() {');
+        lines.push('  return (');
+        lines.push('    <nav>');
+        lines.push('      <ul style={{ display: "flex", listStyle: "none", gap: "1rem", padding: "1rem" }}>');
+        const seenPaths = new Set();
+        for (const route of routes) {
+            if (seenPaths.has(route.path))
+                continue;
+            seenPaths.add(route.path);
+            const label = route.isIndex ? 'Home' : route.componentName;
+            lines.push(`        <li><NavLink to="${route.path}" style={({ isActive }) => ({ fontWeight: isActive ? "bold" : "normal" })}>${label}</NavLink></li>`);
+        }
+        lines.push('      </ul>');
+        lines.push('    </nav>');
+        lines.push('  );');
+        lines.push('}');
+        lines.push('');
+    }
+    // App component with router
+    const pad = errorBoundary ? '      ' : '    ';
+    lines.push('function App() {');
+    lines.push('  return (');
+    if (errorBoundary)
+        lines.push('    <ErrorBoundary>');
+    lines.push(`${pad}<${routerComponent}>`);
+    if (!useHashRouter) {
+        lines.push(`${pad}  <Navigation />`);
+    }
+    lines.push(`${pad}  <Suspense fallback={<Loading />}>`);
+    lines.push(`${pad}    <Routes>`);
+    for (const route of routes) {
+        lines.push(`${pad}      <Route path="${route.path}" element={<${route.componentName} />} />`);
+    }
+    lines.push(`${pad}      <Route path="*" element={<NotFound />} />`);
+    lines.push(`${pad}    </Routes>`);
+    lines.push(`${pad}  </Suspense>`);
+    lines.push(`${pad}</${routerComponent}>`);
+    if (errorBoundary)
+        lines.push('    </ErrorBoundary>');
+    lines.push('  );');
+    lines.push('}');
+    lines.push('');
+    lines.push('export default App;');
+    lines.push('');
+    return lines.join('\n');
+}
+/**
+ * Generate a simple App.tsx (no router) for single-page sites.
+ */
+export function generateSimpleApp(componentNames, hasGlobalCSS, errorBoundary = false, tailwind = false) {
+    const lines = [];
+    for (const name of componentNames) {
+        const fileName = toKebabCase(name);
+        lines.push(`import ${name} from './components/${fileName}.tsx'`);
+    }
+    if (errorBoundary) {
+        lines.push(`import ErrorBoundary from './components/ErrorBoundary'`);
+    }
+    if (hasGlobalCSS) {
+        lines.push(`import './styles/global.css'`);
+    }
+    if (tailwind) {
+        lines.push(`import './styles/tailwind.css'`);
+    }
+    lines.push('');
+    lines.push('function App() {');
+    lines.push('  return (');
+    if (errorBoundary) {
+        lines.push('    <ErrorBoundary>');
+        for (const name of componentNames) {
+            lines.push(`      <${name} />`);
+        }
+        lines.push('    </ErrorBoundary>');
+    }
+    else {
+        lines.push('    <>');
+        for (const name of componentNames) {
+            lines.push(`      <${name} />`);
+        }
+        lines.push('    </>');
+    }
+    lines.push('  )');
+    lines.push('}');
+    lines.push('');
+    lines.push('export default App');
+    lines.push('');
+    return lines.join('\n');
+}
+//# sourceMappingURL=router-generator.js.map

package/dist/generators/router-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-generator.js","sourceRoot":"","sources":["../../src/generators/router-generator.ts"],"names":[],"mappings":"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"}