fix layout SSR translations and remediation follow-ups

2026-08-09 18:49:16 +05:30
parent 51286d0fa3
commit 7d87200e31
10 changed files with 160 additions and 89 deletions
@@ -1,5 +1,5 @@
 import { afterAll, describe, expect, test } from "bun:test";
-import { mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs";
+import { existsSync, mkdirSync, mkdtempSync, rmSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
 import { getAuthzCatalog, hasAuthzCatalog } from "@wrnexus/authz";
 import { startServer } from "../src/index.ts";
@@ -63,9 +63,14 @@ export default defineAuthz({ permissions: { "post:read": { title: "View posts" }
    try {
      expect(hasAuthzCatalog()).toBe(true);
      expect(getAuthzCatalog().permissions.has("post:read")).toBe(true);
+      const cacheDir = join(appDir, "..", `.wrnexus-${process.pid}`);
+      mkdirSync(cacheDir, { recursive: true });
+      writeFileSync(join(cacheDir, "generated.js"), "generated", "utf8");
+      expect(existsSync(cacheDir)).toBe(true);
    } finally {
      server.stop();
    }
+    expect(existsSync(join(appDir, "..", `.wrnexus-${process.pid}`))).toBe(false);
  });

  test("an app with no app/authz declarations boots without throwing", async () => {
@@ -73,3 +73,42 @@ test("translated text is present in the raw server response", async () => {
  const html = await response!.text();
  expect(html).toContain('<span data-t="nav.title">Navigation</span>');
 });
+
+test("translated layout text survives document-template rendering", async () => {
+  const root = mkdtempSync(join(tmpdir(), "wrnexus-layout-ssr-i18n-"));
+  roots.push(root);
+  const app = join(root, "app");
+  mkdirSync(join(app, "pages"), { recursive: true });
+  mkdirSync(join(app, "layouts"), { recursive: true });
+  writeFileSync(join(app, "pages/index.ts"), "export default () => '';\n");
+  writeFileSync(join(app, "layouts/public.wrn"), "layout Public { view { <slot /> } }\n");
+  writeFileSync(
+    join(app, "layouts/document.wrn"),
+    "layout Document { view { <html><head></head><body><slot /></body></html> } }\n",
+  );
+
+  const handlers = createHandlers({
+    mode: "development",
+    hmr: false,
+    router: buildRouter(app),
+    i18n: resolveI18n({ en: { nav: { home: "Home" } } }, { default: "en" }),
+    loadModule: async (file) => {
+      if (basename(file) === "public.wrn") {
+        return { render: () => '<nav><span data-t="nav.home"></span></nav>' };
+      }
+      if (basename(file) === "document.wrn") {
+        return { render: () => "<html><head></head><body><slot /></body></html>" };
+      }
+      return { default: () => "<main>Page</main>", layout: "public" };
+    },
+    getMiddleware: async () => [],
+    assets: { serve: async () => null },
+  } satisfies RuntimeDeps);
+
+  const response = await handlers.fetch(new Request("https://example.test/"), {
+    upgrade: () => false,
+  });
+  const html = await response!.text();
+  expect(html).toContain('<span data-t="nav.home">Home</span>');
+  expect(html).not.toContain('<span data-t="nav.home"></span>');
+});