@constela/start 1.4.3 → 1.5.1

package/dist/{chunk-XAC4ETQU.js → chunk-LCCIX5MB.js}

@@ -1,6 +1,13 @@
 // src/runtime/entry-server.ts
 import { renderToString } from "@constela/server";
 async function renderPage(program, ctx) {
+  const stateOverrides = {};
+  if (ctx.cookies?.["theme"] && program.state?.["theme"]) {
+    const themeFromCookie = ctx.cookies["theme"];
+    if (themeFromCookie) {
+      stateOverrides["theme"] = themeFromCookie;
+    }
+  }
   const options = {
     route: {
       params: ctx.params,
@@ -8,6 +15,12 @@ async function renderPage(program, ctx) {
       path: ctx.url
     }
   };
+  if (ctx.cookies) {
+    options.cookies = ctx.cookies;
+  }
+  if (Object.keys(stateOverrides).length > 0) {
+    options.stateOverrides = stateOverrides;
+  }
   if (program.importData) {
     options.imports = program.importData;
   }

package/dist/{chunk-72BPUYTI.js → chunk-W6SJTQAP.js}

@@ -3,7 +3,7 @@ import {
   generateMetaTags,
   renderPage,
   wrapHtml
-} from "./chunk-XAC4ETQU.js";
+} from "./chunk-LCCIX5MB.js";
 
 // src/router/file-router.ts
 import fg from "fast-glob";
@@ -1221,6 +1221,207 @@ var DataLoader = class {
   }
 };
 
