@savvycal/mjml-editor 0.0.1 → 0.0.3

package/dist/lib/html-utils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Sanitize HTML output from Tiptap for MJML compatibility.
+ *
+ * Tiptap outputs semantic HTML with <p> tags that may not render well
+ * in all email clients. This function normalizes the output to use
+ * <br /> for line breaks.
+ */
+export declare function sanitizeHtmlForMjml(html: string): string;
+/**
+ * Convert MJML content to Tiptap-compatible HTML.
+ *
+ * MJML content uses <br /> for line breaks. Tiptap expects
+ * content wrapped in <p> tags.
+ */
+export declare function mjmlToTiptapHtml(content: string): string;
+/**
+ * Highlight Liquid template syntax in HTML content.
+ *
+ * Wraps {{ variable }} and {% tag %} patterns with a span
+ * that has the liquid-highlight class for visual styling.
+ */
+export declare function highlightLiquidTags(html: string): string;
+//# sourceMappingURL=html-utils.d.ts.map

package/dist/lib/html-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-utils.d.ts","sourceRoot":"","sources":["../../src/lib/html-utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAmBxD;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAcxD;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgBxD"}

package/dist/lib/html-utils.js

@@ -0,0 +1,25 @@
+function p(i) {
+  if (!i || i === "<p></p>")
+    return "";
+  let r = i.replace(/<p>/g, "");
+  return r = r.replace(/<\/p>/g, "<br />"), r = r.replace(/(<br\s*\/?>)+$/, ""), r = r.replace(/<br>/gi, "<br />"), r;
+}
+function l(i) {
+  return !i || i.trim() === "" ? "<p></p>" : i.includes("<p>") ? i : i.split(/<br\s*\/?>/gi).map((e) => `<p>${e}</p>`).join("");
+}
+function s(i) {
+  if (!i) return i;
+  let r = i.replace(
+    /(\{\{[^{}]*\}\})/g,
+    '<span class="liquid-highlight">$1</span>'
+  );
+  return r = r.replace(
+    /(\{%[^{}]*%\})/g,
+    '<span class="liquid-highlight">$1</span>'
+  ), r;
+}
+export {
+  s as highlightLiquidTags,
+  l as mjmlToTiptapHtml,
+  p as sanitizeHtmlForMjml
+};

package/dist/lib/mjml/attributes.d.ts

