create-jen-app 1.2.2 → 1.2.4

package/templates/ssr-isr/lib/core/middleware-hooks.js

@@ -0,0 +1,97 @@
+/**
+ * Type definitions note:
+ * Route module types (middleware field, hydrate field) are defined in core/types.ts.
+ * This module provides the middleware execution engine and context object.
+ */
+/**
+ * Creates a middleware context object from request data.
+ * Called by the renderer before executing route middleware.
+ *
+ * Initializes:
+ * - All request data (req, res, url, params, query, headers, cookies)
+ * - Empty data object for middleware to populate
+ * - Helper methods (status, setHeader, redirect, json) as chainable methods
+ *
+ * @param opts Configuration with raw request data
+ * @param opts.req Node.js IncomingMessage
+ * @param opts.res Node.js ServerResponse
+ * @param opts.url Parsed URL from request
+ * @param opts.params Route parameters from URL path
+ * @param opts.query Query string parameters
+ * @param opts.headers Normalized headers object
+ * @param opts.cookies Parsed cookies from Cookie header
+ *
+ * @returns Initialized RouteMiddlewareContext ready for middleware execution
+ */
+export function createRouteMiddlewareContext(opts) {
+  const ctx = {
+    ...opts,
+    data: {},
+    status: function (code) {
+      this.res.statusCode = code;
+      return this;
+    },
+    setHeader: function (key, value) {
+      this.res.setHeader(key, value);
+      return this;
+    },
+    redirect: function (url, statusCode = 302) {
+      this.res.statusCode = statusCode;
+      this.res.setHeader("location", url);
+      this.res.end();
+      throw new Error("__REDIRECT__");
+    },
+    json: function (data, statusCode = 200) {
+      this.res.statusCode = statusCode;
+      this.res.setHeader("content-type", "application/json; charset=utf-8");
+      this.res.end(JSON.stringify(data));
+      throw new Error("__JSON__");
+    },
+  };
+  return ctx;
+}
+/**
+ * Executes an array of route middleware sequentially for a route.
+ *
+ * Execution model:
+ * 1. Iterates through middlewares in order
+ * 2. Each middleware is awaited (even if synchronous)
+ * 3. Middleware can populate ctx.data for use by loader and page
+ * 4. If middleware calls ctx.redirect() or ctx.json(), error is caught and re-thrown
+ * 5. Other errors are propagated immediately
+ *
+ * Control flow:
+ * - Normal completion: all middlewares finish and function returns
+ * - Early exit: middleware calls ctx.redirect() or ctx.json()
+ * - Error: middleware throws or ctx.redirect()/json() throws sentinel error
+ *
+ * Side effects:
+ * - Response headers, status, and body may be sent by middleware
+ * - ctx.data may be modified by middleware
+ * - Should only be called in server context (SSR); not during SSG build
+ *
+ * @param middlewares Array of middleware functions to execute
+ * @param ctx RouteMiddlewareContext created by createRouteMiddlewareContext()
+ *
+ * @returns Promise that resolves if all middlewares complete normally
+ * @throws Error with message "__REDIRECT__" if middleware calls ctx.redirect()
+ * @throws Error with message "__JSON__" if middleware calls ctx.json()
+ * @throws Error from middleware if it throws
+ */
+export async function executeRouteMiddleware(middlewares, ctx) {
+  for (const mw of middlewares) {
+    try {
+      await mw(ctx);
+    } catch (err) {
+      /**
+       * Sentinel errors from ctx.redirect() and ctx.json() are re-thrown
+       * to signal that the response was already sent.
+       * Other errors propagate normally for error handling middleware.
+       */
+      if (err.message === "__REDIRECT__" || err.message === "__JSON__") {
+        throw err;
+      }
+      throw err;
+    }
+  }
+}

