@vistagenic/vista 0.2.16 → 0.3.2

package/dist/build/rsc/server-component-loader.js

@@ -1,73 +1,73 @@
-"use strict";
-/**
- * Vista Server Component Loader
- *
- * Webpack loader that transforms server component imports in client bundles.
- *
- * When a server component is imported in a client bundle:
- * 1. The loader detects if the file has 'use client' directive
- * 2. If NOT a client component, replace the module with a proxy
- * 3. The proxy provides helpful error messages when misused
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = serverComponentLoader;
-const path_1 = __importDefault(require("path"));
-/**
- * Check if source has 'use client' directive
- */
-function hasClientDirective(source) {
-    const trimmed = source.trim();
-    return trimmed.startsWith("'use client'") || trimmed.startsWith('"use client"');
-}
-/**
- * Extract the component name from exports
- */
-function extractComponentName(source) {
-    // Try to find "export default function ComponentName" or "export default ComponentName"
-    const defaultFuncMatch = source.match(/export\s+default\s+function\s+([A-Z][a-zA-Z0-9_]*)/);
-    if (defaultFuncMatch)
-        return defaultFuncMatch[1];
-    const defaultClassMatch = source.match(/export\s+default\s+class\s+([A-Z][a-zA-Z0-9_]*)/);
-    if (defaultClassMatch)
-        return defaultClassMatch[1];
-    const defaultConstMatch = source.match(/export\s+default\s+([A-Z][a-zA-Z0-9_]*)/);
-    if (defaultConstMatch)
-        return defaultConstMatch[1];
-    return 'ServerComponent';
-}
-/**
- * Server Component Loader
- */
-function serverComponentLoader(source) {
-    const options = this.getOptions();
-    const resourcePath = this.resourcePath;
-    // Only process files in the app directory
-    if (!resourcePath.startsWith(options.appDir)) {
-        return source;
-    }
-    // If this IS a client component, pass through unchanged
-    if (hasClientDirective(source)) {
-        return source;
-    }
-    // This is a server component - we need to check how it's being used
-    //
-    // The key insight: we're building the CLIENT bundle here.
-    // Server components should NOT be in the client bundle at all.
-    //
-    // However, there are valid use cases:
-    // 1. A client component might import a server component's TYPE only
-    // 2. A server component might be passed as children (rendered server-side)
-    //
-    // For safety, we replace the module with a proxy that:
-    // - Exports a function that throws a helpful error
-    // - Has a special marker so the RSC renderer can handle it
-    const relativePath = path_1.default.relative(options.appDir, resourcePath);
-    const componentId = `server:${relativePath.replace(/\\/g, '/').replace(/\.[jt]sx?$/, '')}`;
-    const componentName = extractComponentName(source);
-    // Generate proxy module
+"use strict";
+/**
+ * Vista Server Component Loader
+ *
+ * Webpack loader that transforms server component imports in client bundles.
+ *
+ * When a server component is imported in a client bundle:
+ * 1. The loader detects if the file has 'use client' directive
+ * 2. If NOT a client component, replace the module with a proxy
+ * 3. The proxy provides helpful error messages when misused
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = serverComponentLoader;
+const path_1 = __importDefault(require("path"));
+/**
+ * Check if source has 'use client' directive
+ */
+function hasClientDirective(source) {
+    const trimmed = source.trim();
+    return trimmed.startsWith("'use client'") || trimmed.startsWith('"use client"');
+}
+/**
+ * Extract the component name from exports
+ */
+function extractComponentName(source) {
+    // Try to find "export default function ComponentName" or "export default ComponentName"
+    const defaultFuncMatch = source.match(/export\s+default\s+function\s+([A-Z][a-zA-Z0-9_]*)/);
+    if (defaultFuncMatch)
+        return defaultFuncMatch[1];
+    const defaultClassMatch = source.match(/export\s+default\s+class\s+([A-Z][a-zA-Z0-9_]*)/);
+    if (defaultClassMatch)
+        return defaultClassMatch[1];
+    const defaultConstMatch = source.match(/export\s+default\s+([A-Z][a-zA-Z0-9_]*)/);
+    if (defaultConstMatch)
+        return defaultConstMatch[1];
+    return 'ServerComponent';
+}
+/**
+ * Server Component Loader
+ */
+function serverComponentLoader(source) {
+    const options = this.getOptions();
+    const resourcePath = this.resourcePath;
+    // Only process files in the app directory
+    if (!resourcePath.startsWith(options.appDir)) {
+        return source;
+    }
+    // If this IS a client component, pass through unchanged
+    if (hasClientDirective(source)) {
+        return source;
+    }
+    // This is a server component - we need to check how it's being used
+    //
+    // The key insight: we're building the CLIENT bundle here.
+    // Server components should NOT be in the client bundle at all.
+    //
+    // However, there are valid use cases:
+    // 1. A client component might import a server component's TYPE only
+    // 2. A server component might be passed as children (rendered server-side)
+    //
+    // For safety, we replace the module with a proxy that:
+    // - Exports a function that throws a helpful error
+    // - Has a special marker so the RSC renderer can handle it
+    const relativePath = path_1.default.relative(options.appDir, resourcePath);
+    const componentId = `server:${relativePath.replace(/\\/g, '/').replace(/\.[jt]sx?$/, '')}`;
+    const componentName = extractComponentName(source);
+    // Generate proxy module
     const proxyModule = `
 // Vista Server Component Proxy
 // This file was transformed because "${relativePath}" is a Server Component
@@ -119,29 +119,29 @@ ServerComponentError.$$id = componentId;
 ServerComponentError.$$name = componentName;
 
 // Re-export any named exports as proxies too
-${extractNamedExports(source)
+${extractNamedExports(source)
         .map((name) => `
 export const ${name} = ServerComponentError;
-`)
+`)
         .join('\n')}
 
 export default ServerComponentError;
