@cloudwerk/vite-plugin 0.6.0 → 0.6.1

package/dist/index.js

@@ -57,6 +57,7 @@ function generateServerEntry(manifest, scanResult, options, entryOptions) {
   let middlewareIndex = 0;
   let errorIndex = 0;
   let notFoundIndex = 0;
+  const ssgPageInfo = [];
   for (const err of scanResult.errors) {
     if (!importedModules.has(err.absolutePath)) {
       const varName = `error_${errorIndex++}`;
@@ -109,6 +110,10 @@ function generateServerEntry(manifest, scanResult, options, entryOptions) {
     if (route.fileType === "page") {
       const varName = `page_${pageIndex++}`;
       imports.push(`import * as ${varName} from '${route.absolutePath}'`);
+      const hasDynamicSegments = route.segments.some(
+        (s) => s.type === "dynamic" || s.type === "catchAll" || s.type === "optionalCatchAll"
+      );
+      ssgPageInfo.push({ varName, urlPattern: route.urlPattern, hasDynamicSegments });
       const layoutChain = route.layouts.map((p) => layoutModules.get(p)).join(", ");
       const middlewareChain = route.middleware.map((p) => middlewareModules.get(p)).join(", ");
       const errorModule = route.errorBoundary ? errorModules.get(route.errorBoundary) : null;
@@ -140,6 +145,7 @@ function generateServerEntry(manifest, scanResult, options, entryOptions) {
  */
 
 import { Hono } from 'hono'
+import { ssgParams } from 'hono/ssg'
 import { contextMiddleware, createHandlerAdapter, createMiddlewareAdapter, setRouteConfig, NotFoundError, RedirectError } from '@cloudwerk/core/runtime'
 import { setActiveRenderer } from '@cloudwerk/ui'
 
@@ -310,6 +316,11 @@ function registerPage(app, pattern, pageModule, layoutModules, middlewareModules
     })
   }
 
+  // Apply SSG params middleware if page has generateStaticParams (for static generation)
+  if (typeof pageModule.generateStaticParams === 'function') {
+    app.use(pattern, ssgParams(pageModule.generateStaticParams))
+  }
+
   // Register GET handler for page
   app.get(pattern, async (c) => {
     const params = c.req.param()
@@ -474,6 +485,13 @@ app.use('*', async (c, next) => {
 ${pageRegistrations.join("\n")}
 ${routeRegistrations.join("\n")}
 
+// SSG routes endpoint - returns all static routes for build-time generation
+app.get('/__ssg/routes', async (c) => {
+  const routes = []
+${generateSSGRouteChecks(ssgPageInfo)}
+  return c.json({ routes })
+})
+
 // 404 handler
 app.notFound(async (c) => {
   const path = c.req.path
@@ -545,6 +563,36 @@ ${generateQueueExports(queueManifest)}
 ${generateServiceRegistration(serviceManifest)}
 `;
 }
+function generateSSGRouteChecks(pages) {
+  const lines = [];
+  for (const page of pages) {
+    if (page.hasDynamicSegments) {
+      lines.push(`  // ${page.urlPattern}`);
+      lines.push(`  if (typeof ${page.varName}.generateStaticParams === 'function') {`);
+      lines.push(`    try {`);
+      lines.push(`      const params = await ${page.varName}.generateStaticParams()`);
+      lines.push(`      if (Array.isArray(params)) {`);
+      lines.push(`        for (const p of params) {`);
+      lines.push(`          let url = '${page.urlPattern}'`);
+      lines.push(`          for (const [key, value] of Object.entries(p)) {`);
+      lines.push(`            url = url.replace(':' + key, String(value))`);
+      lines.push(`          }`);
+      lines.push(`          routes.push(url)`);
+      lines.push(`        }`);
+      lines.push(`      }`);
+      lines.push(`    } catch (e) {`);
+      lines.push(`      console.error('SSG: Failed to get params for ${page.urlPattern}:', e)`);
+      lines.push(`    }`);
+      lines.push(`  }`);
+    } else {
+      lines.push(`  // ${page.urlPattern}`);
+      lines.push(`  if ('config' in ${page.varName} && ${page.varName}.config?.rendering === 'static') {`);
+      lines.push(`    routes.push('${page.urlPattern}')`);
+      lines.push(`  }`);
+    }
+  }
+  return lines.join("\n");
+}
 function generateQueueExports(queueManifest) {
   if (!queueManifest || queueManifest.queues.length === 0) {
     return "";
@@ -1919,13 +1967,71 @@ function cloudwerkPlugin(options = {}) {
       return null;
     },
     /**
-     * Transform hook to detect and wrap client components.
+     * Transform hook to detect and wrap client components,
+     * and rewrite binding imports to use the bindings proxy.
      */
     transform(code, id) {
       if (!state) return null;
       if (id.includes("node_modules")) return null;
       if (!id.endsWith(".tsx") && !id.endsWith(".ts")) return null;
-      if (hasUseClientDirective(code)) {
+      let transformedCode = code;
+      let wasTransformed = false;
+      const bindingsImportRegex = /import\s*\{([^}]+)\}\s*from\s*['"]@cloudwerk\/core\/bindings['"]/g;
+      if (bindingsImportRegex.test(code)) {
+        bindingsImportRegex.lastIndex = 0;
+        transformedCode = code.replace(bindingsImportRegex, (match, imports) => {
+          const importNames = imports.split(",").map((s) => s.trim()).filter(Boolean);
+          const knownExports = [
+            "bindings",
+            "getBinding",
+            "hasBinding",
+            "getBindingNames",
+            "queues",
+            "getQueue",
+            "hasQueue",
+            "getQueueNames",
+            "services",
+            "getService",
+            "hasService",
+            "getServiceNames",
+            "registerLocalService",
+            "unregisterLocalService",
+            "clearLocalServices",
+            "durableObjects",
+            "getDurableObject",
+            "hasDurableObject",
+            "getDurableObjectNames",
+            "createLazyBinding"
+          ];
+          const runtimeImports = [];
+          const bindingImports = [];
+          for (const name of importNames) {
+            const [originalName] = name.split(/\s+as\s+/);
+            if (knownExports.includes(originalName.trim())) {
+              runtimeImports.push(name);
+            } else {
+              bindingImports.push(name);
+            }
+          }
+          if (bindingImports.length === 0) {
+            return match;
+          }
+          wasTransformed = true;
+          const parts = [];
+          const helperImports = runtimeImports.includes("createLazyBinding") ? runtimeImports : ["createLazyBinding", ...runtimeImports];
+          parts.push(`import { ${helperImports.join(", ")} } from '@cloudwerk/core/bindings'`);
+          for (const name of bindingImports) {
+            const aliasMatch = name.match(/^(\w+)\s+as\s+(\w+)$/);
+            if (aliasMatch) {
+              parts.push(`const ${aliasMatch[2]} = createLazyBinding('${aliasMatch[1]}')`);
+            } else {
+              parts.push(`const ${name.trim()} = createLazyBinding('${name.trim()}')`);
+            }
+          }
+          return parts.join("\n");
+        });
+      }
+      if (hasUseClientDirective(transformedCode)) {
         const componentId = generateComponentId(id, state.options.root);
         const bundlePath = `${state.options.hydrationEndpoint}/${componentId}.js`;
         const info = {
@@ -1938,7 +2044,7 @@ function cloudwerkPlugin(options = {}) {
         if (state.options.verbose) {
           console.log(`[cloudwerk] Detected client component: ${componentId}`);
         }
-        const result = transformClientComponent(code, {
+        const result = transformClientComponent(transformedCode, {
           componentId,
           bundlePath: id
           // Use file path for Vite to resolve in dev mode
@@ -1951,6 +2057,12 @@ function cloudwerkPlugin(options = {}) {
           map: null
         };
       }
+      if (wasTransformed) {
+        return {
+          code: transformedCode,
+          map: null
+        };
+      }
       return null;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudwerk/vite-plugin",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Vite plugin for Cloudwerk file-based routing with virtual entry generation",
   "repository": {
     "type": "git",
@@ -19,8 +19,8 @@
   ],
   "dependencies": {
     "@swc/core": "^1.3.100",
-    "@cloudwerk/core": "^0.13.0",
-    "@cloudwerk/ui": "^0.13.0"
+    "@cloudwerk/core": "^0.14.0",
+    "@cloudwerk/ui": "^0.14.0"
   },
   "peerDependencies": {
     "vite": "^5.0.0 || ^6.0.0",