release: WRNexusJS 0.3.2

packages/ai/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ai",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",

packages/authz/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/authz",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/cli",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/cli/src/update.ts

@@ -961,6 +961,14 @@ const MIGRATIONS: Migration[] = [
       // CLI-only transaction fix. No generated application files require migration.
     },
   },
+  {
+    version: "0.3.2",
+    id: "ssr-page-state-control-scope",
+    description: "Makes page state variables available to server-rendered if and each expressions.",
+    apply() {
+      // Compiler-only fix. Existing WRN source files require no migration.
+    },
+  },
 ];
 
 /** Release tooling uses this to require an explicit migration entry per version. */

packages/compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/compiler",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/compiler/src/codegen.ts

@@ -675,6 +675,20 @@ function hydrationId(ast: PageAst): string {
   return `${ast.name}:${stableHash(shape)}`;
 }
 
+function isSafeGeneratedIdentifier(name: string): boolean {
+  return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name);
+}
+
+function generateSsrStateAliases(stateNames: string[]): string {
+  const names = [...new Set(stateNames)].filter(isSafeGeneratedIdentifier);
+
+  if (!names.length) {
+    return "";
+  }
+
+  return `const { ${names.join(", ")} } = __state;\n`;
+}
+
 function hydrationAttribute(ast: PageAst): string {
   const strategy = ast.hydrate ?? "load";
   return ` data-wrn-hydration="${attrEscape(hydrationId(ast))}" data-wrn-hydrate="${attrEscape(strategy)}" data-wrn-runtime="${attrEscape(ast.runtime ?? "universal")}"`;
@@ -776,6 +790,9 @@ export function generate(ast: PageAst): string {
           .map((state) => `${JSON.stringify(state.name)}: ${state.valueType ?? "unknown"}`)
           .join("; ")} }`
       : "Record<string, never>";
+
+  const ssrStateAliases = generateSsrStateAliases(ast.states.map((state) => state.name));
+
   loops.forEach((code, idx) => {
     body = body.replace(`\x00WRNEACH${idx}\x00`, () => code);
   });
@@ -806,7 +823,7 @@ export function generate(ast: PageAst): string {
       `export default async function ${ast.name}(ctx: any) {
       ${decls}
         const __state: ${stateType} = { ${dynamicStateScope} };
-
+        ${ssrStateAliases}
         const __scopeValue = Object.entries(__state)
           .map(([key, value]) => {
             const encoded =
@@ -834,7 +851,7 @@ export function generate(ast: PageAst): string {
     out.push(
       `export default function ${ast.name}(ctx: any) {
         const __state: ${stateType} = { ${dynamicStateScope} };
-
+        ${ssrStateAliases}
         const __scopeValue = Object.entries(__state)
           .map(([key, value]) => {
             const encoded =

packages/compiler/test/compiler.test.ts

@@ -1,5 +1,5 @@
 import { test, expect } from "bun:test";
-import { writeFileSync, mkdirSync } from "node:fs";
+import { writeFileSync, mkdirSync, mkdtempSync, rmSync } from "node:fs";
 import { tmpdir } from "node:os";
 import { join } from "node:path";
 import { pathToFileURL } from "node:url";
@@ -1105,3 +1105,86 @@ test("WRN 0.3 metadata, computed values, loaders, and actions compile additively
   expect(output).toContain("export const __wrnexusActions");
   expect(output).toContain('data-wrn-hydrate="idle"');
 });
+test("page state is available inside server-rendered if blocks", () => {
+  const source = `
+page Pricing {
+  state billingCycle = "monthly"
+
+  view {
+    {#if billingCycle === "annual"}
+      <p>Annual</p>
+    {:else}
+      <p>Monthly</p>
+    {/if}
+  }
+}
+`;
+
+  const ast = parse(source);
+  const code = generate(ast);
+
+  expect(code).toContain("const { billingCycle } = __state;");
+  expect(code).toContain('billingCycle === "annual"');
+});
+test("page state SSR condition renders without ReferenceError", async () => {
+  const root = mkdtempSync(join(tmpdir(), "wrnexus-page-state-"));
+  const generatedFile = join(root, "pricing.generated.ts");
+
+  try {
+    const source = `
+page Pricing {
+  state billingCycle = "monthly"
+
+  view {
+    {#if billingCycle === "annual"}
+      <p>Annual</p>
+    {:else}
+      <p>Monthly</p>
+    {/if}
+  }
+}
+`;
+
+    const code = generate(parse(source));
+
+    expect(code).toContain("const { billingCycle } = __state;");
+    expect(code).toContain('billingCycle === "annual"');
+
+    writeFileSync(generatedFile, code, "utf8");
+
+    const moduleUrl = pathToFileURL(generatedFile).href + `?test=${Date.now()}-${Math.random()}`;
+
+    const generatedModule = await import(moduleUrl);
+
+    const html = await generatedModule.default({});
+
+    expect(html).toContain("<p>Monthly</p>");
+    expect(html).not.toContain("<p>Annual</p>");
+  } finally {
+    rmSync(root, {
+      recursive: true,
+      force: true,
+    });
+  }
+});
+test("page state is declared for server-rendered control blocks", () => {
+  const source = `
+page Pricing {
+  state billingCycle = "monthly"
+
+  view {
+    {#if billingCycle === "annual"}
+      <p>Annual</p>
+    {:else}
+      <p>Monthly</p>
+    {/if}
+  }
+}
+`;
+
+  const code = generate(parse(source));
+
+  expect(code).toContain("const { billingCycle } = __state;");
+
+  expect(code).toContain('billingCycle === "annual"');
+});

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/core",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/csr/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/csr",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/db/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/db",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/dev-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/dev-server",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/dev-toolbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/dev-toolbar",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "sideEffects": false,

packages/encryption/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/encryption",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/helpers/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/helpers",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",

packages/i18n/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/i18n",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/jwt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/jwt",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/mobile",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/native/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/native",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/oauth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/oauth",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/plugin",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/pubsub/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/pubsub",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/queue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/queue",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/reactive/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/reactive",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/router",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/ssr/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ssr",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/styles",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/syntax/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/syntax",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "main": "src/index.ts",
   "exports": {

packages/test/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/test",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/tracking/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/tracking",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/uploader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/uploader",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/validation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/validation",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "private": true,
   "type": "module",
   "main": "src/index.ts",