@@ -0,0 +1,100 @@
+import { MjmlNode, ComponentSchema } from '../../types/mjml';
+/**
+ * Configuration extracted from mj-attributes in mj-head
+ */
+export interface MjmlAttributesConfig {
+    /** Attributes from mj-all that apply to all elements */
+    all: Record<string, string>;
+    /** Element-specific defaults (tagName -> attributes) */
+    elements: Record<string, Record<string, string>>;
+    /** Named classes (className -> attributes) */
+    classes: Record<string, Record<string, string>>;
+}
+/**
+ * Create an empty mj-attributes configuration
+ */
+export declare function createEmptyConfig(): MjmlAttributesConfig;
+/**
+ * Get the mj-head node from a document
+ */
+export declare function getHead(document: MjmlNode): MjmlNode | null;
+/**
+ * Get the mj-body node from a document
+ */
+export declare function getBody(document: MjmlNode): MjmlNode | null;
+/**
+ * Get the mj-attributes node from mj-head
+ */
+export declare function getMjAttributes(document: MjmlNode): MjmlNode | null;
+/**
+ * Extract mj-attributes configuration from a document's mj-head
+ */
+export declare function extractMjmlAttributes(document: MjmlNode): MjmlAttributesConfig;
+/**
+ * Parse space-separated class names from mj-class attribute value
+ */
+export declare function parseClassNames(mjClassValue: string | undefined): string[];
+/**
+ * Get list of defined class names from the document
+ */
+export declare function getDefinedClasses(document: MjmlNode): string[];
+/**
+ * Resolve effective attributes for a node by applying the MJML cascade.
+ *
+ * Order of precedence (later overrides earlier):
+ * 1. mj-all attributes
+ * 2. Element-type defaults (mj-text, mj-section, etc.)
+ * 3. mj-class attributes (if node has mj-class)
+ * 4. Per-element attributes
+ *
+ * Note: Schema defaults are NOT included here - they are handled
+ * at the component level for backward compatibility.
+ */
+export declare function resolveAttributes(node: MjmlNode, mjmlAttributes: MjmlAttributesConfig): Record<string, string>;
+/**
+ * Get the inherited value for a specific attribute (for placeholder display).
+ *
+ * This returns the value that would be used if the node doesn't override it,
+ * computed from the cascade (mj-all -> element-type -> mj-class -> schema default).
+ *
+ * Returns undefined if there is no inherited value.
+ */
+export declare function getInheritedValue(node: MjmlNode, attributeKey: string, mjmlAttributes: MjmlAttributesConfig, schema: ComponentSchema | null): string | undefined;
+/**
+ * Get the resolved value for a specific attribute.
+ * This is a convenience function that resolves a single attribute.
+ */
+export declare function getResolvedValue(node: MjmlNode, attributeKey: string, mjmlAttributes: MjmlAttributesConfig, schema: ComponentSchema | null): string | undefined;
+/**
+ * Helper function to resolve attributes with schema for a node.
+ * This is the main function visual blocks should use.
+ */
+export declare function resolveNodeAttributes(node: MjmlNode, mjmlAttributes: MjmlAttributesConfig): Record<string, string>;
+/**
+ * Check if a node has any mj-class applied
+ */
+export declare function hasClasses(node: MjmlNode): boolean;
+/**
+ * Add a class to a node's mj-class attribute
+ */
+export declare function addClassToNode(node: MjmlNode, className: string): Record<string, string>;
+/**
+ * Remove a class from a node's mj-class attribute
+ */
+export declare function removeClassFromNode(node: MjmlNode, className: string): Record<string, string>;
+/**
+ * Font configuration extracted from mj-font nodes in mj-head
+ */
+export interface MjmlFontConfig {
+    name: string;
+    href: string;
+}
+/**
+ * Extract all mj-font configurations from mj-head
+ */
+export declare function extractFonts(document: MjmlNode): MjmlFontConfig[];
+/**
+ * Extract CSS content from all mj-style nodes in mj-head
+ */
+export declare function extractStyles(document: MjmlNode): string[];
+//# sourceMappingURL=attributes.d.ts.map

package/dist/lib/mjml/attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/attributes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,oBAAoB,CAMxD;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAE3D;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAE3D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAGnE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,QAAQ,GACjB,oBAAoB,CA4BtB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,EAAE,CAM1E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,CAG9D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,oBAAoB,GACnC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAyBxB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,oBAAoB,EACpC,MAAM,EAAE,eAAe,GAAG,IAAI,GAC7B,MAAM,GAAG,SAAS,CA8BpB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,oBAAoB,EACpC,MAAM,EAAE,eAAe,GAAG,IAAI,GAC7B,MAAM,GAAG,SAAS,CAQpB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,QAAQ,EACd,cAAc,EAAE,oBAAoB,GACnC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAcxB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAElD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,MAAM,GAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CASxB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,MAAM,GAChB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAYxB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,cAAc,EAAE,CAWjE;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,EAAE,CAQ1D"}

package/dist/lib/mjml/attributes.js