package/templates/ssr-isr/lib/core/paths.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Resolve an absolute path relative to the configured site directory.
+ * Used throughout the framework to locate source files, assets, pages, and other site content.
+ *
+ * The site directory is typically where user-written code (pages, routes, components, etc.) resides.
+ * This function ensures consistent path resolution across different environments and working directories.
+ *
+ * @param config Framework configuration object containing the siteDir path.
+ * @param p Path segments to join with the site directory. Can be multiple arguments.
+ * @returns Absolute file system path.
+ *
+ * @example
+ * const config = { siteDir: 'src' };
+ * resolveSitePath(config, 'pages', 'index.tsx');
+ * // Returns: /absolute/path/to/project/src/pages/index.tsx
+ */
+export declare function resolveSitePath(
+  config: {
+    siteDir: string;
+  },
+  ...p: string[]
+): string;
+/**
+ * Resolve an absolute path relative to the configured distribution/build output directory.
+ * Used to locate compiled assets, static files, and build artifacts.
+ *
+ * The distribution directory contains the output of the build process: compiled HTML,
+ * CSS, JavaScript bundles, and other files ready for deployment or serving.
+ *
+ * @param config Framework configuration object containing the distDir path.
+ * @param p Path segments to join with the dist directory. Can be multiple arguments.
+ * @returns Absolute file system path.
+ *
+ * @example
+ * const config = { distDir: 'dist' };
+ * resolveDistPath(config, 'styles.css');
+ * // Returns: /absolute/path/to/project/dist/styles.css
+ */
+export declare function resolveDistPath(
+  config: {
+    distDir: string;
+  },
+  ...p: string[]
+): string;

package/templates/ssr-isr/lib/core/paths.js

@@ -0,0 +1,39 @@
+import { join } from "node:path";
+/**
+ * Resolve an absolute path relative to the configured site directory.
+ * Used throughout the framework to locate source files, assets, pages, and other site content.
+ *
+ * The site directory is typically where user-written code (pages, routes, components, etc.) resides.
+ * This function ensures consistent path resolution across different environments and working directories.
+ *
+ * @param config Framework configuration object containing the siteDir path.
+ * @param p Path segments to join with the site directory. Can be multiple arguments.
+ * @returns Absolute file system path.
+ *
+ * @example
+ * const config = { siteDir: 'src' };
+ * resolveSitePath(config, 'pages', 'index.tsx');
+ * // Returns: /absolute/path/to/project/src/pages/index.tsx
+ */
+export function resolveSitePath(config, ...p) {
+  return join(process.cwd(), config.siteDir, ...p);
+}
+/**
+ * Resolve an absolute path relative to the configured distribution/build output directory.
+ * Used to locate compiled assets, static files, and build artifacts.
+ *
+ * The distribution directory contains the output of the build process: compiled HTML,
+ * CSS, JavaScript bundles, and other files ready for deployment or serving.
+ *
+ * @param config Framework configuration object containing the distDir path.
+ * @param p Path segments to join with the dist directory. Can be multiple arguments.
+ * @returns Absolute file system path.
+ *
+ * @example
+ * const config = { distDir: 'dist' };
+ * resolveDistPath(config, 'styles.css');
+ * // Returns: /absolute/path/to/project/dist/styles.css
+ */
+export function resolveDistPath(config, ...p) {
+  return join(process.cwd(), config.distDir, ...p);
+}

package/templates/ssr-isr/lib/core/routes/match.d.ts

@@ -0,0 +1,54 @@
+import type { RouteEntry } from "./scan.js";
+/**
+ * Result of a successful route match operation.
+ * Contains the matched route and extracted URL parameters.
+ */
+export type MatchResult = {
+  /**
+   * The route entry that matched the URL pathname.
+   * Includes all route metadata: file path, URL pattern, regex, parameter names.
+   */
+  route: RouteEntry;
+  /**
+   * Extracted URL parameters as key-value pairs.
+   * Keys correspond to parameter names from the route pattern.
+   * Values are URL-decoded strings extracted from the pathname.
+   *
+   * @example
+   * For route "/posts/:id" matching "/posts/42", yields { id: "42" }
+   * For route "/docs/*rest" matching "/docs/api/fetch", yields { rest: "api/fetch" }
+   */
+  params: Record<string, string>;
+};
+/**
+ * Matches a URL pathname against a list of routes and returns the matching route with extracted parameters.
+ *
+ * Algorithm:
+ * 1. Iterate through routes in specificity order (most specific first)
+ * 2. For each route, compile its regex pattern and test against pathname
+ * 3. On first match, extract captured groups as parameters
+ * 4. URL-decode parameter values to handle special characters
+ * 5. Return matched route and parameters
+ *
+ * Route specificity:
+ * - Static routes (no parameters) are tried before dynamic routes
+ * - Exact matches are preferred over catch-alls
+ * - This order is determined by scanRoutes() and must not be changed
+ *
+ * @param routes Array of RouteEntry objects from scanRoutes(), must be pre-sorted by specificity
+ * @param pathname URL path to match, e.g., "/posts/42" or "/docs/api/reference"
+ *
+ * @returns MatchResult object with matched route and parameters, or null if no route matches
+ *
+ * @example
+ * const routes = scanRoutes(config);
+ * const match = matchRoute(routes, "/posts/42");
+ * if (match) {
+ *   console.log(match.route.urlPath);  // "/posts/:id"
+ *   console.log(match.params.id);       // "42"
+ * }
+ */
+export declare function matchRoute(
+  routes: RouteEntry[],
+  pathname: string,
+): MatchResult | null;