+// src/api/handler.ts
+var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
+function getAllowedMethods(module) {
+  const methods = [];
+  for (const method of HTTP_METHODS) {
+    if (module[method]) {
+      methods.push(method);
+    }
+  }
+  if (module.GET) {
+    methods.push("HEAD");
+  }
+  methods.push("OPTIONS");
+  return methods;
+}
+function createMethodNotAllowedResponse(allowedMethods) {
+  return new Response(JSON.stringify({ error: "Method Not Allowed" }), {
+    status: 405,
+    headers: {
+      "Content-Type": "application/json",
+      Allow: allowedMethods.join(", ")
+    }
+  });
+}
+function createInternalErrorResponse(error) {
+  const isDev = process.env["NODE_ENV"] !== "production";
+  const message = isDev && error instanceof Error ? error.message : "Internal Server Error";
+  return new Response(JSON.stringify({ error: message }), {
+    status: 500,
+    headers: {
+      "Content-Type": "application/json"
+    }
+  });
+}
+function createAPIHandler(module) {
+  return async (ctx) => {
+    const method = ctx.request.method.toUpperCase();
+    const allowedMethods = getAllowedMethods(module);
+    if (method === "OPTIONS") {
+      return new Response(null, {
+        status: 204,
+        headers: {
+          Allow: allowedMethods.join(", ")
+        }
+      });
+    }
+    if (method === "HEAD") {
+      const getHandler = module.GET;
+      if (getHandler) {
+        return new Response(null, { status: 200 });
+      }
+      return createMethodNotAllowedResponse(allowedMethods);
+    }
+    const handler = module[method];
+    if (!handler) {
+      return createMethodNotAllowedResponse(allowedMethods);
+    }
+    try {
+      const response = await handler(ctx);
+      return response;
+    } catch (error) {
+      return createInternalErrorResponse(error);
+    }
+  };
+}
+
+// src/utils/resolve-page.ts
+function isPageExportFunction(exported) {
+  return typeof exported === "function";
+}
+async function resolvePageExport(pageDefault, params, expectedParams) {
+  if (expectedParams) {
+    for (const key of expectedParams) {
+      if (!(key in params)) {
+        throw new Error(`Missing required route param: ${key}`);
+      }
+    }
+  }
+  if (isPageExportFunction(pageDefault)) {
+    return await pageDefault(params);
+  }
+  return pageDefault;
+}
+
+// src/edge/adapter.ts
+import { matchRoute } from "@constela/router";
+import { isCookieInitialExpr } from "@constela/core";
+async function defaultLoadModule(file) {
+  return import(file);
+}
+function isStaticAssetRequest(pathname) {
+  return pathname.startsWith("/_assets/") || pathname.startsWith("/_static/") || pathname.endsWith(".css") || pathname.endsWith(".js") || pathname.endsWith(".map");
+}
+function createNotFoundResponse() {
+  return new Response(JSON.stringify({ error: "Not Found" }), {
+    status: 404,
+    headers: { "Content-Type": "application/json" }
+  });
+}
+function createErrorResponse(error) {
+  const message = error instanceof Error ? error.message : "Internal Server Error";
+  return new Response(JSON.stringify({ error: message }), {
+    status: 500,
+    headers: { "Content-Type": "application/json" }
+  });
+}
+function parseCookies(cookieHeader) {
+  if (!cookieHeader) return {};
+  const cookies = {};
+  for (const part of cookieHeader.split(";")) {
+    const [name, ...valueParts] = part.trim().split("=");
+    if (name) {
+      const value = valueParts.join("=").trim();
+      try {
+        cookies[name.trim()] = decodeURIComponent(value);
+      } catch {
+        cookies[name.trim()] = value;
+      }
+    }
+  }
+  return cookies;
+}
+function createAdapter(options) {
+  const { routes, loadModule = defaultLoadModule } = options;
+  async function fetch2(request) {
+    try {
+      const url = new URL(request.url);
+      let pathname = url.pathname;
+      if (pathname !== "/" && pathname.endsWith("/")) {
+        pathname = pathname.slice(0, -1);
+      }
+      if (isStaticAssetRequest(pathname)) {
+        return createNotFoundResponse();
+      }
+      let matchedRoute = null;
+      let matchedParams = {};
+      for (const route of routes) {
+        const match = matchRoute(route.pattern, pathname);
+        if (match) {
+          matchedRoute = route;
+          matchedParams = match.params;
+          break;
+        }
+      }
+      if (!matchedRoute) {
+        return createNotFoundResponse();
+      }
+      const module = await loadModule(matchedRoute.file);
+      if (matchedRoute.type === "api") {
+        const apiModule = module;
+        const ctx = {
+          params: matchedParams,
+          query: url.searchParams,
+          request
+        };
+        const handler = createAPIHandler(apiModule);
+        return await handler(ctx);
+      } else {
+        const pageModule = module;
+        const program = await resolvePageExport(pageModule.default, matchedParams, matchedRoute.params);
+        const cookieHeader = request.headers.get("Cookie");
+        const cookies = parseCookies(cookieHeader);
+        const content = await renderPage(program, {
+          url: request.url,
+          params: matchedParams,
+          query: url.searchParams,
+          cookies
+        });
+        const routeContext = {
+          params: matchedParams,
+          query: Object.fromEntries(url.searchParams.entries()),
+          path: url.pathname
+        };
+        const hydrationScript = generateHydrationScript(program, void 0, routeContext);
+        const themeState = program.state?.["theme"];
+        let initialTheme;
+        if (themeState) {
+          if (isCookieInitialExpr(themeState.initial)) {
+            const cookieValue = cookies[themeState.initial.key];
+            initialTheme = cookieValue ?? themeState.initial.default;
+          } else if (typeof themeState.initial === "string") {
+            initialTheme = themeState.initial;
+          }
+        }
+        const html = wrapHtml(content, hydrationScript, void 0, initialTheme ? {
+          theme: initialTheme,
+          defaultTheme: initialTheme,
+          themeStorageKey: "theme"
+        } : void 0);
+        return new Response(html, {
+          status: 200,
+          headers: { "Content-Type": "text/html; charset=utf-8" }
+        });
+      }
+    } catch (error) {
+      return createErrorResponse(error);
+    }
+  }
+  return { fetch: fetch2 };
+}
+
 // src/layout/resolver.ts
 import { existsSync as existsSync5, statSync as statSync3, readFileSync as readFileSync3 } from "fs";
 import { join as join5, basename as basename2, dirname } from "path";