@@ -0,0 +1,105 @@
+import { getSchemaForTag as u } from "./schema.js";
+function m() {
+  return {
+    all: {},
+    elements: {},
+    classes: {}
+  };
+}
+function i(s) {
+  return s.children?.find((t) => t.tagName === "mj-head") || null;
+}
+function d(s) {
+  return i(s)?.children?.find((e) => e.tagName === "mj-attributes") || null;
+}
+function g(s) {
+  const t = m(), e = d(s);
+  if (!e?.children)
+    return t;
+  for (const n of e.children)
+    if (n.tagName === "mj-all")
+      Object.assign(t.all, n.attributes);
+    else if (n.tagName === "mj-class") {
+      const a = n.attributes.name;
+      if (a) {
+        const r = { ...n.attributes };
+        delete r.name, t.classes[a] = r;
+      }
+    } else n.tagName.startsWith("mj-") && (t.elements[n.tagName] = { ...n.attributes });
+  return t;
+}
+function l(s) {
+  return s ? s.split(/\s+/).map((t) => t.trim()).filter((t) => t.length > 0) : [];
+}
+function N(s) {
+  const t = g(s);
+  return Object.keys(t.classes);
+}
+function h(s, t) {
+  const e = {};
+  Object.assign(e, t.all);
+  const n = t.elements[s.tagName];
+  n && Object.assign(e, n);
+  const a = l(s.attributes["mj-class"]);
+  for (const r of a) {
+    const c = t.classes[r];
+    c && Object.assign(e, c);
+  }
+  return Object.assign(e, s.attributes), e;
+}
+function b(s, t, e, n) {
+  let a;
+  e.all[t] && (a = e.all[t]);
+  const r = e.elements[s.tagName];
+  r?.[t] && (a = r[t]);
+  const c = l(s.attributes["mj-class"]);
+  for (const f of c) {
+    const o = e.classes[f];
+    o?.[t] && (a = o[t]);
+  }
+  return a === void 0 && n && (a = n[t]?.default), a;
+}
+function p(s, t) {
+  const e = u(s.tagName), n = h(s, t);
+  if (e)
+    for (const [a, r] of Object.entries(e))
+      n[a] === void 0 && r.default !== void 0 && (n[a] = r.default);
+  return n;
+}
+function v(s, t) {
+  const e = l(s.attributes["mj-class"]);
+  return e.includes(t) || e.push(t), {
+    ...s.attributes,
+    "mj-class": e.join(" ")
+  };
+}
+function C(s, t) {
+  const n = l(s.attributes["mj-class"]).filter((r) => r !== t), a = { ...s.attributes };
+  return n.length === 0 ? delete a["mj-class"] : a["mj-class"] = n.join(" "), a;
+}
+function O(s) {
+  const t = i(s);
+  return t?.children ? t.children.filter((e) => e.tagName === "mj-font").map((e) => ({
+    name: e.attributes.name || "",
+    href: e.attributes.href || ""
+  })).filter((e) => e.name && e.href) : [];
+}
+function x(s) {
+  const t = i(s);
+  return t?.children ? t.children.filter((e) => e.tagName === "mj-style").map((e) => e.content || "").filter((e) => e.trim().length > 0) : [];
+}
+export {
+  v as addClassToNode,
+  m as createEmptyConfig,
+  O as extractFonts,
+  g as extractMjmlAttributes,
+  x as extractStyles,
+  N as getDefinedClasses,
+  i as getHead,
+  b as getInheritedValue,
+  d as getMjAttributes,
+  l as parseClassNames,
+  C as removeClassFromNode,
+  h as resolveAttributes,
+  p as resolveNodeAttributes
+};

package/dist/lib/mjml/parser.d.ts

@@ -0,0 +1,67 @@
+import { MjmlNode } from '../../types/mjml';
+/**
+ * Parse MJML markup string into a JSON AST with internal IDs
+ * Browser-compatible implementation using DOMParser
+ */
+export declare function parseMjml(mjmlString: string): MjmlNode;
+/**
+ * Serialize JSON AST back to MJML markup string
+ */
+export declare function serializeMjml(node: MjmlNode): string;
+/**
+ * Add unique IDs to all nodes in the tree (for React keys and selection)
+ */
+export declare function addIds(node: MjmlNode): MjmlNode;
+/**
+ * Strip internal IDs from nodes before serialization
+ */
+export declare function stripIds(node: MjmlNode): MjmlNode;
+/**
+ * Find a node by ID in the tree
+ */
+export declare function findNodeById(root: MjmlNode, id: string): MjmlNode | null;
+/**
+ * Find parent node of a given node ID
+ */
+export declare function findParentNode(root: MjmlNode, id: string): MjmlNode | null;
+/**
+ * Get the mj-body node from the document
+ */
+export declare function getBody(root: MjmlNode): MjmlNode | null;
+/**
+ * Get all sections from the body
+ */
+export declare function getSections(root: MjmlNode): MjmlNode[];
+/**
+ * Create a deep clone of a node
+ */
+export declare function cloneNode(node: MjmlNode): MjmlNode;
+/**
+ * Update a node in the tree immutably
+ */
+export declare function updateNode(root: MjmlNode, id: string, updater: (node: MjmlNode) => MjmlNode): MjmlNode;
+/**
+ * Delete a node from the tree
+ */
+export declare function deleteNode(root: MjmlNode, id: string): MjmlNode;
+/**
+ * Insert a node at a specific position
+ */
+export declare function insertNode(root: MjmlNode, parentId: string, index: number, newNode: MjmlNode): MjmlNode;
+/**
+ * Move a node to a new parent at a specific index
+ */
+export declare function moveNode(root: MjmlNode, nodeId: string, newParentId: string, newIndex: number): MjmlNode;
+/**
+ * Create a default empty document
+ */
+export declare function createEmptyDocument(): MjmlNode;
+/**
+ * Create a new section with a single column
+ */
+export declare function createSection(): MjmlNode;
+/**
+ * Create a new column
+ */
+export declare function createColumn(): MjmlNode;
+//# sourceMappingURL=parser.d.ts.map

