release: WRNexusJS 0.8.0

packages/playground/test/playground.test.ts

@@ -0,0 +1,68 @@
+import { expect, test } from "bun:test";
+import {
+  compilePlayground,
+  createPlaygroundHandler,
+  decodePlaygroundShare,
+  encodePlaygroundShare,
+} from "../src/index.ts";
+
+const source = `component Hello { props { name = "World" } view { <h1>Hello {name}</h1> } }`;
+test("playground exposes generated, client, SSR-shaped and diagnostic output", () => {
+  const result = compilePlayground(source);
+  expect(result.generated).toContain("export function render");
+  expect(result.client).toContain("Hello");
+  expect(result.html).toContain("Hello");
+  expect(result.interactiveHtml).toContain("Content-Security-Policy");
+  expect(result.diagnostics).toEqual([]);
+});
+test("share URLs round-trip Unicode and enforce bounds", () => {
+  const unicode = `${source}\n// नमस्ते`;
+  expect(decodePlaygroundShare(encodePlaygroundShare(unicode))).toBe(unicode);
+  expect(() => encodePlaygroundShare("x".repeat(70_000))).toThrow("WRN-PLAYGROUND-SHARE-LIMIT");
+});
+test("deployable handler compiles and serves a sandboxed CSP page", async () => {
+  const handler = createPlaygroundHandler();
+  const response = await handler(
+    new Request("https://play.test/api/compile", {
+      method: "POST",
+      body: JSON.stringify({ source }),
+    }),
+  );
+  expect(response.status).toBe(200);
+  expect(await response.json()).toHaveProperty("share");
+  const html = await handler(new Request("https://play.test/"));
+  expect(html.headers.get("content-security-policy")).toContain("script-src 'self'");
+  const page = await html.text();
+  expect(page).toContain('sandbox="allow-scripts"');
+  expect(page).toContain('id="compare"');
+  expect(page).toContain('id="examples"');
+});
+
+test("handler exposes examples and optional version comparisons", async () => {
+  const handler = createPlaygroundHandler({
+    examples: { hello: source },
+    versions: [{ version: "0.7.0", compile: async () => compilePlayground(source, "0.7.0") }],
+  });
+  const examples = await handler(new Request("https://play.test/api/examples"));
+  expect(await examples.json()).toEqual({ hello: source });
+  const comparison = await handler(
+    new Request("https://play.test/api/compile", {
+      method: "POST",
+      body: JSON.stringify({ source, versions: true }),
+    }),
+  );
+  const result = (await comparison.json()) as { comparisons: Array<{ version: string }> };
+  expect(result.comparisons[0]?.version).toBe("0.7.0");
+});
+
+test("reactive preview interprets only bounded state operations", () => {
+  const result = compilePlayground(
+    `component Counter {
+      state count = 0
+      functions { client function increment(): void { count++ } }
+      view { <button @click="increment">{count}</button> }
+    }`,
+  );
+  expect(result.interactiveHtml).toContain('"operation":"++"');
+  expect(result.interactiveHtml).toContain("data-play-event-click");
+});