feat(builder): add dynamic blocks email and dnd packages

packages/email-renderer/test/email.test.ts

@@ -0,0 +1,94 @@
+import { describe, expect, test } from "bun:test";
+import {
+  renderEmail,
+  validateAmpEmail,
+  validateMjml,
+  importMjml,
+  type EmailRenderBundle,
+} from "../src/index.ts";
+import type { BlockDocument } from "@wrnexus/blocks";
+
+const document: BlockDocument = {
+  schemaVersion: 1,
+  kind: "email",
+  meta: { subject: "Welcome", preheader: "Preview", lang: "en" },
+  theme: { tokens: {} },
+  root: {
+    id: "root",
+    type: "layout.email-document",
+    version: 1,
+    props: { width: "600", background: "#f3f4f6" },
+    styles: {},
+    slots: {
+      content: [
+        {
+          id: "section",
+          type: "layout.section",
+          version: 1,
+          props: { background: "#ffffff", padding: "24px" },
+          styles: {},
+          slots: {
+            content: [
+              {
+                id: "heading",
+                type: "content.heading",
+                version: 1,
+                props: { text: "Hello <world>", level: "1" },
+                styles: {},
+                slots: {},
+              },
+              {
+                id: "button",
+                type: "content.button",
+                version: 1,
+                props: { label: "Open", href: "https://example.com/" },
+                styles: {},
+                slots: {},
+              },
+            ],
+          },
+        },
+      ],
+    },
+  },
+};
+
+describe("email renderer", () => {
+  test("renders deterministic HTML, text, AMP, and MJML", async () => {
+    const first = await renderEmail(document, { amp: true, mjml: true });
+    const second = await renderEmail(document, { amp: true, mjml: true });
+    expect(first).toEqual(second);
+    expect(first.ok).toBe(true);
+    if (!first.ok) return;
+    const value: EmailRenderBundle = first.value;
+    expect(value.parts.html.content).toContain("Hello &lt;world&gt;");
+    expect(value.parts.text.content).toContain("Hello <world>");
+    expect(value.parts.amp?.validation.valid).toBe(true);
+    expect(value.exports?.mjml).toContain("<mjml>");
+  });
+
+  test("validates AMP output", async () => {
+    expect((await validateAmpEmail("<html></html>")).valid).toBe(false);
+  });
+
+  test("rejects unsafe MJML and imports supported content", () => {
+    expect(
+      importMjml("<mjml><mj-body><mj-raw>x</mj-raw></mj-body></mjml>", {
+        id: () => crypto.randomUUID(),
+        subject: "x",
+      }).ok,
+    ).toBe(false);
+    let n = 0;
+    const imported = importMjml(
+      "<mjml><mj-body><mj-section><mj-column><mj-text>Hello</mj-text></mj-column></mj-section></mj-body></mjml>",
+      { id: () => `n${++n}`, subject: "Imported" },
+    );
+    expect(imported.ok).toBe(true);
+  });
+
+  test("strict MJML validation catches invalid nesting", async () => {
+    expect(
+      (await validateMjml("<mjml><mj-body><mj-text>x</mj-text></mj-body></mjml>")).length,
+    ).toBeGreaterThan(0);
+  });
+});