@constela/server 6.0.0 → 8.0.0

package/dist/index.d.ts

@@ -28,6 +28,8 @@ interface RenderOptions {
     };
     imports?: Record<string, unknown>;
     styles?: Record<string, StylePreset>;
+    stateOverrides?: Record<string, unknown>;
+    cookies?: Record<string, string>;
 }
 /**
  * Renders a CompiledProgram to an HTML string.

package/dist/index.js

@@ -1,3 +1,6 @@
+// src/renderer.ts
+import { isCookieInitialExpr } from "@constela/core";
+
 // src/markdown.ts
 import { marked } from "marked";
 import markedShiki from "marked-shiki";
@@ -225,6 +228,9 @@ function evaluate(expr, ctx) {
         return val == null ? "" : String(val);
       }).join("");
     }
+    case "validity": {
+      return false;
+    }
     default: {
       const _exhaustiveCheck = expr;
       throw new Error(`Unknown expression type: ${JSON.stringify(_exhaustiveCheck)}`);
@@ -371,6 +377,8 @@ async function renderNode(node, ctx) {
       return await renderCode(node, ctx);
     case "slot":
       return "";
+    case "portal":
+      return await renderPortal(node, ctx);
     case "localState":
       return await renderLocalState(node, ctx);
     default: {
@@ -463,6 +471,12 @@ async function renderCode(node, ctx) {
   const copyButton = `<button class="constela-copy-btn absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-md border border-border bg-background/80 opacity-0 transition-opacity hover:bg-muted group-hover:opacity-100" data-copy-target="code" aria-label="Copy code"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></button>`;
   return `<div class="constela-code" data-code-content="${escapeHtml(content)}"><div class="group relative">${languageBadge}${copyButton}${highlightedCode}</div></div>`;
 }
+async function renderPortal(node, ctx) {
+  const childrenHtml = await Promise.all(
+    node.children.map((child) => renderNode(child, ctx))
+  );
+  return `<!--portal:${node.target}-->${childrenHtml.join("")}<!--/portal-->`;
+}
 async function renderLocalState(node, ctx) {
   const localStateValues = {};
   for (const [name, field] of Object.entries(node.state)) {
@@ -480,7 +494,15 @@ async function renderLocalState(node, ctx) {
 async function renderToString(program, options) {
   const state = /* @__PURE__ */ new Map();
   for (const [name, field] of Object.entries(program.state)) {
-    state.set(name, field.initial);
+    const overrideValue = options?.stateOverrides?.[name];
+    if (overrideValue !== void 0) {
+      state.set(name, overrideValue);
+    } else if (isCookieInitialExpr(field.initial)) {
+      const cookieValue = options?.cookies?.[field.initial.key];
+      state.set(name, cookieValue !== void 0 ? cookieValue : field.initial.default);
+    } else {
+      state.set(name, field.initial);
+    }
   }
   const ctx = {
     state,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@constela/server",
-  "version": "6.0.0",
+  "version": "8.0.0",
   "description": "Server-side rendering for Constela UI framework",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,7 +15,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "@constela/compiler": "^0.10.0"
+    "@constela/compiler": "^0.11.1",
+    "@constela/core": "^0.12.0"
   },
   "dependencies": {
     "isomorphic-dompurify": "^2.35.0",
@@ -28,14 +29,15 @@
     "tsup": "^8.0.0",
     "typescript": "^5.3.0",
     "vitest": "^2.0.0",
-    "@constela/compiler": "0.10.0"
+    "@constela/compiler": "0.11.1",
+    "@constela/core": "0.12.0"
   },
   "engines": {
     "node": ">=20.0.0"
   },
   "license": "MIT",
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean",
+    "build": "tsup src/index.ts --format esm --dts --clean --external @constela/core",
     "type-check": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest",