@templatical/import-unlayer 0.4.0

package/LICENSE

@@ -0,0 +1,56 @@
+Functional Source License, Version 1.1, MIT Future License
+
+Copyright (c) 2026-present Templatical
+
+## Terms and Conditions
+
+### Licensor ("We")
+
+Templatical
+
+### The Software
+
+Templatical Email Editor — the visual drag-and-drop email template editor
+(@templatical/core, @templatical/editor, and @templatical/media-library
+packages).
+
+### Grant of Rights
+
+Subject to the terms and conditions of this License, We hereby grant You a
+non-exclusive, worldwide, non-transferable license to use, copy, modify,
+create derivative works, and redistribute the Software, subject to the
+following conditions:
+
+### Permitted Uses
+
+You may use the Software for any purpose, including commercial purposes,
+**provided that** you do not offer the Software, or a substantially similar
+product built using the Software, as a hosted or managed service that
+competes with Templatical's commercial offerings.
+
+### Change Date
+
+Two (2) years from the date of each release of the Software.
+
+### Change License
+
+MIT License
+
+On the Change Date, the above copyright notice and this permission notice
+shall be replaced with the MIT License, and the Software will be available
+under the MIT License for all purposes without restriction.
+
+### Notices
+
+You must retain this license notice in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+
+---
+
+Note: The @templatical/types, @templatical/renderer, and
+@templatical/import-beefree packages are licensed separately under the MIT
+License. See LICENSE-MIT for those packages' terms.

package/README.md