@@ -1417,6 +1618,7 @@ import { createServer } from "http";
 import { createReadStream } from "fs";
 import { join as join7, isAbsolute } from "path";
 import { createServer as createViteServer } from "vite";
+import { isCookieInitialExpr as isCookieInitialExpr2 } from "@constela/core";
 
 // src/json-page-loader.ts
 import { existsSync as existsSync6, readFileSync as readFileSync4 } from "fs";
@@ -1977,7 +2179,7 @@ var DEFAULT_PORT = 3e3;
 var DEFAULT_HOST = "localhost";
 var DEFAULT_PUBLIC_DIR = "public";
 var DEFAULT_ROUTES_DIR = "src/routes";
-function matchRoute(url, routes) {
+function matchRoute2(url, routes) {
   const normalizedUrl = url === "/" ? "/" : url.replace(/\/$/, "");
   const urlSegments = normalizedUrl.split("/").filter(Boolean);
   for (const route of routes) {
@@ -2129,7 +2331,7 @@ async function createDevServer(options = {}) {
             });
             return;
           }
-          const match = matchRoute(pathname, routes);
+          const match = matchRoute2(pathname, routes);
           if (match) {
             try {
               const projectRoot = process.cwd();
@@ -2163,10 +2365,12 @@ async function createDevServer(options = {}) {
                   }
                 }
               }
+              const cookies = parseCookies(req.headers.cookie ?? null);
               const ssrContext = {
                 url: pathname,
                 params: match.params,
-                query: url.searchParams
+                query: url.searchParams,
+                cookies
               };
               const content = await renderPage(composedProgram, ssrContext);
               const routeContext = {
@@ -2183,7 +2387,15 @@ async function createDevServer(options = {}) {
               const cssHead = css ? (Array.isArray(css) ? css : [css]).map((p) => `<link rel="stylesheet" href="/${p}">`).join("\n") : "";
               const head = [metaTags, cssHead].filter(Boolean).join("\n");
               const themeState = composedProgram.state?.["theme"];
-              const initialTheme = themeState?.initial;
+              let initialTheme;
+              if (themeState) {
+                if (isCookieInitialExpr2(themeState.initial)) {
+                  const cookieValue = cookies[themeState.initial.key];
+                  initialTheme = cookieValue ?? themeState.initial.default;
+                } else if (typeof themeState.initial === "string") {
+                  initialTheme = themeState.initial;
+                }
+              }
               const importMap = {
                 "@constela/runtime": "/node_modules/@constela/runtime/dist/index.js",
                 "@constela/core": "/node_modules/@constela/core/dist/index.js",
@@ -3142,6 +3354,10 @@ export {
   loadApi,
   generateStaticPaths,
   DataLoader,
+  createAPIHandler,
+  isPageExportFunction,
+  resolvePageExport,
+  createAdapter,
   scanLayouts,
   resolveLayout,
   loadLayout,

package/dist/cli/index.js

@@ -4,8 +4,8 @@ import {
   hyperlink,
   loadConfig,
   resolveConfig
-} from "../chunk-72BPUYTI.js";
-import "../chunk-XAC4ETQU.js";
+} from "../chunk-W6SJTQAP.js";
+import "../chunk-LCCIX5MB.js";
 
 // src/cli/index.ts
 import { Command } from "commander";

package/dist/index.js

@@ -2,11 +2,14 @@ import {
   DataLoader,
   LayoutResolver,
   build,
+  createAPIHandler,
+  createAdapter,
   createDevServer,
   filePathToPattern,
   generateStaticPaths,
   getMimeType,
   hyperlink,
+  isPageExportFunction,
   isPathSafe,
   loadApi,
   loadComponentDefinitions,
@@ -18,44 +21,25 @@ import {
   mdxToConstela,
   resolveConfig,
   resolveLayout,
+  resolvePageExport,
   resolveStaticFile,
   scanLayouts,
   scanRoutes,
   transformCsv,
   transformMdx,
   transformYaml
-} from "./chunk-72BPUYTI.js";
+} from "./chunk-W6SJTQAP.js";
 import {
   evaluateMetaExpression,
   generateHydrationScript,
   generateMetaTags,
   renderPage,
   wrapHtml
-} from "./chunk-XAC4ETQU.js";
+} from "./chunk-LCCIX5MB.js";
 
 // src/build/ssg.ts
 import { mkdir, writeFile } from "fs/promises";
 import { join, dirname } from "path";
-
-// src/utils/resolve-page.ts
-function isPageExportFunction(exported) {
-  return typeof exported === "function";
-}
-async function resolvePageExport(pageDefault, params, expectedParams) {
-  if (expectedParams) {
-    for (const key of expectedParams) {
-      if (!(key in params)) {
-        throw new Error(`Missing required route param: ${key}`);
-      }
-    }
-  }
-  if (isPageExportFunction(pageDefault)) {
-    return await pageDefault(params);
-  }
-  return pageDefault;
-}
-
-// src/build/ssg.ts
 var defaultProgram = {
   version: "1.0",
   state: {},
@@ -174,72 +158,6 @@ async function generateStaticPages(routes, outDir, options = {}) {
   return generatedPaths;
 }
 
-// src/api/handler.ts
-var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH"];
-function getAllowedMethods(module) {
-  const methods = [];
-  for (const method of HTTP_METHODS) {
-    if (module[method]) {
-      methods.push(method);
-    }
-  }
-  if (module.GET) {
-    methods.push("HEAD");
-  }
-  methods.push("OPTIONS");
-  return methods;
-}
-function createMethodNotAllowedResponse(allowedMethods) {
-  return new Response(JSON.stringify({ error: "Method Not Allowed" }), {
-    status: 405,
-    headers: {
-      "Content-Type": "application/json",
-      Allow: allowedMethods.join(", ")
-    }
-  });
-}
-function createInternalErrorResponse(error) {
-  const isDev = process.env["NODE_ENV"] !== "production";
-  const message = isDev && error instanceof Error ? error.message : "Internal Server Error";
-  return new Response(JSON.stringify({ error: message }), {
-    status: 500,
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
-}
-function createAPIHandler(module) {
-  return async (ctx) => {
-    const method = ctx.request.method.toUpperCase();
-    const allowedMethods = getAllowedMethods(module);
-    if (method === "OPTIONS") {
-      return new Response(null, {
-        status: 204,
-        headers: {
-          Allow: allowedMethods.join(", ")
-        }
-      });
-    }
-    if (method === "HEAD") {
-      const getHandler = module.GET;
-      if (getHandler) {
-        return new Response(null, { status: 200 });
-      }
-      return createMethodNotAllowedResponse(allowedMethods);
-    }
-    const handler = module[method];
-    if (!handler) {
-      return createMethodNotAllowedResponse(allowedMethods);
-    }
-    try {
-      const response = await handler(ctx);
-      return response;
-    } catch (error) {
-      return createInternalErrorResponse(error);
-    }
-  };
-}
-
 // src/middleware/index.ts
 function createMiddlewareChain(middlewares) {
   return async (ctx, finalNext) => {
@@ -254,95 +172,6 @@ function createMiddlewareChain(middlewares) {
     return dispatch(0);
   };
 }
-
-// src/edge/adapter.ts
-import { matchRoute } from "@constela/router";
-async function defaultLoadModule(file) {
-  return import(file);
-}
-function isStaticAssetRequest(pathname) {
-  return pathname.startsWith("/_assets/") || pathname.startsWith("/_static/") || pathname.endsWith(".css") || pathname.endsWith(".js") || pathname.endsWith(".map");
-}
-function createNotFoundResponse() {
-  return new Response(JSON.stringify({ error: "Not Found" }), {
-    status: 404,
-    headers: { "Content-Type": "application/json" }
-  });
-}
-function createErrorResponse(error) {
-  const message = error instanceof Error ? error.message : "Internal Server Error";
-  return new Response(JSON.stringify({ error: message }), {
-    status: 500,
-    headers: { "Content-Type": "application/json" }
-  });
-}
-function createAdapter(options) {
-  const { routes, loadModule = defaultLoadModule } = options;
-  async function fetch(request) {
-    try {
-      const url = new URL(request.url);
-      let pathname = url.pathname;
-      if (pathname !== "/" && pathname.endsWith("/")) {
-        pathname = pathname.slice(0, -1);
-      }
-      if (isStaticAssetRequest(pathname)) {
-        return createNotFoundResponse();
-      }
-      let matchedRoute = null;
-      let matchedParams = {};
-      for (const route of routes) {
-        const match = matchRoute(route.pattern, pathname);
-        if (match) {
-          matchedRoute = route;
-          matchedParams = match.params;
-          break;
-        }
-      }
-      if (!matchedRoute) {
-        return createNotFoundResponse();
-      }
-      const module = await loadModule(matchedRoute.file);
-      if (matchedRoute.type === "api") {
-        const apiModule = module;
-        const ctx = {
-          params: matchedParams,
-          query: url.searchParams,
-          request
-        };
-        const handler = createAPIHandler(apiModule);
-        return await handler(ctx);
-      } else {
-        const pageModule = module;
-        const program = await resolvePageExport(pageModule.default, matchedParams, matchedRoute.params);
-        const content = await renderPage(program, {
-          url: request.url,
-          params: matchedParams,
-          query: url.searchParams
-        });
-        const routeContext = {
-          params: matchedParams,
-          query: Object.fromEntries(url.searchParams.entries()),
-          path: url.pathname
-        };
-        const hydrationScript = generateHydrationScript(program, void 0, routeContext);
-        const themeState = program.state?.["theme"];
-        const initialTheme = themeState?.initial;
-        const html = wrapHtml(content, hydrationScript, void 0, initialTheme ? {
-          theme: initialTheme,
-          defaultTheme: initialTheme,
-          themeStorageKey: "theme"
-        } : void 0);
-        return new Response(html, {
-          status: 200,
-          headers: { "Content-Type": "text/html; charset=utf-8" }
-        });
-      }
-    } catch (error) {
-      return createErrorResponse(error);
-    }
-  }
-  return { fetch };
-}
 export {
   DataLoader,
   LayoutResolver,

package/dist/runtime/entry-server.d.ts

@@ -9,6 +9,7 @@ interface SSRContext {
     url: string;
     params: Record<string, string>;
     query: URLSearchParams;
+    cookies?: Record<string, string>;
 }
 interface WrapHtmlOptions {
     theme?: 'dark' | 'light';

package/dist/runtime/entry-server.js

@@ -4,7 +4,7 @@ import {
   generateMetaTags,
   renderPage,
   wrapHtml
-} from "../chunk-XAC4ETQU.js";
+} from "../chunk-LCCIX5MB.js";
 export {
   evaluateMetaExpression,
   generateHydrationScript,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/start",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "description": "Meta-framework for Constela applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -43,11 +43,11 @@
     "postcss": "^8.5.0",
     "@tailwindcss/postcss": "^4.0.0",
     "tailwindcss": "^4.0.0",
-    "@constela/compiler": "0.11.0",
-    "@constela/core": "0.11.0",
-    "@constela/runtime": "0.14.0",
-    "@constela/router": "12.0.0",
-    "@constela/server": "7.0.0"
+    "@constela/compiler": "0.11.1",
+    "@constela/core": "0.12.0",
+    "@constela/runtime": "0.15.0",
+    "@constela/server": "8.0.0",
+    "@constela/router": "13.0.0"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",