@tdk-landscape/tdk-cli-core 1.3.74 → 1.3.76

package/engine/topologies/tilt/generators/vite/frameworks/react.star

@@ -0,0 +1,126 @@
+# React-specific Vite templates for frontend resources.
+
+REACT_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}
+  }},
+}});
+"""
+
+REACT_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'],
+  }},
+}});
+"""

package/engine/topologies/tilt/generators/vite/frameworks/vue.star

@@ -0,0 +1,92 @@
+# Vue-specific Vite templates for frontend resources.
+
+VUE_VITE_FRONTEND = """{header}
+import {{ resolve }} from 'node:path';
+import vue from '@vitejs/plugin-vue';
+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: [vue()],
+  preview: {{
+    host: '0.0.0.0',
+    port: {port},
+  }},
+  resolve: {{
+    alias: {{
+      '@/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}
+  }},
+}});
+"""
+
+VUE_VITE_FRONTEND_BUILD = """{header}
+import {{ resolve }} from 'node:path';
+import vue from '@vitejs/plugin-vue';
+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"',
+  }},
+  optimizeDeps: {{
+    include: [{optimize_deps_include}],
+  }},
+  plugins: [vue()],
+  resolve: {{
+    alias: {{
+      '@/autogenerated': resolve(__dirname),
+      '@': resolve(__dirname, '../src'),
+      'set-cookie-parser': resolve(__dirname, '../src/utils/empty-module.js'),
+    }},
+    conditions: ['browser', 'import', 'module', 'es2020', 'default'],
+    mainFields: ['browser', 'module', 'jsnext:main', 'jsnext', 'main'],
+  }},
+}});
+"""

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

@@ -15,7 +15,8 @@ load('../../../../topologies/tilt/manifest/constants.star', 'GENERATED_CONFIG_FI
 # =============================================================================
 
 
-load('./templates.star', 'TEMPLATE_VITE_FRONTEND', 'TEMPLATE_VITE_FRONTEND_BUILD')
+load('./frameworks/react.star', 'REACT_VITE_FRONTEND', 'REACT_VITE_FRONTEND_BUILD')
+load('./frameworks/vue.star', 'VUE_VITE_FRONTEND', 'VUE_VITE_FRONTEND_BUILD')
 load('../../../platform/docker/networking/api_path_constants.star', 'get_frontend_base_path')
 load('./helpers.star', 
     'build_header', 
@@ -28,6 +29,17 @@ load('./helpers.star',
 VITE_FRONTEND_CONFIG_PATH = '/' + OUTPUT.AUTOGENERATED_FOLDER + '/' + GENERATED_CONFIG_FILENAMES['vite_frontend']
 VITE_FRONTEND_BUILD_CONFIG_PATH = '/' + OUTPUT.AUTOGENERATED_FOLDER + '/' + GENERATED_CONFIG_FILENAMES['vite_build']
 
+_FRAMEWORK_TEMPLATES = {
+    'react': {
+        'dev': REACT_VITE_FRONTEND,
+        'build': REACT_VITE_FRONTEND_BUILD,
+    },
+    'vue': {
+        'dev': VUE_VITE_FRONTEND,
+        'build': VUE_VITE_FRONTEND_BUILD,
+    },
+}
+
 def _normalize_vite_base_path(base_path):
     """Vite subpath deploys are more reliable with a trailing slash."""
     if not base_path:
@@ -40,7 +52,7 @@ def _normalize_vite_base_path(base_path):
 
 def generate_frontend(manifest, backend_manifest=None, write_fn=None):
     """
-    Generate vite.config.ts for FRONTEND services.
+    Generate dev and build Vite configs under the resource's .autogenerated/ directory.
     
     Features:
     - Auto-proxy to backend based on backend manifest port
@@ -52,6 +64,11 @@ def generate_frontend(manifest, backend_manifest=None, write_fn=None):
     """
     if manifest.get('appType') != 'frontend':
         fail("Vite.frontend() requires a frontend manifest, got: " + manifest.get('appType', 'unknown'))
+
+    framework_id = manifest.get('framework', 'react')
+    framework_templates = _FRAMEWORK_TEMPLATES.get(framework_id)
+    if framework_templates == None:
+        fail("Unknown frontend framework for Vite generation: " + str(framework_id))
     
     resource_path = manifest.get('_resource_path', '')
     stack = manifest.get('stack', 'app')
@@ -75,7 +92,7 @@ def generate_frontend(manifest, backend_manifest=None, write_fn=None):
     internal_aliases = generate_frontend_internal_aliases(resource_path, manifest, 1)
     optimize_deps_include = generate_frontend_optimize_deps(manifest)
     
-    config = TEMPLATE_VITE_FRONTEND.format(
+    config = framework_templates['dev'].format(
         header=header,
         base_path=vite_base_path,
         port=port,
@@ -86,7 +103,7 @@ def generate_frontend(manifest, backend_manifest=None, write_fn=None):
     )
 
     build_cfg_header = build_header('Vite.frontend()', app_name, 'Build-only Vite config')
-    build_config = TEMPLATE_VITE_FRONTEND_BUILD.format(
+    build_config = framework_templates['build'].format(
         header=build_cfg_header,
         base_path=vite_base_path,
         optimize_deps_include=optimize_deps_include,

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

@@ -20,131 +20,6 @@ def _load_npm_scope():
 
 _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';
@@ -555,137 +430,6 @@ export default defineConfig({{
 }});
 """
 
-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
 # =============================================================================
@@ -708,30 +452,3 @@ def get_library_template(environment = 'production'):
     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)

package/engine/topologies/tilt/resources/orchestrator/generators/manifest_resource.star

@@ -400,10 +400,16 @@ def _generate_all_configs_for_resource(
         # Docker builds: Resolve from node_modules (packages must be published)
         
         # Docker tsconfig: NO path aliases to internal deps
-        TSConfig.frontend(resource_path, write_file, internal_deps=None, is_docker=True)
+        TSConfig.frontend(
+            resource_path, write_file, internal_deps=None, is_docker=True,
+            framework=manifest.get('framework', 'react'),
+        )
         
         # Local tsconfig: CAN use path aliases to internal deps
-        TSConfig.frontend(resource_path, write_file, internal_deps=internal_deps_map, is_docker=False)
+        TSConfig.frontend(
+            resource_path, write_file, internal_deps=internal_deps_map, is_docker=False,
+            framework=manifest.get('framework', 'react'),
+        )
     else:
         prisma_path = resource_config.get('prisma_client_path', './node_modules/.prisma/client')
         resource_features = manifest.get('featuresEnabled', [])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tdk-landscape/tdk-cli-core",
-  "version": "1.3.74",
+  "version": "1.3.76",
   "description": "Run your whole microservice landscape locally without Kubernetes. Scaffold services and run them with hot reload, built on Tilt.",
   "homepage": "https://tdk-landscape.github.io/tdk-website",
   "repository": {