package/dist/lib/mjml/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/parser.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AA4D7C;;;GAGG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,CAetD;AA+CD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEpD;AA8CD;;GAEG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAM/C;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAOjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CASxE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAS1E;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAGvD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAItD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAElD;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,QAAQ,GACpC,QAAQ,CAWV;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,GAAG,QAAQ,CAS/D;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,QAAQ,GAChB,QAAQ,CAeV;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,QAAQ,CAeV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,QAAQ,CA8B9C;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,QAAQ,CAYxC;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,QAAQ,CAMvC"}

package/dist/lib/mjml/parser.js

@@ -0,0 +1,184 @@
+import { v4 as $ } from "uuid";
+function j(e) {
+  const t = e.match(
+    /XML Parsing Error:\s*(.+?)\nLocation:.*?\nLine Number\s*(\d+),\s*Column\s*(\d+)/i
+  );
+  if (t) {
+    const [, r, c, s] = t;
+    return `${u(r.trim())} (line ${c}, column ${s})`;
+  }
+  const n = e.match(
+    /error on line (\d+) at column (\d+): (.+?)(?:\n|Below|$)/i
+  );
+  if (n) {
+    const [, r, c, s] = n;
+    return `${u(s.trim())} (line ${r}, column ${c})`;
+  }
+  return e.replace(/\s+/g, " ").trim().slice(0, 200);
+}
+function u(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function N(e) {
+  const t = (r) => r.replace(
+    /&(?!(amp|lt|gt|quot|apos|#[0-9]+|#x[0-9a-fA-F]+);)/gi,
+    "&"
+  );
+  let n = e.replace(/="([^"]*)"/g, (r, c) => `="${t(c)}"`);
+  return n = n.replace(/='([^']*)'/g, (r, c) => `='${t(c)}'`), n;
+}
+function _(e) {
+  const t = N(e), r = new DOMParser().parseFromString(t, "text/xml"), c = r.querySelector("parsererror");
+  if (c) {
+    const a = c.textContent || "Unknown parse error";
+    throw new Error(j(a));
+  }
+  const s = r.documentElement, i = m(s);
+  return l(i);
+}
+function m(e) {
+  const t = e.tagName.toLowerCase(), n = {};
+  for (const i of Array.from(e.attributes))
+    n[i.name] = i.value;
+  if ([
+    "mj-text",
+    "mj-button",
+    "mj-title",
+    "mj-preview",
+    "mj-style",
+    "mj-raw"
+  ].includes(t))
+    return {
+      tagName: t,
+      attributes: n,
+      content: e.innerHTML.trim()
+    };
+  const s = [];
+  for (const i of Array.from(e.children))
+    s.push(m(i));
+  return {
+    tagName: t,
+    attributes: n,
+    children: s.length > 0 ? s : void 0
+  };
+}
+function A(e) {
+  return d(f(e));
+}
+function d(e, t = 0) {
+  const n = "  ".repeat(t), r = e.tagName, c = Object.entries(e.attributes || {}).filter(([, a]) => a !== "" && a !== void 0).map(([a, o]) => `${a}="${b(o)}"`).join(" "), s = c ? `<${r} ${c}>` : `<${r}>`, i = `</${r}>`;
+  if (e.content !== void 0)
+    return `${n}${s}${e.content}${i}`;
+  if (e.children && e.children.length > 0) {
+    const a = e.children.map((o) => d(o, t + 1)).join(`
+`);
+    return `${n}${s}
+${a}
+${n}${i}`;
+  }
+  return `${n}${s}${i}`;
+}
+function b(e) {
+  return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function l(e) {
+  return {
+    ...e,
+    _id: e._id || $(),
+    children: e.children?.map(l)
+  };
+}
+function f(e) {
+  const { _id: t, ...n } = e;
+  return {
+    ...n,
+    children: e.children?.map(f)
+  };
+}
+function p(e, t) {
+  if (e._id === t) return e;
+  if (!e.children) return null;
+  for (const n of e.children) {
+    const r = p(n, t);
+    if (r) return r;
+  }
+  return null;
+}
+function M(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function y(e, t, n) {
+  return e._id === t ? n(e) : e.children ? {
+    ...e,
+    children: e.children.map((r) => y(r, t, n))
+  } : e;
+}
+function h(e, t) {
+  return e.children ? {
+    ...e,
+    children: e.children.filter((n) => n._id !== t).map((n) => h(n, t))
+  } : e;
+}
+function g(e, t, n, r) {
+  if (e._id === t) {
+    const c = [...e.children || []];
+    return c.splice(n, 0, l(r)), { ...e, children: c };
+  }
+  return e.children ? {
+    ...e,
+    children: e.children.map(
+      (c) => g(c, t, n, r)
+    )
+  } : e;
+}
+function E(e, t, n, r) {
+  const c = p(e, t);
+  if (!c) return e;
+  const s = M(c);
+  let i = h(e, t);
+  return i = g(i, n, r, s), i;
+}
+function v() {
+  return l({
+    tagName: "mjml",
+    attributes: {},
+    children: [
+      {
+        tagName: "mj-body",
+        attributes: {},
+        children: [
+          {
+            tagName: "mj-section",
+            attributes: {},
+            children: [
+              {
+                tagName: "mj-column",
+                attributes: {},
+                children: [
+                  {
+                    tagName: "mj-text",
+                    attributes: {},
+                    content: "Start editing your email here..."
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  });
+}
+export {
+  l as addIds,
+  M as cloneNode,
+  v as createEmptyDocument,
+  h as deleteNode,
+  p as findNodeById,
+  g as insertNode,
+  E as moveNode,
+  _ as parseMjml,
+  A as serializeMjml,
+  f as stripIds,
+  y as updateNode
+};

package/dist/lib/mjml/parser.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=parser.test.d.ts.map

package/dist/lib/mjml/parser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.test.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/parser.test.ts"],"names":[],"mappings":""}

package/dist/lib/mjml/renderer.d.ts

@@ -0,0 +1,23 @@
+import { MjmlNode } from '../../types/mjml';
+export interface RenderResult {
+    html: string;
+    errors: {
+        line: number;
+        message: string;
+        tagName: string;
+    }[];
+}
+/**
+ * Render MJML JSON to HTML
+ */
+export declare function renderMjml(document: MjmlNode): Promise<RenderResult>;
+/**
+ * Render MJML string to HTML
+ */
+export declare function renderMjmlString(mjmlString: string): Promise<RenderResult>;
+/**
+ * Render MJML JSON to HTML with block IDs preserved as CSS classes
+ * This allows clicking elements in the preview to identify the source block
+ */
+export declare function renderMjmlInteractive(document: MjmlNode): Promise<RenderResult>;
+//# sourceMappingURL=renderer.d.ts.map

package/dist/lib/mjml/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC9D;AA6FD;;GAEG;AACH,wBAAsB,UAAU,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,CAmB1E;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CACpC,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,YAAY,CAAC,CAkBvB;AAED;;;GAGG;AACH,wBAAsB,qBAAqB,CACzC,QAAQ,EAAE,QAAQ,GACjB,OAAO,CAAC,YAAY,CAAC,CAsBvB"}

package/dist/lib/mjml/renderer.js

@@ -0,0 +1,75 @@
+import "uuid";
+let o = null;
+async function u() {
+  return o || (o = (await import("mjml-browser")).default), o;
+}
+function m(r) {
+  if (!r._id || !r.tagName.startsWith("mj-"))
+    return {
+      ...r,
+      children: r.children?.map(m)
+    };
+  const t = r.attributes["mj-class"] || "", e = `block-${r._id}`, s = t ? `${t} ${e}` : e;
+  return {
+    ...r,
+    attributes: { ...r.attributes, "mj-class": s },
+    children: r.children?.map(m)
+  };
+}
+function g(r) {
+  return p(r);
+}
+function p(r, t = 0) {
+  const e = "  ".repeat(t), s = r.tagName, n = Object.entries(r.attributes || {}).filter(
+    ([a, l]) => a !== "_id" && l !== "" && l !== void 0
+  ).map(([a, l]) => `${a}="${h(l)}"`).join(" "), i = n ? `<${s} ${n}>` : `<${s}>`, c = `</${s}>`;
+  if (r.content !== void 0)
+    return `${e}${i}${r.content}${c}`;
+  if (r.children && r.children.length > 0) {
+    const a = r.children.map((l) => p(l, t + 1)).join(`
+`);
+    return `${e}${i}
+${a}
+${e}${c}`;
+  }
+  return `${e}${i}${c}`;
+}
+function h(r) {
+  return r.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+async function $(r) {
+  try {
+    const e = (await u())(r, {
+      validationLevel: "soft"
+    });
+    return {
+      html: e.html,
+      errors: e.errors || []
+    };
+  } catch (t) {
+    return console.error("MJML render error:", t), {
+      html: '<p style="color: red; padding: 20px;">Error rendering email preview</p>',
+      errors: [{ line: 0, message: String(t), tagName: "mjml" }]
+    };
+  }
+}
+async function d(r) {
+  try {
+    const t = await u(), e = m(r), s = g(e), n = t(s, {
+      validationLevel: "soft"
+    });
+    return {
+      html: n.html,
+      errors: n.errors || []
+    };
+  } catch (t) {
+    return console.error("MJML render error:", t), {
+      html: '<p style="color: red; padding: 20px;">Error rendering email preview</p>',
+      errors: [{ line: 0, message: String(t), tagName: "mjml" }]
+    };
+  }
+}
+export {
+  d as renderMjmlInteractive,
+  $ as renderMjmlString
+};

package/dist/lib/mjml/schema.d.ts

@@ -0,0 +1,21 @@
+import { ComponentSchema, ContentBlockType } from '../../types/mjml';
+export declare const sectionSchema: ComponentSchema;
+export declare const wrapperSchema: ComponentSchema;
+export declare const columnSchema: ComponentSchema;
+export declare const textSchema: ComponentSchema;
+export declare const imageSchema: ComponentSchema;
+export declare const buttonSchema: ComponentSchema;
+export declare const dividerSchema: ComponentSchema;
+export declare const spacerSchema: ComponentSchema;
+export declare const bodySchema: ComponentSchema;
+export declare function getSchemaForTag(tagName: string): ComponentSchema | null;
+export declare const contentBlockTypes: {
+    type: ContentBlockType;
+    label: string;
+    icon: string;
+}[];
+export declare function getDefaultBlock(type: ContentBlockType): {
+    attributes: Record<string, string>;
+    content?: string;
+};
+//# sourceMappingURL=schema.d.ts.map

package/dist/lib/mjml/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/lib/mjml/schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGtE,eAAO,MAAM,aAAa,EAAE,eA4K3B,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,eAwK3B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,eA0J1B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,eAmJxB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,eAwMzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,eAsQ1B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,eAuF3B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,eAgD1B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,eAsBxB,CAAC;AAGF,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI,CAuBvE;AAGD,eAAO,MAAM,iBAAiB,EAAE;IAC9B,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,EAMA,CAAC;AAGF,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,GAAG;IACvD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAgCA"}