@@ -0,0 +1,81 @@
+# @templatical/import-unlayer
+
+> Convert Unlayer email templates to Templatical's JSON format.
+
+[![npm version](https://img.shields.io/npm/v/@templatical/import-unlayer?label=npm&color=cb3837)](https://www.npmjs.com/package/@templatical/import-unlayer)
+[![License](https://img.shields.io/badge/license-MIT-green)](https://github.com/templatical/sdk/blob/main/LICENSE-MIT)
+
+Migrate from [Unlayer](https://unlayer.com) (the `react-email-editor` design JSON) to [Templatical](https://github.com/templatical/sdk) without rebuilding your templates by hand. Maps Unlayer content types to Templatical block types and reports anything that needs manual review.
+
+## Install
+
+```bash
+npm install @templatical/import-unlayer
+```
+
+## Usage
+
+```ts
+import { convertUnlayerTemplate } from '@templatical/import-unlayer';
+
+// Whatever your Unlayer editor returned from `editor.saveDesign(...)`.
+const unlayerJson = await fetch('/path/to/unlayer-design.json').then(r => r.json());
+
+const result = convertUnlayerTemplate(unlayerJson);
+
+console.log(result.content);   // → Templatical TemplateContent
+console.log(result.report);    // → conversion report (per-content status, warnings, summary)
+
+// Inspect content that didn't convert cleanly
+for (const entry of result.report.entries) {
+  if (entry.status !== 'converted') {
+    console.warn(
+      `${entry.unlayerContentType} → ${entry.templaticalBlockType ?? 'n/a'} ` +
+      `(${entry.status})${entry.note ? `: ${entry.note}` : ''}`,
+    );
+  }
+}
+
+console.log(result.report.summary);
+// { total, converted, approximated, htmlFallback, skipped }
+```
+
+## What's converted
+
+| Unlayer content | Templatical block |
+|---|---|
+| text | `ParagraphBlock` |
+| heading | `TitleBlock` |
+| image | `ImageBlock` |
+| button | `ButtonBlock` |
+| divider | `DividerBlock` |
+| html | `HtmlBlock` |
+| menu | `MenuBlock` |
+| social | `SocialIconsBlock` |
+| video | `VideoBlock` |
+| timer | `HtmlBlock` (fallback) |
+| form | skipped |
+| Unknown content | Fallback to `HtmlBlock` |
+
+Unknown or partially-supported content types are flagged in `result.report` so you can review them.
+
+## API
+
+- `convertUnlayerTemplate(template)` — converts an Unlayer design JSON, returns `{ content, report }`
+
+Types:
+- `UnlayerTemplate` — input shape (see source for full structure)
+- `ImportResult` — `{ content: TemplateContent, report: ImportReport }`
+- `ImportReport` — `{ entries: ImportReportEntry[], warnings: string[], summary: { total, converted, approximated, htmlFallback, skipped } }`
+- `ImportReportEntry` — `{ unlayerContentType, templaticalBlockType, status, note? }`
+- `ConversionStatus` — `'converted' | 'approximated' | 'html-fallback' | 'skipped'`
+
+## Documentation
+
+- [Migrating from Unlayer](https://docs.templatical.com/guide/migration-from-unlayer)
+
+Full reference at **[docs.templatical.com](https://docs.templatical.com)**.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,209 @@
+import * as _templatical_types from '@templatical/types';
+
+/**
+ * Unlayer JSON type definitions.
+ * Based on the design JSON shape produced by `editor.saveDesign()` in
+ * react-email-editor / Unlayer's hosted editor.
+ */
+interface UnlayerTemplate {
+    counters?: Record<string, number>;
+    body: UnlayerBody;
+    schemaVersion?: number;
+}
+interface UnlayerBody {
+    id?: string;
+    rows: UnlayerRow[];
+    headers?: UnlayerRow[];
+    footers?: UnlayerRow[];
+    values: UnlayerBodyValues;
+}
+interface UnlayerBackgroundImage {
+    url?: string;
+    fullWidth?: boolean;
+    repeat?: string;
+    size?: string;
+    position?: string;
+}
+interface UnlayerFontFamily {
+    label?: string;
+    value?: string;
+}
+interface UnlayerBodyValues {
+    backgroundColor?: string;
+    backgroundImage?: UnlayerBackgroundImage;
+    contentWidth?: string;
+    contentAlignment?: string;
+    fontFamily?: UnlayerFontFamily;
+    textColor?: string;
+    linkStyle?: Record<string, string>;
+    preheaderText?: string;
+    [key: string]: unknown;
+}
+interface UnlayerRow {
+    id?: string;
+    cells: number[];
+    columns: UnlayerColumn[];
+    values: UnlayerRowValues;
+}
+interface UnlayerRowValues {
+    backgroundColor?: string;
+    backgroundImage?: UnlayerBackgroundImage;
+    padding?: string;
+    columnsBackgroundColor?: string;
+    hideMobile?: boolean;
+    hideDesktop?: boolean;
+    noStackMobile?: boolean;
+    _meta?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+interface UnlayerColumn {
+    id?: string;
+    contents: UnlayerContent[];
+    values: UnlayerColumnValues;
+}
+interface UnlayerColumnValues {
+    backgroundColor?: string;
+    padding?: string;
+    border?: Record<string, string>;
+    _meta?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+interface UnlayerContent {
+    type: string;
+    values: UnlayerContentValues;
+}
+interface UnlayerLinkAction {
+    name?: string;
+    values?: {
+        href?: string;
+        target?: string;
+    };
+}
+interface UnlayerImageSrc {
+    url?: string;
+    width?: number;
+    height?: number;
+}
+interface UnlayerButtonColors {
+    color?: string;
+    backgroundColor?: string;
+    hoverColor?: string;
+    hoverBackgroundColor?: string;
+}
+interface UnlayerBorder {
+    borderTopWidth?: string;
+    borderTopStyle?: string;
+    borderTopColor?: string;
+}
+interface UnlayerMenuItem {
+    key?: string;
+    text: string;
+    link?: UnlayerLinkAction;
+}
+interface UnlayerMenu {
+    items: UnlayerMenuItem[];
+}
+interface UnlayerSocialIcon {
+    name?: string;
+    url?: string;
+    type?: string;
+}
+interface UnlayerSocialIcons {
+    iconType?: string;
+    editor?: {
+        data?: {
+            showTitle?: boolean;
+        };
+    };
+    icons?: UnlayerSocialIcon[];
+}
+interface UnlayerContentValues {
+    containerPadding?: string;
+    textAlign?: string;
+    fontFamily?: UnlayerFontFamily;
+    fontSize?: string;
+    fontWeight?: string | number;
+    color?: string;
+    hideMobile?: boolean;
+    hideDesktop?: boolean;
+    text?: string;
+    headingType?: string;
+    src?: UnlayerImageSrc;
+    altText?: string;
+    action?: UnlayerLinkAction;
+    buttonColors?: UnlayerButtonColors;
+    borderRadius?: string;
+    padding?: string;
+    size?: {
+        autoWidth?: boolean;
+        width?: string;
+    };
+    href?: UnlayerLinkAction;
+    border?: UnlayerBorder;
+    width?: string;
+    html?: string;
+    menu?: UnlayerMenu;
+    layout?: "horizontal" | "vertical";
+    separator?: string;
+    icons?: UnlayerSocialIcons;
+    videoUrl?: string;
+    thumbnailUrl?: string;
+    [key: string]: unknown;
+}
+/**
+ * Conversion status for each content node in the import report.
+ */
+type ConversionStatus = "converted" | "approximated" | "html-fallback" | "skipped";
+/**
+ * A single entry in the import report.
+ */
+interface ImportReportEntry {
+    unlayerContentType: string;
+    templaticalBlockType: string | null;
+    status: ConversionStatus;
+    note?: string;
+}
+/**
+ * The full import report returned alongside the converted template.
+ */
+interface ImportReport {
+    entries: ImportReportEntry[];
+    warnings: string[];
+    summary: {
+        total: number;
+        converted: number;
+        approximated: number;
+        htmlFallback: number;
+        skipped: number;
+    };
+}
+/**
+ * The result of an Unlayer import operation.
+ */
+interface ImportResult {
+    content: _templatical_types.TemplateContent;
+    report: ImportReport;
+}
+
+/**
+ * Converts an Unlayer design JSON to Templatical TemplateContent.
+ *
+ * @param template - The parsed Unlayer JSON object (the result of `editor.saveDesign(...)`)
+ * @returns An ImportResult with the converted content and a detailed report
+ *
+ * @example
+ * ```ts
+ * import { convertUnlayerTemplate } from '@templatical/import-unlayer';
+ *
+ * const unlayerJson = JSON.parse(fileContent);
+ * const { content, report } = convertUnlayerTemplate(unlayerJson);
+ *
+ * const editor = init({ container: '#editor', content });
+ *
+ * console.log(report.summary);
+ * console.log(report.warnings);
+ * ```
+ */
+declare function convertUnlayerTemplate(template: UnlayerTemplate): ImportResult;
+
+export { type ConversionStatus, type ImportReport, type ImportReportEntry, type ImportResult, type UnlayerBody, type UnlayerColumn, type UnlayerContent, type UnlayerContentValues, type UnlayerRow, type UnlayerTemplate, convertUnlayerTemplate };

package/dist/index.js

@@ -0,0 +1,572 @@
+// src/converter.ts
+import {
+  createSectionBlock,
+  createDefaultTemplateContent
+} from "@templatical/types";
+
+// src/block-mapper.ts
+import {
+  createTitleBlock,
+  createParagraphBlock,
+  createImageBlock,
+  createButtonBlock,
+  createDividerBlock,
+  createSpacerBlock,
+  createHtmlBlock,
+  createSocialIconsBlock,
+  createMenuBlock,
+  createVideoBlock,
+  generateId
+} from "@templatical/types";
+
+// src/style-parser.ts
+function parsePxValue(value) {
+  if (value === void 0 || value === null) return 0;
+  if (typeof value === "number") return Math.round(value);
+  const match = value.match(/^(-?\d+(?:\.\d+)?)\s*(?:px)?\s*$/);
+  return match ? Math.round(parseFloat(match[1])) : 0;
+}
+function parseColor(value) {
+  if (!value || value === "transparent") return "";
+  const trimmed = value.trim();
+  if (/^#[0-9a-fA-F]{6}$/.test(trimmed)) return trimmed.toLowerCase();
+  if (/^#[0-9a-fA-F]{3}$/.test(trimmed)) {
+    const r = trimmed[1];
+    const g = trimmed[2];
+    const b = trimmed[3];
+    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();
+  }
+  return trimmed;
+}
+function parsePaddingShorthand(value) {
+  if (!value) return { top: 0, right: 0, bottom: 0, left: 0 };
+  const parts = value.trim().split(/\s+/);
+  const values = parts.map((p) => parsePxValue(p));
+  switch (values.length) {
+    case 1:
+      return {
+        top: values[0],
+        right: values[0],
+        bottom: values[0],
+        left: values[0]
+      };
+    case 2:
+      return {
+        top: values[0],
+        right: values[1],
+        bottom: values[0],
+        left: values[1]
+      };
+    case 3:
+      return {
+        top: values[0],
+        right: values[1],
+        bottom: values[2],
+        left: values[1]
+      };
+    default:
+      return {
+        top: values[0],
+        right: values[1],
+        bottom: values[2],
+        left: values[3]
+      };
+  }
+}
+function parseBorderObject(border) {
+  if (!border) return { width: 0, style: "solid", color: "#000000" };
+  return {
+    width: parsePxValue(border.borderTopWidth),
+    style: border.borderTopStyle || "solid",
+    color: parseColor(border.borderTopColor) || "#000000"
+  };
+}
+function parseWidthPercent(value) {
+  if (!value) return 100;
+  const match = value.match(/^(\d+(?:\.\d+)?)\s*%/);
+  if (match) return Math.round(parseFloat(match[1]));
+  return 100;
+}
+function parseFontFamily(value) {
+  if (!value) return "";
+  if (typeof value === "string") {
+    return value.split(",")[0].trim().replace(/['"]/g, "");
+  }
+  if (value.value) return value.value.split(",")[0].trim().replace(/['"]/g, "");
+  if (value.label) return value.label;
+  return "";
+}
+
+// src/block-mapper.ts
+var SOCIAL_PLATFORM_MAP = {
+  facebook: "facebook",
+  twitter: "twitter",
+  x: "twitter",
+  instagram: "instagram",
+  linkedin: "linkedin",
+  youtube: "youtube",
+  tiktok: "tiktok",
+  pinterest: "pinterest",
+  email: "email",
+  mail: "email",
+  whatsapp: "whatsapp",
+  telegram: "telegram",
+  discord: "discord",
+  snapchat: "snapchat",
+  reddit: "reddit",
+  github: "github",
+  dribbble: "dribbble",
+  behance: "behance"
+};
+function toAlign(value, fallback = "left") {
+  if (value === "left" || value === "center" || value === "right") return value;
+  return fallback;
+}
+function toLineStyle(value, fallback = "solid") {
+  if (value === "solid" || value === "dashed" || value === "dotted")
+    return value;
+  return fallback;
+}
+function defaultMargin() {
+  return { top: 0, right: 0, bottom: 0, left: 0 };
+}
+function makeStyles(values) {
+  const padding = parsePaddingShorthand(values.containerPadding);
+  return {
+    padding,
+    margin: defaultMargin()
+  };
+}
+function inlineStylesToHtml(html, values) {
+  const spanParts = [];
+  const fontSize = parsePxValue(values.fontSize);
+  if (fontSize && fontSize !== 16) spanParts.push(`font-size: ${fontSize}px`);
+  const color = parseColor(values.color);
+  if (color && color !== "#1a1a1a") spanParts.push(`color: ${color}`);
+  const fontWeight = values.fontWeight;
+  if (fontWeight !== void 0 && fontWeight !== null && String(fontWeight) !== "normal" && String(fontWeight) !== "400") {
+    spanParts.push(`font-weight: ${fontWeight}`);
+  }
+  const fontFamily = parseFontFamily(values.fontFamily);
+  if (fontFamily) spanParts.push(`font-family: ${fontFamily}`);
+  const textAlign = values.textAlign;
+  const pStyle = textAlign && textAlign !== "left" ? `text-align: ${textAlign}` : "";
+  if (!pStyle && spanParts.length === 0) return html;
+  const spanStyle = spanParts.join("; ");
+  let result = html;
+  if (pStyle) {
+    result = result.replace(/<p style="([^"]*)">/g, `<p style="$1; ${pStyle}">`).replaceAll("<p>", `<p style="${pStyle}">`);
+  }
+  if (spanStyle) {
+    result = result.replace(
+      /<p([^>]*)>([\s\S]*?)<\/p>/g,
+      `<p$1><span style="${spanStyle}">$2</span></p>`
+    );
+  }
+  return result;
+}
+function ensureParagraphWrapped(html) {
+  if (!html) return "<p></p>";
+  if (/<p[\s>]/i.test(html)) return html;
+  return `<p>${html}</p>`;
+}
+function convertText(values) {
+  const html = ensureParagraphWrapped(values.text ?? "");
+  return createParagraphBlock({
+    content: inlineStylesToHtml(html, values),
+    styles: makeStyles(values)
+  });
+}
+function parseHeadingLevel(tag) {
+  if (!tag) return 2;
+  const match = tag.match(/^h(\d)$/i);
+  if (match) {
+    const num = Number(match[1]);
+    if (num >= 1 && num <= 4) return num;
+  }
+  return 2;
+}
+function convertHeading(values) {
+  const text = values.text ?? "";
+  const stripped = text.replace(/^<h\d[^>]*>|<\/h\d>$/gi, "");
+  const content = stripped ? `<p>${stripped}</p>` : "<p></p>";
+  return createTitleBlock({
+    content,
+    level: parseHeadingLevel(values.headingType),
+    color: parseColor(values.color) || "#1a1a1a",
+    textAlign: toAlign(values.textAlign),
+    fontFamily: parseFontFamily(values.fontFamily) || void 0,
+    styles: makeStyles(values)
+  });
+}
+function convertImage(values) {
+  const src = values.src;
+  const action = values.action?.values;
+  return createImageBlock({
+    src: src?.url || "",
+    alt: values.altText || "",
+    width: src?.width ? Math.round(src.width) : 600,
+    align: toAlign(values.textAlign, "center"),
+    linkUrl: action?.href || void 0,
+    linkOpenInNewTab: action?.target === "_blank" || void 0,
+    styles: makeStyles(values)
+  });
+}
+function convertButton(values) {
+  const colors = values.buttonColors ?? {};
+  const padding = values.padding ? parsePaddingShorthand(values.padding) : { top: 12, right: 24, bottom: 12, left: 24 };
+  const label = (values.text ?? "Button").replace(/<[^>]*>/g, "");
+  const linkValues = values.href?.values;
+  return createButtonBlock({
+    text: label,
+    url: linkValues?.href || "#",
+    openInNewTab: linkValues?.target === "_blank" || void 0,
+    backgroundColor: parseColor(colors.backgroundColor) || "#4f46e5",
+    textColor: parseColor(colors.color) || "#ffffff",
+    borderRadius: parsePxValue(values.borderRadius),
+    fontSize: parsePxValue(values.fontSize) || 16,
+    fontFamily: parseFontFamily(values.fontFamily) || void 0,
+    buttonPadding: padding,
+    styles: makeStyles(values)
+  });
+}
+function convertDivider(values) {
+  const border = parseBorderObject(values.border);
+  return createDividerBlock({
+    lineStyle: toLineStyle(border.style),
+    color: border.color,
+    thickness: border.width || 1,
+    width: parseWidthPercent(values.width),
+    styles: makeStyles(values)
+  });
+}
+function convertSpacer(values) {
+  const padding = parsePaddingShorthand(values.containerPadding);
+  const height = parsePxValue(values.height) || padding.top + padding.bottom || 24;
+  return createSpacerBlock({
+    height,
+    styles: makeStyles(values)
+  });
+}
+function convertHtml(values) {
+  return createHtmlBlock({
+    content: values.html ?? "",
+    styles: makeStyles(values)
+  });
+}
+function convertSocial(values, warnings) {
+  const iconList = values.icons?.icons ?? [];
+  const icons = [];
+  for (const unlayerIcon of iconList) {
+    const id = (unlayerIcon.name ?? "").toLowerCase();
+    const platform = SOCIAL_PLATFORM_MAP[id];
+    if (!platform) {
+      warnings.push(
+        `Unrecognized social icon "${unlayerIcon.name || id}" was skipped.`
+      );
+      continue;
+    }
+    icons.push({
+      id: generateId(),
+      platform,
+      url: unlayerIcon.url || "#"
+    });
+  }
+  return createSocialIconsBlock({
+    icons,
+    align: toAlign(values.textAlign, "center"),
+    styles: makeStyles(values)
+  });
+}
+function convertVideo(values) {
+  return createVideoBlock({
+    url: values.videoUrl || "",
+    thumbnailUrl: values.thumbnailUrl || "",
+    alt: values.altText || "",
+    width: 600,
+    align: toAlign(values.textAlign, "center"),
+    styles: makeStyles(values)
+  });
+}
+function convertMenu(values) {
+  const menu = values.menu;
+  const items = (menu?.items ?? []).map((item) => ({
+    id: generateId(),
+    text: item.text || "",
+    url: item.link?.values?.href || "#",
+    openInNewTab: item.link?.values?.target === "_blank",
+    bold: false,
+    underline: false
+  }));
+  return createMenuBlock({
+    items,
+    separator: values.separator || "|",
+    separatorColor: "#999999",
+    fontSize: parsePxValue(values.fontSize) || 14,
+    color: parseColor(values.color) || "#1a1a1a",
+    fontFamily: parseFontFamily(values.fontFamily) || void 0,
+    textAlign: toAlign(values.textAlign, "center"),
+    styles: makeStyles(values)
+  });
+}
+function convertHtmlFallback(content, comment) {
+  const safe = comment.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return createHtmlBlock({
+    content: `<div style="padding:12px;border:1px dashed #d1d5db;border-radius:6px;background:#fafafa;color:#6b7280;font-family:sans-serif;font-size:13px;">${safe}</div>`,
+    styles: makeStyles(content.values)
+  });
+}
+function convertContent(content, warnings) {
+  const type = content.type;
+  const values = content.values ?? {};
+  switch (type) {
+    case "text":
+      return {
+        block: convertText(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "paragraph",
+          status: "converted"
+        }
+      };
+    case "heading":
+      return {
+        block: convertHeading(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "title",
+          status: "converted"
+        }
+      };
+    case "image":
+      return {
+        block: convertImage(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "image",
+          status: "converted"
+        }
+      };
+    case "button":
+      return {
+        block: convertButton(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "button",
+          status: "converted"
+        }
+      };
+    case "divider":
+      return {
+        block: convertDivider(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "divider",
+          status: "converted"
+        }
+      };
+    case "spacer":
+      return {
+        block: convertSpacer(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "spacer",
+          status: "converted"
+        }
+      };
+    case "html":
+      return {
+        block: convertHtml(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "html",
+          status: "converted"
+        }
+      };
+    case "menu":
+      return {
+        block: convertMenu(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "menu",
+          status: "approximated",
+          note: "Menu styles map approximately; review spacing and separator color."
+        }
+      };
+    case "social":
+      return {
+        block: convertSocial(values, warnings),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "social",
+          status: "converted"
+        }
+      };
+    case "video":
+      return {
+        block: convertVideo(values),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "video",
+          status: "converted"
+        }
+      };
+    case "timer":
+      return {
+        block: convertHtmlFallback(
+          content,
+          "Unlayer timer block: rebuild manually in Templatical"
+        ),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "html",
+          status: "html-fallback",
+          note: "Timer modules have no direct Templatical equivalent; placeholder HTML inserted."
+        }
+      };
+    case "form":
+      return {
+        block: convertHtmlFallback(
+          content,
+          "Unlayer form block: not supported in Templatical (most email clients block form submission)"
+        ),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: null,
+          status: "skipped",
+          note: "Unlayer forms have no Templatical equivalent and are skipped. Most email clients block form submission anyway."
+        }
+      };
+    default:
+      return {
+        block: convertHtmlFallback(
+          content,
+          `Unsupported Unlayer content type: ${type}`
+        ),
+        entry: {
+          unlayerContentType: type,
+          templaticalBlockType: "html",
+          status: "html-fallback",
+          note: `Unknown content type "${type}" converted to HTML block.`
+        }
+      };
+  }
+}
+
+// src/converter.ts
+function resolveColumnLayout(cells, warnings) {
+  if (cells.length <= 1) return "1";
+  if (cells.length === 3) return "3";
+  if (cells.length === 2) {
+    const left = cells[0] ?? 1;
+    const right = cells[1] ?? 1;
+    const total = left + right;
+    const ratio = left / total;
+    if (ratio > 0.58) return "2-1";
+    if (ratio < 0.42) return "1-2";
+    return "2";
+  }
+  warnings.push(
+    `Row with ${cells.length} columns was flattened to a single column. Unlayer supports arbitrary columns, but Templatical supports up to 3.`
+  );
+  return "1";
+}
+function convertColumnContents(column, entries, warnings) {
+  const blocks = [];
+  for (const content of column.contents ?? []) {
+    const { block, entry } = convertContent(content, warnings);
+    blocks.push(block);
+    entries.push(entry);
+  }
+  return blocks;
+}
+function processRow(row, entries, warnings) {
+  const columns = row.columns;
+  if (!columns || columns.length === 0) return [];
+  const cells = row.cells ?? columns.map(() => 1);
+  const layout = resolveColumnLayout(cells, warnings);
+  let children;
+  if (layout === "1") {
+    const merged = [];
+    for (const column of columns) {
+      merged.push(...convertColumnContents(column, entries, warnings));
+    }
+    children = [merged];
+  } else {
+    children = columns.map(
+      (col) => convertColumnContents(col, entries, warnings)
+    );
+  }
+  const rowBg = parseColor(row.values?.backgroundColor);
+  const padding = parsePaddingShorthand(row.values?.padding);
+  const section = createSectionBlock({
+    columns: layout,
+    children,
+    styles: {
+      padding,
+      margin: { top: 0, right: 0, bottom: 0, left: 0 },
+      ...rowBg ? { backgroundColor: rowBg } : {}
+    }
+  });
+  return [section];
+}
+function extractSettings(template) {
+  const values = template.body?.values ?? {};
+  const width = parsePxValue(values.contentWidth);
+  const bgColor = parseColor(values.backgroundColor) || "#ffffff";
+  const fontFamily = parseFontFamily(values.fontFamily) || "Arial";
+  return {
+    width: width || 600,
+    backgroundColor: bgColor,
+    fontFamily
+  };
+}
+function convertUnlayerTemplate(template) {
+  if (!template?.body?.rows) {
+    throw new Error(
+      "Invalid Unlayer template: missing body.rows. Ensure you are passing a valid Unlayer JSON design (the output of editor.saveDesign)."
+    );
+  }
+  const entries = [];
+  const warnings = [];
+  const blocks = [];
+  const headers = template.body.headers ?? [];
+  const footers = template.body.footers ?? [];
+  if (headers.length > 0) {
+    warnings.push(
+      `${headers.length} Unlayer header row(s) were imported as regular rows at the top of the template.`
+    );
+    for (const row of headers) {
+      blocks.push(...processRow(row, entries, warnings));
+    }
+  }
+  for (const row of template.body.rows) {
+    blocks.push(...processRow(row, entries, warnings));
+  }
+  if (footers.length > 0) {
+    warnings.push(
+      `${footers.length} Unlayer footer row(s) were imported as regular rows at the bottom of the template.`
+    );
+    for (const row of footers) {
+      blocks.push(...processRow(row, entries, warnings));
+    }
+  }
+  const content = {
+    ...createDefaultTemplateContent(),
+    blocks,
+    settings: extractSettings(template)
+  };
+  const summary = {
+    total: entries.length,
+    converted: entries.filter((e) => e.status === "converted").length,
+    approximated: entries.filter((e) => e.status === "approximated").length,
+    htmlFallback: entries.filter((e) => e.status === "html-fallback").length,
+    skipped: entries.filter((e) => e.status === "skipped").length
+  };
+  const report = { entries, warnings, summary };
+  return { content, report };
+}
+export {
+  convertUnlayerTemplate
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/converter.ts","../src/block-mapper.ts","../src/style-parser.ts"],"sourcesContent":["import {\n  createSectionBlock,\n  createDefaultTemplateContent,\n} from \"@templatical/types\";\nimport type { Block, ColumnLayout, TemplateContent } from \"@templatical/types\";\nimport type {\n  UnlayerTemplate,\n  UnlayerRow,\n  UnlayerColumn,\n  ImportResult,\n  ImportReport,\n  ImportReportEntry,\n} from \"./types\";\nimport { convertContent } from \"./block-mapper\";\nimport {\n  parsePxValue,\n  parseColor,\n  parseFontFamily,\n  parsePaddingShorthand,\n} from \"./style-parser\";\n\nfunction resolveColumnLayout(\n  cells: number[],\n  warnings: string[],\n): ColumnLayout {\n  if (cells.length <= 1) return \"1\";\n  if (cells.length === 3) return \"3\";\n\n  if (cells.length === 2) {\n    const left = cells[0] ?? 1;\n    const right = cells[1] ?? 1;\n    const total = left + right;\n    const ratio = left / total;\n\n    if (ratio > 0.58) return \"2-1\";\n    if (ratio < 0.42) return \"1-2\";\n    return \"2\";\n  }\n\n  warnings.push(\n    `Row with ${cells.length} columns was flattened to a single column. Unlayer supports arbitrary columns, but Templatical supports up to 3.`,\n  );\n  return \"1\";\n}\n\n/**\n * Converts all contents in a column to Templatical blocks.\n */\nfunction convertColumnContents(\n  column: UnlayerColumn,\n  entries: ImportReportEntry[],\n  warnings: string[],\n): Block[] {\n  const blocks: Block[] = [];\n\n  for (const content of column.contents ?? []) {\n    const { block, entry } = convertContent(content, warnings);\n    blocks.push(block);\n    entries.push(entry);\n  }\n\n  return blocks;\n}\n\n/**\n * Processes a single Unlayer row into one or more Templatical blocks.\n */\nfunction processRow(\n  row: UnlayerRow,\n  entries: ImportReportEntry[],\n  warnings: string[],\n): Block[] {\n  const columns = row.columns;\n  if (!columns || columns.length === 0) return [];\n\n  const cells = row.cells ?? columns.map(() => 1);\n  const layout = resolveColumnLayout(cells, warnings);\n\n  let children: Block[][];\n  if (layout === \"1\") {\n    const merged: Block[] = [];\n    for (const column of columns) {\n      merged.push(...convertColumnContents(column, entries, warnings));\n    }\n    children = [merged];\n  } else {\n    children = columns.map((col) =>\n      convertColumnContents(col, entries, warnings),\n    );\n  }\n\n  const rowBg = parseColor(row.values?.backgroundColor);\n  const padding = parsePaddingShorthand(row.values?.padding);\n\n  const section = createSectionBlock({\n    columns: layout,\n    children,\n    styles: {\n      padding,\n      margin: { top: 0, right: 0, bottom: 0, left: 0 },\n      ...(rowBg ? { backgroundColor: rowBg } : {}),\n    },\n  });\n\n  return [section];\n}\n\n/**\n * Extracts template-level settings from the Unlayer body values.\n */\nfunction extractSettings(\n  template: UnlayerTemplate,\n): TemplateContent[\"settings\"] {\n  const values = template.body?.values ?? {};\n\n  const width = parsePxValue(values.contentWidth);\n  const bgColor = parseColor(values.backgroundColor) || \"#ffffff\";\n  const fontFamily = parseFontFamily(values.fontFamily) || \"Arial\";\n\n  return {\n    width: width || 600,\n    backgroundColor: bgColor,\n    fontFamily,\n  };\n}\n\n/**\n * Converts an Unlayer design JSON to Templatical TemplateContent.\n *\n * @param template - The parsed Unlayer JSON object (the result of `editor.saveDesign(...)`)\n * @returns An ImportResult with the converted content and a detailed report\n *\n * @example\n * ```ts\n * import { convertUnlayerTemplate } from '@templatical/import-unlayer';\n *\n * const unlayerJson = JSON.parse(fileContent);\n * const { content, report } = convertUnlayerTemplate(unlayerJson);\n *\n * const editor = init({ container: '#editor', content });\n *\n * console.log(report.summary);\n * console.log(report.warnings);\n * ```\n */\nexport function convertUnlayerTemplate(\n  template: UnlayerTemplate,\n): ImportResult {\n  if (!template?.body?.rows) {\n    throw new Error(\n      \"Invalid Unlayer template: missing body.rows. Ensure you are passing a valid Unlayer JSON design (the output of editor.saveDesign).\",\n    );\n  }\n\n  const entries: ImportReportEntry[] = [];\n  const warnings: string[] = [];\n  const blocks: Block[] = [];\n\n  const headers = template.body.headers ?? [];\n  const footers = template.body.footers ?? [];\n\n  if (headers.length > 0) {\n    warnings.push(\n      `${headers.length} Unlayer header row(s) were imported as regular rows at the top of the template.`,\n    );\n    for (const row of headers) {\n      blocks.push(...processRow(row, entries, warnings));\n    }\n  }\n\n  for (const row of template.body.rows) {\n    blocks.push(...processRow(row, entries, warnings));\n  }\n\n  if (footers.length > 0) {\n    warnings.push(\n      `${footers.length} Unlayer footer row(s) were imported as regular rows at the bottom of the template.`,\n    );\n    for (const row of footers) {\n      blocks.push(...processRow(row, entries, warnings));\n    }\n  }\n\n  const content: TemplateContent = {\n    ...createDefaultTemplateContent(),\n    blocks,\n    settings: extractSettings(template),\n  };\n\n  const summary = {\n    total: entries.length,\n    converted: entries.filter((e) => e.status === \"converted\").length,\n    approximated: entries.filter((e) => e.status === \"approximated\").length,\n    htmlFallback: entries.filter((e) => e.status === \"html-fallback\").length,\n    skipped: entries.filter((e) => e.status === \"skipped\").length,\n  };\n\n  const report: ImportReport = { entries, warnings, summary };\n\n  return { content, report };\n}\n","import {\n  createTitleBlock,\n  createParagraphBlock,\n  createImageBlock,\n  createButtonBlock,\n  createDividerBlock,\n  createSpacerBlock,\n  createHtmlBlock,\n  createSocialIconsBlock,\n  createMenuBlock,\n  createVideoBlock,\n  generateId,\n} from \"@templatical/types\";\nimport type {\n  Block,\n  HeadingLevel,\n  SocialPlatform,\n  SocialIcon,\n  MenuItemData,\n  SpacingValue,\n} from \"@templatical/types\";\nimport type {\n  UnlayerContent,\n  UnlayerContentValues,\n  ImportReportEntry,\n} from \"./types\";\nimport {\n  parsePxValue,\n  parseColor,\n  parseFontFamily,\n  parsePaddingShorthand,\n  parseBorderObject,\n  parseWidthPercent,\n} from \"./style-parser\";\n\nconst SOCIAL_PLATFORM_MAP: Record<string, SocialPlatform> = {\n  facebook: \"facebook\",\n  twitter: \"twitter\",\n  x: \"twitter\",\n  instagram: \"instagram\",\n  linkedin: \"linkedin\",\n  youtube: \"youtube\",\n  tiktok: \"tiktok\",\n  pinterest: \"pinterest\",\n  email: \"email\",\n  mail: \"email\",\n  whatsapp: \"whatsapp\",\n  telegram: \"telegram\",\n  discord: \"discord\",\n  snapchat: \"snapchat\",\n  reddit: \"reddit\",\n  github: \"github\",\n  dribbble: \"dribbble\",\n  behance: \"behance\",\n};\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype LineStyle = \"solid\" | \"dashed\" | \"dotted\";\n\nfunction toAlign(value: string | undefined, fallback: Align = \"left\"): Align {\n  if (value === \"left\" || value === \"center\" || value === \"right\") return value;\n  return fallback;\n}\n\nfunction toLineStyle(\n  value: string | undefined,\n  fallback: LineStyle = \"solid\",\n): LineStyle {\n  if (value === \"solid\" || value === \"dashed\" || value === \"dotted\")\n    return value;\n  return fallback;\n}\n\nfunction defaultMargin(): SpacingValue {\n  return { top: 0, right: 0, bottom: 0, left: 0 };\n}\n\nfunction makeStyles(values: UnlayerContentValues): Block[\"styles\"] {\n  const padding = parsePaddingShorthand(values.containerPadding);\n  return {\n    padding,\n    margin: defaultMargin(),\n  };\n}\n\n/**\n * Apply Unlayer text-level styles as TipTap-compatible inline markup.\n * Mirrors the BeeFree importer's helper but reads from Unlayer's flat\n * values shape rather than a CSS style record.\n */\nfunction inlineStylesToHtml(\n  html: string,\n  values: UnlayerContentValues,\n): string {\n  const spanParts: string[] = [];\n  const fontSize = parsePxValue(values.fontSize);\n  if (fontSize && fontSize !== 16) spanParts.push(`font-size: ${fontSize}px`);\n  const color = parseColor(values.color);\n  if (color && color !== \"#1a1a1a\") spanParts.push(`color: ${color}`);\n  const fontWeight = values.fontWeight;\n  if (\n    fontWeight !== undefined &&\n    fontWeight !== null &&\n    String(fontWeight) !== \"normal\" &&\n    String(fontWeight) !== \"400\"\n  ) {\n    spanParts.push(`font-weight: ${fontWeight}`);\n  }\n  const fontFamily = parseFontFamily(values.fontFamily);\n  if (fontFamily) spanParts.push(`font-family: ${fontFamily}`);\n\n  const textAlign = values.textAlign;\n  const pStyle =\n    textAlign && textAlign !== \"left\" ? `text-align: ${textAlign}` : \"\";\n\n  if (!pStyle && spanParts.length === 0) return html;\n\n  const spanStyle = spanParts.join(\"; \");\n  let result = html;\n\n  if (pStyle) {\n    result = result\n      .replace(/<p style=\"([^\"]*)\">/g, `<p style=\"$1; ${pStyle}\">`)\n      .replaceAll(\"<p>\", `<p style=\"${pStyle}\">`);\n  }\n\n  if (spanStyle) {\n    result = result.replace(\n      /<p([^>]*)>([\\s\\S]*?)<\\/p>/g,\n      `<p$1><span style=\"${spanStyle}\">$2</span></p>`,\n    );\n  }\n\n  return result;\n}\n\nfunction ensureParagraphWrapped(html: string): string {\n  if (!html) return \"<p></p>\";\n  if (/<p[\\s>]/i.test(html)) return html;\n  return `<p>${html}</p>`;\n}\n\nfunction convertText(values: UnlayerContentValues): Block {\n  const html = ensureParagraphWrapped(values.text ?? \"\");\n\n  return createParagraphBlock({\n    content: inlineStylesToHtml(html, values),\n    styles: makeStyles(values),\n  });\n}\n\nfunction parseHeadingLevel(tag: string | undefined): HeadingLevel {\n  if (!tag) return 2;\n  const match = tag.match(/^h(\\d)$/i);\n  if (match) {\n    const num = Number(match[1]);\n    if (num >= 1 && num <= 4) return num as HeadingLevel;\n  }\n  return 2;\n}\n\nfunction convertHeading(values: UnlayerContentValues): Block {\n  const text = values.text ?? \"\";\n  const stripped = text.replace(/^<h\\d[^>]*>|<\\/h\\d>$/gi, \"\");\n  const content = stripped ? `<p>${stripped}</p>` : \"<p></p>\";\n\n  return createTitleBlock({\n    content,\n    level: parseHeadingLevel(values.headingType),\n    color: parseColor(values.color) || \"#1a1a1a\",\n    textAlign: toAlign(values.textAlign),\n    fontFamily: parseFontFamily(values.fontFamily) || undefined,\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertImage(values: UnlayerContentValues): Block {\n  const src = values.src;\n  const action = values.action?.values;\n\n  return createImageBlock({\n    src: src?.url || \"\",\n    alt: values.altText || \"\",\n    width: src?.width ? Math.round(src.width) : 600,\n    align: toAlign(values.textAlign, \"center\"),\n    linkUrl: action?.href || undefined,\n    linkOpenInNewTab: action?.target === \"_blank\" || undefined,\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertButton(values: UnlayerContentValues): Block {\n  const colors = values.buttonColors ?? {};\n  const padding = values.padding\n    ? parsePaddingShorthand(values.padding)\n    : { top: 12, right: 24, bottom: 12, left: 24 };\n  const label = (values.text ?? \"Button\").replace(/<[^>]*>/g, \"\");\n  const linkValues = values.href?.values;\n\n  return createButtonBlock({\n    text: label,\n    url: linkValues?.href || \"#\",\n    openInNewTab: linkValues?.target === \"_blank\" || undefined,\n    backgroundColor: parseColor(colors.backgroundColor) || \"#4f46e5\",\n    textColor: parseColor(colors.color) || \"#ffffff\",\n    borderRadius: parsePxValue(values.borderRadius),\n    fontSize: parsePxValue(values.fontSize) || 16,\n    fontFamily: parseFontFamily(values.fontFamily) || undefined,\n    buttonPadding: padding,\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertDivider(values: UnlayerContentValues): Block {\n  const border = parseBorderObject(values.border);\n\n  return createDividerBlock({\n    lineStyle: toLineStyle(border.style),\n    color: border.color,\n    thickness: border.width || 1,\n    width: parseWidthPercent(values.width),\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertSpacer(values: UnlayerContentValues): Block {\n  const padding = parsePaddingShorthand(values.containerPadding);\n  const height =\n    parsePxValue((values as { height?: string | number }).height) ||\n    padding.top + padding.bottom ||\n    24;\n\n  return createSpacerBlock({\n    height,\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertHtml(values: UnlayerContentValues): Block {\n  return createHtmlBlock({\n    content: values.html ?? \"\",\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertSocial(\n  values: UnlayerContentValues,\n  warnings: string[],\n): Block {\n  const iconList = values.icons?.icons ?? [];\n  const icons: SocialIcon[] = [];\n\n  for (const unlayerIcon of iconList) {\n    const id = (unlayerIcon.name ?? \"\").toLowerCase();\n    const platform = SOCIAL_PLATFORM_MAP[id];\n\n    if (!platform) {\n      warnings.push(\n        `Unrecognized social icon \"${unlayerIcon.name || id}\" was skipped.`,\n      );\n      continue;\n    }\n\n    icons.push({\n      id: generateId(),\n      platform,\n      url: unlayerIcon.url || \"#\",\n    });\n  }\n\n  return createSocialIconsBlock({\n    icons,\n    align: toAlign(values.textAlign, \"center\"),\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertVideo(values: UnlayerContentValues): Block {\n  return createVideoBlock({\n    url: values.videoUrl || \"\",\n    thumbnailUrl: values.thumbnailUrl || \"\",\n    alt: values.altText || \"\",\n    width: 600,\n    align: toAlign(values.textAlign, \"center\"),\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertMenu(values: UnlayerContentValues): Block {\n  const menu = values.menu;\n  const items: MenuItemData[] = (menu?.items ?? []).map((item) => ({\n    id: generateId(),\n    text: item.text || \"\",\n    url: item.link?.values?.href || \"#\",\n    openInNewTab: item.link?.values?.target === \"_blank\",\n    bold: false,\n    underline: false,\n  }));\n\n  return createMenuBlock({\n    items,\n    separator: values.separator || \"|\",\n    separatorColor: \"#999999\",\n    fontSize: parsePxValue(values.fontSize) || 14,\n    color: parseColor(values.color) || \"#1a1a1a\",\n    fontFamily: parseFontFamily(values.fontFamily) || undefined,\n    textAlign: toAlign(values.textAlign, \"center\"),\n    styles: makeStyles(values),\n  });\n}\n\nfunction convertHtmlFallback(content: UnlayerContent, comment: string): Block {\n  const safe = comment.replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  return createHtmlBlock({\n    content: `<div style=\"padding:12px;border:1px dashed #d1d5db;border-radius:6px;background:#fafafa;color:#6b7280;font-family:sans-serif;font-size:13px;\">${safe}</div>`,\n    styles: makeStyles(content.values),\n  });\n}\n\n/**\n * Converts a single Unlayer content node to a Templatical block.\n * Returns the block and a report entry.\n */\nexport function convertContent(\n  content: UnlayerContent,\n  warnings: string[],\n): { block: Block; entry: ImportReportEntry } {\n  const type = content.type;\n  const values = content.values ?? ({} as UnlayerContentValues);\n\n  switch (type) {\n    case \"text\":\n      return {\n        block: convertText(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"paragraph\",\n          status: \"converted\",\n        },\n      };\n    case \"heading\":\n      return {\n        block: convertHeading(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"title\",\n          status: \"converted\",\n        },\n      };\n    case \"image\":\n      return {\n        block: convertImage(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"image\",\n          status: \"converted\",\n        },\n      };\n    case \"button\":\n      return {\n        block: convertButton(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"button\",\n          status: \"converted\",\n        },\n      };\n    case \"divider\":\n      return {\n        block: convertDivider(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"divider\",\n          status: \"converted\",\n        },\n      };\n    case \"spacer\":\n      return {\n        block: convertSpacer(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"spacer\",\n          status: \"converted\",\n        },\n      };\n    case \"html\":\n      return {\n        block: convertHtml(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"html\",\n          status: \"converted\",\n        },\n      };\n    case \"menu\":\n      return {\n        block: convertMenu(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"menu\",\n          status: \"approximated\",\n          note: \"Menu styles map approximately; review spacing and separator color.\",\n        },\n      };\n    case \"social\":\n      return {\n        block: convertSocial(values, warnings),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"social\",\n          status: \"converted\",\n        },\n      };\n    case \"video\":\n      return {\n        block: convertVideo(values),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"video\",\n          status: \"converted\",\n        },\n      };\n    case \"timer\":\n      return {\n        block: convertHtmlFallback(\n          content,\n          \"Unlayer timer block: rebuild manually in Templatical\",\n        ),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"html\",\n          status: \"html-fallback\",\n          note: \"Timer modules have no direct Templatical equivalent; placeholder HTML inserted.\",\n        },\n      };\n    case \"form\":\n      return {\n        block: convertHtmlFallback(\n          content,\n          \"Unlayer form block: not supported in Templatical (most email clients block form submission)\",\n        ),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: null,\n          status: \"skipped\",\n          note: \"Unlayer forms have no Templatical equivalent and are skipped. Most email clients block form submission anyway.\",\n        },\n      };\n    default:\n      return {\n        block: convertHtmlFallback(\n          content,\n          `Unsupported Unlayer content type: ${type}`,\n        ),\n        entry: {\n          unlayerContentType: type,\n          templaticalBlockType: \"html\",\n          status: \"html-fallback\",\n          note: `Unknown content type \"${type}\" converted to HTML block.`,\n        },\n      };\n  }\n}\n","import type { SpacingValue } from \"@templatical/types\";\nimport type { UnlayerBorder, UnlayerFontFamily } from \"./types\";\n\n/**\n * Parses CSS-like style values from Unlayer content values.\n */\n\nexport function parsePxValue(value: string | number | undefined): number {\n  if (value === undefined || value === null) return 0;\n  if (typeof value === \"number\") return Math.round(value);\n  const match = value.match(/^(-?\\d+(?:\\.\\d+)?)\\s*(?:px)?\\s*$/);\n  return match ? Math.round(parseFloat(match[1])) : 0;\n}\n\nexport function parseColor(value: string | undefined): string {\n  if (!value || value === \"transparent\") return \"\";\n\n  const trimmed = value.trim();\n\n  if (/^#[0-9a-fA-F]{6}$/.test(trimmed)) return trimmed.toLowerCase();\n\n  if (/^#[0-9a-fA-F]{3}$/.test(trimmed)) {\n    const r = trimmed[1];\n    const g = trimmed[2];\n    const b = trimmed[3];\n    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase();\n  }\n\n  return trimmed;\n}\n\nexport function parsePaddingShorthand(value: string | undefined): SpacingValue {\n  if (!value) return { top: 0, right: 0, bottom: 0, left: 0 };\n\n  const parts = value.trim().split(/\\s+/);\n  const values = parts.map((p) => parsePxValue(p));\n\n  switch (values.length) {\n    case 1:\n      return {\n        top: values[0],\n        right: values[0],\n        bottom: values[0],\n        left: values[0],\n      };\n    case 2:\n      return {\n        top: values[0],\n        right: values[1],\n        bottom: values[0],\n        left: values[1],\n      };\n    case 3:\n      return {\n        top: values[0],\n        right: values[1],\n        bottom: values[2],\n        left: values[1],\n      };\n    default:\n      return {\n        top: values[0],\n        right: values[1],\n        bottom: values[2],\n        left: values[3],\n      };\n  }\n}\n\nexport function parseBorderObject(border: UnlayerBorder | undefined): {\n  width: number;\n  style: string;\n  color: string;\n} {\n  if (!border) return { width: 0, style: \"solid\", color: \"#000000\" };\n  return {\n    width: parsePxValue(border.borderTopWidth),\n    style: border.borderTopStyle || \"solid\",\n    color: parseColor(border.borderTopColor) || \"#000000\",\n  };\n}\n\nexport function parseWidthPercent(value: string | undefined): number {\n  if (!value) return 100;\n  const match = value.match(/^(\\d+(?:\\.\\d+)?)\\s*%/);\n  if (match) return Math.round(parseFloat(match[1]));\n  return 100;\n}\n\nexport function parseFontFamily(\n  value: UnlayerFontFamily | string | undefined,\n): string {\n  if (!value) return \"\";\n  if (typeof value === \"string\") {\n    return value.split(\",\")[0].trim().replace(/['\"]/g, \"\");\n  }\n  if (value.value) return value.value.split(\",\")[0].trim().replace(/['\"]/g, \"\");\n  if (value.label) return value.label;\n  return \"\";\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@templatical/import-unlayer",
+  "description": "Convert Unlayer email templates to Templatical format",
+  "version": "0.4.0",
+  "bugs": "https://github.com/templatical/sdk/issues",
+  "dependencies": {
+    "@templatical/types": "0.4.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://templatical.com",
+  "keywords": [
+    "email",
+    "email-template",
+    "importer",
+    "migration",
+    "templatical",
+    "unlayer"
+  ],
+  "license": "MIT",
+  "module": "./dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/templatical/sdk.git",
+    "directory": "packages/import-unlayer"
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run --config vitest.config.ts",
+    "typecheck": "tsc --noEmit"
+  }
+}