@tdk-landscape/tdk-cli-core 1.3.73 → 1.3.75

package/cli/dist/frontend-frameworks/vue.js

@@ -0,0 +1,73 @@
+export const vueFrontendProvider = {
+    id: "vue",
+    label: "Vue + Vite",
+    dependencies: {
+        vue: "^3.5.0",
+    },
+    devDependencies: {
+        "@vitejs/plugin-vue": "^5.2.4",
+    },
+    compilerOptions: {},
+    createFiles(name) {
+        return [
+            {
+                filename: "index.html",
+                content: `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>${name}</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+`,
+                description: "Generating HTML template",
+                emoji: "💻",
+            },
+            {
+                filename: "src/main.ts",
+                content: `import { createApp } from 'vue';
+import App from './App.vue';
+
+createApp(App).mount('#app');
+`,
+                description: "Generating Vue entry",
+                emoji: "💻",
+            },
+            {
+                filename: "src/App.vue",
+                content: `<script setup lang="ts">
+const message = 'Frontend resource created with TDK';
+</script>
+
+<template>
+  <main style="padding: 2rem; font-family: system-ui">
+    <h1>${name}</h1>
+    <p>{{ message }}</p>
+  </main>
+</template>
+`,
+                description: "Generating Vue app",
+                emoji: "💻",
+            },
+            {
+                filename: "src/vite-env.d.ts",
+                content: `/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { Component } from 'vue';
+  const component: Component;
+  export default component;
+}
+`,
+                description: "Generating Vue module types",
+                emoji: "⚙️",
+            },
+        ];
+    },
+};
+//# sourceMappingURL=vue.js.map

package/cli/dist/utils/discovery-paths.js

@@ -0,0 +1,67 @@
+import { existsSync, readFileSync } from "node:fs";
+import { join, relative, resolve, sep } from "node:path";
+// Mirrors discovery/json_manifest_scanner.star: every `discovery.paths` entry is a shell
+// glob of directories, and `find -maxdepth 3` looks for service.json under each match. So a
+// resource is only seen by Tilt if some directory matching a pattern is the resource
+// directory itself or at most this many levels above it.
+const MAX_LEVELS_BELOW_MATCH = 2;
+const DEFAULT_DISCOVERY_PATHS = ["services/*/*"];
+function segments(path) {
+    return path.split(sep).filter(Boolean);
+}
+function segmentMatches(pattern, name) {
+    const source = pattern
+        .replace(/[.+^${}()|[\]\\]/g, "\\$&")
+        .replace(/\*/g, "[^/]*")
+        .replace(/\?/g, "[^/]");
+    return new RegExp(`^${source}$`).test(name);
+}
+function globMatchesDir(patternSegments, dirSegments) {
+    return (patternSegments.length === dirSegments.length &&
+        patternSegments.every((segment, index) => segmentMatches(segment, dirSegments[index])));
+}
+/** `discovery.paths` from .tdk/project.json, or the generic default when unset/unreadable. */
+export function readDiscoveryPaths(projectRoot) {
+    const configPath = join(projectRoot, ".tdk", "project.json");
+    if (!existsSync(configPath))
+        return DEFAULT_DISCOVERY_PATHS;
+    try {
+        const paths = JSON.parse(readFileSync(configPath, "utf-8"))?.discovery?.paths;
+        if (Array.isArray(paths) && paths.every((p) => typeof p === "string"))
+            return paths;
+    }
+    catch { }
+    return DEFAULT_DISCOVERY_PATHS;
+}
+/** Whether Tilt's discovery would find a service.json in `resourceDir` given `patterns`. */
+export function isPathDiscovered(projectRoot, resourceDir, patterns) {
+    const resourceSegments = segments(relative(projectRoot, resolve(projectRoot, resourceDir)));
+    return patterns.some((pattern) => {
+        const patternSegments = segments(relative(projectRoot, resolve(projectRoot, pattern)));
+        for (let levels = 0; levels <= MAX_LEVELS_BELOW_MATCH; levels++) {
+            const depth = resourceSegments.length - levels;
+            if (depth > 0 && globMatchesDir(patternSegments, resourceSegments.slice(0, depth))) {
+                return true;
+            }
+        }
+        return false;
+    });
+}
+/**
+ * Picks the folder for a new resource without an explicit --path. The conventional folder
+ * per type (apps/, workers/, packages/) is kept when discovery covers it; otherwise the
+ * resource goes under services/<stack>/, which the default discovery paths cover, because a
+ * resource outside every discovery path is scaffolded but never started by `tdk up`.
+ */
+export function chooseResourcePath(projectRoot, conventionalPath, stack, name) {
+    const patterns = readDiscoveryPaths(projectRoot);
+    if (isPathDiscovered(projectRoot, conventionalPath, patterns)) {
+        return { path: conventionalPath };
+    }
+    const fallback = `services/${stack}/${name}`;
+    if (isPathDiscovered(projectRoot, fallback, patterns)) {
+        return { path: fallback, adjustedFrom: conventionalPath };
+    }
+    return { path: conventionalPath };
+}
+//# sourceMappingURL=discovery-paths.js.map

