create-jen-app 1.2.1 → 1.2.3

package/templates/static/lib/server/api-routes.d.ts

@@ -1,44 +1,112 @@
 import type { IncomingMessage, ServerResponse } from "node:http";
 /**
- * API route handler context.
+ * API route handler execution context.
+ * Contains request data and response objects passed to all API handler functions.
  */
 export interface ApiRouteContext {
-    req: IncomingMessage;
-    res: ServerResponse;
-    url: URL;
-    method: string;
-    query: Record<string, string>;
-    body: any;
-    params: Record<string, string>;
+  /** Node.js IncomingMessage with raw request properties. */
+  req: IncomingMessage;
+  /** Node.js ServerResponse for writing response. */
+  res: ServerResponse;
+  /** Request URL object with pathname, search, query parameters. */
+  url: URL;
+  /** HTTP method in uppercase (GET, POST, PUT, DELETE, PATCH, etc.). */
+  method: string;
+  /** Query string parameters parsed from URL (?key=value). */
+  query: Record<string, string>;
+  /** Parsed request body (JSON if Content-Type is application/json, else raw string). */
+  body: any;
+  /** Route path parameters extracted from dynamic segments (e.g., [id], [slug]). */
+  params: Record<string, string>;
 }
 /**
- * API handler function.
- * Return Response, string, or object (auto JSON).
+ * API handler function executed for a specific HTTP method.
+ * Receives context with request data and response object.
+ *
+ * Return value is automatically serialized:
+ * - Response: Sent as-is with status and headers
+ * - string: Sent as text/plain; charset=utf-8
+ * - object: Sent as application/json (JSON.stringify'd)
+ * - null: Sent as JSON null
+ *
+ * Handler can also manually set response (res.write/res.end) and return null;
+ * the framework will not double-send if res.writableEnded is true.
+ *
+ * @param ctx - Execution context with request and response objects
+ * @returns Result value or promise resolving to result
  */
-export type ApiHandler = (ctx: ApiRouteContext) => Promise<Response | string | Record<string, any> | null> | Response | string | Record<string, any> | null;
+export type ApiHandler = (
+  ctx: ApiRouteContext,
+) =>
+  | Promise<Response | string | Record<string, any> | null>
+  | Response
+  | string
+  | Record<string, any>
+  | null;
 /**
- * API route module.
- * Export GET, POST, PUT, DELETE, etc.
+ * API route module interface.
+ * Exported from api/*.ts files as named exports for each HTTP method.
+ *
+ * Example api/users/[id].ts:
+ *   export const GET = async (ctx) => {
+ *     return { userId: ctx.params.id, ...userData };
+ *   };
+ *   export const DELETE = async (ctx) => {
+ *     deleteUser(ctx.params.id);
+ *     return { status: "deleted" };
+ *   };
+ *
+ * Supported methods:
+ * - GET: Retrieve data
+ * - POST: Create new resource
+ * - PUT: Replace resource
+ * - DELETE: Remove resource
+ * - PATCH: Partial update
+ * - HEAD: Like GET but no body
+ * - OPTIONS: Describe available methods
  */
 export interface ApiRouteModule {
-    GET?: ApiHandler;
-    POST?: ApiHandler;
-    PUT?: ApiHandler;
-    DELETE?: ApiHandler;
-    PATCH?: ApiHandler;
-    HEAD?: ApiHandler;
-    OPTIONS?: ApiHandler;
+  GET?: ApiHandler;
+  POST?: ApiHandler;
+  PUT?: ApiHandler;
+  DELETE?: ApiHandler;
+  PATCH?: ApiHandler;
+  HEAD?: ApiHandler;
+  OPTIONS?: ApiHandler;
 }
 /**
- * Try to handle an API route.
- * Returns true if handled (success or error), false if no route found.
+ * Attempt to route and handle an API request.
+ * Returns true if the request was handled (success or error response sent),
+ * false if no matching API route exists (caller should try next handler).
+ *
+ * Routing:
+ * - /api/endpoint → site/api/endpoint.ts
+ * - /api/users/123 → site/api/users/[id].ts (dynamic params supported)
+ * - /api/ (no segments) → 404
+ *
+ * Resolution order:
+ * 1. Try exact file match (e.g., /api/hello → api/hello.ts)
+ * 2. Try dynamic route match (e.g., /api/123 → api/[id].ts)
+ *
+ * Process:
+ * 1. Validate request starts with /api/
+ * 2. Resolve route file (exact or dynamic match)
+ * 3. Transpile if TypeScript
+ * 4. Load module and find handler for HTTP method
+ * 5. Parse request body
+ * 6. Call handler with context
+ * 7. Serialize response (Response, string, or object)
+ *
+ * All errors send JSON response with error message.
+ * HTTP 405 (Method Not Allowed) if method handler not exported.
+ * HTTP 404 if no matching route file.
+ * HTTP 500 if handler throws or transpilation fails.
  *
- * Routes:
- *   /api/hello → site/api/hello.ts (GET, POST, etc.)
- *   /api/users/123 → site/api/users/[id].ts
+ * @param opts - Options containing request, response, and site directory
+ * @returns true if handled, false if no API route found
  */
 export declare function tryHandleApiRoute(opts: {
-    req: IncomingMessage;
-    res: ServerResponse;
-    siteDir: string;
+  req: IncomingMessage;
+  res: ServerResponse;
+  siteDir: string;
 }): Promise<boolean>;