package/templates/ssr-isr/lib/core/routes/match.js

@@ -0,0 +1,47 @@
+/**
+ * Matches a URL pathname against a list of routes and returns the matching route with extracted parameters.
+ *
+ * Algorithm:
+ * 1. Iterate through routes in specificity order (most specific first)
+ * 2. For each route, compile its regex pattern and test against pathname
+ * 3. On first match, extract captured groups as parameters
+ * 4. URL-decode parameter values to handle special characters
+ * 5. Return matched route and parameters
+ *
+ * Route specificity:
+ * - Static routes (no parameters) are tried before dynamic routes
+ * - Exact matches are preferred over catch-alls
+ * - This order is determined by scanRoutes() and must not be changed
+ *
+ * @param routes Array of RouteEntry objects from scanRoutes(), must be pre-sorted by specificity
+ * @param pathname URL path to match, e.g., "/posts/42" or "/docs/api/reference"
+ *
+ * @returns MatchResult object with matched route and parameters, or null if no route matches
+ *
+ * @example
+ * const routes = scanRoutes(config);
+ * const match = matchRoute(routes, "/posts/42");
+ * if (match) {
+ *   console.log(match.route.urlPath);  // "/posts/:id"
+ *   console.log(match.params.id);       // "42"
+ * }
+ */
+export function matchRoute(routes, pathname) {
+  for (const r of routes) {
+    const re = new RegExp(r.pattern);
+    const m = pathname.match(re);
+    if (!m) continue;
+    /**
+     * Extract captured groups from the regex match.
+     * Captured group 0 is the entire match; groups 1+ are the parameters.
+     * Each parameter name from r.paramNames corresponds to its regex group by index.
+     * URL-decode parameter values since they came from a URL path.
+     */
+    const params = {};
+    for (let i = 0; i < r.paramNames.length; i++) {
+      params[r.paramNames[i]] = decodeURIComponent(m[i + 1] ?? "");
+    }
+    return { route: r, params };
+  }
+  return null;
+}

package/templates/ssr-isr/lib/core/routes/scan.d.ts

@@ -0,0 +1,53 @@
+import type { FrameworkConfig } from "../config.js";
+/**
+ * Represents a discovered route file with all metadata needed for routing and rendering.
+ * Created by scanRoutes() based on filesystem structure and file patterns.
+ */
+export type RouteEntry = {
+  /**
+   * Unique identifier for the route, derived from file path.
+   * Example: "posts_id_tsx" for "posts/(id).tsx"
+   */
+  id: string;
+  /**
+   * Absolute filesystem path to the route file.
+   * Examples: "/app/src/pages/(home).tsx", "/app/src/posts/($id).tsx"
+   */
+  filePath: string;
+  /**
+   * URL path that this route should respond to.
+   * Dynamic segments use colon prefix for params and asterisk for catch-all.
+   * Examples: "/", "/about", "/posts/:id", "/docs/*rest"
+   */
+  urlPath: string;
+  /**
+   * Regular expression pattern for URL matching.
+   * Compiled from urlPath to enable fast route matching at request time.
+   * Example: "^/posts/([^/]+)/?$" for route "/posts/:id"
+   */
+  pattern: string;
+  /**
+   * Array of parameter names in order they appear in the URL pattern.
+   * Used to extract and name captured groups from route.pattern regex matches.
+   * Examples: ["id"] for "/posts/:id", ["rest"] for "/docs/*rest"
+   */
+  paramNames: string[];
+};
+/**
+ * Scans the configured siteDir for route files and returns an ordered list.
+ * Files are matched against config.routes.routeFilePattern (typically /^\(([^)]+)\)/).
+ * Only files with extensions in config.routes.fileExtensions are considered.
+ *
+ * Naming conventions:
+ * - (home).tsx => route "/" (root, or within its directory)
+ * - ($paramName).tsx => dynamic route "/:paramName" (requires $ prefix)
+ * - (...restName).tsx => catch-all route "/*restName" (requires ... prefix)
+ * - (name).tsx => literal route "/name"
+ *
+ * Routes are sorted by specificity: static routes first, then dynamic/catch-all.
+ *
+ * @param config Framework configuration with siteDir and route patterns
+ * @returns Array of RouteEntry objects, sorted by specificity (most specific first)
+ * @throws {Error} If a parameter name is invalid (e.g., starts with number)
+ */
+export declare function scanRoutes(config: FrameworkConfig): RouteEntry[];