-`;
-    return proxyModule;
-}
-/**
- * Extract named exports from source
- */
-function extractNamedExports(source) {
-    const exports = [];
-    // Match: export const/let/var Name, export function Name, export class Name
-    const namedRegex = /export\s+(?:const|let|var|function|class)\s+([A-Z][a-zA-Z0-9_]*)/g;
-    let match;
-    while ((match = namedRegex.exec(source)) !== null) {
-        exports.push(match[1]);
-    }
-    return exports;
-}
-// Also export the raw loader for Webpack
-module.exports = serverComponentLoader;
-module.exports.default = serverComponentLoader;
+`;
+    return proxyModule;
+}
+/**
+ * Extract named exports from source
+ */
+function extractNamedExports(source) {
+    const exports = [];
+    // Match: export const/let/var Name, export function Name, export class Name
+    const namedRegex = /export\s+(?:const|let|var|function|class)\s+([A-Z][a-zA-Z0-9_]*)/g;
+    let match;
+    while ((match = namedRegex.exec(source)) !== null) {
+        exports.push(match[1]);
+    }
+    return exports;
+}
+// Also export the raw loader for Webpack
+module.exports = serverComponentLoader;
+module.exports.default = serverComponentLoader;

package/dist/build/rsc/server-manifest.d.ts

@@ -9,6 +9,7 @@
  * - Have access to server resources (DB, file system, env vars)
  * - Contribute 0kb to the client JavaScript bundle
  */
+import { type RouteHandlerMethod } from '../../server/route-handler-registry';
 import { type ResolvedSegmentConfig, type SegmentConfig } from '../../server/segment-config';
 export interface ServerComponentEntry {
     /** Unique ID for this component */
@@ -45,6 +46,22 @@ export interface ServerManifest {
     routes: RouteEntry[];
     /** Discovered server actions keyed by action id */
     serverActions: Record<string, ServerActionEntry>;
+    /** Discovered file-based API route handlers (`app/**\/route.*`) */
+    routeHandlers: RouteHandlerEntry[];
+}
+export interface RouteHandlerEntry {
+    /** URL pattern, e.g. `/api/users/:id` */
+    pattern: string;
+    /** Absolute path of the route file */
+    filePath: string;
+    /** Raw filesystem segments from `app/` to the route directory */
+    sourceSegments: string[];
+    /** Route shape, using the same vocabulary as page routes */
+    type: 'static' | 'dynamic' | 'catch-all';
+    /** HTTP methods the route file exports */
+    methods: RouteHandlerMethod[];
+    /** Runtime requested via `export const runtime`, when present */
+    runtime?: string;
 }
 export interface ServerActionEntry {
     /** Stable action id used by the runtime */

package/dist/build/rsc/server-manifest.js

@@ -22,6 +22,7 @@ const path_1 = __importDefault(require("path"));
 const component_identity_1 = require("./component-identity");
 const constants_1 = require("../../constants");
 const runtime_actions_1 = require("../../server/runtime-actions");
+const route_handler_registry_1 = require("../../server/route-handler-registry");
 const segment_config_1 = require("../../server/segment-config");
 const RESERVED_INTERNAL_SEGMENTS = new Set(['[not-found]']);
 function hasReservedInternalSegment(relativePath) {
@@ -432,6 +433,23 @@ function buildRoutes(components, appDir) {
     });
     return routes;
 }
+/**
+ * Collect file-based API route handlers.
+ *
+ * Route handlers live in the same `app/` tree as pages but are not React components,
+ * so they are discovered separately from `scanForServerComponents` (which skips the
+ * `api` directory and treats every file it finds as a component).
+ */
+function buildRouteHandlerEntries(appDir) {
+    return (0, route_handler_registry_1.discoverRouteHandlers)(appDir).map((handler) => ({
+        pattern: handler.pattern,
+        filePath: handler.filePath,
+        sourceSegments: handler.sourceSegments,
+        type: handler.type,
+        methods: handler.methods,
+        ...(handler.runtime ? { runtime: handler.runtime } : {}),
+    }));
+}
 /**
  * Generate the server component manifest
  */
@@ -460,6 +478,7 @@ function generateServerManifest(cwd, appDir) {
         }
     }
     const routes = buildRoutes(components, appDir);
+    const routeHandlers = buildRouteHandlerEntries(appDir);
     // Get or generate build ID
     const buildIdPath = path_1.default.join(cwd, constants_1.BUILD_DIR, 'BUILD_ID');
     let buildId = 'dev';
@@ -477,6 +496,7 @@ function generateServerManifest(cwd, appDir) {
         pathToId,
         routes,
         serverActions,
+        routeHandlers,
     };
 }
 /**