package/templates/static/lib/server/api-routes.js

@@ -19,178 +19,236 @@ import { existsSync } from "node:fs";
 import { join, basename } from "node:path";
 import esbuild from "esbuild";
 import { pathToFileURL } from "node:url";
+/** Cache directory for transpiled API routes. */
 const apiCacheDir = join(process.cwd(), "node_modules", ".jen", "api-cache");
 /**
- * Transpile API route file (TS → JS).
+ * Transpile a TypeScript API route file to JavaScript.
+ * Uses esbuild to convert TS → JS, bundle dependencies, and output as ESM.
+ * The transpiled file is cached in node_modules/.jen/api-cache with a timestamp
+ * in the filename to allow side-by-side versions if the file changes.
+ *
+ * Bundles the route with external dependencies excluded (preact, jenjs).
+ * This enables tree-shaking of server-only exports like loader().
+ *
+ * @param filePath - Absolute path to .ts file
+ * @returns Path to transpiled .mjs file in cache directory
+ * @throws If esbuild fails to transpile
  */
 async function transpileApiRoute(filePath) {
-    const outfile = join(apiCacheDir, basename(filePath).replace(/\.ts$/, `.${Date.now()}.mjs`));
-    await esbuild.build({
-        entryPoints: [filePath],
-        outfile,
-        format: "esm",
-        platform: "node",
-        target: "es2022",
-        bundle: true,
-        external: ["preact", "preact-render-to-string", "jenjs"],
-        write: true,
-    });
-    return outfile;
+  const outfile = join(
+    apiCacheDir,
+    basename(filePath).replace(/\.ts$/, `.${Date.now()}.mjs`),
+  );
+  await esbuild.build({
+    entryPoints: [filePath],
+    outfile,
+    format: "esm",
+    platform: "node",
+    target: "es2022",
+    bundle: true,
+    external: ["preact", "preact-render-to-string", "jenjs"],
+    write: true,
+  });
+  return outfile;
 }
 /**
- * Try to handle an API route.
- * Returns true if handled (success or error), false if no route found.
+ * Attempt to route and handle an API request.
+ * Returns true if the request was handled (success or error response sent),
+ * false if no matching API route exists (caller should try next handler).
+ *
+ * Routing:
+ * - /api/endpoint → site/api/endpoint.ts
+ * - /api/users/123 → site/api/users/[id].ts (dynamic params supported)
+ * - /api/ (no segments) → 404
+ *
+ * Resolution order:
+ * 1. Try exact file match (e.g., /api/hello → api/hello.ts)
+ * 2. Try dynamic route match (e.g., /api/123 → api/[id].ts)
+ *
+ * Process:
+ * 1. Validate request starts with /api/
+ * 2. Resolve route file (exact or dynamic match)
+ * 3. Transpile if TypeScript
+ * 4. Load module and find handler for HTTP method
+ * 5. Parse request body
+ * 6. Call handler with context
+ * 7. Serialize response (Response, string, or object)
+ *
+ * All errors send JSON response with error message.
+ * HTTP 405 (Method Not Allowed) if method handler not exported.
+ * HTTP 404 if no matching route file.
+ * HTTP 500 if handler throws or transpilation fails.
  *
- * Routes:
- *   /api/hello → site/api/hello.ts (GET, POST, etc.)
- *   /api/users/123 → site/api/users/[id].ts
+ * @param opts - Options containing request, response, and site directory
+ * @returns true if handled, false if no API route found
  */
 export async function tryHandleApiRoute(opts) {
-    const { req, res, siteDir } = opts;
-    const url = new URL(req.url ?? "/", `http://${req.headers.host ?? "localhost"}`);
-    const method = (req.method ?? "GET").toUpperCase();
-    // Must start with /api/
-    if (!url.pathname.startsWith("/api/"))
-        return false;
-    const pathParts = url.pathname
-        .slice("/api/".length)
-        .split("/")
-        .filter(Boolean);
-    if (pathParts.length === 0) {
-        res.statusCode = 404;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.end(JSON.stringify({ error: "API route not found" }));
-        return true;
-    }
-    // Try exact match first: /api/hello → api/hello.ts
-    let apiFile = null;
-    let routeParams = {};
-    const exactPath = join(process.cwd(), siteDir, "api", `${pathParts.join("/")}.ts`);
-    if (existsSync(exactPath)) {
-        apiFile = exactPath;
-    }
-    else {
-        // Try dynamic route: /api/users/123 → api/users/[id].ts
-        const basePath = join(process.cwd(), siteDir, "api");
-        for (let i = pathParts.length; i >= 1; i--) {
-            const staticSegments = pathParts.slice(0, i);
-            const dynamicSegments = pathParts.slice(i);
-            const tryDynamic = join(basePath, ...staticSegments.map((s) => `[${s}]`), `[${staticSegments[staticSegments.length - 1]}].ts`);
-            // Actually, try: api/[id].ts for /api/123
-            // and api/users/[id].ts for /api/users/123
-            // Simple approach: check api/[param].ts
-            if (staticSegments.length === 0 && dynamicSegments.length === 1) {
-                const paramFile = join(basePath, `[${dynamicSegments[0]}].ts`);
-                if (existsSync(paramFile)) {
-                    apiFile = paramFile;
-                    routeParams[dynamicSegments[0]] = dynamicSegments[0];
-                    break;
-                }
-            }
+  const { req, res, siteDir } = opts;
+  const url = new URL(
+    req.url ?? "/",
+    `http://${req.headers.host ?? "localhost"}`,
+  );
+  const method = (req.method ?? "GET").toUpperCase();
+  // Only handle /api/* requests
+  if (!url.pathname.startsWith("/api/")) return false;
+  // Extract path segments after /api/ prefix
+  const pathParts = url.pathname
+    .slice("/api/".length)
+    .split("/")
+    .filter(Boolean);
+  // /api/ with no segments is 404
+  if (pathParts.length === 0) {
+    res.statusCode = 404;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.end(JSON.stringify({ error: "API route not found" }));
+    return true;
+  }
+  // Resolve route file (exact match or dynamic)
+  let apiFile = null;
+  let routeParams = {};
+  // Try exact file match: /api/hello/world → api/hello/world.ts
+  const exactPath = join(
+    process.cwd(),
+    siteDir,
+    "api",
+    `${pathParts.join("/")}.ts`,
+  );
+  if (existsSync(exactPath)) {
+    apiFile = exactPath;
+  } else {
+    // Try dynamic route match: /api/users/123 → api/users/[id].ts
+    const basePath = join(process.cwd(), siteDir, "api");
+    for (let i = pathParts.length; i >= 1; i--) {
+      const staticSegments = pathParts.slice(0, i);
+      const dynamicSegments = pathParts.slice(i);
+      // Simple approach: check api/[param].ts for /api/123
+      // TODO: Support nested dynamic routes like api/users/[id]/posts/[postId].ts
+      if (staticSegments.length === 0 && dynamicSegments.length === 1) {
+        const paramFile = join(basePath, `[${dynamicSegments[0]}].ts`);
+        if (existsSync(paramFile)) {
+          apiFile = paramFile;
+          routeParams[dynamicSegments[0]] = dynamicSegments[0];
+          break;
         }
+      }
     }
-    if (!apiFile) {
-        res.statusCode = 404;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.end(JSON.stringify({ error: "API route not found" }));
-        return true;
-    }
-    // Transpile if TS
-    let moduleUrl = apiFile;
-    if (apiFile.endsWith(".ts")) {
-        moduleUrl = await transpileApiRoute(apiFile);
-    }
-    // Load module
-    let mod;
-    try {
-        mod = await import(pathToFileURL(moduleUrl).href + `?t=${Date.now()}`);
-    }
-    catch (err) {
-        res.statusCode = 500;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.end(JSON.stringify({
-            error: "Failed to load API route",
-            details: err.message,
-        }));
-        return true;
+  }
+  if (!apiFile) {
+    res.statusCode = 404;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.end(JSON.stringify({ error: "API route not found" }));
+    return true;
+  }
+  // Transpile TypeScript to JavaScript
+  let moduleUrl = apiFile;
+  if (apiFile.endsWith(".ts")) {
+    moduleUrl = await transpileApiRoute(apiFile);
+  }
+  // Load module and get method handlers
+  let mod;
+  try {
+    // Cache-busting query param ensures fresh module (important in dev mode)
+    mod = await import(pathToFileURL(moduleUrl).href + `?t=${Date.now()}`);
+  } catch (err) {
+    res.statusCode = 500;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.end(
+      JSON.stringify({
+        error: "Failed to load API route",
+        details: err.message,
+      }),
+    );
+    return true;
+  }
+  // Get handler for the HTTP method
+  const handler = mod[method];
+  if (!handler) {
+    res.statusCode = 405;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.setHeader("allow", Object.keys(mod).join(", "));
+    res.end(JSON.stringify({ error: `${method} not allowed` }));
+    return true;
+  }
+  // Parse request body
+  const body = await readRequestBody(req);
+  // Build handler context
+  const ctx = {
+    req,
+    res,
+    url,
+    method,
+    query: Object.fromEntries(url.searchParams.entries()),
+    body,
+    params: routeParams,
+  };
+  // Execute handler and serialize response
+  try {
+    const result = await handler(ctx);
+    // If handler manually wrote response, don't double-send
+    if (res.writableEnded) return true;
+    // Serialize Response object
+    if (result instanceof Response) {
+      res.statusCode = result.status;
+      result.headers.forEach((v, k) => res.setHeader(k, v));
+      const buf = Buffer.from(await result.arrayBuffer());
+      res.end(buf);
+      return true;
     }
-    // Find handler for method
-    const handler = mod[method];
-    if (!handler) {
-        res.statusCode = 405;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.setHeader("allow", Object.keys(mod).join(", "));
-        res.end(JSON.stringify({ error: `${method} not allowed` }));
-        return true;
-    }
-    // Read body
-    const body = await readRequestBody(req);
-    // Build context
-    const ctx = {
-        req,
-        res,
-        url,
-        method,
-        query: Object.fromEntries(url.searchParams.entries()),
-        body,
-        params: routeParams,
-    };
-    // Execute handler
-    try {
-        const result = await handler(ctx);
-        // Handler already sent response
-        if (res.writableEnded)
-            return true;
-        // Handle Response
-        if (result instanceof Response) {
-            res.statusCode = result.status;
-            result.headers.forEach((v, k) => res.setHeader(k, v));
-            const buf = Buffer.from(await result.arrayBuffer());
-            res.end(buf);
-            return true;
-        }
-        // Handle string
-        if (typeof result === "string") {
-            res.statusCode = 200;
-            res.setHeader("content-type", "text/plain; charset=utf-8");
-            res.end(result);
-            return true;
-        }
-        // Handle object (JSON)
-        res.statusCode = 200;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.end(JSON.stringify(result ?? null));
-        return true;
-    }
-    catch (err) {
-        res.statusCode = 500;
-        res.setHeader("content-type", "application/json; charset=utf-8");
-        res.end(JSON.stringify({ error: "Internal server error", details: err.message }));
-        return true;
+    // Serialize string as plain text
+    if (typeof result === "string") {
+      res.statusCode = 200;
+      res.setHeader("content-type", "text/plain; charset=utf-8");
+      res.end(result);
+      return true;
     }
+    // Serialize object as JSON (null is valid)
+    res.statusCode = 200;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.end(JSON.stringify(result ?? null));
+    return true;
+  } catch (err) {
+    res.statusCode = 500;
+    res.setHeader("content-type", "application/json; charset=utf-8");
+    res.end(
+      JSON.stringify({ error: "Internal server error", details: err.message }),
+    );
+    return true;
+  }
 }
 /**
- * Read request body (shared with old API handler).
+ * Parse request body based on Content-Type header.
+ * Reads all chunks from the request stream and deserializes based on content type.
+ *
+ * - GET/HEAD: Returns null (no body expected)
+ * - JSON (application/json): Parses and returns object; falls back to { __raw } if invalid JSON
+ * - Other: Returns { __raw } with raw body string
+ *
+ * This function is shared between different request handlers in the framework.
+ *
+ * @param req - Node.js IncomingMessage to read body from
+ * @returns Parsed body object or null
  */
 async function readRequestBody(req) {
-    const method = (req.method ?? "GET").toUpperCase();
-    if (method === "GET" || method === "HEAD")
-        return null;
-    const chunks = [];
-    for await (const chunk of req) {
-        chunks.push(Buffer.from(chunk));
-    }
-    if (chunks.length === 0)
-        return null;
-    const raw = Buffer.concat(chunks).toString("utf8");
-    const ct = (req.headers["content-type"] ?? "").toString();
-    if (ct.includes("application/json")) {
-        try {
-            return JSON.parse(raw);
-        }
-        catch {
-            return { __raw: raw };
-        }
+  const method = (req.method ?? "GET").toUpperCase();
+  // Methods without bodies per HTTP spec
+  if (method === "GET" || method === "HEAD") return null;
+  // Read all body chunks
+  const chunks = [];
+  for await (const chunk of req) {
+    chunks.push(Buffer.from(chunk));
+  }
+  if (chunks.length === 0) return null;
+  const raw = Buffer.concat(chunks).toString("utf8");
+  const ct = (req.headers["content-type"] ?? "").toString();
+  // Try to parse JSON
+  if (ct.includes("application/json")) {
+    try {
+      return JSON.parse(raw);
+    } catch {
+      // Return raw body if JSON parsing fails
+      return { __raw: raw };
     }
-    return { __raw: raw };
+  }
+  // Return raw body for non-JSON content
+  return { __raw: raw };
 }

package/templates/static/lib/server/api.d.ts

@@ -1,6 +1,6 @@
 import type { IncomingMessage, ServerResponse } from "node:http";
 export declare function tryHandleApiRoute(opts: {
-    req: IncomingMessage;
-    res: ServerResponse;
-    siteDir: string;
+  req: IncomingMessage;
+  res: ServerResponse;
+  siteDir: string;
 }): Promise<boolean>;