package/cli/dist/utils/errors.js

@@ -12,7 +12,7 @@ export function logVerbose(message, err) {
         console.warn(chalk.gray(`${message}${errMsg}`));
     }
 }
-class TdkError extends Error {
+export class TdkError extends Error {
     suggestions;
     exitCode;
     constructor(message, suggestions = [], exitCode = 1) {
@@ -78,6 +78,9 @@ export function requireProjectRoot() {
     return projectRoot;
 }
 function handleCommandError(err) {
+    if (err instanceof TdkError) {
+        err.exit();
+    }
     console.error(chalk.red(`Error: ${getErrorMessage(err)}`));
     process.exit(1);
 }

package/cli/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdk-cli-internal",
   "private": true,
-  "version": "1.3.73",
+  "version": "1.3.75",
   "description": "TDK CLI - Tilt Development Kit command line interface",
   "keywords": [
     "tdk",

package/engine/AGENTS.md

@@ -200,10 +200,11 @@ def generate_for_manifest(manifest, backend_manifest, write_fn):
     elif app_type == 'sdk':
         return _generate_sdk(manifest, write_fn)
 
-# Generates:
-# - vite.config.ts (local development)
-# - vite.config.docker.ts (Docker build)
-# - vite.config.build.ts (production build)
+# Generates under each frontend resource's .autogenerated/ directory:
+# - vite.config.frontend.autogenerated.ts (local development)
+# - vite.config.build.autogenerated.ts (production build)
+# The CLI scaffolds root index.html; nginx generates nginx.autogenerated.conf
+# and serves the built index.html.
 ```
 
 **TSConfig Generator:**

package/engine/schemas/service-schema.json

@@ -86,7 +86,7 @@
       "type": "string"
     },
     "appType": {
-      "description": "Resource type determining build strategy:\n• backend - Hono/Express API server\n• frontend - Vite/React application\n• sdk - Shared library package\n• worker - Background job processor\n• migrator - Database migration runner\n• library - Shared code library",
+      "description": "Resource type determining build strategy:\n• backend - Hono/Express API server\n• frontend - Vite single-page application (React or Vue, see framework)\n• sdk - Shared library package\n• worker - Background job processor\n• migrator - Database migration runner\n• library - Shared code library",
       "enum": [
         "backend",
         "frontend",
@@ -199,6 +199,14 @@
       "type": "array",
       "uniqueItems": true
     },
+    "framework": {
+      "description": "Frontend SPA provider used to generate Vite and TypeScript config. Only meaningful for frontend resources; omitted means react (legacy manifests).",
+      "enum": [
+        "react",
+        "vue"
+      ],
+      "type": "string"
+    },
     "healthCheckPath": {
       "default": "/health",
       "description": "HTTP endpoint for health checks. Must return 200 OK.",

package/engine/topologies/tilt/generators/typescript/frontend_tsconfig.star

@@ -18,7 +18,7 @@ if _is_verbose:
 # Frontend TSConfig Generator
 # =============================================================================
 
-def generate_frontend_tsconfig(resource_path, write_fn, internal_deps=None, is_docker=True):
+def generate_frontend_tsconfig(resource_path, write_fn, internal_deps=None, is_docker=True, framework='react'):
     """
     Generate tsconfig for frontend services.
 
@@ -27,6 +27,7 @@ def generate_frontend_tsconfig(resource_path, write_fn, internal_deps=None, is_d
         write_fn: Write function for file output
         internal_deps: Optional internal dependencies map
         is_docker: Whether generating for Docker context
+        framework: Frontend framework id; omitted in legacy manifests means React
     """
     # Check verbose mode
     is_verbose = os.environ.get('TILT_LOG_LEVEL') == 'verbose'
@@ -76,25 +77,31 @@ def generate_frontend_tsconfig(resource_path, write_fn, internal_deps=None, is_d
                 resource_path
             ))
             print("   Docker build will resolve @{npm_scope}/* from node_modules")
+    if framework not in ['react', 'vue']:
+        fail("Unknown frontend framework for TypeScript generation: " + str(framework))
+
+    compiler_options = {
+        "target": "ES2022",
+        "module": "ES2022",
+        "moduleResolution": "bundler",
+        "lib": ["dom", "dom.iterable", "esnext"],
+        "paths": paths,
+        "skipLibCheck": True,
+        "strict": True,
+        "esModuleInterop": True,
+        "allowSyntheticDefaultImports": True,
+        # "bun" (not "node"): matches backend_tsconfig.star - @types/bun is a direct
+        # devDependency so it's always linked at the top level under any linker mode
+        # (including Docker's isolated linker), while @types/node (when only pulled in
+        # transitively, e.g. via bun-types) isn't hoisted under the isolated linker and
+        # "types": ["node"] fails to resolve there even though it works locally.
+        "types": ["node"],
+    }
+    if framework == 'react':
+        compiler_options['jsx'] = 'react-jsx'
+
     content = {
-        "compilerOptions": {
-            "target": "ES2022",
-            "module": "ES2022",
-            "moduleResolution": "node",
-            "lib": ["dom", "dom.iterable", "esnext"],
-            "jsx": "react-jsx",
-            "paths": paths,
-            "skipLibCheck": True,
-            "strict": True,
-            "esModuleInterop": True,
-            "allowSyntheticDefaultImports": True,
-            # "bun" (not "node"): matches backend_tsconfig.star - @types/bun is a direct
-            # devDependency so it's always linked at the top level under any linker mode
-            # (including Docker's isolated linker), while @types/node (when only pulled in
-            # transitively, e.g. via bun-types) isn't hoisted under the isolated linker and
-            # "types": ["node"] fails to resolve there even though it works locally.
-            "types": ["node"],
-        },
+        "compilerOptions": compiler_options,
         "exclude": [
             "node_modules",
             "dist",

package/engine/topologies/tilt/generators/validators.star

@@ -555,9 +555,10 @@ def generate_resource_health_check(resource_name, resource_path, manifest, check
     health_checks = []
     
     # Check 1: Required files exist
+    frontend_entry = "src/main.ts" if manifest.get("framework", "react") == "vue" else "src/main.tsx"
     required_files = {
         "backend": ["package.json", "prisma/schema.prisma"],
-        "frontend": ["package.json", "index.html", "src/main.tsx"],
+        "frontend": ["package.json", "index.html", frontend_entry],
         "library": ["package.json"],
     }.get(app_type, ["package.json"])
     

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,