@tdk-landscape/tdk-cli-core 1.3.15 → 1.3.22

package/engine/topologies/tilt/generators/vite/templates.star

@@ -0,0 +1,737 @@
+# =============================================================================
+# ⚡ TILT SDK - VITE PROVIDER TEMPLATES
+# =============================================================================
+# Path: .tilt/providers/vite/templates.star
+# Purpose: Vite config templates used by generators
+# =============================================================================
+
+# Load npm scope from project.json (or use project name as default)
+# Use TDK_PROJECT_ROOT env var set by Tilt, fallback to current directory
+def _load_npm_scope():
+    project_root = os.environ.get('TDK_PROJECT_ROOT', '')
+    project_json_path = '.tdk/project.json'
+    if project_root:
+        project_json_path = project_root + '/' + project_json_path
+    
+    if os.path.exists(project_json_path):
+        _project_json = read_json(project_json_path)
+        return _project_json.get('project', {}).get('name', 'tdk-project')
+    return 'tdk-project'
+
+_NPM_SCOPE = _load_npm_scope()
+
+TEMPLATE_VITE_FRONTEND = """{header}
+import {{ resolve }} from 'node:path';
+import react from '@vitejs/plugin-react';
+import {{ defineConfig }} from 'vite';
+
+export default defineConfig({{
+  base: '{base_path}',
+  build: {{
+    cssCodeSplit: false,
+    minify: false,
+    modulePreload: false,
+    rollupOptions: {{
+      output: {{
+        entryFileNames: '[name].js',
+        format: 'esm',
+      }},
+    }},
+    target: 'esnext',
+  }},
+  define: {{
+    global: 'globalThis',
+  }},
+  optimizeDeps: {{
+    include: [{optimize_deps_include}],
+  }},
+  plugins: [react()],
+  preview: {{
+    host: '0.0.0.0',
+    port: {port},
+  }},
+  resolve: {{
+    alias: {{
+      // 🎯 IMPORTANT: Order matters! More specific aliases must come FIRST
+      '@/autogenerated': resolve(__dirname),
+      '@': resolve(__dirname, '../src'),
+      'set-cookie-parser': resolve(__dirname, '../src/utils/empty-module.js'),
+{internal_aliases}
+    }},
+  }},
+  server: {{
+    host: '0.0.0.0',
+    port: {port},
+    hmr: {{
+      port: {hmr_port},
+    }},
+{proxy_config}
+  }},
+}});
+"""
+
+TEMPLATE_VITE_FRONTEND_BUILD = """{header}
+import {{ resolve }} from 'node:path';
+import react from '@vitejs/plugin-react';
+import {{ defineConfig }} from 'vite';
+
+export default defineConfig({{
+  mode: 'production',
+  base: '{base_path}',
+  build: {{
+    cssCodeSplit: false,
+    minify: true,
+    modulePreload: false,
+    rollupOptions: {{
+      output: {{
+        entryFileNames: '[name].js',
+        format: 'esm',
+        // Inline all node_modules to prevent lazy dynamic imports for CJS modules
+        manualChunks: undefined,
+      }},
+    }},
+    target: 'esnext',
+  }},
+  define: {{
+    global: 'globalThis',
+    __DEV__: 'false',
+    'process.env.NODE_ENV': '"production"',
+  }},
+  esbuild: {{
+    // Force production JSX runtime
+    jsx: 'automatic',
+    jsxImportSource: 'react',
+    // CRITICAL: Disable development JSX (jsxDEV) for Vite 8 + Rolldown compatibility
+    jsxDev: false,
+  }},
+  optimizeDeps: {{
+    include: [
+      'react',
+      'react-dom',
+      'react-dom/client',
+      'react/jsx-runtime',
+      '@tanstack/react-query',
+      // Internal packages (auto-generated)
+      {optimize_deps_include}
+    ],
+    esbuildOptions: {{
+      format: 'esm',
+      target: 'esnext',
+      // Use production JSX runtime
+      jsx: 'automatic',
+      jsxImportSource: 'react',
+      jsxDev: false,
+    }},
+  }},
+  plugins: [
+    react({{
+      // Force automatic JSX runtime in production mode
+      jsxRuntime: 'automatic',
+      jsxImportSource: 'react',
+    }}),
+  ],
+  resolve: {{
+    alias: {{
+      // 🎯 IMPORTANT: Order matters! More specific aliases must come FIRST
+      '@/autogenerated': resolve(__dirname),
+      '@': resolve(__dirname, '../src'),
+      'set-cookie-parser': resolve(__dirname, '../src/utils/empty-module.js'),
+      // Force production JSX runtime - alias dev runtime to production runtime
+      'react/jsx-dev-runtime': 'react/jsx-runtime',
+    }},
+    conditions: ['browser', 'import', 'module', 'es2020', 'default'],
+    mainFields: ['browser', 'module', 'jsnext:main', 'jsnext', 'main'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_BACKEND_WITH_NODE = """{header}
+import path from 'node:path';
+import {{ VitePluginNode }} from 'vite-plugin-node';
+import {{ defineConfig }} from 'vitest/config';
+
+export default defineConfig({{
+  plugins: [
+    ...VitePluginNode({{
+      adapter: 'express',
+      appPath: '{entry_point}',
+      exportName: 'app',
+      tsCompiler: 'swc',
+    }}),
+  ],
+  resolve: {{
+    alias: {{
+{path_aliases}
+    }},
+  }},
+  server: {{
+    port: {port},
+  }},
+  build: {{
+    ssr: true,
+    target: 'node20',
+    rollupOptions: {{
+      external: {externals_config},
+    }},
+  }},
+  test: {{
+    coverage: {{
+      all: true,
+      exclude: [
+        'node_modules/**',
+        'dist/**',
+        'docs/**',
+        'src/tests/**',
+        'src/**/*.test.ts',
+        'src/**/*.spec.ts',
+        'src/**/*.d.ts',
+        'src/test-*.ts',
+        'prisma/**',
+        '**/*.config.{{ts,js}}',
+        '**/coverage/**',
+      ],
+      include: ['src/**/*.{{ts,js}}'],
+      provider: 'v8',
+      reporter: ['text', 'json', 'html', 'lcov'],
+      thresholds: {{
+        branches: 70,
+        functions: 70,
+        lines: 70,
+        statements: 70,
+      }},
+    }},
+    deps: {{
+      inline: [{vitest_inline_deps}],
+    }},
+    environment: 'node',
+    exclude: ['node_modules', 'dist', 'docs/node_modules', '**/tests/e2e/**'],
+    globals: true,
+    include: ['src/**/*.{{spec,test}}.{{ts,js}}'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_BACKEND_VITEST_ONLY = """{header}
+import path from 'node:path';
+import {{ defineConfig }} from 'vitest/config';
+
+export default defineConfig({{
+  resolve: {{
+    alias: {{
+{path_aliases}
+    }},
+  }},
+  test: {{
+    coverage: {{
+      all: true,
+      exclude: [
+        'node_modules/**',
+        'dist/**',
+        'docs/**',
+        'src/tests/**',
+        'src/**/*.test.ts',
+        'src/**/*.spec.ts',
+        'src/**/*.d.ts',
+        'src/test-*.ts',
+        'prisma/**',
+        '**/*.config.{{ts,js}}',
+        '**/coverage/**',
+      ],
+      include: ['src/**/*.{{ts,js}}'],
+      provider: 'v8',
+      reporter: ['text', 'json', 'html', 'lcov'],
+      thresholds: {{
+        branches: 70,
+        functions: 70,
+        lines: 70,
+        statements: 70,
+      }},
+    }},
+    deps: {{
+      inline: [{vitest_inline_deps}],
+    }},
+    environment: 'node',
+    exclude: ['node_modules', 'dist', 'docs/node_modules', '**/tests/e2e/**'],
+    globals: true,
+    include: ['src/**/*.{{spec,test}}.{{ts,js}}'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_LIBRARY = """{header}
+import {{ resolve }} from 'node:path';
+{plugin_imports}
+import {{ defineConfig }} from 'vitest/config';
+
+export default defineConfig({{
+  mode: 'production',
+  define: {{
+    __DEV__: 'false',
+    'process.env.NODE_ENV': '"production"',
+  }},
+  esbuild: {{
+    jsx: 'automatic',
+    jsxDev: false,
+    jsxImportSource: 'react',
+  }},
+  plugins: [{plugins_str}],
+  build: {{
+    lib: {{
+      entry: resolve(__dirname, '../src/index.ts'),
+      name: '{lib_name}',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${{format === 'es' ? 'mjs' : 'cjs'}}`,
+    }},
+    // Disable code splitting to prevent lazy chunks with CJS require() calls
+    codeSplitting: false,
+    rollupOptions: {{
+      external: [
+        /^node:.*/,
+        /^@" + _NPM_SCOPE + "\\/.*$/,
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime',
+        'react-dom/client',
+        'react-is',
+        'zod',
+        'hono',
+        'nats',
+        /^@mantine\\//,
+        /^@tabler\\//,
+        'framer-motion',
+        'lucide-react',
+        'date-fns',
+        'date-fns-tz',
+        'dayjs',
+        'clsx',
+        'class-variance-authority',
+        'tailwind-merge',
+        '@tanstack/react-table',
+        '@tanstack/react-query',
+        '@hookform/resolvers',
+        'react-hook-form',
+        'react-day-picker',
+        'react-resizable-panels',
+        'react-remove-scroll',
+        'react-textarea-autosize',
+        'react-number-format',
+        'embla-carousel-react',
+        'recharts',
+        'sonner',
+        'next-themes',
+        '@glideapps/glide-data-grid',
+      ],
+      output: {{
+        globals: {{
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        }},
+      }},
+    }},
+    sourcemap: true,
+    target: 'esnext',
+  }},
+  resolve: {{
+    alias: {{
+      '@': resolve(__dirname, '../src'),
+      // Force production JSX runtime - alias dev runtime to production runtime
+      'react/jsx-dev-runtime': 'react/jsx-runtime',
+    }},
+  }},
+  test: {{
+    environment: 'node',
+    exclude: ['node_modules', 'dist'],
+    globals: true,
+    include: ['src/**/*.{{test,spec}}.{{ts,tsx}}'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_SDK = """{header}
+import {{ federation }} from '@module-federation/vite';
+import react from '@vitejs/plugin-react';
+import {{ defineConfig }} from 'vite';
+
+export default defineConfig({{
+  build: {{
+    cssCodeSplit: false,
+    minify: false,
+    modulePreload: false,
+    target: 'esnext',
+  }},
+  plugins: [
+    react(),
+    federation({{
+      name: '{federation_name}',
+      filename: 'remoteEntry.js',
+      exposes: {{
+{exposes_str}
+      }},
+      shared: {{
+{shared_str}
+      }},
+    }}),
+  ],
+  server: {{
+    host: true,
+    port: {port},
+  }},
+}});
+"""
+
+# =============================================================================
+# Environment-Specific Library Templates
+# =============================================================================
+
+TEMPLATE_VITE_LIBRARY_DEV = """{header}
+import {{ resolve }} from 'node:path';
+{plugin_imports}
+import {{ defineConfig }} from 'vitest/config';
+
+export default defineConfig({{
+  mode: 'development',
+  define: {{
+    __DEV__: 'true',
+    'process.env.NODE_ENV': '"development"',
+  }},
+  plugins: [{plugins_str}],
+  build: {{
+    lib: {{
+      entry: resolve(__dirname, '../src/index.ts'),
+      name: '{lib_name}',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${{format === 'es' ? 'mjs' : 'cjs'}}`,
+    }},
+    codeSplitting: false,
+    rollupOptions: {{
+      external: [
+        /^node:.*/,
+        /^@" + _NPM_SCOPE + "\\/.*$/,
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime',
+        'react-dom/client',
+        'react-is',
+        'zod',
+        'hono',
+        'nats',
+        /^@mantine\\//,
+        /^@tabler\\//,
+        'framer-motion',
+        'lucide-react',
+        'date-fns',
+        'date-fns-tz',
+        'dayjs',
+        'clsx',
+        'class-variance-authority',
+        'tailwind-merge',
+        '@tanstack/react-table',
+        '@tanstack/react-query',
+        '@hookform/resolvers',
+        'react-hook-form',
+        'react-day-picker',
+        'react-resizable-panels',
+        'react-remove-scroll',
+        'react-textarea-autosize',
+        'react-number-format',
+        'embla-carousel-react',
+        'recharts',
+        'sonner',
+        'next-themes',
+        '@glideapps/glide-data-grid',
+      ],
+      output: {{
+        globals: {{
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        }},
+      }},
+    }},
+    sourcemap: true,
+    target: 'esnext',
+  }},
+  resolve: {{
+    alias: {{
+      '@': resolve(__dirname, '../src'),
+    }},
+  }},
+  test: {{
+    environment: 'node',
+    exclude: ['node_modules', 'dist'],
+    globals: true,
+    include: ['src/**/*.{{test,spec}}.{{ts,tsx}}'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_LIBRARY_PROD = """{header}
+import {{ resolve }} from 'node:path';
+{plugin_imports}
+import {{ defineConfig }} from 'vitest/config';
+
+export default defineConfig({{
+  mode: 'production',
+  define: {{
+    __DEV__: 'false',
+    'process.env.NODE_ENV': '"production"',
+  }},
+  esbuild: {{
+    jsx: 'automatic',
+    jsxDev: false,
+    jsxImportSource: 'react',
+  }},
+  plugins: [{plugins_str}],
+  build: {{
+    lib: {{
+      entry: resolve(__dirname, '../src/index.ts'),
+      name: '{lib_name}',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${{format === 'es' ? 'mjs' : 'cjs'}}`,
+    }},
+    codeSplitting: false,
+    minify: true,
+    rollupOptions: {{
+      external: [
+        /^node:.*/,
+        /^@" + _NPM_SCOPE + "\\/.*$/,
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        'react/jsx-dev-runtime',
+        'react-dom/client',
+        'react-is',
+        'zod',
+        'hono',
+        'nats',
+        /^@mantine\\//,
+        /^@tabler\\//,
+        'framer-motion',
+        'lucide-react',
+        'date-fns',
+        'date-fns-tz',
+        'dayjs',
+        'clsx',
+        'class-variance-authority',
+        'tailwind-merge',
+        '@tanstack/react-table',
+        '@tanstack/react-query',
+        '@hookform/resolvers',
+        'react-hook-form',
+        'react-day-picker',
+        'react-resizable-panels',
+        'react-remove-scroll',
+        'react-textarea-autosize',
+        'react-number-format',
+        'embla-carousel-react',
+        'recharts',
+        'sonner',
+        'next-themes',
+        '@glideapps/glide-data-grid',
+      ],
+      output: {{
+        globals: {{
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        }},
+      }},
+    }},
+    sourcemap: true,
+    target: 'esnext',
+  }},
+  resolve: {{
+    alias: {{
+      '@': resolve(__dirname, '../src'),
+      'react/jsx-dev-runtime': 'react/jsx-runtime',
+    }},
+  }},
+  test: {{
+    environment: 'node',
+    exclude: ['node_modules', 'dist'],
+    globals: true,
+    include: ['src/**/*.{{test,spec}}.{{ts,tsx}}'],
+  }},
+}});
+"""
+
+TEMPLATE_VITE_FRONTEND_DEV = """{header}
+import {{ resolve }} from 'node:path';
+import react from '@vitejs/plugin-react';
+import {{ defineConfig }} from 'vite';
+
+export default defineConfig({{
+  mode: 'development',
+  base: '{base_path}',
+  build: {{
+    cssCodeSplit: false,
+    minify: false,
+    modulePreload: false,
+    rollupOptions: {{
+      output: {{
+        entryFileNames: '[name].js',
+        format: 'esm',
+      }},
+    }},
+    target: 'esnext',
+  }},
+  define: {{
+    global: 'globalThis',
+    __DEV__: 'true',
+    'process.env.NODE_ENV': '"development"',
+  }},
+  optimizeDeps: {{
+    include: [
+      'react',
+      'react-dom',
+      'react-dom/client',
+      'react/jsx-runtime',
+      '@tanstack/react-query',
+      {optimize_deps_include}
+    ],
+  }},
+  plugins: [
+    react({{
+      jsxRuntime: 'automatic',
+    }}),
+  ],
+  preview: {{
+    host: '0.0.0.0',
+    port: {port},
+  }},
+  resolve: {{
+    alias: {{
+      // 🎯 IMPORTANT: Order matters! More specific aliases must come FIRST
+      '@/autogenerated': resolve(__dirname),
+      '@': resolve(__dirname, '../src'),
+      'set-cookie-parser': resolve(__dirname, '../src/utils/empty-module.js'),
+    }},
+  }},
+  server: {{
+    host: '0.0.0.0',
+    port: {port},
+    hmr: {{
+      port: {hmr_port},
+    }},
+{proxy_config}
+  }},
+}});
+"""
+
+TEMPLATE_VITE_FRONTEND_PROD = """{header}
+import {{ resolve }} from 'node:path';
+import react from '@vitejs/plugin-react';
+import {{ defineConfig }} from 'vite';
+
+export default defineConfig({{
+  mode: 'production',
+  base: '{base_path}',
+  build: {{
+    cssCodeSplit: false,
+    minify: true,
+    modulePreload: false,
+    rollupOptions: {{
+      output: {{
+        entryFileNames: '[name].js',
+        format: 'esm',
+        manualChunks: undefined,
+      }},
+    }},
+    target: 'esnext',
+  }},
+  define: {{
+    global: 'globalThis',
+    __DEV__: 'false',
+    'process.env.NODE_ENV': '"production"',
+  }},
+  esbuild: {{
+    jsx: 'automatic',
+    jsxImportSource: 'react',
+    jsxDev: false,
+  }},
+  optimizeDeps: {{
+    include: [
+      'react',
+      'react-dom',
+      'react-dom/client',
+      'react/jsx-runtime',
+      '@tanstack/react-query',
+      {optimize_deps_include}
+    ],
+    esbuildOptions: {{
+      format: 'esm',
+      target: 'esnext',
+      jsx: 'automatic',
+      jsxImportSource: 'react',
+      jsxDev: false,
+    }},
+  }},
+  plugins: [
+    react({{
+      jsxRuntime: 'automatic',
+      jsxImportSource: 'react',
+    }}),
+  ],
+  resolve: {{
+    alias: {{
+      // 🎯 IMPORTANT: Order matters! More specific aliases must come FIRST
+      '@/autogenerated': resolve(__dirname),
+      '@': resolve(__dirname, '../src'),
+      'set-cookie-parser': resolve(__dirname, '../src/utils/empty-module.js'),
+      'react/jsx-dev-runtime': 'react/jsx-runtime',
+    }},
+    conditions: ['browser', 'import', 'module', 'es2020', 'default'],
+    mainFields: ['browser', 'module', 'jsnext:main', 'jsnext', 'main'],
+  }},
+}});
+"""
+
+# =============================================================================
+# Template Generation Functions
+# =============================================================================
+
+def get_library_template(environment = 'production'):
+    """
+    Get the appropriate library template based on environment.
+    
+    Args:
+        environment: 'development', 'production', or 'dev'/'prod' shortcuts
+    
+    Returns:
+        Template string for the specified environment
+    """
+    env = environment.lower()
+    if env in ['development', 'dev']:
+        return TEMPLATE_VITE_LIBRARY_DEV
+    elif env in ['production', 'prod']:
+        return TEMPLATE_VITE_LIBRARY_PROD
+    else:
+        # Default to production for safety
+        return TEMPLATE_VITE_LIBRARY_PROD
+
+def get_frontend_template(environment = 'production'):
+    """
+    Get the appropriate frontend template based on environment.
+    
+    Args:
+        environment: 'development', 'production', or 'dev'/'prod' shortcuts
+    
+    Returns:
+        Template string for the specified environment
+    """
+    env = environment.lower()
+    if env in ['development', 'dev']:
+        return TEMPLATE_VITE_FRONTEND_DEV
+    elif env in ['production', 'prod']:
+        return TEMPLATE_VITE_FRONTEND_PROD
+    else:
+        # Default to production for safety
+        return TEMPLATE_VITE_FRONTEND_PROD
+
+def get_frontend_build_template(environment = 'production'):
+    """
+    Get the appropriate frontend build template based on environment.
+    
+    This is an alias for get_frontend_template since they serve the same purpose.
+    """
+    return get_frontend_template(environment)