package/templates/ssr-isr/lib/core/routes/scan.js

@@ -0,0 +1,190 @@
+import { readdirSync, statSync } from "node:fs";
+import { join, relative, sep } from "node:path";
+/**
+ * Recursively walks a directory and returns all file paths.
+ * Used to discover all potential route files in the siteDir.
+ *
+ * @param dir Directory path to walk
+ * @returns Flat array of all file paths found, relative or absolute as provided
+ */
+function walk(dir) {
+  const out = [];
+  for (const name of readdirSync(dir)) {
+    const p = join(dir, name);
+    const st = statSync(p);
+    if (st.isDirectory()) out.push(...walk(p));
+    else out.push(p);
+  }
+  return out;
+}
+/**
+ * Normalizes filesystem path separators to forward slashes.
+ * Ensures consistent path format across Windows and Unix systems.
+ *
+ * @param p Path with possibly mixed separators
+ * @returns Path with forward slashes only
+ */
+function normalizeSlashes(p) {
+  return p.split(sep).join("/");
+}
+/**
+ * Escapes special regex characters in a string.
+ * Prevents literal characters from being interpreted as regex syntax.
+ *
+ * @param s String to escape
+ * @returns Escaped string safe for regex
+ */
+function escapeRegex(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+/**
+ * Converts a URL path segment to a regex pattern.
+ * Handles dynamic parameters (:id) and catch-alls (*rest).
+ * Side effect: appends parameter names to provided array.
+ *
+ * @param seg URL segment like "id", ":id", or "*rest"
+ * @param paramNames Array to accumulate discovered parameter names
+ * @returns Regex pattern for this segment
+ */
+function segmentToRegex(seg, paramNames) {
+  // (id) => ([^/]+)
+  // (...rest) => (.*)
+  if (seg.startsWith("...")) {
+    const name = seg.slice(3);
+    paramNames.push(name);
+    return "(.*)";
+  }
+  paramNames.push(seg);
+  return "([^/]+)";
+}
+/**
+ * Converts a URL path string into a compiled regex pattern and parameter list.
+ * Handles static segments, dynamic parameters (:param), and catch-all routes (*rest).
+ *
+ * @param urlPath URL path like "/posts/:id" or "/docs/*rest"
+ * @returns Object with regex source string and ordered parameter names
+ *
+ * @example
+ * buildRoutePattern("/posts/:id") => {
+ *   src: "^/posts/([^/]+)/?$",
+ *   paramNames: ["id"]
+ * }
+ */
+function buildRoutePattern(urlPath) {
+  // Convert /user/:id into regex
+  // We store urlPath with placeholders already replaced during scan
+  const parts = urlPath.split("/").filter(Boolean);
+  const paramNames = [];
+  const regexParts = parts.map((p) => {
+    if (p.startsWith(":")) {
+      paramNames.push(p.slice(1));
+      return "([^/]+)";
+    }
+    if (p.startsWith("*")) {
+      paramNames.push(p.slice(1));
+      return "(.*)";
+    }
+    return escapeRegex(p);
+  });
+  const src = "^/" + regexParts.join("/") + "/?$";
+  return { src, paramNames };
+}
+/**
+ * Scans the configured siteDir for route files and returns an ordered list.
+ * Files are matched against config.routes.routeFilePattern (typically /^\(([^)]+)\)/).
+ * Only files with extensions in config.routes.fileExtensions are considered.
+ *
+ * Naming conventions:
+ * - (home).tsx => route "/" (root, or within its directory)
+ * - ($paramName).tsx => dynamic route "/:paramName" (requires $ prefix)
+ * - (...restName).tsx => catch-all route "/*restName" (requires ... prefix)
+ * - (name).tsx => literal route "/name"
+ *
+ * Routes are sorted by specificity: static routes first, then dynamic/catch-all.
+ *
+ * @param config Framework configuration with siteDir and route patterns
+ * @returns Array of RouteEntry objects, sorted by specificity (most specific first)
+ * @throws {Error} If a parameter name is invalid (e.g., starts with number)
+ */
+export function scanRoutes(config) {
+  const siteRoot = join(process.cwd(), config.siteDir);
+  const files = walk(siteRoot);
+  const routes = [];
+  for (const abs of files) {
+    const rel = normalizeSlashes(relative(siteRoot, abs));
+    const extMatch = config.routes.fileExtensions.some((ext) =>
+      rel.endsWith(ext),
+    );
+    if (!extMatch) continue;
+    const base = rel.split("/").pop();
+    const m = base.match(config.routes.routeFilePattern);
+    if (!m) continue;
+    const name = m[1]; // inside ( )
+    const relDir = rel.split("/").slice(0, -1).join("/");
+    // name parsing:
+    // home => /
+    // about => /about
+    // id => /:id
+    // ...rest => /*rest
+    let routeSeg = name;
+    let urlSeg = "";
+    if (routeSeg === "home") urlSeg = "";
+    else if (routeSeg.startsWith("...")) urlSeg = "*" + routeSeg.slice(3);
+    else urlSeg = routeSeg;
+    // build url path
+    let url = "/" + (relDir ? relDir + "/" : "") + urlSeg;
+    url = url.replaceAll("//", "/");
+    /**
+     * Dynamic route segment detection based on filename within parentheses.
+     * Routes are determined by the filename prefix conventions:
+     * - (home).tsx => / (root) or /{dir}/ (in subdirectory)
+     * - ($paramName).tsx => /:paramName (dynamic param, requires $ prefix)
+     * - (...restName).tsx => /*restName (catch-all, requires ... prefix)
+     * - Any other (name).tsx => /name (literal segment)
+     */
+    const rawName = name;
+    // Handle special prefixes for dynamic routing
+    if (rawName.startsWith("$") && !rawName.startsWith("...")) {
+      // ($paramName) syntax for dynamic parameters
+      const param = rawName.slice(1);
+      if (!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(param)) {
+        throw new Error(
+          `Invalid parameter name: ${param} in route file ${rel}`,
+        );
+      }
+      url = "/" + (relDir ? relDir + "/" : "") + ":" + param;
+      url = url.replaceAll("//", "/");
+    } else if (rawName.startsWith("...")) {
+      // (...restName) syntax for catch-all routes
+      const restName = rawName.slice(3);
+      if (!/^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(restName)) {
+        throw new Error(
+          `Invalid rest parameter name: ${restName} in route file ${rel}`,
+        );
+      }
+      url = "/" + (relDir ? relDir + "/" : "") + "*" + restName;
+      url = url.replaceAll("//", "/");
+    } else if (rawName === "home") {
+      // (home) is special - becomes root of its directory
+      url = relDir === "" ? "/" : "/" + relDir;
+    }
+    // else: (anything else) treated as literal segment
+    const { src, paramNames } = buildRoutePattern(url);
+    routes.push({
+      id: rel.replaceAll("/", "_"),
+      filePath: abs,
+      urlPath: url,
+      pattern: src,
+      paramNames,
+    });
+  }
+  // Sort by specificity: exact matches and static routes first, dynamic routes last
+  routes.sort((a, b) => {
+    // more specific first
+    const aDyn = a.urlPath.includes(":") || a.urlPath.includes("*");
+    const bDyn = b.urlPath.includes(":") || b.urlPath.includes("*");
+    if (aDyn !== bDyn) return aDyn ? 1 : -1;
+    return a.urlPath.localeCompare(b.urlPath);
+  });
+  return routes;
+}

package/templates/ssr-isr/lib/core/types.d.ts

@@ -0,0 +1,153 @@
+import type { RenderMode } from "./config.js";
+/**
+ * Exported interface that every route module (TSX/JSX file in siteDir) must conform to.
+ * Route modules define the page content, metadata, data loading, and rendering behavior.
+ *
+ * @example
+ * ```typescript
+ * import type { RouteModule } from "jenjs";
+ *
+ * export const mode = "ssg"; // Pre-render at build time
+ * export const revalidateSeconds = 3600; // Revalidate every hour for ISR
+ *
+ * export const loader = async (ctx) => {
+ *   return { posts: await fetchPosts() };
+ * };
+ *
+ * export function Head() {
+ *   return <title>My Page</title>;
+ * }
+ *
+ * export default function Page({ data, params }) {
+ *   return <div>Welcome!</div>;
+ * }
+ * ```
+ */
+export type RouteModule = {
+  /**
+   * Rendering mode for this route.
+   * If omitted, uses defaultMode from config.
+   *
+   * - "ssr": Server-side render on every request
+   * - "ssg": Pre-render once at build time
+   * - "isr": Pre-render, then revalidate on demand
+   * - "ppr": Partial pre-rendering (some sections static, some dynamic)
+   */
+  mode?: RenderMode;
+  /**
+   * For ISR routes, the time in seconds before cached page is considered stale.
+   * When a request comes to a stale page, it triggers a background revalidation.
+   * If omitted, uses defaultRevalidateSeconds from config.
+   *
+   * Example: 3600 = revalidate every hour
+   */
+  revalidateSeconds?: number;
+  /**
+   * Whether to inject hydration code and client-side JavaScript.
+   * Set to false for pure static HTML with no interactivity.
+   * Default: true (enables interactive components)
+   *
+   * Optimization: Static pages (false) have smaller payload and faster rendering.
+   */
+  hydrate?: boolean;
+  /**
+   * Route-level middleware functions that run before rendering.
+   * Can be a single middleware or array of middlewares.
+   * Executes on the server before loader is called.
+   * Can access request, set response headers, perform auth checks, etc.
+   *
+   * @see ../middleware-hooks.ts for RouteMiddleware interface
+   */
+  middleware?: any;
+  /**
+   * Data loading function called before rendering the page.
+   * Receives LoaderContext with URL, params, query, headers, cookies, and middleware data.
+   * Result is passed to the page component as `data` prop.
+   * Can be async (e.g., fetch from database or API).
+   *
+   * Only runs on the server (SSR/SSG), not on the client during hydration.
+   *
+   * @param ctx Loader context with request information
+   * @returns Data object merged with component props
+   */
+  loader?: (ctx: LoaderContext) => Promise<any> | any;
+  /**
+   * Optional Head component exported from route module.
+   * Renders into <head> section of the HTML document.
+   * Useful for meta tags, title, Open Graph tags, etc.
+   *
+   * Receives the same props as the default page component: { data, params, query }
+   *
+   * @example
+   * ```typescript
+   * export function Head({ params }) {
+   *   return <title>{params.id} - My Site</title>;
+   * }
+   * ```
+   */
+  Head?: (props: any) => any;
+  /**
+   * Required default export: the page component.
+   * Renders to HTML for SSR/SSG.
+   * Also used for client-side hydration if hydrate !== false.
+   *
+   * Receives props: { data, params, query }
+   *
+   * @example
+   * ```typescript
+   * export default function Page({ data, params, query }) {
+   *   return <main>{data?.title}</main>;
+   * }
+   * ```
+   */
+  default: (props: any) => any;
+};
+/**
+ * Context object passed to route loader functions.
+ * Contains all request-related data needed to load route data dynamically.
+ * Available in both SSR (runtime) and SSG (build-time) contexts.
+ */
+export type LoaderContext = {
+  /**
+   * The full URL object for the current request.
+   * Includes pathname, search, searchParams, etc.
+   * @example new URL("http://example.com/posts?sort=date")
+   */
+  url: URL;
+  /**
+   * Named route parameters extracted from the URL path.
+   * For route /posts/:id, accessing /posts/42 yields { id: "42" }
+   * For catch-all routes /docs/...rest, yields { rest: "getting-started/setup" }
+   */
+  params: Record<string, string>;
+  /**
+   * Query string parameters from the URL search string.
+   * For URL /search?q=test&limit=10, yields { q: "test", limit: "10" }
+   * Always strings; parsing to numbers/booleans is the loader's responsibility.
+   */
+  query: Record<string, string>;
+  /**
+   * HTTP request headers as a flat object.
+   * Keys are lowercase; multiple header values are comma-separated.
+   * Not available during static site generation (SSG build-time).
+   *
+   * @example { "content-type": "application/json", "user-agent": "..." }
+   */
+  headers: Record<string, string>;
+  /**
+   * Parsed HTTP cookies from the request.
+   * Automatically extracted from the Cookie header.
+   * Not available during static site generation (SSG build-time).
+   *
+   * @example { "sessionId": "abc123", "theme": "dark" }
+   */
+  cookies: Record<string, string>;
+  /**
+   * Additional data attached by route middleware.
+   * Middleware can populate this field to pass data to the loader and page component.
+   * Useful for authentication info, locale, user preferences, etc.
+   *
+   * @example { "userId": 42, "isAdmin": true }
+   */
+  data?: Record<string, any>;
+};

package/templates/ssr-isr/lib/core/types.js

@@ -0,0 +1 @@
+export {};