npm - @momentumcms/server-express - Versions diffs - 0.5.0 → 0.5.1 - Mend

@momentumcms/server-express 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.cjs CHANGED Viewed

@@ -29,6 +29,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
 // libs/storage/src/lib/storage.types.ts
 var init_storage_types = __esm({
@@ -317,7 +326,7 @@ function detectMimeType(buffer) {
     if (match) {
       if (sig.bytes[0] === 82 && sig.bytes[1] === 73) {
         if (buffer.length >= 12) {
-          const formatId = buffer.slice(8, 12).toString("ascii");
+          const formatId = String.fromCharCode(...buffer.subarray(8, 12));
           if (formatId === "WEBP") {
             return "image/webp";
           }
@@ -330,7 +339,7 @@ function detectMimeType(buffer) {
         }
       }
       if (sig.mimeType === "video/mp4" && buffer.length >= 8) {
-        const boxType = buffer.slice(4, 8).toString("ascii");
+        const boxType = String.fromCharCode(...buffer.subarray(4, 8));
         if (boxType === "ftyp") {
           return "video/mp4";
         }
@@ -339,7 +348,7 @@ function detectMimeType(buffer) {
     }
   }
   if (isTextContent(buffer)) {
-    const text2 = buffer.toString("utf8", 0, Math.min(buffer.length, 1e3));
+    const text2 = new TextDecoder().decode(buffer.subarray(0, Math.min(buffer.length, 1e3)));
     if (text2.trim().startsWith("{") || text2.trim().startsWith("[")) {
       return "application/json";
     }
@@ -531,9 +540,1116 @@ var init_src = __esm({
   }
 });
-// libs/server-express/src/index.ts
+// libs/email/src/lib/utils/css-inliner.ts
+function inlineCss(html) {
+  return (0, import_juice.default)(html, {
+    removeStyleTags: true,
+    preserveMediaQueries: true,
+    preserveFontFaces: true,
+    insertPreservedExtraCss: true
+  });
+}
+var import_juice;
+var init_css_inliner = __esm({
+  "libs/email/src/lib/utils/css-inliner.ts"() {
+    "use strict";
+    import_juice = __toESM(require("juice"));
+  }
+});
+// libs/email/src/lib/utils/strip-artifacts.ts
+function stripAngularArtifacts(html) {
+  return html.replace(/<!--[\s\S]*?-->/g, "").replace(/\s*ng-reflect-[\w-]+="[^"]*"/g, "").replace(/\s*_ng(?:host|content)-[\w-]+(?:="")?/g, "").replace(/\s*ng-version="[^"]*"/g, "").replace(/\s*ng-server-context="[^"]*"/g, "").replace(/\s*ngh="[^"]*"/g, "").replace(/\n\s*\n/g, "\n");
+}
+var init_strip_artifacts = __esm({
+  "libs/email/src/lib/utils/strip-artifacts.ts"() {
+    "use strict";
+  }
+});
+// libs/email/src/lib/render/render-types.ts
+function injectEmailData() {
+  return (0, import_core11.inject)(EMAIL_DATA);
+}
+var import_core11, EMAIL_DATA;
+var init_render_types = __esm({
+  "libs/email/src/lib/render/render-types.ts"() {
+    "use strict";
+    import_core11 = require("@angular/core");
+    EMAIL_DATA = new import_core11.InjectionToken("EMAIL_DATA");
+  }
+});
+// libs/email/src/lib/render/render-email.ts
+function buildDocument(selector) {
+  return `<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><${selector}></${selector}></body></html>`;
+}
+async function renderEmail(component, data, options) {
+  const shouldInlineCss = options?.inlineCss ?? true;
+  const shouldStripArtifacts = options?.stripArtifacts ?? true;
+  const extraProviders = options?.providers ?? [];
+  const mirror = (0, import_core12.reflectComponentType)(component);
+  if (!mirror) {
+    throw new Error(
+      `Cannot reflect component type: ${component.name}. Ensure it has a @Component decorator.`
+    );
+  }
+  const providers = [...extraProviders, { provide: EMAIL_DATA, useValue: data ?? {} }];
+  let html = await (0, import_platform_server.renderApplication)(
+    (context) => (0, import_platform_browser.bootstrapApplication)(component, { providers }, context),
+    {
+      document: buildDocument(mirror.selector),
+      url: "/"
+    }
+  );
+  if (shouldStripArtifacts) {
+    html = stripAngularArtifacts(html);
+  }
+  if (shouldInlineCss) {
+    html = inlineCss(html);
+  }
+  return html;
+}
+var import_compiler, import_core12, import_platform_server, import_platform_browser;
+var init_render_email = __esm({
+  "libs/email/src/lib/render/render-email.ts"() {
+    "use strict";
+    import_compiler = require("@angular/compiler");
+    import_core12 = require("@angular/core");
+    import_platform_server = require("@angular/platform-server");
+    import_platform_browser = require("@angular/platform-browser");
+    init_css_inliner();
+    init_strip_artifacts();
+    init_render_types();
+  }
+});
+// libs/email/src/lib/utils/escape-html.ts
+function escapeHtml2(unsafe) {
+  return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+var init_escape_html = __esm({
+  "libs/email/src/lib/utils/escape-html.ts"() {
+    "use strict";
+  }
+});
+// libs/email/src/lib/utils/replace-variables.ts
+function replaceVariables(text2, variables) {
+  return text2.replace(/\{\{(\w+)\}\}/g, (_, key) => variables[key] ?? "");
+}
+function replaceBlockVariables(blocks2, variables) {
+  return blocks2.map((block) => ({
+    ...block,
+    data: replaceDataVariables(block.data, variables)
+  }));
+}
+function replaceDataVariables(data, variables) {
+  const result = {};
+  for (const [key, value] of Object.entries(data)) {
+    if (typeof value === "string") {
+      result[key] = replaceVariables(value, variables);
+    } else if (Array.isArray(value)) {
+      result[key] = value.map((item) => {
+        if (typeof item === "object" && item !== null && "blocks" in item) {
+          const col = item;
+          const nestedBlocks = Array.isArray(col["blocks"]) ? col["blocks"] : [];
+          return { ...col, blocks: replaceBlockVariables(nestedBlocks, variables) };
+        }
+        return item;
+      });
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+var init_replace_variables = __esm({
+  "libs/email/src/lib/utils/replace-variables.ts"() {
+    "use strict";
+  }
+});
+// libs/email/src/lib/utils/sanitize.ts
+function sanitizeAlignment(value) {
+  return VALID_ALIGNMENTS.has(value) ? value : "left";
+}
+function sanitizeCssValue(value) {
+  return value.replace(/[;{}()"'<>\\]/g, "");
+}
+function sanitizeFontFamily(value) {
+  return value.replace(/[;{}()"<>\\]/g, "");
+}
+function sanitizeCssNumber(value, fallback) {
+  if (value === null || value === void 0)
+    return String(fallback);
+  const num = Number(value);
+  return Number.isFinite(num) && num >= 0 ? String(num) : String(fallback);
+}
+function sanitizeUrl(url) {
+  const trimmed = url.trim();
+  if (!trimmed || trimmed === "#")
+    return trimmed || "#";
+  try {
+    const parsed = new URL(trimmed);
+    return SAFE_URL_PROTOCOLS.has(parsed.protocol) ? trimmed : "#";
+  } catch {
+    if (trimmed.startsWith("/") || trimmed.startsWith("#"))
+      return trimmed;
+    return "#";
+  }
+}
+var VALID_ALIGNMENTS, SAFE_URL_PROTOCOLS;
+var init_sanitize = __esm({
+  "libs/email/src/lib/utils/sanitize.ts"() {
+    "use strict";
+    VALID_ALIGNMENTS = /* @__PURE__ */ new Set(["left", "center", "right"]);
+    SAFE_URL_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:"]);
+  }
+});
+// libs/email/src/types.ts
+var DEFAULT_EMAIL_THEME;
+var init_types = __esm({
+  "libs/email/src/types.ts"() {
+    "use strict";
+    DEFAULT_EMAIL_THEME = {
+      primaryColor: "#18181b",
+      backgroundColor: "#f4f4f5",
+      textColor: "#3f3f46",
+      mutedColor: "#71717a",
+      fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+      borderRadius: "8px"
+    };
+  }
+});
+// libs/email/src/lib/render/render-blocks.ts
+function renderEmailFromBlocks(template, options) {
+  const theme = { ...DEFAULT_EMAIL_THEME, ...template.theme };
+  const shouldInline = options?.inlineCss ?? true;
+  const blocks2 = options?.variables ? replaceBlockVariables(template.blocks, options.variables) : template.blocks;
+  const validBlocks = blocks2.filter((block) => {
+    if (!isValidBlock(block)) {
+      console.warn("[momentum:email] Skipping invalid email block:", block);
+      return false;
+    }
+    return true;
+  });
+  const blocksHtml = validBlocks.map((block) => renderBlock(block, theme, 0)).join("\n");
+  let html = wrapEmailDocument(blocksHtml, theme);
+  if (shouldInline) {
+    html = inlineCss(html);
+  }
+  return html;
+}
+function wrapEmailDocument(content, theme) {
+  const fontFamily = sanitizeFontFamily(theme.fontFamily);
+  const bgColor = sanitizeCssValue(theme.backgroundColor);
+  const borderRadius = sanitizeCssValue(theme.borderRadius);
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body style="margin: 0; padding: 0; font-family: ${fontFamily}; background-color: ${bgColor}; line-height: 1.6;">
+  <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background-color: ${bgColor};">
+    <tr>
+      <td style="padding: 40px 20px;">
+        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="max-width: 480px; margin: 0 auto; background-color: #ffffff; border-radius: ${borderRadius}; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+          <tr>
+            <td style="padding: 40px;">
+              ${content}
+            </td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>`;
+}
+function isValidBlock(block) {
+  const rec = block;
+  return typeof block === "object" && block !== null && typeof rec["id"] === "string" && rec["id"].length > 0 && typeof rec["type"] === "string" && typeof rec["data"] === "object" && rec["data"] !== null;
+}
+function renderBlock(block, theme, depth) {
+  switch (block.type) {
+    case "header":
+      return renderHeaderBlock(block.data, theme);
+    case "text":
+      return renderTextBlock(block.data, theme);
+    case "button":
+      return renderButtonBlock(block.data, theme);
+    case "image":
+      return renderImageBlock(block.data);
+    case "divider":
+      return renderDividerBlock(block.data);
+    case "spacer":
+      return renderSpacerBlock(block.data);
+    case "columns":
+      if (depth >= MAX_BLOCK_DEPTH) {
+        console.warn("[momentum:email] Max nesting depth reached, skipping columns block");
+        return "";
+      }
+      return renderColumnsBlock(block.data, theme, depth);
+    case "footer":
+      return renderFooterBlock(block.data, theme);
+    default:
+      return `<!-- unknown block type: ${escapeHtml2(block.type)} -->`;
+  }
+}
+function renderHeaderBlock(data, theme) {
+  const title = escapeHtml2(String(data["title"] ?? ""));
+  const subtitle = data["subtitle"] ? escapeHtml2(String(data["subtitle"])) : "";
+  const alignment = sanitizeAlignment(String(data["alignment"] ?? "left"));
+  return `<h1 style="margin: 0 0 8px; font-size: 24px; font-weight: 600; color: ${sanitizeCssValue(theme.textColor)}; text-align: ${alignment};">${title}</h1>${subtitle ? `<p style="margin: 0 0 16px; font-size: 16px; color: ${sanitizeCssValue(theme.mutedColor)}; text-align: ${alignment};">${subtitle}</p>` : ""}`;
+}
+function renderTextBlock(data, theme) {
+  const content = escapeHtml2(String(data["content"] ?? ""));
+  const fontSize = sanitizeCssNumber(data["fontSize"], 16);
+  const color = sanitizeCssValue(String(data["color"] ?? theme.textColor));
+  const alignment = sanitizeAlignment(String(data["alignment"] ?? "left"));
+  return `<p style="margin: 0 0 16px; font-size: ${fontSize}px; color: ${color}; text-align: ${alignment}; line-height: 1.6;">${content}</p>`;
+}
+function renderButtonBlock(data, theme) {
+  const label = escapeHtml2(String(data["label"] ?? "Click here"));
+  const href = escapeHtml2(sanitizeUrl(String(data["href"] ?? "#")));
+  const bgColor = sanitizeCssValue(String(data["backgroundColor"] ?? theme.primaryColor));
+  const color = sanitizeCssValue(String(data["color"] ?? "#ffffff"));
+  const alignment = sanitizeAlignment(String(data["alignment"] ?? "left"));
+  return `<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
+  <tr>
+    <td style="padding: 0 0 16px;" align="${alignment}">
+      <a href="${href}" style="display: inline-block; padding: 12px 24px; background-color: ${bgColor}; color: ${color}; text-decoration: none; border-radius: 6px; font-weight: 500; font-size: 16px;">${label}</a>
+    </td>
+  </tr>
+</table>`;
+}
+function renderImageBlock(data) {
+  const rawSrc = String(data["src"] ?? "").trim();
+  if (!rawSrc)
+    return "<!-- image block: no src configured -->";
+  const src = escapeHtml2(sanitizeUrl(rawSrc));
+  const alt = escapeHtml2(String(data["alt"] ?? ""));
+  const width = sanitizeCssValue(String(data["width"] ?? "100%"));
+  const img = `<img src="${src}" alt="${alt}" width="${width}" style="display: block; max-width: 100%; height: auto; border: 0;">`;
+  if (data["href"]) {
+    const href = escapeHtml2(sanitizeUrl(String(data["href"])));
+    return `<a href="${href}" style="display: block;">${img}</a>`;
+  }
+  return img;
+}
+function renderDividerBlock(data) {
+  const color = sanitizeCssValue(String(data["color"] ?? "#e4e4e7"));
+  const margin = sanitizeCssValue(String(data["margin"] ?? "24px 0"));
+  return `<hr style="border: none; border-top: 1px solid ${color}; margin: ${margin};">`;
+}
+function renderSpacerBlock(data) {
+  const height = sanitizeCssNumber(data["height"], 24);
+  return `<div style="height: ${height}px; line-height: ${height}px; font-size: 1px;">&nbsp;</div>`;
+}
+function renderColumnsBlock(data, theme, depth) {
+  const rawColumns = data["columns"];
+  const columns = Array.isArray(rawColumns) ? rawColumns : [];
+  const width = Math.floor(100 / (columns.length || 1));
+  const tds = columns.map((col) => {
+    const colObj = (
+      // eslint-disable-next-line @typescript-eslint/consistent-type-assertions -- narrowing unknown column objects
+      typeof col === "object" && col !== null ? col : {}
+    );
+    const rawBlocks = colObj["blocks"];
+    const colContent = (Array.isArray(rawBlocks) ? rawBlocks : []).filter(isValidBlock).map((b) => renderBlock(b, theme, depth + 1)).join("\n");
+    return `<td style="width: ${width}%; vertical-align: top; padding: 0 8px;">${colContent}</td>`;
+  }).join("\n");
+  return `<table role="presentation" width="100%" cellspacing="0" cellpadding="0"><tr>${tds}</tr></table>`;
+}
+function renderFooterBlock(data, theme) {
+  const text2 = escapeHtml2(String(data["text"] ?? ""));
+  const color = sanitizeCssValue(String(data["color"] ?? theme.mutedColor));
+  return `<p style="margin: 16px 0 0; font-size: 12px; color: ${color}; text-align: center;">${text2}</p>`;
+}
+var MAX_BLOCK_DEPTH;
+var init_render_blocks = __esm({
+  "libs/email/src/lib/render/render-blocks.ts"() {
+    "use strict";
+    init_escape_html();
+    init_css_inliner();
+    init_replace_variables();
+    init_sanitize();
+    init_types();
+    MAX_BLOCK_DEPTH = 5;
+  }
+});
+// libs/email/src/lib/templates/default-templates.ts
+var DEFAULT_PASSWORD_RESET_BLOCKS, DEFAULT_VERIFICATION_BLOCKS;
+var init_default_templates = __esm({
+  "libs/email/src/lib/templates/default-templates.ts"() {
+    "use strict";
+    DEFAULT_PASSWORD_RESET_BLOCKS = [
+      {
+        id: "pr-header",
+        type: "header",
+        data: {
+          title: "Reset Your Password",
+          subtitle: "",
+          alignment: "left"
+        }
+      },
+      {
+        id: "pr-greeting",
+        type: "text",
+        data: {
+          content: "{{greeting}}",
+          fontSize: 16,
+          color: "#3f3f46",
+          alignment: "left"
+        }
+      },
+      {
+        id: "pr-body",
+        type: "text",
+        data: {
+          content: "We received a request to reset your password. Click the button below to choose a new password:",
+          fontSize: 16,
+          color: "#3f3f46",
+          alignment: "left"
+        }
+      },
+      {
+        id: "pr-button",
+        type: "button",
+        data: {
+          label: "Reset Password",
+          href: "{{url}}",
+          backgroundColor: "#18181b",
+          color: "#ffffff",
+          alignment: "center"
+        }
+      },
+      {
+        id: "pr-expiry",
+        type: "text",
+        data: {
+          content: "This link will expire in {{expiresIn}}.",
+          fontSize: 14,
+          color: "#71717a",
+          alignment: "left"
+        }
+      },
+      {
+        id: "pr-ignore",
+        type: "text",
+        data: {
+          content: "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
+          fontSize: 14,
+          color: "#71717a",
+          alignment: "left"
+        }
+      },
+      {
+        id: "pr-divider",
+        type: "divider",
+        data: {
+          color: "#e4e4e7",
+          margin: "24px 0"
+        }
+      },
+      {
+        id: "pr-footer",
+        type: "footer",
+        data: {
+          text: "The {{appName}} Team",
+          color: "#71717a"
+        }
+      }
+    ];
+    DEFAULT_VERIFICATION_BLOCKS = [
+      {
+        id: "ev-header",
+        type: "header",
+        data: {
+          title: "Verify Your Email",
+          subtitle: "",
+          alignment: "left"
+        }
+      },
+      {
+        id: "ev-greeting",
+        type: "text",
+        data: {
+          content: "{{greeting}}",
+          fontSize: 16,
+          color: "#3f3f46",
+          alignment: "left"
+        }
+      },
+      {
+        id: "ev-body",
+        type: "text",
+        data: {
+          content: "Welcome to {{appName}}! Please verify your email address by clicking the button below:",
+          fontSize: 16,
+          color: "#3f3f46",
+          alignment: "left"
+        }
+      },
+      {
+        id: "ev-button",
+        type: "button",
+        data: {
+          label: "Verify Email",
+          href: "{{url}}",
+          backgroundColor: "#18181b",
+          color: "#ffffff",
+          alignment: "center"
+        }
+      },
+      {
+        id: "ev-expiry",
+        type: "text",
+        data: {
+          content: "This link will expire in {{expiresIn}}.",
+          fontSize: 14,
+          color: "#71717a",
+          alignment: "left"
+        }
+      },
+      {
+        id: "ev-ignore",
+        type: "text",
+        data: {
+          content: "If you didn't create an account, you can safely ignore this email.",
+          fontSize: 14,
+          color: "#71717a",
+          alignment: "left"
+        }
+      },
+      {
+        id: "ev-divider",
+        type: "divider",
+        data: {
+          color: "#e4e4e7",
+          margin: "24px 0"
+        }
+      },
+      {
+        id: "ev-footer",
+        type: "footer",
+        data: {
+          text: "The {{appName}} Team",
+          color: "#71717a"
+        }
+      }
+    ];
+  }
+});
+// libs/email/src/lib/components/eml-body.component.ts
+var import_core13, EmlBody;
+var init_eml_body_component = __esm({
+  "libs/email/src/lib/components/eml-body.component.ts"() {
+    "use strict";
+    import_core13 = require("@angular/core");
+    EmlBody = class {
+      constructor() {
+        this.backgroundColor = (0, import_core13.input)("#f4f4f5");
+        this.fontFamily = (0, import_core13.input)(
+          "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
+        );
+        this.padding = (0, import_core13.input)("40px 20px");
+        this.tableStyle = (0, import_core13.computed)(
+          () => `background-color: ${this.backgroundColor()}; font-family: ${this.fontFamily()}; line-height: 1.6; margin: 0; padding: 0;`
+        );
+        this.cellStyle = (0, import_core13.computed)(() => `padding: ${this.padding()};`);
+      }
+    };
+    EmlBody = __decorateClass([
+      (0, import_core13.Component)({
+        selector: "eml-body",
+        template: `
+		<table
+			role="presentation"
+			width="100%"
+			cellspacing="0"
+			cellpadding="0"
+			[attr.style]="tableStyle()"
+		>
+			<tr>
+				<td [attr.style]="cellStyle()">
+					<ng-content />
+				</td>
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core13.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlBody);
+  }
+});
+// libs/email/src/lib/components/eml-container.component.ts
+var import_core14, EmlContainer;
+var init_eml_container_component = __esm({
+  "libs/email/src/lib/components/eml-container.component.ts"() {
+    "use strict";
+    import_core14 = require("@angular/core");
+    EmlContainer = class {
+      constructor() {
+        this.maxWidth = (0, import_core14.input)("480px");
+        this.backgroundColor = (0, import_core14.input)("#ffffff");
+        this.borderRadius = (0, import_core14.input)("8px");
+        this.padding = (0, import_core14.input)("40px");
+        this.shadow = (0, import_core14.input)("0 1px 3px rgba(0,0,0,0.1)");
+        this.tableStyle = (0, import_core14.computed)(
+          () => `max-width: ${this.maxWidth()}; margin: 0 auto; background-color: ${this.backgroundColor()}; border-radius: ${this.borderRadius()}; box-shadow: ${this.shadow()};`
+        );
+        this.cellStyle = (0, import_core14.computed)(() => `padding: ${this.padding()};`);
+      }
+    };
+    EmlContainer = __decorateClass([
+      (0, import_core14.Component)({
+        selector: "eml-container",
+        template: `
+		<table
+			role="presentation"
+			width="100%"
+			cellspacing="0"
+			cellpadding="0"
+			[attr.style]="tableStyle()"
+		>
+			<tr>
+				<td [attr.style]="cellStyle()">
+					<ng-content />
+				</td>
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core14.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlContainer);
+  }
+});
+// libs/email/src/lib/components/eml-section.component.ts
+var import_core15, EmlSection;
+var init_eml_section_component = __esm({
+  "libs/email/src/lib/components/eml-section.component.ts"() {
+    "use strict";
+    import_core15 = require("@angular/core");
+    EmlSection = class {
+      constructor() {
+        this.padding = (0, import_core15.input)("0");
+        this.cellStyle = (0, import_core15.computed)(() => `padding: ${this.padding()};`);
+      }
+    };
+    EmlSection = __decorateClass([
+      (0, import_core15.Component)({
+        selector: "eml-section",
+        template: `
+		<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
+			<tr>
+				<td [attr.style]="cellStyle()">
+					<ng-content />
+				</td>
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core15.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlSection);
+  }
+});
+// libs/email/src/lib/components/eml-row.component.ts
+var import_core16, EmlRow;
+var init_eml_row_component = __esm({
+  "libs/email/src/lib/components/eml-row.component.ts"() {
+    "use strict";
+    import_core16 = require("@angular/core");
+    EmlRow = class {
+    };
+    EmlRow = __decorateClass([
+      (0, import_core16.Component)({
+        selector: "eml-row",
+        template: `
+		<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
+			<tr>
+				<ng-content />
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core16.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlRow);
+  }
+});
+// libs/email/src/lib/components/eml-column.component.ts
+var import_core17, EmlColumn;
+var init_eml_column_component = __esm({
+  "libs/email/src/lib/components/eml-column.component.ts"() {
+    "use strict";
+    import_core17 = require("@angular/core");
+    EmlColumn = class {
+      constructor() {
+        this.width = (0, import_core17.input)(void 0);
+        this.padding = (0, import_core17.input)("0");
+        this.verticalAlign = (0, import_core17.input)("top");
+        this.cellStyle = (0, import_core17.computed)(
+          () => `padding: ${this.padding()}; vertical-align: ${this.verticalAlign()};`
+        );
+      }
+    };
+    EmlColumn = __decorateClass([
+      (0, import_core17.Component)({
+        selector: "eml-column",
+        template: `
+		<td [attr.style]="cellStyle()" [attr.width]="width()" valign="top">
+			<ng-content />
+		</td>
+	`,
+        changeDetection: import_core17.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlColumn);
+  }
+});
+// libs/email/src/lib/components/eml-text.component.ts
+var import_core18, EmlText;
+var init_eml_text_component = __esm({
+  "libs/email/src/lib/components/eml-text.component.ts"() {
+    "use strict";
+    import_core18 = require("@angular/core");
+    EmlText = class {
+      constructor() {
+        this.color = (0, import_core18.input)("#3f3f46");
+        this.fontSize = (0, import_core18.input)("16px");
+        this.lineHeight = (0, import_core18.input)("1.6");
+        this.margin = (0, import_core18.input)("0 0 16px");
+        this.textAlign = (0, import_core18.input)("left");
+        this.pStyle = (0, import_core18.computed)(
+          () => `margin: ${this.margin()}; color: ${this.color()}; font-size: ${this.fontSize()}; line-height: ${this.lineHeight()}; text-align: ${this.textAlign()};`
+        );
+      }
+    };
+    EmlText = __decorateClass([
+      (0, import_core18.Component)({
+        selector: "eml-text",
+        template: `
+		<p [attr.style]="pStyle()">
+			<ng-content />
+		</p>
+	`,
+        changeDetection: import_core18.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlText);
+  }
+});
+// libs/email/src/lib/components/eml-heading.component.ts
+var import_core19, EmlHeading;
+var init_eml_heading_component = __esm({
+  "libs/email/src/lib/components/eml-heading.component.ts"() {
+    "use strict";
+    import_core19 = require("@angular/core");
+    EmlHeading = class {
+      constructor() {
+        this.level = (0, import_core19.input)(1);
+        this.color = (0, import_core19.input)("#18181b");
+        this.margin = (0, import_core19.input)("0 0 24px");
+        this.textAlign = (0, import_core19.input)("left");
+        this.fontSizeMap = {
+          1: "24px",
+          2: "20px",
+          3: "16px"
+        };
+        this.headingStyle = (0, import_core19.computed)(
+          () => `margin: ${this.margin()}; font-size: ${this.fontSizeMap[this.level()] ?? "24px"}; font-weight: 600; color: ${this.color()}; text-align: ${this.textAlign()};`
+        );
+      }
+    };
+    EmlHeading = __decorateClass([
+      (0, import_core19.Component)({
+        selector: "eml-heading",
+        template: `<div [attr.style]="headingStyle()" [attr.role]="'heading'" [attr.aria-level]="level()">
+		<ng-content />
+	</div>`,
+        changeDetection: import_core19.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlHeading);
+  }
+});
+// libs/email/src/lib/components/eml-button.component.ts
+var import_core20, EmlButton;
+var init_eml_button_component = __esm({
+  "libs/email/src/lib/components/eml-button.component.ts"() {
+    "use strict";
+    import_core20 = require("@angular/core");
+    EmlButton = class {
+      constructor() {
+        this.href = (0, import_core20.input)("");
+        this.backgroundColor = (0, import_core20.input)("#18181b");
+        this.color = (0, import_core20.input)("#ffffff");
+        this.borderRadius = (0, import_core20.input)("6px");
+        this.padding = (0, import_core20.input)("12px 24px");
+        this.textAlign = (0, import_core20.input)("left");
+        this.alignStyle = (0, import_core20.computed)(() => `padding: 0; text-align: ${this.textAlign()};`);
+        this.linkStyle = (0, import_core20.computed)(
+          () => `display: inline-block; padding: ${this.padding()}; background-color: ${this.backgroundColor()}; color: ${this.color()}; text-decoration: none; border-radius: ${this.borderRadius()}; font-weight: 500;`
+        );
+      }
+    };
+    EmlButton = __decorateClass([
+      (0, import_core20.Component)({
+        selector: "eml-button",
+        template: `
+		<table role="presentation" width="100%" cellspacing="0" cellpadding="0">
+			<tr>
+				<td [attr.style]="alignStyle()">
+					<a [attr.href]="href()" [attr.style]="linkStyle()" target="_blank">
+						<ng-content />
+					</a>
+				</td>
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core20.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlButton);
+  }
+});
+// libs/email/src/lib/components/eml-link.component.ts
+var import_core21, EmlLink;
+var init_eml_link_component = __esm({
+  "libs/email/src/lib/components/eml-link.component.ts"() {
+    "use strict";
+    import_core21 = require("@angular/core");
+    EmlLink = class {
+      constructor() {
+        this.href = (0, import_core21.input)("");
+        this.color = (0, import_core21.input)("#18181b");
+        this.textDecoration = (0, import_core21.input)("underline");
+        this.linkStyle = (0, import_core21.computed)(
+          () => `color: ${this.color()}; text-decoration: ${this.textDecoration()};`
+        );
+      }
+    };
+    EmlLink = __decorateClass([
+      (0, import_core21.Component)({
+        selector: "eml-link",
+        template: `
+		<a [attr.href]="href()" [attr.style]="linkStyle()" target="_blank">
+			<ng-content />
+		</a>
+	`,
+        changeDetection: import_core21.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlLink);
+  }
+});
+// libs/email/src/lib/components/eml-image.component.ts
+var import_core22, EmlImage;
+var init_eml_image_component = __esm({
+  "libs/email/src/lib/components/eml-image.component.ts"() {
+    "use strict";
+    import_core22 = require("@angular/core");
+    EmlImage = class {
+      constructor() {
+        this.src = (0, import_core22.input)("");
+        this.alt = (0, import_core22.input)("");
+        this.width = (0, import_core22.input)(void 0);
+        this.height = (0, import_core22.input)(void 0);
+        this.borderRadius = (0, import_core22.input)("0");
+        this.imgStyle = (0, import_core22.computed)(
+          () => `display: block; max-width: 100%; border: 0; outline: none; border-radius: ${this.borderRadius()};`
+        );
+      }
+    };
+    EmlImage = __decorateClass([
+      (0, import_core22.Component)({
+        selector: "eml-image",
+        template: `
+		<img
+			[attr.src]="src()"
+			[attr.alt]="alt()"
+			[attr.width]="width()"
+			[attr.height]="height()"
+			[attr.style]="imgStyle()"
+		/>
+	`,
+        changeDetection: import_core22.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlImage);
+  }
+});
+// libs/email/src/lib/components/eml-divider.component.ts
+var import_core23, EmlDivider;
+var init_eml_divider_component = __esm({
+  "libs/email/src/lib/components/eml-divider.component.ts"() {
+    "use strict";
+    import_core23 = require("@angular/core");
+    EmlDivider = class {
+      constructor() {
+        this.color = (0, import_core23.input)("#e4e4e7");
+        this.margin = (0, import_core23.input)("24px 0");
+        this.hrStyle = (0, import_core23.computed)(
+          () => `border: none; border-top: 1px solid ${this.color()}; margin: ${this.margin()};`
+        );
+      }
+    };
+    EmlDivider = __decorateClass([
+      (0, import_core23.Component)({
+        selector: "eml-divider",
+        template: `<hr [attr.style]="hrStyle()" />`,
+        changeDetection: import_core23.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlDivider);
+  }
+});
+// libs/email/src/lib/components/eml-preview.component.ts
+var import_core24, EmlPreview;
+var init_eml_preview_component = __esm({
+  "libs/email/src/lib/components/eml-preview.component.ts"() {
+    "use strict";
+    import_core24 = require("@angular/core");
+    EmlPreview = class {
+    };
+    EmlPreview = __decorateClass([
+      (0, import_core24.Component)({
+        selector: "eml-preview",
+        template: `
+		<div style="display: none; max-height: 0; overflow: hidden; mso-hide: all;">
+			<ng-content />
+		</div>
+	`,
+        changeDetection: import_core24.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlPreview);
+  }
+});
+// libs/email/src/lib/components/eml-spacer.component.ts
+var import_core25, EmlSpacer;
+var init_eml_spacer_component = __esm({
+  "libs/email/src/lib/components/eml-spacer.component.ts"() {
+    "use strict";
+    import_core25 = require("@angular/core");
+    EmlSpacer = class {
+      constructor() {
+        this.height = (0, import_core25.input)("24px");
+        this.spacerStyle = (0, import_core25.computed)(
+          () => `height: ${this.height()}; line-height: ${this.height()}; font-size: 1px;`
+        );
+      }
+    };
+    EmlSpacer = __decorateClass([
+      (0, import_core25.Component)({
+        selector: "eml-spacer",
+        template: `<div [attr.style]="spacerStyle()"></div>`,
+        changeDetection: import_core25.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlSpacer);
+  }
+});
+// libs/email/src/lib/components/eml-footer.component.ts
+var import_core26, EmlFooter;
+var init_eml_footer_component = __esm({
+  "libs/email/src/lib/components/eml-footer.component.ts"() {
+    "use strict";
+    import_core26 = require("@angular/core");
+    EmlFooter = class {
+      constructor() {
+        this.maxWidth = (0, import_core26.input)("480px");
+        this.color = (0, import_core26.input)("#71717a");
+        this.fontSize = (0, import_core26.input)("12px");
+        this.textAlign = (0, import_core26.input)("center");
+        this.padding = (0, import_core26.input)("20px 0 0");
+        this.tableStyle = (0, import_core26.computed)(() => `max-width: ${this.maxWidth()}; margin: 0 auto;`);
+        this.cellStyle = (0, import_core26.computed)(
+          () => `text-align: ${this.textAlign()}; color: ${this.color()}; font-size: ${this.fontSize()}; padding: ${this.padding()};`
+        );
+      }
+    };
+    EmlFooter = __decorateClass([
+      (0, import_core26.Component)({
+        selector: "eml-footer",
+        template: `
+		<table
+			role="presentation"
+			width="100%"
+			cellspacing="0"
+			cellpadding="0"
+			[attr.style]="tableStyle()"
+		>
+			<tr>
+				<td [attr.style]="cellStyle()">
+					<ng-content />
+				</td>
+			</tr>
+		</table>
+	`,
+        changeDetection: import_core26.ChangeDetectionStrategy.OnPush
+      })
+    ], EmlFooter);
+  }
+});
+// libs/email/src/lib/utils/blocks-to-plain-text.ts
+function blocksToPlainText(blocks2, depth = 0) {
+  const lines = [];
+  for (const block of blocks2) {
+    const text2 = blockToText(block, depth);
+    if (text2) {
+      lines.push(text2);
+    }
+  }
+  return lines.join("\n\n");
+}
+function blockToText(block, depth) {
+  switch (block.type) {
+    case "header":
+      return headerToText(block.data);
+    case "text":
+      return String(block.data["content"] ?? "");
+    case "button":
+      return buttonToText(block.data);
+    case "footer":
+      return String(block.data["text"] ?? "");
+    case "columns":
+      if (depth >= MAX_BLOCK_DEPTH2) {
+        console.warn("[momentum:email] Max nesting depth reached, skipping columns block");
+        return "";
+      }
+      return columnsToText(block.data, depth);
+    case "divider":
+    case "spacer":
+    case "image":
+      return "";
+    default:
+      return "";
+  }
+}
+function headerToText(data) {
+  const title = String(data["title"] ?? "");
+  const subtitle = data["subtitle"] ? String(data["subtitle"]) : "";
+  if (!title && !subtitle)
+    return "";
+  if (!subtitle)
+    return title;
+  return `${title}
+${subtitle}`;
+}
+function buttonToText(data) {
+  const label = String(data["label"] ?? "");
+  const href = data["href"] ? String(data["href"]) : "";
+  if (!label)
+    return "";
+  if (!href)
+    return label;
+  return `${label}: ${href}`;
+}
+function columnsToText(data, depth) {
+  const columns = data["columns"];
+  if (!Array.isArray(columns))
+    return "";
+  const parts = [];
+  for (const col of columns) {
+    if (col && typeof col === "object" && Array.isArray(col.blocks)) {
+      const colText = blocksToPlainText(col.blocks, depth + 1);
+      if (colText) {
+        parts.push(colText);
+      }
+    }
+  }
+  return parts.join("\n\n");
+}
+var MAX_BLOCK_DEPTH2;
+var init_blocks_to_plain_text = __esm({
+  "libs/email/src/lib/utils/blocks-to-plain-text.ts"() {
+    "use strict";
+    MAX_BLOCK_DEPTH2 = 5;
+  }
+});
+// libs/email/src/index.ts
 var src_exports2 = {};
 __export(src_exports2, {
+  DEFAULT_EMAIL_THEME: () => DEFAULT_EMAIL_THEME,
+  DEFAULT_PASSWORD_RESET_BLOCKS: () => DEFAULT_PASSWORD_RESET_BLOCKS,
+  DEFAULT_VERIFICATION_BLOCKS: () => DEFAULT_VERIFICATION_BLOCKS,
+  EMAIL_DATA: () => EMAIL_DATA,
+  EmlBody: () => EmlBody,
+  EmlButton: () => EmlButton,
+  EmlColumn: () => EmlColumn,
+  EmlContainer: () => EmlContainer,
+  EmlDivider: () => EmlDivider,
+  EmlFooter: () => EmlFooter,
+  EmlHeading: () => EmlHeading,
+  EmlImage: () => EmlImage,
+  EmlLink: () => EmlLink,
+  EmlPreview: () => EmlPreview,
+  EmlRow: () => EmlRow,
+  EmlSection: () => EmlSection,
+  EmlSpacer: () => EmlSpacer,
+  EmlText: () => EmlText,
+  blocksToPlainText: () => blocksToPlainText,
+  escapeHtml: () => escapeHtml2,
+  injectEmailData: () => injectEmailData,
+  inlineCss: () => inlineCss,
+  isValidBlock: () => isValidBlock,
+  renderEmail: () => renderEmail,
+  renderEmailFromBlocks: () => renderEmailFromBlocks,
+  replaceBlockVariables: () => replaceBlockVariables,
+  replaceVariables: () => replaceVariables,
+  sanitizeAlignment: () => sanitizeAlignment,
+  sanitizeCssNumber: () => sanitizeCssNumber,
+  sanitizeCssValue: () => sanitizeCssValue,
+  sanitizeFontFamily: () => sanitizeFontFamily,
+  sanitizeUrl: () => sanitizeUrl
+});
+var init_src2 = __esm({
+  "libs/email/src/index.ts"() {
+    "use strict";
+    init_render_email();
+    init_render_blocks();
+    init_render_types();
+    init_replace_variables();
+    init_default_templates();
+    init_eml_body_component();
+    init_eml_container_component();
+    init_eml_section_component();
+    init_eml_row_component();
+    init_eml_column_component();
+    init_eml_text_component();
+    init_eml_heading_component();
+    init_eml_button_component();
+    init_eml_link_component();
+    init_eml_image_component();
+    init_eml_divider_component();
+    init_eml_preview_component();
+    init_eml_spacer_component();
+    init_eml_footer_component();
+    init_escape_html();
+    init_css_inliner();
+    init_sanitize();
+    init_blocks_to_plain_text();
+    init_render_blocks();
+    init_types();
+  }
+});
+// libs/server-express/src/index.ts
+var src_exports3 = {};
+__export(src_exports3, {
   createApiKeyResolverMiddleware: () => createApiKeyResolverMiddleware,
   createApiKeyRoutes: () => createApiKeyRoutes,
   createAuthMiddleware: () => createAuthMiddleware,
@@ -548,7 +1664,7 @@ __export(src_exports2, {
   initializeMomentum: () => initializeMomentum,
   momentumApiMiddleware: () => momentumApiMiddleware
 });
-module.exports = __toCommonJS(src_exports2);
+module.exports = __toCommonJS(src_exports3);
 // libs/server-express/src/lib/server-express.ts
 var import_express = require("express");
@@ -5045,11 +6161,11 @@ SwaggerUIBundle({
 // libs/server-core/src/lib/preview-renderer.ts
 function renderPreviewHTML(options) {
-  const { doc, collection } = options;
+  const { doc, collection, customFieldRenderers } = options;
   const titleField = collection.admin?.useAsTitle ?? "id";
   const title = escapeHtml(String(doc[titleField] ?? doc["id"] ?? "Untitled"));
   const fields = collection.fields ?? [];
-  const fieldHtml = fields.filter((f) => !isHiddenField(f) && !isLayoutField(f) && f.name !== titleField).map((f) => renderField(f, doc)).filter(Boolean).join("\n");
+  const fieldHtml = fields.filter((f) => !isHiddenField(f) && !isLayoutField(f) && f.name !== titleField).map((f) => renderField(f, doc, customFieldRenderers)).filter(Boolean).join("\n");
   const richTextFields = fields.filter((f) => f.type === "richText").map((f) => f.name);
   return `<!DOCTYPE html>
 <html lang="en">
@@ -5083,6 +6199,7 @@ ${fieldHtml}
 (function(){
 var richTextFields=${JSON.stringify(richTextFields)};
 window.addEventListener('message',function(e){
+if(e.origin!==window.location.origin)return;
 if(!e.data||e.data.type!=='momentum-preview-update')return;
 var d=e.data.data;if(!d)return;
 document.querySelectorAll('[data-field]').forEach(function(el){
@@ -5103,16 +6220,20 @@ if(titleEl){var tf=titleEl.getAttribute('data-field');if(d[tf]!==undefined)title
 </body>
 </html>`;
 }
-function renderField(field, doc) {
+function renderField(field, doc, customRenderers) {
   const value = doc[field.name];
   if (value === void 0 || value === null) {
     return renderFieldWrapper(field, "");
   }
+  const editorKey = field.admin?.editor;
+  if (editorKey && customRenderers?.[editorKey]) {
+    return renderFieldWrapper(field, customRenderers[editorKey](value, field));
+  }
   switch (field.type) {
     case "richText":
       return renderFieldWrapper(
         field,
-        `<div class="field-value rich-text" data-field="${escapeHtml(field.name)}">${String(value)}</div>`
+        `<div class="field-value rich-text" data-field="${escapeHtml(field.name)}">${escapeHtml(String(value))}</div>`
       );
     case "checkbox":
       return renderFieldWrapper(
@@ -5459,6 +6580,20 @@ function getPluginProviders() {
 }
 // libs/server-express/src/lib/server-express.ts
+function getEmailBuilderFieldName(collection) {
+  const field = collection.fields.find(
+    (f) => f.type === "json" && f.admin?.editor === "email-builder"
+  );
+  return field?.name;
+}
+async function renderEmailPreviewHTML(doc, blocksFieldName) {
+  const { renderEmailFromBlocks: renderEmailFromBlocks2 } = await Promise.resolve().then(() => (init_src2(), src_exports2));
+  const blocks2 = doc[blocksFieldName];
+  if (!Array.isArray(blocks2) || blocks2.length === 0) {
+    return '<html><body style="display:flex;align-items:center;justify-content:center;min-height:100vh;color:#666;font-family:sans-serif"><p>No email blocks yet.</p></body></html>';
+  }
+  return renderEmailFromBlocks2({ blocks: blocks2 });
+}
 function extractUserFromRequest(req) {
   const authReq = req;
   if (authReq.user?.id) {
@@ -5873,16 +7008,13 @@ function momentumApiMiddleware(config) {
       res.status(500).json({ error: "Failed to get status", message });
     }
   });
-  router.get("/:collection/:id/preview", async (req, res) => {
+  async function handlePreviewRequest(req, res) {
     try {
       const slug2 = req.params["collection"];
       const id = req.params["id"];
       const user = extractUserFromRequest(req);
-      const api = getMomentumAPI();
-      const contextApi = user ? api.setContext({ user }) : api;
-      const doc = await contextApi.collection(slug2).findById(id);
-      if (!doc) {
-        res.status(404).json({ error: "Document not found" });
+      if (!user) {
+        res.status(401).json({ error: "Authentication required to access preview" });
         return;
       }
       const collectionConfig = config.collections.find((c) => c.slug === slug2);
@@ -5890,7 +7022,29 @@ function momentumApiMiddleware(config) {
         res.status(404).json({ error: "Collection not found" });
         return;
       }
-      const html = renderPreviewHTML({ doc, collection: collectionConfig });
+      const accessFn = collectionConfig.access?.read;
+      if (accessFn) {
+        const allowed = await Promise.resolve(accessFn({ req: { user } }));
+        if (!allowed) {
+          res.status(403).json({ error: "Access denied" });
+          return;
+        }
+      }
+      let doc;
+      if (req.method === "POST" && req.body?.data) {
+        doc = req.body.data;
+      } else {
+        const api = getMomentumAPI();
+        const contextApi = user ? api.setContext({ user }) : api;
+        const dbDoc = await contextApi.collection(slug2).findById(id);
+        if (!dbDoc) {
+          res.status(404).json({ error: "Document not found" });
+          return;
+        }
+        doc = dbDoc;
+      }
+      const emailField = getEmailBuilderFieldName(collectionConfig);
+      const html = emailField ? await renderEmailPreviewHTML(doc, emailField) : renderPreviewHTML({ doc, collection: collectionConfig });
       res.setHeader("Content-Type", "text/html; charset=utf-8");
       res.send(html);
     } catch (error) {
@@ -5905,7 +7059,9 @@ function momentumApiMiddleware(config) {
       }
       res.status(500).json({ error: "Preview failed", message });
     }
-  });
+  }
+  router.get("/:collection/:id/preview", handlePreviewRequest);
+  router.post("/:collection/:id/preview", handlePreviewRequest);
   const upload2 = (0, import_multer.default)({
     storage: import_multer.default.memoryStorage(),
     limits: {