@react-email/editor 0.0.0-experimental.22 → 0.0.0-experimental.24

package/dist/columns-CUxUEHje.mjs

@@ -0,0 +1,497 @@
+import { Column, Row } from "@react-email/components";
+import { jsx } from "react/jsx-runtime";
+import { Node, mergeAttributes } from "@tiptap/core";
+import { TextSelection } from "@tiptap/pm/state";
+
+//#region src/core/event-bus.ts
+const EVENT_PREFIX = "@react-email/editor:";
+var EditorEventBus = class {
+	prefixEventName(eventName) {
+		return `${EVENT_PREFIX}${String(eventName)}`;
+	}
+	dispatch(eventName, payload, options) {
+		const target = options?.target ?? window;
+		const prefixedEventName = this.prefixEventName(eventName);
+		const event = new CustomEvent(prefixedEventName, {
+			detail: payload,
+			bubbles: false,
+			cancelable: false
+		});
+		target.dispatchEvent(event);
+	}
+	on(eventName, handler, options) {
+		const target = options?.target ?? window;
+		const prefixedEventName = this.prefixEventName(eventName);
+		const abortController = new AbortController();
+		const wrappedHandler = (event) => {
+			const customEvent = event;
+			const result = handler(customEvent.detail);
+			if (result instanceof Promise) result.catch((error) => {
+				console.error(`Error in async event handler for ${prefixedEventName}:`, {
+					event: customEvent.detail,
+					error
+				});
+			});
+		};
+		target.addEventListener(prefixedEventName, wrappedHandler, {
+			...options,
+			signal: abortController.signal
+		});
+		return { unsubscribe: () => {
+			abortController.abort();
+		} };
+	}
+};
+const editorEventBus = new EditorEventBus();
+
+//#endregion
+//#region src/utils/styles.ts
+const WHITE_SPACE_REGEX = /\s+/;
+const inlineCssToJs = (inlineStyle, options = {}) => {
+	const styleObject = {};
+	if (!inlineStyle || inlineStyle === "" || typeof inlineStyle === "object") return styleObject;
+	inlineStyle.split(";").forEach((style) => {
+		if (style.trim()) {
+			const [key, value] = style.split(":");
+			const valueTrimmed = value?.trim();
+			if (!valueTrimmed) return;
+			const formattedKey = key.trim().replace(/-\w/g, (match) => match[1].toUpperCase());
+			styleObject[formattedKey] = options?.removeUnit ? valueTrimmed.replace(/px|%/g, "") : valueTrimmed;
+		}
+	});
+	return styleObject;
+};
+/**
+* Expands CSS shorthand properties (margin, padding) into their longhand equivalents.
+* This prevents shorthand properties from overriding specific longhand properties in email clients.
+*
+* @param styles - Style object that may contain shorthand properties
+* @returns New style object with shorthand properties expanded to longhand
+*
+* @example
+* expandShorthandProperties({ margin: '0', paddingTop: '10px' })
+* // Returns: { marginTop: '0', marginRight: '0', marginBottom: '0', marginLeft: '0', paddingTop: '10px' }
+*/
+function expandShorthandProperties(styles) {
+	if (!styles || typeof styles !== "object") return {};
+	const expanded = {};
+	for (const key in styles) {
+		const value = styles[key];
+		if (value === void 0 || value === null || value === "") continue;
+		switch (key) {
+			case "margin": {
+				const values = parseShorthandValue(value);
+				expanded.marginTop = values.top;
+				expanded.marginRight = values.right;
+				expanded.marginBottom = values.bottom;
+				expanded.marginLeft = values.left;
+				break;
+			}
+			case "padding": {
+				const values = parseShorthandValue(value);
+				expanded.paddingTop = values.top;
+				expanded.paddingRight = values.right;
+				expanded.paddingBottom = values.bottom;
+				expanded.paddingLeft = values.left;
+				break;
+			}
+			case "border": {
+				const values = convertBorderValue(value);
+				expanded.borderStyle = values.style;
+				expanded.borderWidth = values.width;
+				expanded.borderColor = values.color;
+				break;
+			}
+			case "borderTopLeftRadius":
+			case "borderTopRightRadius":
+			case "borderBottomLeftRadius":
+			case "borderBottomRightRadius":
+				expanded[key] = value;
+				if (styles.borderTopLeftRadius && styles.borderTopRightRadius && styles.borderBottomLeftRadius && styles.borderBottomRightRadius) {
+					const values = [
+						styles.borderTopLeftRadius,
+						styles.borderTopRightRadius,
+						styles.borderBottomLeftRadius,
+						styles.borderBottomRightRadius
+					];
+					if (new Set(values).size === 1) expanded.borderRadius = values[0];
+				}
+				break;
+			default: expanded[key] = value;
+		}
+	}
+	return expanded;
+}
+/**
+* Parses CSS shorthand value (1-4 values) into individual side values.
+* Follows CSS specification for shorthand property value parsing.
+*
+* @param value - Shorthand value string (e.g., '0', '10px 20px', '5px 10px 15px 20px')
+* @returns Object with top, right, bottom, left values
+*/
+function parseShorthandValue(value) {
+	const stringValue = String(value).trim();
+	const parts = stringValue.split(WHITE_SPACE_REGEX);
+	const len = parts.length;
+	if (len === 1) return {
+		top: parts[0],
+		right: parts[0],
+		bottom: parts[0],
+		left: parts[0]
+	};
+	if (len === 2) return {
+		top: parts[0],
+		right: parts[1],
+		bottom: parts[0],
+		left: parts[1]
+	};
+	if (len === 3) return {
+		top: parts[0],
+		right: parts[1],
+		bottom: parts[2],
+		left: parts[1]
+	};
+	if (len === 4) return {
+		top: parts[0],
+		right: parts[1],
+		bottom: parts[2],
+		left: parts[3]
+	};
+	return {
+		top: stringValue,
+		right: stringValue,
+		bottom: stringValue,
+		left: stringValue
+	};
+}
+function convertBorderValue(value) {
+	const stringValue = String(value).trim();
+	const parts = stringValue.split(WHITE_SPACE_REGEX);
+	switch (parts.length) {
+		case 1: return {
+			style: "solid",
+			width: parts[0],
+			color: "black"
+		};
+		case 2: return {
+			style: parts[1],
+			width: parts[0],
+			color: "black"
+		};
+		case 3: return {
+			style: parts[1],
+			width: parts[0],
+			color: parts[2]
+		};
+		case 4: return {
+			style: parts[1],
+			width: parts[0],
+			color: parts[2]
+		};
+		default: return {
+			style: "solid",
+			width: stringValue,
+			color: "black"
+		};
+	}
+}
+/**
+* Resolves conflicts between reset styles and inline styles by expanding
+* shorthand properties (margin, padding) to longhand before merging.
+* This prevents shorthand properties from overriding specific longhand properties.
+*
+* @param resetStyles - Base reset styles that may contain shorthand properties
+* @param inlineStyles - Inline styles that should override reset styles
+* @returns Merged styles with inline styles taking precedence
+*/
+function resolveConflictingStyles(resetStyles, inlineStyles) {
+	const expandedResetStyles = expandShorthandProperties(resetStyles);
+	const expandedInlineStyles = expandShorthandProperties(inlineStyles);
+	return {
+		...expandedResetStyles,
+		...expandedInlineStyles
+	};
+}
+
+//#endregion
+//#region src/core/serializer/email-node.ts
+var EmailNode = class EmailNode extends Node {
+	constructor(config) {
+		super(config);
+	}
+	/**
+	* Create a new Node instance
+	* @param config - Node configuration object or a function that returns a configuration object
+	*/
+	static create(config) {
+		return new EmailNode(typeof config === "function" ? config() : config);
+	}
+	static from(node, renderToReactEmail) {
+		const customNode = EmailNode.create({});
+		Object.assign(customNode, { ...node });
+		customNode.config = {
+			...node.config,
+			renderToReactEmail
+		};
+		return customNode;
+	}
+	configure(options) {
+		return super.configure(options);
+	}
+	extend(extendedConfig) {
+		const resolvedConfig = typeof extendedConfig === "function" ? extendedConfig() : extendedConfig;
+		return super.extend(resolvedConfig);
+	}
+};
+
+//#endregion
+//#region src/utils/attribute-helpers.ts
+/**
+* Creates TipTap attribute definitions for a list of HTML attributes.
+* Each attribute will have the same pattern:
+* - default: null
+* - parseHTML: extracts the attribute from the element
+* - renderHTML: conditionally renders the attribute if it has a value
+*
+* @param attributeNames - Array of HTML attribute names to create definitions for
+* @returns Object with TipTap attribute definitions
+*
+* @example
+* const attrs = createStandardAttributes(['class', 'id', 'title']);
+* // Returns:
+* // {
+* //   class: {
+* //     default: null,
+* //     parseHTML: (element) => element.getAttribute('class'),
+* //     renderHTML: (attributes) => attributes.class ? { class: attributes.class } : {}
+* //   },
+* //   ...
+* // }
+*/
+function createStandardAttributes(attributeNames) {
+	return Object.fromEntries(attributeNames.map((attr) => [attr, {
+		default: null,
+		parseHTML: (element) => element.getAttribute(attr),
+		renderHTML: (attributes) => {
+			if (!attributes[attr]) return {};
+			return { [attr]: attributes[attr] };
+		}
+	}]));
+}
+/**
+* Common HTML attributes used across multiple extensions.
+* These preserve attributes during HTML import and editing for better
+* fidelity when importing existing email templates.
+*/
+const COMMON_HTML_ATTRIBUTES = [
+	"id",
+	"class",
+	"title",
+	"lang",
+	"dir",
+	"data-id"
+];
+/**
+* Layout-specific HTML attributes used for positioning and sizing.
+*/
+const LAYOUT_ATTRIBUTES = [
+	"align",
+	"width",
+	"height"
+];
+/**
+* Table-specific HTML attributes used for table layout and styling.
+*/
+const TABLE_ATTRIBUTES = [
+	"border",
+	"cellpadding",
+	"cellspacing"
+];
+/**
+* Table cell-specific HTML attributes.
+*/
+const TABLE_CELL_ATTRIBUTES = [
+	"valign",
+	"bgcolor",
+	"colspan",
+	"rowspan"
+];
+/**
+* Table header cell-specific HTML attributes.
+* These are additional attributes that only apply to <th> elements.
+*/
+const TABLE_HEADER_ATTRIBUTES = [...TABLE_CELL_ATTRIBUTES, "scope"];
+
+//#endregion
+//#region src/extensions/columns.tsx
+const COLUMN_PARENT_TYPES = [
+	"twoColumns",
+	"threeColumns",
+	"fourColumns"
+];
+const COLUMN_PARENT_SET = new Set(COLUMN_PARENT_TYPES);
+const MAX_COLUMNS_DEPTH = 3;
+function getColumnsDepth(doc, from) {
+	const $from = doc.resolve(from);
+	let depth = 0;
+	for (let d = $from.depth; d > 0; d--) if (COLUMN_PARENT_SET.has($from.node(d).type.name)) depth++;
+	return depth;
+}
+const VARIANTS = [
+	{
+		name: "twoColumns",
+		columnCount: 2,
+		content: "columnsColumn columnsColumn",
+		dataType: "two-columns"
+	},
+	{
+		name: "threeColumns",
+		columnCount: 3,
+		content: "columnsColumn columnsColumn columnsColumn",
+		dataType: "three-columns"
+	},
+	{
+		name: "fourColumns",
+		columnCount: 4,
+		content: "columnsColumn{4}",
+		dataType: "four-columns"
+	}
+];
+const NODE_TYPE_MAP = {
+	2: "twoColumns",
+	3: "threeColumns",
+	4: "fourColumns"
+};
+function createColumnsNode(config, includeCommands) {
+	return EmailNode.create({
+		name: config.name,
+		group: "block",
+		content: config.content,
+		isolating: true,
+		defining: true,
+		addAttributes() {
+			return createStandardAttributes([...LAYOUT_ATTRIBUTES, ...COMMON_HTML_ATTRIBUTES]);
+		},
+		parseHTML() {
+			return [{ tag: `div[data-type="${config.dataType}"]` }];
+		},
+		renderHTML({ HTMLAttributes }) {
+			return [
+				"div",
+				mergeAttributes({
+					"data-type": config.dataType,
+					class: "node-columns"
+				}, HTMLAttributes),
+				0
+			];
+		},
+		...includeCommands && { addCommands() {
+			return { insertColumns: (count) => ({ commands, state }) => {
+				if (getColumnsDepth(state.doc, state.selection.from) >= MAX_COLUMNS_DEPTH) return false;
+				const nodeType = NODE_TYPE_MAP[count];
+				const children = Array.from({ length: count }, () => ({
+					type: "columnsColumn",
+					content: [{
+						type: "paragraph",
+						content: []
+					}]
+				}));
+				return commands.insertContent({
+					type: nodeType,
+					content: children
+				});
+			} };
+		} },
+		renderToReactEmail({ children, node, style }) {
+			const inlineStyles = inlineCssToJs(node.attrs?.style);
+			return /* @__PURE__ */ jsx(Row, {
+				className: node.attrs?.class || void 0,
+				style: {
+					...style,
+					...inlineStyles
+				},
+				children
+			});
+		}
+	});
+}
+const TwoColumns = createColumnsNode(VARIANTS[0], true);
+const ThreeColumns = createColumnsNode(VARIANTS[1], false);
+const FourColumns = createColumnsNode(VARIANTS[2], false);
+const ColumnsColumn = EmailNode.create({
+	name: "columnsColumn",
+	group: "columnsColumn",
+	content: "block+",
+	isolating: true,
+	addAttributes() {
+		return { ...createStandardAttributes([...LAYOUT_ATTRIBUTES, ...COMMON_HTML_ATTRIBUTES]) };
+	},
+	parseHTML() {
+		return [{ tag: "div[data-type=\"column\"]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return [
+			"div",
+			mergeAttributes({
+				"data-type": "column",
+				class: "node-column"
+			}, HTMLAttributes),
+			0
+		];
+	},
+	addKeyboardShortcuts() {
+		return {
+			Backspace: ({ editor }) => {
+				const { state } = editor;
+				const { selection } = state;
+				const { empty, $from } = selection;
+				if (!empty) return false;
+				for (let depth = $from.depth; depth >= 1; depth--) {
+					if ($from.pos !== $from.start(depth)) break;
+					const indexInParent = $from.index(depth - 1);
+					if (indexInParent === 0) continue;
+					const prevNode = $from.node(depth - 1).child(indexInParent - 1);
+					if (COLUMN_PARENT_SET.has(prevNode.type.name)) {
+						const deleteFrom = $from.before(depth) - prevNode.nodeSize;
+						const deleteTo = $from.before(depth);
+						editor.view.dispatch(state.tr.delete(deleteFrom, deleteTo));
+						return true;
+					}
+					break;
+				}
+				return false;
+			},
+			"Mod-a": ({ editor }) => {
+				const { state } = editor;
+				const { $from } = state.selection;
+				for (let d = $from.depth; d > 0; d--) {
+					if ($from.node(d).type.name !== "columnsColumn") continue;
+					const columnStart = $from.start(d);
+					const columnEnd = $from.end(d);
+					const { from, to } = state.selection;
+					if (from === columnStart && to === columnEnd) return false;
+					editor.view.dispatch(state.tr.setSelection(TextSelection.create(state.doc, columnStart, columnEnd)));
+					return true;
+				}
+				return false;
+			}
+		};
+	},
+	renderToReactEmail({ children, node, style }) {
+		const inlineStyles = inlineCssToJs(node.attrs?.style);
+		const width = node.attrs?.width;
+		return /* @__PURE__ */ jsx(Column, {
+			className: node.attrs?.class || void 0,
+			style: {
+				...style,
+				...inlineStyles,
+				...width ? { width } : {}
+			},
+			children
+		});
+	}
+});
+
+//#endregion
+export { editorEventBus as _, ThreeColumns as a, COMMON_HTML_ATTRIBUTES as c, TABLE_CELL_ATTRIBUTES as d, TABLE_HEADER_ATTRIBUTES as f, resolveConflictingStyles as g, inlineCssToJs as h, MAX_COLUMNS_DEPTH as i, LAYOUT_ATTRIBUTES as l, EmailNode as m, ColumnsColumn as n, TwoColumns as o, createStandardAttributes as p, FourColumns as r, getColumnsDepth as s, COLUMN_PARENT_TYPES as t, TABLE_ATTRIBUTES as u };
+//# sourceMappingURL=columns-CUxUEHje.mjs.map

package/dist/columns-CUxUEHje.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns-CUxUEHje.mjs","names":[],"sources":["../src/core/event-bus.ts","../src/utils/styles.ts","../src/core/serializer/email-node.ts","../src/utils/attribute-helpers.ts","../src/extensions/columns.tsx"],"sourcesContent":["const EVENT_PREFIX = '@react-email/editor:';\n\n/**\n * Base event map interface for the editor event bus.\n *\n * Components extend this via TypeScript module augmentation:\n * ```ts\n * declare module '@react-email/editor' {\n *   interface EditorEventMap {\n *     'my-component:custom-event': { data: string };\n *   }\n * }\n * ```\n */\nexport interface EditorEventMap {\n  'bubble-menu:add-link': undefined;\n}\n\nexport type EditorEventName = keyof EditorEventMap;\n\nexport type EditorEventHandler<T extends EditorEventName> = (\n  payload: EditorEventMap[T],\n) => void | Promise<void>;\n\nexport interface EditorEventSubscription {\n  unsubscribe: () => void;\n}\n\nclass EditorEventBus {\n  private prefixEventName(eventName: EditorEventName): string {\n    return `${EVENT_PREFIX}${String(eventName)}`;\n  }\n\n  dispatch<T extends EditorEventName>(\n    eventName: T,\n    payload: EditorEventMap[T],\n    options?: { target?: EventTarget },\n  ): void {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const event = new CustomEvent(prefixedEventName, {\n      detail: payload,\n      bubbles: false,\n      cancelable: false,\n    });\n    target.dispatchEvent(event);\n  }\n\n  on<T extends EditorEventName>(\n    eventName: T,\n    handler: EditorEventHandler<T>,\n    options?: AddEventListenerOptions & { target?: EventTarget },\n  ): EditorEventSubscription {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const abortController = new AbortController();\n\n    const wrappedHandler = (event: Event) => {\n      const customEvent = event as CustomEvent<EditorEventMap[T]>;\n      const result = handler(customEvent.detail);\n\n      if (result instanceof Promise) {\n        result.catch((error) => {\n          console.error(\n            `Error in async event handler for ${prefixedEventName}:`,\n            { event: customEvent.detail, error },\n          );\n        });\n      }\n    };\n\n    target.addEventListener(prefixedEventName, wrappedHandler, {\n      ...options,\n      signal: abortController.signal,\n    });\n\n    return {\n      unsubscribe: () => {\n        abortController.abort();\n      },\n    };\n  }\n}\n\nexport const editorEventBus = new EditorEventBus();\n","import type { CssJs } from './types';\n\nconst WHITE_SPACE_REGEX = /\\s+/;\n\nexport const jsToInlineCss = (styleObject: { [key: string]: any }) => {\n  const parts: string[] = [];\n\n  for (const key in styleObject) {\n    const value = styleObject[key];\n    if (value !== 0 && value !== undefined && value !== null && value !== '') {\n      const KEBAB_CASE_REGEX = /[A-Z]/g;\n      const formattedKey = key.replace(\n        KEBAB_CASE_REGEX,\n        (match) => `-${match.toLowerCase()}`,\n      );\n      parts.push(`${formattedKey}:${value}`);\n    }\n  }\n\n  return parts.join(';') + (parts.length ? ';' : '');\n};\n\nexport const inlineCssToJs = (\n  inlineStyle: string,\n  options: { removeUnit?: boolean } = {},\n) => {\n  const styleObject: { [key: string]: string } = {};\n\n  if (!inlineStyle || inlineStyle === '' || typeof inlineStyle === 'object') {\n    return styleObject;\n  }\n\n  inlineStyle.split(';').forEach((style: string) => {\n    if (style.trim()) {\n      const [key, value] = style.split(':');\n      const valueTrimmed = value?.trim();\n\n      if (!valueTrimmed) {\n        return;\n      }\n\n      const formattedKey = key\n        .trim()\n        .replace(/-\\w/g, (match) => match[1].toUpperCase());\n\n      const UNIT_REGEX = /px|%/g;\n      const sanitizedValue = options?.removeUnit\n        ? valueTrimmed.replace(UNIT_REGEX, '')\n        : valueTrimmed;\n\n      styleObject[formattedKey] = sanitizedValue;\n    }\n  });\n\n  return styleObject;\n};\n\n/**\n * Expands CSS shorthand properties (margin, padding) into their longhand equivalents.\n * This prevents shorthand properties from overriding specific longhand properties in email clients.\n *\n * @param styles - Style object that may contain shorthand properties\n * @returns New style object with shorthand properties expanded to longhand\n *\n * @example\n * expandShorthandProperties({ margin: '0', paddingTop: '10px' })\n * // Returns: { marginTop: '0', marginRight: '0', marginBottom: '0', marginLeft: '0', paddingTop: '10px' }\n */\nexport function expandShorthandProperties(\n  styles: Record<string, string>,\n): Record<string, string> {\n  if (!styles || typeof styles !== 'object') {\n    return {};\n  }\n\n  const expanded: Record<string, any> = {};\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value === undefined || value === null || value === '') {\n      continue;\n    }\n\n    switch (key) {\n      case 'margin': {\n        const values = parseShorthandValue(value);\n        expanded.marginTop = values.top;\n        expanded.marginRight = values.right;\n        expanded.marginBottom = values.bottom;\n        expanded.marginLeft = values.left;\n        break;\n      }\n      case 'padding': {\n        const values = parseShorthandValue(value);\n        expanded.paddingTop = values.top;\n        expanded.paddingRight = values.right;\n        expanded.paddingBottom = values.bottom;\n        expanded.paddingLeft = values.left;\n        break;\n      }\n      case 'border': {\n        const values = convertBorderValue(value);\n        expanded.borderStyle = values.style;\n        expanded.borderWidth = values.width;\n        expanded.borderColor = values.color;\n        break;\n      }\n      case 'borderTopLeftRadius':\n      case 'borderTopRightRadius':\n      case 'borderBottomLeftRadius':\n      case 'borderBottomRightRadius': {\n        // Always preserve the longhand property\n        expanded[key] = value;\n\n        // When all four corners are present and identical, also add the shorthand\n        if (\n          styles.borderTopLeftRadius &&\n          styles.borderTopRightRadius &&\n          styles.borderBottomLeftRadius &&\n          styles.borderBottomRightRadius\n        ) {\n          const values = [\n            styles.borderTopLeftRadius,\n            styles.borderTopRightRadius,\n            styles.borderBottomLeftRadius,\n            styles.borderBottomRightRadius,\n          ];\n\n          if (new Set(values).size === 1) {\n            expanded.borderRadius = values[0];\n          }\n        }\n\n        break;\n      }\n\n      default: {\n        // Keep all other properties as-is\n        expanded[key] = value;\n      }\n    }\n  }\n\n  return expanded;\n}\n\n/**\n * Parses CSS shorthand value (1-4 values) into individual side values.\n * Follows CSS specification for shorthand property value parsing.\n *\n * @param value - Shorthand value string (e.g., '0', '10px 20px', '5px 10px 15px 20px')\n * @returns Object with top, right, bottom, left values\n */\nfunction parseShorthandValue(value: string | number): {\n  top: string;\n  right: string;\n  bottom: string;\n  left: string;\n} {\n  const stringValue = String(value).trim();\n  const parts = stringValue.split(WHITE_SPACE_REGEX);\n  const len = parts.length;\n\n  if (len === 1) {\n    return { top: parts[0], right: parts[0], bottom: parts[0], left: parts[0] };\n  }\n  if (len === 2) {\n    return { top: parts[0], right: parts[1], bottom: parts[0], left: parts[1] };\n  }\n  if (len === 3) {\n    return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[1] };\n  }\n  if (len === 4) {\n    return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[3] };\n  }\n\n  return {\n    top: stringValue,\n    right: stringValue,\n    bottom: stringValue,\n    left: stringValue,\n  };\n}\n\nfunction convertBorderValue(value: string | number): {\n  style: string;\n  width: string;\n  color: string;\n} {\n  const stringValue = String(value).trim();\n  const parts = stringValue.split(WHITE_SPACE_REGEX);\n\n  switch (parts.length) {\n    case 1:\n      // border: 1px → all sides\n      return {\n        style: 'solid',\n        width: parts[0],\n        color: 'black',\n      };\n    case 2:\n      // border: 1px solid → top/bottom, left/right\n      return {\n        style: parts[1],\n        width: parts[0],\n        color: 'black',\n      };\n    case 3:\n      // border: 1px solid #000 → top, left/right, bottom\n      return {\n        style: parts[1],\n        width: parts[0],\n        color: parts[2],\n      };\n    case 4:\n      // border: 1px solid #000 #fff → top, right, bottom, left\n      return {\n        style: parts[1],\n        width: parts[0],\n        color: parts[2],\n      };\n    default:\n      // Invalid format, return the original value for all sides\n      return {\n        style: 'solid',\n        width: stringValue,\n        color: 'black',\n      };\n  }\n}\n\n/**\n * Resolves conflicts between reset styles and inline styles by expanding\n * shorthand properties (margin, padding) to longhand before merging.\n * This prevents shorthand properties from overriding specific longhand properties.\n *\n * @param resetStyles - Base reset styles that may contain shorthand properties\n * @param inlineStyles - Inline styles that should override reset styles\n * @returns Merged styles with inline styles taking precedence\n */\nexport function resolveConflictingStyles(\n  resetStyles: CssJs['reset'],\n  inlineStyles: Record<string, string>,\n) {\n  const expandedResetStyles = expandShorthandProperties(\n    resetStyles as Record<string, string>,\n  );\n  const expandedInlineStyles = expandShorthandProperties(inlineStyles);\n\n  return {\n    ...expandedResetStyles,\n    ...expandedInlineStyles,\n  };\n}\n","import {\n  type Editor,\n  type JSONContent,\n  Node,\n  type NodeConfig,\n  type NodeType,\n} from '@tiptap/core';\n\nexport type RendererComponent = (props: {\n  node: JSONContent;\n  style: React.CSSProperties;\n  children?: React.ReactNode;\n}) => React.ReactNode;\n\nexport interface EmailNodeConfig<Options, Storage>\n  extends NodeConfig<Options, Storage> {\n  renderToReactEmail: RendererComponent;\n}\n\ntype ConfigParameter<Options, Storage> = Partial<\n  Omit<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>\n> &\n  Pick<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'> &\n  ThisType<{\n    name: string;\n    options: Options;\n    storage: Storage;\n    editor: Editor;\n    type: NodeType;\n    parent: (...args: any[]) => any;\n  }>;\n\nexport class EmailNode<\n  Options = Record<string, never>,\n  Storage = Record<string, never>,\n> extends Node<Options, Storage> {\n  declare config: EmailNodeConfig<Options, Storage>;\n\n  // biome-ignore lint/complexity/noUselessConstructor: This is only meant to change the types for config, hence why we keep it\n  constructor(config: ConfigParameter<Options, Storage>) {\n    super(config);\n  }\n\n  /**\n   * Create a new Node instance\n   * @param config - Node configuration object or a function that returns a configuration object\n   */\n  static create<O = Record<string, never>, S = Record<string, never>>(\n    config: ConfigParameter<O, S> | (() => ConfigParameter<O, S>),\n  ) {\n    // If the config is a function, execute it to get the configuration object\n    const resolvedConfig = typeof config === 'function' ? config() : config;\n    return new EmailNode<O, S>(resolvedConfig);\n  }\n\n  static from<O, S>(\n    node: Node<O, S>,\n    renderToReactEmail: RendererComponent,\n  ): EmailNode<O, S> {\n    const customNode = EmailNode.create({} as ConfigParameter<O, S>);\n    // This only makes a shallow copy, so if there's nested objects here mutating things will be dangerous\n    Object.assign(customNode, { ...node });\n    customNode.config = { ...node.config, renderToReactEmail };\n    return customNode;\n  }\n\n  // Subclass return types for configure/extend; safe at runtime. TipTap's Node typings cause TS2416 when returning EmailNode.\n  // @ts-expect-error - EmailNode is a valid Node subclass; base typings don't support subclass return types\n  configure(options?: Partial<Options>) {\n    return super.configure(options) as EmailNode<Options, Storage>;\n  }\n\n  // @ts-expect-error - same as configure: extend returns EmailNode for chaining; base typings are incompatible\n  extend<\n    ExtendedOptions = Options,\n    ExtendedStorage = Storage,\n    ExtendedConfig extends NodeConfig<\n      ExtendedOptions,\n      ExtendedStorage\n    > = EmailNodeConfig<ExtendedOptions, ExtendedStorage>,\n  >(\n    extendedConfig?:\n      | (() => Partial<ExtendedConfig>)\n      | (Partial<ExtendedConfig> &\n          ThisType<{\n            name: string;\n            options: ExtendedOptions;\n            storage: ExtendedStorage;\n            editor: Editor;\n            type: NodeType;\n          }>),\n  ): EmailNode<ExtendedOptions, ExtendedStorage> {\n    // If the extended config is a function, execute it to get the configuration object\n    const resolvedConfig =\n      typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig;\n    return super.extend(resolvedConfig) as EmailNode<\n      ExtendedOptions,\n      ExtendedStorage\n    >;\n  }\n}\n","/**\n * Creates TipTap attribute definitions for a list of HTML attributes.\n * Each attribute will have the same pattern:\n * - default: null\n * - parseHTML: extracts the attribute from the element\n * - renderHTML: conditionally renders the attribute if it has a value\n *\n * @param attributeNames - Array of HTML attribute names to create definitions for\n * @returns Object with TipTap attribute definitions\n *\n * @example\n * const attrs = createStandardAttributes(['class', 'id', 'title']);\n * // Returns:\n * // {\n * //   class: {\n * //     default: null,\n * //     parseHTML: (element) => element.getAttribute('class'),\n * //     renderHTML: (attributes) => attributes.class ? { class: attributes.class } : {}\n * //   },\n * //   ...\n * // }\n */\nexport function createStandardAttributes(attributeNames: readonly string[]) {\n  return Object.fromEntries(\n    attributeNames.map((attr) => [\n      attr,\n      {\n        default: null,\n        parseHTML: (element: HTMLElement) => element.getAttribute(attr),\n        renderHTML: (attributes: Record<string, unknown>) => {\n          if (!attributes[attr]) {\n            return {};\n          }\n\n          return {\n            [attr]: attributes[attr],\n          };\n        },\n      },\n    ]),\n  );\n}\n\n/**\n * Common HTML attributes used across multiple extensions.\n * These preserve attributes during HTML import and editing for better\n * fidelity when importing existing email templates.\n */\nexport const COMMON_HTML_ATTRIBUTES = [\n  'id',\n  'class',\n  'title',\n  'lang',\n  'dir',\n  'data-id',\n] as const;\n\n/**\n * Layout-specific HTML attributes used for positioning and sizing.\n */\nexport const LAYOUT_ATTRIBUTES = ['align', 'width', 'height'] as const;\n\n/**\n * Table-specific HTML attributes used for table layout and styling.\n */\nexport const TABLE_ATTRIBUTES = [\n  'border',\n  'cellpadding',\n  'cellspacing',\n] as const;\n\n/**\n * Table cell-specific HTML attributes.\n */\nexport const TABLE_CELL_ATTRIBUTES = [\n  'valign',\n  'bgcolor',\n  'colspan',\n  'rowspan',\n] as const;\n\n/**\n * Table header cell-specific HTML attributes.\n * These are additional attributes that only apply to <th> elements.\n */\nexport const TABLE_HEADER_ATTRIBUTES = [\n  ...TABLE_CELL_ATTRIBUTES,\n  'scope',\n] as const;\n","import { Column, Row } from '@react-email/components';\nimport { type CommandProps, mergeAttributes } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { TextSelection } from '@tiptap/pm/state';\nimport { EmailNode } from '../core/serializer/email-node';\nimport {\n  COMMON_HTML_ATTRIBUTES,\n  createStandardAttributes,\n  LAYOUT_ATTRIBUTES,\n} from '../utils/attribute-helpers';\nimport { inlineCssToJs } from '../utils/styles';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      insertColumns: (count: 2 | 3 | 4) => ReturnType;\n    };\n  }\n}\n\nexport const COLUMN_PARENT_TYPES = [\n  'twoColumns',\n  'threeColumns',\n  'fourColumns',\n] as const;\n\nconst COLUMN_PARENT_SET = new Set<string>(COLUMN_PARENT_TYPES);\n\nexport const MAX_COLUMNS_DEPTH = 3;\n\nexport function getColumnsDepth(doc: ProseMirrorNode, from: number): number {\n  const $from = doc.resolve(from);\n  let depth = 0;\n  for (let d = $from.depth; d > 0; d--) {\n    if (COLUMN_PARENT_SET.has($from.node(d).type.name)) {\n      depth++;\n    }\n  }\n  return depth;\n}\n\ninterface ColumnsVariantConfig {\n  name: (typeof COLUMN_PARENT_TYPES)[number];\n  columnCount: number;\n  content: string;\n  dataType: string;\n}\n\nconst VARIANTS: ColumnsVariantConfig[] = [\n  {\n    name: 'twoColumns',\n    columnCount: 2,\n    content: 'columnsColumn columnsColumn',\n    dataType: 'two-columns',\n  },\n  {\n    name: 'threeColumns',\n    columnCount: 3,\n    content: 'columnsColumn columnsColumn columnsColumn',\n    dataType: 'three-columns',\n  },\n  {\n    name: 'fourColumns',\n    columnCount: 4,\n    content: 'columnsColumn{4}',\n    dataType: 'four-columns',\n  },\n];\n\nconst NODE_TYPE_MAP: Record<number, (typeof COLUMN_PARENT_TYPES)[number]> = {\n  2: 'twoColumns',\n  3: 'threeColumns',\n  4: 'fourColumns',\n};\n\nfunction createColumnsNode(\n  config: ColumnsVariantConfig,\n  includeCommands: boolean,\n) {\n  return EmailNode.create({\n    name: config.name,\n    group: 'block',\n    content: config.content,\n    isolating: true,\n    defining: true,\n\n    addAttributes() {\n      return createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]);\n    },\n\n    parseHTML() {\n      return [{ tag: `div[data-type=\"${config.dataType}\"]` }];\n    },\n\n    renderHTML({ HTMLAttributes }) {\n      return [\n        'div',\n        mergeAttributes(\n          { 'data-type': config.dataType, class: 'node-columns' },\n          HTMLAttributes,\n        ),\n        0,\n      ];\n    },\n\n    ...(includeCommands && {\n      addCommands() {\n        return {\n          insertColumns:\n            (count: 2 | 3 | 4) =>\n            ({\n              commands,\n              state,\n            }: CommandProps & {\n              state: { doc: ProseMirrorNode; selection: { from: number } };\n            }) => {\n              if (\n                getColumnsDepth(state.doc, state.selection.from) >=\n                MAX_COLUMNS_DEPTH\n              ) {\n                return false;\n              }\n              const nodeType = NODE_TYPE_MAP[count];\n              const children = Array.from({ length: count }, () => ({\n                type: 'columnsColumn',\n                content: [{ type: 'paragraph', content: [] }],\n              }));\n              return commands.insertContent({\n                type: nodeType,\n                content: children,\n              });\n            },\n        };\n      },\n    }),\n\n    renderToReactEmail({ children, node, style }) {\n      const inlineStyles = inlineCssToJs(node.attrs?.style);\n      return (\n        <Row\n          className={node.attrs?.class || undefined}\n          style={{ ...style, ...inlineStyles }}\n        >\n          {children}\n        </Row>\n      );\n    },\n  });\n}\n\nexport const TwoColumns = createColumnsNode(VARIANTS[0], true);\nexport const ThreeColumns = createColumnsNode(VARIANTS[1], false);\nexport const FourColumns = createColumnsNode(VARIANTS[2], false);\n\nexport const ColumnsColumn = EmailNode.create({\n  name: 'columnsColumn',\n  group: 'columnsColumn',\n  content: 'block+',\n  isolating: true,\n\n  addAttributes() {\n    return {\n      ...createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]),\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"column\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes(\n        { 'data-type': 'column', class: 'node-column' },\n        HTMLAttributes,\n      ),\n      0,\n    ];\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: ({ editor }) => {\n        const { state } = editor;\n        const { selection } = state;\n        const { empty, $from } = selection;\n\n        if (!empty) return false;\n\n        for (let depth = $from.depth; depth >= 1; depth--) {\n          if ($from.pos !== $from.start(depth)) break;\n\n          const indexInParent = $from.index(depth - 1);\n\n          if (indexInParent === 0) continue;\n\n          const parent = $from.node(depth - 1);\n          const prevNode = parent.child(indexInParent - 1);\n\n          if (COLUMN_PARENT_SET.has(prevNode.type.name)) {\n            const deleteFrom = $from.before(depth) - prevNode.nodeSize;\n            const deleteTo = $from.before(depth);\n            editor.view.dispatch(state.tr.delete(deleteFrom, deleteTo));\n            return true;\n          }\n\n          break;\n        }\n\n        return false;\n      },\n      'Mod-a': ({ editor }) => {\n        const { state } = editor;\n        const { $from } = state.selection;\n\n        for (let d = $from.depth; d > 0; d--) {\n          if ($from.node(d).type.name !== 'columnsColumn') {\n            continue;\n          }\n\n          const columnStart = $from.start(d);\n          const columnEnd = $from.end(d);\n          const { from, to } = state.selection;\n\n          if (from === columnStart && to === columnEnd) {\n            return false;\n          }\n\n          editor.view.dispatch(\n            state.tr.setSelection(\n              TextSelection.create(state.doc, columnStart, columnEnd),\n            ),\n          );\n          return true;\n        }\n\n        return false;\n      },\n    };\n  },\n\n  renderToReactEmail({ children, node, style }) {\n    const inlineStyles = inlineCssToJs(node.attrs?.style);\n    const width = node.attrs?.width;\n    return (\n      <Column\n        className={node.attrs?.class || undefined}\n        style={{\n          ...style,\n          ...inlineStyles,\n          ...(width ? { width } : {}),\n        }}\n      >\n        {children}\n      </Column>\n    );\n  },\n});\n"],"mappings":"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"}