@templatical/import-topol 0.32.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026-present Templatical
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included 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. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,42 @@
+# @templatical/import-topol
+
+Convert Topol.io email templates to Templatical format.
+
+Reads a Topol design tree — the JSON a Topol project exports — into a Templatical `TemplateContent` tree. Topol's own tag vocabulary already mirrors MJML's (`mj-section`, `mj-column`, `mj-text`, `mj-button`, …), so structural tags become `SectionBlock`s and content tags map to their Templatical block equivalents directly.
+
+## Install
+
+```sh
+npm install @templatical/import-topol
+```
+
+## Usage
+
+```ts
+import { convertTopolTemplate } from '@templatical/import-topol';
+
+// Topol hands you the design directly from its editor's onSave callback.
+// Fetched from its REST API instead, it sits under "definition" (the
+// template endpoint) or "json" (the predefined-templates endpoint) — not
+// the response object itself.
+const res = await fetch('https://app.topol.io/api/templates/123').then((r) => r.json());
+const { content, report } = convertTopolTemplate(res.definition);
+
+console.log(report.summary);
+console.log(report.warnings);
+```
+
+`convertTopolTemplate` also accepts the design serialized as a JSON string.
+
+Each entry in `report.entries` carries a `status`:
+
+- `converted` — mapped to a Templatical block with no loss of fidelity.
+- `approximated` — mapped to a Templatical block, but something had to be resolved or clamped (e.g. a heading level beyond h4, a column layout with no exact Templatical match, or a social icon size outside 24/32/48px).
+- `html-fallback` — no Templatical block exists for this tag; the raw node is preserved as JSON inside an `HtmlBlock`.
+- `skipped` — reserved for parity with the other `@templatical/import-*` packages; this converter does not currently produce it.
+
+See [Migrating from Topol](https://docs.templatical.com/guide/migration-from-topol) for the full tag-mapping table and what does not survive the conversion.
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+//#region src/types.d.ts
+/**
+ * Type definitions for the Topol.io importer.
+ *
+ * `ConversionStatus`, `ImportReport`, and `ImportResult` are structurally
+ * identical to the same types in `import-html`, `import-mjml`,
+ * `import-beefree`, and `import-unlayer`, so a caller can treat those three
+ * types uniformly across every `@templatical/import-*` package.
+ * `ImportReportEntry` is not: its first field is `sourceTag` here, the same
+ * name `import-html` and `import-mjml` use, but `import-beefree` calls it
+ * `beeFreeModuleType` and `import-unlayer` calls it `unlayerContentType` — the
+ * one field a caller reading across every importer would have to branch on.
+ */
+type ConversionStatus = "converted" | "approximated" | "html-fallback" | "skipped";
+interface ImportReportEntry {
+  /** The source Topol tag name (e.g. "mj-text", "mj-social", "mj-gif"). */
+  sourceTag: string;
+  /** The Templatical block type produced, or null if skipped. */
+  templaticalBlockType: string | null;
+  status: ConversionStatus;
+  note?: string;
+}
+interface ImportReport {
+  entries: ImportReportEntry[];
+  warnings: string[];
+  summary: {
+    total: number;
+    converted: number;
+    approximated: number;
+    htmlFallback: number;
+    skipped: number;
+  };
+}
+interface ImportResult {
+  content: import("@templatical/types").TemplateContent;
+  report: ImportReport;
+}
+/** A Topol attribute value. Topol writes explicit `null` for "unset". */
+type TopolAttrValue = string | number | boolean | null | undefined;
+/**
+ * One node of a Topol design tree.
+ *
+ * `content` sits at the top level rather than inside `attributes`, and carries
+ * rich-text HTML for `mj-text` and a button label for `mj-button`.
+ */
+interface TopolNode {
+  tagName: string;
+  attributes?: Record<string, TopolAttrValue | Record<string, TopolAttrValue>>;
+  children?: TopolNode[];
+  content?: string;
+  uid?: string;
+  [key: string]: unknown;
+}
+/** The design root — the node whose `tagName` is `mj-global-style`. */
+interface TopolDesign extends TopolNode {
+  tagName: string;
+  fonts?: unknown;
+  style?: unknown;
+}
+//#endregion
+//#region src/converter.d.ts
+/**
+ * Convert a Topol.io design into a Templatical template.
+ *
+ * The input is the design object itself — the node whose `tagName` is
+ * `mj-global-style`, not a whole API response. Topol's editor hands it to
+ * you directly as the first argument to `onSave`; its REST APIs wrap it
+ * instead, under `definition` on the template-retrieval endpoint or `json`
+ * (alongside `html`) on the predefined-templates endpoint. That is
+ * documented rather than sniffed: guessing which field holds the design
+ * risks importing an envelope's `html`, which belongs to a different
+ * package entirely.
+ *
+ * @example
+ * ```ts
+ * const { content, report } = convertTopolTemplate(design);
+ * const editor = init({ container: '#editor', content });
+ * console.log(report.summary);
+ * ```
+ */
+export declare function convertTopolTemplate(design: TopolDesign | string): ImportResult;
+//#endregion
+export type { ConversionStatus, ImportReport, ImportReportEntry, ImportResult };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,840 @@
+import { DEFAULT_TEMPLATE_DEFAULTS, createButtonBlock, createDefaultTemplateContent, createDividerBlock, createHtmlBlock, createImageBlock, createParagraphBlock, createSectionBlock, createSocialIconsBlock, createSpacerBlock, createTitleBlock, findOpenTagEnd, generateId } from "@templatical/types";
+//#region src/attribute-parser.ts
+/**
+* Read one attribute as a string, treating Topol's explicit `null` — and an
+* empty string — as absent.
+*
+* Topol writes literal `null` for an unset attribute rather than omitting the
+* key, so a `!== undefined` check would report it as present and write a null
+* into the block. Every optional-field read goes through here.
+*/
+function attr(node, key) {
+	const raw = node.attributes?.[key];
+	if (raw === null || raw === void 0) return void 0;
+	if (typeof raw === "object") return void 0;
+	const value = String(raw);
+	return value === "" ? void 0 : value;
+}
+/** Read one attribute as a number, or `undefined` when unset or non-numeric. */
+function numAttr(node, key) {
+	const value = attr(node, key);
+	if (value === void 0) return void 0;
+	const parsed = Number(value);
+	return Number.isFinite(parsed) ? parsed : void 0;
+}
+/**
+* Parse a px-like value into a rounded integer. Returns 0 for a missing value
+* and for units the block model cannot express (em, rem, %).
+*
+* Trims first, then matches with no `\s*` on either side of the optional
+* `px` unit. A trailing run of spaces can otherwise be claimed by either the
+* surrounding `\s*` or by backtracking out of the digit/unit match, and a
+* *failing* match (no `px`, no digits — anything not shaped like a length)
+* retries every such split before giving up: `"0" + " ".repeat(n) + "x"` is
+* polynomial in `n` against that pattern. Trimming first removes the only
+* whitespace the pattern needs to tolerate, so the match itself has nothing
+* ambiguous left to backtrack over.
+*/
+function parsePxValue(value) {
+	if (value === void 0 || value === null || value === "") return 0;
+	if (typeof value === "number") return Math.round(value);
+	const trimmed = value.trim();
+	const match = /^(-?\d+(?:\.\d+)?)(?:px)?$/.exec(trimmed);
+	return match ? Math.round(parseFloat(match[1])) : 0;
+}
+const NAMED_COLORS = {
+	black: "#000000",
+	white: "#ffffff",
+	red: "#ff0000",
+	green: "#008000",
+	blue: "#0000ff",
+	yellow: "#ffff00",
+	cyan: "#00ffff",
+	magenta: "#ff00ff",
+	gray: "#808080",
+	grey: "#808080",
+	silver: "#c0c0c0",
+	maroon: "#800000",
+	olive: "#808000",
+	lime: "#00ff00",
+	aqua: "#00ffff",
+	teal: "#008080",
+	navy: "#000080",
+	fuchsia: "#ff00ff",
+	purple: "#800080",
+	orange: "#ffa500",
+	pink: "#ffc0cb"
+};
+function rgbToHex(r, g, b) {
+	const clamp = (n) => Math.max(0, Math.min(255, Math.round(n)));
+	const hex = (n) => clamp(n).toString(16).padStart(2, "0");
+	return `#${hex(r)}${hex(g)}${hex(b)}`;
+}
+/**
+* Normalize a colour to 6-digit lowercase hex.
+*
+* Returns `""` for transparent/inherit/none and for anything unrecognised —
+* the empty string is the block model's "unset", which the colour pickers
+* clear to, so it is meaningfully different from returning a default.
+*/
+function parseColor(value) {
+	if (!value) return "";
+	const trimmed = value.trim().toLowerCase();
+	if (trimmed === "transparent" || trimmed === "inherit" || trimmed === "none") return "";
+	if (/^#[0-9a-f]{6}$/.test(trimmed)) return trimmed;
+	if (/^#[0-9a-f]{3}$/.test(trimmed)) {
+		const [, r, g, b] = trimmed;
+		return `#${r}${r}${g}${g}${b}${b}`;
+	}
+	const rgb = trimmed.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)$/);
+	if (rgb) return rgbToHex(+rgb[1], +rgb[2], +rgb[3]);
+	return NAMED_COLORS[trimmed] ?? "";
+}
+function expandShorthand(value) {
+	if (!value) return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	};
+	const v = value.trim().split(/\s+/).map((p) => parsePxValue(p));
+	switch (v.length) {
+		case 1: return {
+			top: v[0],
+			right: v[0],
+			bottom: v[0],
+			left: v[0]
+		};
+		case 2: return {
+			top: v[0],
+			right: v[1],
+			bottom: v[0],
+			left: v[1]
+		};
+		case 3: return {
+			top: v[0],
+			right: v[1],
+			bottom: v[2],
+			left: v[1]
+		};
+		default: return {
+			top: v[0],
+			right: v[1],
+			bottom: v[2],
+			left: v[3]
+		};
+	}
+}
+/**
+* Read a node's padding, handling both forms Topol emits: a shorthand string
+* (`"9px 9px 9px 9px"`, used by most leaves) and four separate bare-number
+* keys (`padding-top: 24`, used by `mj-divider`). A separate key wins over the
+* shorthand for its own side.
+*/
+function parsePadding(node) {
+	const base = expandShorthand(attr(node, "padding"));
+	const side = (key, fallback) => {
+		const value = attr(node, key);
+		return value === void 0 ? fallback : parsePxValue(value);
+	};
+	return {
+		top: side("padding-top", base.top),
+		right: side("padding-right", base.right),
+		bottom: side("padding-bottom", base.bottom),
+		left: side("padding-left", base.left)
+	};
+}
+/**
+* Read a percentage. Returns `null` when the value is not a percentage, so a
+* caller can tell "no width given" from "0%" — column matching depends on that
+* distinction.
+*/
+function parsePercent(value) {
+	if (value === void 0 || value === null || value === "") return null;
+	if (typeof value === "number") return Number.isFinite(value) ? value : null;
+	const match = value.trim().match(/^(\d+(?:\.\d+)?)\s*%$/);
+	return match ? parseFloat(match[1]) : null;
+}
+/** Strip quotes and return the first family in a stack. */
+function parseFontFamily(value) {
+	if (!value) return "";
+	return value.split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+}
+/** Narrow an alignment to the three the block model accepts. */
+function parseAlignment(value, fallback = "left") {
+	const v = (value ?? "").trim().toLowerCase();
+	return v === "left" || v === "center" || v === "right" ? v : fallback;
+}
+/** Narrow a border style to the three `DividerBlock.lineStyle` accepts. */
+function parseBorderStyle(value) {
+	const v = (value ?? "").trim().toLowerCase();
+	return v === "dashed" || v === "dotted" ? v : "solid";
+}
+//#endregion
+//#region src/global-style.ts
+/**
+* `DEFAULT_TEMPLATE_DEFAULTS` is typed `Partial<TemplateSettings>` so a
+* consumer can override any subset, but its own literal always sets the six
+* required fields. Narrowing once here is what lets each read come out as
+* `number`/`string`/`boolean` rather than `| undefined`. A plain typed
+* assignment cannot substitute: `Partial<T>` is not assignable to
+* `Required<Pick<T, …>>`, so `tsc` rejects it outright.
+*/
+const REQUIRED_DEFAULTS = DEFAULT_TEMPLATE_DEFAULTS;
+/** A per-tag default, or undefined when the design sets none. */
+function tagDefault(style, tag, key) {
+	return style.tagDefaults[tag]?.[key];
+}
+/** A per-selector default (`""` is the document default), or undefined. */
+function selectorDefault(style, selector, key) {
+	return style.selectorDefaults[selector]?.[key];
+}
+/**
+* Split the root's `attributes` into settings, per-tag defaults and
+* per-selector defaults.
+*
+* The root mixes two idioms: `<selector>:<property>` flat keys (`:color`,
+* `a:color`, `h1:font-family`) and `<tag>: { … }` nested objects, which are
+* the analogue of MJML's `mj-attributes`.
+*/
+function readGlobalStyle(root, container, warnings) {
+	const tagDefaults = Object.create(null);
+	const selectorDefaults = Object.create(null);
+	for (const [key, value] of Object.entries(root.attributes ?? {})) {
+		if (value !== null && typeof value === "object") {
+			const bucket = tagDefaults[key] ??= Object.create(null);
+			for (const [k, v] of Object.entries(value)) if (v !== null && v !== void 0) bucket[k] = String(v);
+			continue;
+		}
+		const colon = key.indexOf(":");
+		if (colon === -1) continue;
+		const selector = key.slice(0, colon);
+		const property = key.slice(colon + 1);
+		if (value === null || value === void 0) continue;
+		const bucket = selectorDefaults[selector] ??= Object.create(null);
+		bucket[property] = String(value);
+	}
+	const width = parsePxValue(attr(root, "containerWidth")) || REQUIRED_DEFAULTS.width;
+	const backgroundColor = (container ? parseColor(attr(container, "background-color")) : "") || REQUIRED_DEFAULTS.backgroundColor;
+	const textColor = parseColor(selectorDefaults[""]?.color) || REQUIRED_DEFAULTS.textColor;
+	const fontFamily = parseFontFamily(selectorDefaults[""]?.["font-family"]) || parseFontFamily(attr(root, "fonts")) || REQUIRED_DEFAULTS.fontFamily;
+	const linkColor = parseColor(selectorDefaults["a"]?.color);
+	const lineHeight = selectorDefaults[""]?.["line-height"];
+	if (lineHeight !== void 0) warnings.push(`Dropped the document line-height (${lineHeight}) — Templatical has no document-level line-height setting.`);
+	return {
+		settings: {
+			width,
+			backgroundColor,
+			textColor,
+			linkUnderline: REQUIRED_DEFAULTS.linkUnderline,
+			fontFamily,
+			locale: REQUIRED_DEFAULTS.locale,
+			...linkColor ? { linkColor } : {}
+		},
+		tagDefaults,
+		selectorDefaults
+	};
+}
+//#endregion
+//#region src/content-inference.ts
+/**
+* A single heading element wrapping the whole content, captured with its level
+* and inner markup. Anchored at both ends so a heading with a sibling does not
+* match — that case is a paragraph.
+*/
+const SOLE_HEADING = /^<h([1-6])(?:\s[^>]*)?>([\s\S]*)<\/h\1>$/i;
+const BLOCK_ROOT = /^<(p|h[1-6]|ul|ol|blockquote|div|table)\b/i;
+/**
+* Resolve a Topol `content` string to a Title or a Paragraph.
+*
+* Topol has no menu or table construct, so this is a two-way choice — the MJML
+* importer needs four arms because `mj-text` is the output of four different
+* block renderers there. Paragraph is the terminal arm and always reachable,
+* so this function is total.
+*/
+function inferTextBlock(content) {
+	const trimmed = (content ?? "").trim();
+	if (trimmed === "") return {
+		kind: "paragraph",
+		html: "<p></p>"
+	};
+	const heading = trimmed.match(SOLE_HEADING);
+	if (heading) {
+		const source = Number(heading[1]);
+		return {
+			kind: "title",
+			level: Math.min(source, 4),
+			inner: heading[2].trim(),
+			...source > 4 ? { clampedFrom: source } : {}
+		};
+	}
+	return {
+		kind: "paragraph",
+		html: BLOCK_ROOT.test(trimmed) ? trimmed : `<p>${trimmed}</p>`
+	};
+}
+const ENTITIES = {
+	"&amp;": "&",
+	"&lt;": "<",
+	"&gt;": ">",
+	"&quot;": "\"",
+	"&#39;": "'",
+	"&apos;": "'",
+	"&nbsp;": " "
+};
+/**
+* Remove every `<tag>` from `html`, keeping the text between them.
+*
+* A single-pass linear scan rather than `/<[^>]*>/g`: that regex is
+* polynomial over input with many `<` starts and no closing `>`, since
+* `[^>]*` backtracks at every one of them — `"<".repeat(n)` is quadratic in
+* `n`. `findOpenTagEnd` (from `@templatical/types`) resolves each `<` with a
+* bounded, quote-aware forward scan instead, so the walk stays O(n): every
+* character is visited at most once by `indexOf` and once by
+* `findOpenTagEnd`, because the cursor only moves forward and an
+* unterminated tag ends the walk rather than retrying from inside it. On
+* that unterminated case the remainder of the string — the dangling `<`
+* included — is emitted as-is, matching what `/<[^>]*>/g` does with
+* malformed markup: it can never complete a match without a `>`, so the
+* text is left untouched from that point on.
+*/
+function removeTags(html) {
+	let out = "";
+	let i = 0;
+	while (i < html.length) {
+		const open = html.indexOf("<", i);
+		if (open === -1) {
+			out += html.substring(i);
+			break;
+		}
+		out += html.substring(i, open);
+		const tagEnd = findOpenTagEnd(html, open + 1);
+		if (tagEnd === -1) {
+			out += html.substring(open);
+			break;
+		}
+		i = tagEnd + 1;
+	}
+	return out;
+}
+/**
+* The visible text of a markup fragment, for a button label — `ButtonBlock.text`
+* is a plain string, so the markup Topol stores in `content` cannot travel.
+*/
+function stripTags(html) {
+	if (!html) return "";
+	return removeTags(html).replace(/&(?:amp|lt|gt|quot|#39|apos|nbsp);/g, (m) => ENTITIES[m] ?? m).replace(/\s+/g, " ").trim();
+}
+//#endregion
+//#region src/block-mapper.ts
+/**
+* Read a node's own attribute, falling back to the design's per-tag then
+* per-selector default. Returns undefined when nothing sets it, so the caller
+* can omit the field and let the block factory's default stand.
+*/
+function resolved(node, key, ctx, selector) {
+	return attr(node, key) ?? tagDefault(ctx.style, node.tagName, key) ?? (selector === void 0 ? void 0 : selectorDefault(ctx.style, selector, key));
+}
+function baseStyles(node) {
+	const backgroundColor = parseColor(attr(node, "background-color"));
+	return { styles: {
+		padding: parsePadding(node),
+		...backgroundColor ? { backgroundColor } : {}
+	} };
+}
+function convertText(node, ctx) {
+	const inferred = inferTextBlock(node.content);
+	if (inferred.kind === "paragraph") return {
+		block: createParagraphBlock({
+			content: inferred.html,
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: "mj-text",
+			templaticalBlockType: "paragraph",
+			status: "converted"
+		}
+	};
+	const selector = `h${inferred.level}`;
+	const color = parseColor(resolved(node, "color", ctx, selector));
+	const fontFamily = parseFontFamily(resolved(node, "font-family", ctx, selector));
+	return {
+		block: createTitleBlock({
+			content: inferred.inner,
+			level: inferred.level,
+			textAlign: parseAlignment(attr(node, "align"), "left"),
+			...color ? { color } : {},
+			...fontFamily ? { fontFamily } : {},
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: "mj-text",
+			templaticalBlockType: "title",
+			status: inferred.clampedFrom ? "approximated" : "converted",
+			...inferred.clampedFrom ? { note: `Heading level h${inferred.clampedFrom} clamped to 4 — Templatical titles support h1-h4.` } : {}
+		}
+	};
+}
+function convertButton(node, ctx) {
+	const text = stripTags(node.content);
+	if (!text) return null;
+	const backgroundColor = parseColor(resolved(node, "background-color", ctx, "button"));
+	const textColor = parseColor(resolved(node, "color", ctx, "button"));
+	const fontFamily = parseFontFamily(resolved(node, "font-family", ctx, "button"));
+	const fontSizeRaw = resolved(node, "font-size", ctx);
+	const radiusRaw = resolved(node, "border-radius", ctx);
+	return {
+		block: createButtonBlock({
+			text,
+			url: attr(node, "href") ?? "",
+			...backgroundColor ? { backgroundColor } : {},
+			...textColor ? { textColor } : {},
+			...fontFamily ? { fontFamily } : {},
+			...fontSizeRaw === void 0 ? {} : { fontSize: parsePxValue(fontSizeRaw) },
+			...radiusRaw === void 0 ? {} : { borderRadius: parsePxValue(radiusRaw) },
+			align: parseAlignment(attr(node, "align"), "center"),
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: node.tagName,
+			templaticalBlockType: "button",
+			status: "converted"
+		}
+	};
+}
+function convertImage(node, ctx, sourceTag) {
+	const src = attr(node, "src");
+	if (!src) return null;
+	const widthPercent = numAttr(node, "widthPercent");
+	const pxWidth = numAttr(node, "width");
+	const href = attr(node, "href");
+	const width = widthPercent === 100 || pxWidth === void 0 || pxWidth >= ctx.columnWidth ? "full" : Math.round(pxWidth);
+	const isGif = sourceTag === "mj-gif";
+	return {
+		block: createImageBlock({
+			src,
+			alt: attr(node, "alt") ?? "",
+			width,
+			align: parseAlignment(attr(node, "align"), "center"),
+			...href ? { linkUrl: href } : {},
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag,
+			templaticalBlockType: "image",
+			status: isGif ? "approximated" : "converted",
+			...isGif ? { note: "<mj-gif> imported as an image block; Templatical has no dedicated GIF block." } : {}
+		}
+	};
+}
+function convertSpacer(node) {
+	const height = attr(node, "height");
+	return {
+		block: createSpacerBlock({
+			...height === void 0 ? {} : { height: parsePxValue(height) },
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: "mj-spacer",
+			templaticalBlockType: "spacer",
+			status: "converted"
+		}
+	};
+}
+function convertDivider(node) {
+	const color = parseColor(attr(node, "border-color"));
+	const thickness = attr(node, "border-width");
+	return {
+		block: createDividerBlock({
+			lineStyle: parseBorderStyle(attr(node, "border-style")),
+			...color ? { color } : {},
+			...thickness === void 0 ? {} : { thickness: parsePxValue(thickness) },
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: "mj-divider",
+			templaticalBlockType: "divider",
+			status: "converted"
+		}
+	};
+}
+/**
+* Convert one leaf node to a block.
+*
+* Returns `null` for a node that produces nothing *and* warrants no report
+* entry — an image with no `src`, a button with no label. `mj-social` is not
+* handled here; the converter routes it to `convertSocial`.
+*/
+function convertLeaf(node, ctx) {
+	switch (node.tagName) {
+		case "mj-text": return convertText(node, ctx);
+		case "mj-button": return convertButton(node, ctx);
+		case "mj-image": return convertImage(node, ctx, "mj-image");
+		case "mj-gif": return convertImage(node, ctx, "mj-gif");
+		case "mj-spacer": return convertSpacer(node);
+		case "mj-divider": return convertDivider(node);
+		default: return {
+			block: createHtmlBlock({
+				content: JSON.stringify(node, null, 2),
+				...baseStyles(node)
+			}),
+			entry: {
+				sourceTag: node.tagName,
+				templaticalBlockType: "html",
+				status: "html-fallback",
+				note: `<${node.tagName}> has no Templatical block equivalent; the original node is preserved as JSON.`
+			}
+		};
+	}
+}
+//#endregion
+//#region src/social-mapper.ts
+/**
+* Exhaustive over `SocialPlatform` on purpose: adding a member to that union
+* without adding it here is a compile error, so this cannot silently fall back
+* to "website" for a platform the block model gained.
+*/
+const KNOWN_PLATFORMS = {
+	facebook: true,
+	twitter: true,
+	instagram: true,
+	linkedin: true,
+	youtube: true,
+	tiktok: true,
+	pinterest: true,
+	email: true,
+	whatsapp: true,
+	telegram: true,
+	discord: true,
+	snapchat: true,
+	reddit: true,
+	github: true,
+	dribbble: true,
+	behance: true,
+	website: true
+};
+const ALIASES = {
+	x: "twitter",
+	"x-twitter": "twitter"
+};
+const ICON_SIZES = [
+	[24, "small"],
+	[32, "medium"],
+	[48, "large"]
+];
+const KNOWN_STYLES = /* @__PURE__ */ new Set([
+	"solid",
+	"outlined",
+	"rounded",
+	"square",
+	"circle"
+]);
+const STYLE_ALIASES = { outlinedbw: "outlined" };
+function normalizePlatform(raw) {
+	const cleaned = raw.trim().toLowerCase();
+	if (!cleaned) return null;
+	if (ALIASES[cleaned]) return ALIASES[cleaned];
+	return cleaned in KNOWN_PLATFORMS ? cleaned : null;
+}
+function nearestSize(px) {
+	let best = ICON_SIZES[1];
+	let gap = Infinity;
+	for (const candidate of ICON_SIZES) {
+		const d = Math.abs(candidate[0] - px);
+		if (d < gap) {
+			gap = d;
+			best = candidate;
+		}
+	}
+	return {
+		size: best[1],
+		exact: gap === 0
+	};
+}
+/** The style segment of `https://…/social-icos/<style>/`, when it names one. */
+function styleFromBaseUrl(baseUrl) {
+	if (!baseUrl) return void 0;
+	const segment = baseUrl.split("?")[0].split("/").filter(Boolean).at(-1) ?? "";
+	if (KNOWN_STYLES.has(segment)) return segment;
+	return STYLE_ALIASES[segment];
+}
+/**
+* Convert Topol's MJML v3 social block.
+*
+* `display` decides which icons render and in what order; a platform with
+* `*-href` set but absent from `display` was not shown in the email and is
+* not imported.
+*/
+function convertSocial(node, _ctx) {
+	const display = attr(node, "display");
+	if (!display) return null;
+	const notes = [];
+	const icons = [];
+	for (const token of display.trim().split(/\s+/)) {
+		const rawName = token.split(":")[0];
+		if (!rawName) continue;
+		const url = attr(node, `${rawName}-href`);
+		if (!url) continue;
+		const platform = normalizePlatform(rawName);
+		if (!platform) notes.push(`Unrecognised social platform "${rawName}" mapped to "website".`);
+		icons.push({
+			id: generateId(),
+			platform: platform ?? "website",
+			url
+		});
+	}
+	if (icons.length === 0) return null;
+	const iconStyle = styleFromBaseUrl(attr(node, "base-url"));
+	const declaredSize = attr(node, "icon-size");
+	let iconSize;
+	if (declaredSize !== void 0) {
+		const resolved = nearestSize(parsePxValue(declaredSize));
+		iconSize = resolved.size;
+		if (!resolved.exact) notes.push(`Icon size ${declaredSize} is not one of 24/32/48px; resolved to "${resolved.size}".`);
+	}
+	return {
+		block: createSocialIconsBlock({
+			icons,
+			align: parseAlignment(attr(node, "align"), "center"),
+			...iconSize ? { iconSize } : {},
+			...iconStyle ? { iconStyle } : {},
+			...baseStyles(node)
+		}),
+		entry: {
+			sourceTag: "mj-social",
+			templaticalBlockType: "social",
+			status: notes.length > 0 ? "approximated" : "converted",
+			...notes.length > 0 ? { note: notes.join(" ") } : {}
+		}
+	};
+}
+//#endregion
+//#region src/section-builder.ts
+const LAYOUT_SHAPES = [
+	{
+		layout: "1",
+		percents: [100]
+	},
+	{
+		layout: "2",
+		percents: [50, 50]
+	},
+	{
+		layout: "1-2",
+		percents: [33.33, 66.67]
+	},
+	{
+		layout: "2-1",
+		percents: [66.67, 33.33]
+	},
+	{
+		layout: "3",
+		percents: [
+			33.33,
+			33.33,
+			33.34
+		]
+	}
+];
+const WIDTH_TOLERANCE = 2;
+const COLUMN_COUNT = {
+	"1": 1,
+	"2": 2,
+	"3": 3,
+	"2-1": 2,
+	"1-2": 2
+};
+function columnPixels(layout, container) {
+	switch (layout) {
+		case "2": return [container / 2, container / 2];
+		case "3": return [
+			container / 3,
+			container / 3,
+			container / 3
+		];
+		case "1-2": return [container / 3, container * 2 / 3];
+		case "2-1": return [container * 2 / 3, container / 3];
+		default: return [container];
+	}
+}
+/**
+* Resolve column widths to one of the five layouts `ColumnLayout` allows.
+*
+* `exact: false` means the caller reports `approximated` — Topol permits any
+* column count at any width and this union permits five shapes, so this is the
+* importer's main irreducible loss.
+*/
+function matchColumnLayout(percents) {
+	const count = percents.length;
+	if (count === 0) return {
+		layout: "1",
+		exact: true
+	};
+	if (percents.every((p) => p === null)) {
+		if (count === 1) return {
+			layout: "1",
+			exact: true
+		};
+		if (count === 2) return {
+			layout: "2",
+			exact: true
+		};
+		if (count === 3) return {
+			layout: "3",
+			exact: true
+		};
+		return {
+			layout: "3",
+			exact: false
+		};
+	}
+	const known = percents.filter((p) => p !== null);
+	const unsetCount = count - known.length;
+	const remainder = unsetCount === 0 ? 0 : Math.max(0, 100 - known.reduce((a, b) => a + b, 0)) / unsetCount;
+	const resolved = percents.map((p) => p ?? remainder);
+	const sameCount = LAYOUT_SHAPES.filter((s) => s.percents.length === count);
+	for (const shape of sameCount) if (shape.percents.every((want, i) => Math.abs(want - resolved[i]) <= WIDTH_TOLERANCE)) return {
+		layout: shape.layout,
+		exact: true
+	};
+	const candidates = sameCount.length > 0 ? sameCount : LAYOUT_SHAPES.filter((s) => s.layout === "3");
+	let best = candidates[0];
+	let bestError = Infinity;
+	for (const shape of candidates) {
+		const error = shape.percents.reduce((sum, want, i) => sum + Math.abs(want - (resolved[i] ?? 0)), 0);
+		if (error < bestError) {
+			bestError = error;
+			best = shape;
+		}
+	}
+	return {
+		layout: best.layout,
+		exact: false
+	};
+}
+function convertColumnChildren(column, ctx, entries) {
+	const blocks = [];
+	for (const child of column.children ?? []) {
+		const converted = child.tagName === "mj-social" ? convertSocial(child, ctx) : convertLeaf(child, ctx);
+		if (!converted) continue;
+		entries.push(converted.entry);
+		if (converted.block) blocks.push(converted.block);
+	}
+	return blocks;
+}
+/**
+* Build a `SectionBlock` from an `mj-section`. Returns an array so the caller
+* can treat an empty section (no columns) as producing nothing.
+*
+* Reads `attributes` only. The node's top-level camelCase keys
+* (`backgroundColor`, `paddingTop`, …) are stale editor state that disagrees
+* with `attributes` in every measured case.
+*/
+function buildSection(node, ctx, entries) {
+	const columns = (node.children ?? []).filter((c) => c.tagName === "mj-column");
+	if (columns.length === 0) return [];
+	const rawWidths = columns.map((c) => attr(c, "width"));
+	const { layout, exact } = matchColumnLayout(rawWidths.map((w) => parsePercent(w)));
+	const slots = COLUMN_COUNT[layout];
+	const pixels = columnPixels(layout, ctx.style.settings.width);
+	const children = Array.from({ length: slots }, () => []);
+	entries.push({
+		sourceTag: "mj-section",
+		templaticalBlockType: "section",
+		status: exact ? "converted" : "approximated",
+		...exact ? {} : { note: `Column widths ${rawWidths.map((w) => w ?? "auto").join(", ")} have no exact Templatical layout; resolved to "${layout}".` }
+	});
+	columns.forEach((column, index) => {
+		const slot = Math.min(index, slots - 1);
+		const columnCtx = {
+			...ctx,
+			columnWidth: Math.round(pixels[slot] ?? ctx.style.settings.width)
+		};
+		children[slot].push(...convertColumnChildren(column, columnCtx, entries));
+	});
+	const backgroundColor = parseColor(attr(node, "background-color"));
+	return [createSectionBlock({
+		columns: layout,
+		children,
+		styles: {
+			padding: parsePadding(node),
+			...backgroundColor ? { backgroundColor } : {}
+		}
+	})];
+}
+//#endregion
+//#region src/converter.ts
+const ROOT_TAG = "mj-global-style";
+const INVALID_DESIGN_MESSAGE = "Invalid Topol template: expected the design JSON object — Topol hands you this directly from its editor's onSave callback, or under \"definition\" (template API) or \"json\" (predefined-templates API) in its API response.";
+const EMPTY_DESIGN_WARNING = "No convertible content was found in the Topol design. Check that the mj-container holds at least one mj-section.";
+/**
+* Convert a Topol.io design into a Templatical template.
+*
+* The input is the design object itself — the node whose `tagName` is
+* `mj-global-style`, not a whole API response. Topol's editor hands it to
+* you directly as the first argument to `onSave`; its REST APIs wrap it
+* instead, under `definition` on the template-retrieval endpoint or `json`
+* (alongside `html`) on the predefined-templates endpoint. That is
+* documented rather than sniffed: guessing which field holds the design
+* risks importing an envelope's `html`, which belongs to a different
+* package entirely.
+*
+* @example
+* ```ts
+* const { content, report } = convertTopolTemplate(design);
+* const editor = init({ container: '#editor', content });
+* console.log(report.summary);
+* ```
+*/
+function convertTopolTemplate(design) {
+	const root = typeof design === "string" ? safeParse(design) : design;
+	if (typeof root !== "object" || root === null || Array.isArray(root)) throw new Error(INVALID_DESIGN_MESSAGE);
+	const topolDesign = root;
+	if (topolDesign.tagName !== ROOT_TAG) {
+		if ("json" in topolDesign || "definition" in topolDesign) throw new Error(INVALID_DESIGN_MESSAGE);
+		throw new Error(`Invalid Topol template: expected a root node with tagName "${ROOT_TAG}".`);
+	}
+	const container = (topolDesign.children ?? []).find((child) => child.tagName === "mj-container");
+	const entries = [];
+	const warnings = [];
+	const blocks = [];
+	const style = readGlobalStyle(topolDesign, container, warnings);
+	const ctx = {
+		style,
+		columnWidth: style.settings.width
+	};
+	for (const child of container?.children ?? []) {
+		if (child.tagName !== "mj-section") continue;
+		blocks.push(...buildSection(child, ctx, entries));
+	}
+	if (blocks.length === 0) warnings.push(EMPTY_DESIGN_WARNING);
+	return {
+		content: {
+			...createDefaultTemplateContent(),
+			blocks,
+			settings: style.settings
+		},
+		report: {
+			entries,
+			warnings,
+			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
+			}
+		}
+	};
+}
+function safeParse(source) {
+	try {
+		return JSON.parse(source);
+	} catch {
+		throw new Error(INVALID_DESIGN_MESSAGE);
+	}
+}
+//#endregion
+export { convertTopolTemplate };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/attribute-parser.ts","../src/global-style.ts","../src/content-inference.ts","../src/block-mapper.ts","../src/social-mapper.ts","../src/section-builder.ts","../src/converter.ts"],"sourcesContent":["import type { SpacingValue } from \"@templatical/types\";\nimport type { TopolNode } from \"./types\";\n\n/**\n * Read one attribute as a string, treating Topol's explicit `null` — and an\n * empty string — as absent.\n *\n * Topol writes literal `null` for an unset attribute rather than omitting the\n * key, so a `!== undefined` check would report it as present and write a null\n * into the block. Every optional-field read goes through here.\n */\nexport function attr(node: TopolNode, key: string): string | undefined {\n  const raw = node.attributes?.[key];\n  if (raw === null || raw === undefined) return undefined;\n  if (typeof raw === \"object\") return undefined;\n  const value = String(raw);\n  return value === \"\" ? undefined : value;\n}\n\n/** Read one attribute as a number, or `undefined` when unset or non-numeric. */\nexport function numAttr(node: TopolNode, key: string): number | undefined {\n  const value = attr(node, key);\n  if (value === undefined) return undefined;\n  const parsed = Number(value);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * Parse a px-like value into a rounded integer. Returns 0 for a missing value\n * and for units the block model cannot express (em, rem, %).\n *\n * Trims first, then matches with no `\\s*` on either side of the optional\n * `px` unit. A trailing run of spaces can otherwise be claimed by either the\n * surrounding `\\s*` or by backtracking out of the digit/unit match, and a\n * *failing* match (no `px`, no digits — anything not shaped like a length)\n * retries every such split before giving up: `\"0\" + \" \".repeat(n) + \"x\"` is\n * polynomial in `n` against that pattern. Trimming first removes the only\n * whitespace the pattern needs to tolerate, so the match itself has nothing\n * ambiguous left to backtrack over.\n */\nexport function parsePxValue(value: string | number | undefined): number {\n  if (value === undefined || value === null || value === \"\") return 0;\n  if (typeof value === \"number\") return Math.round(value);\n  const trimmed = value.trim();\n  const match = /^(-?\\d+(?:\\.\\d+)?)(?:px)?$/.exec(trimmed);\n  return match ? Math.round(parseFloat(match[1])) : 0;\n}\n\nconst NAMED_COLORS: Record<string, string> = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n  red: \"#ff0000\",\n  green: \"#008000\",\n  blue: \"#0000ff\",\n  yellow: \"#ffff00\",\n  cyan: \"#00ffff\",\n  magenta: \"#ff00ff\",\n  gray: \"#808080\",\n  grey: \"#808080\",\n  silver: \"#c0c0c0\",\n  maroon: \"#800000\",\n  olive: \"#808000\",\n  lime: \"#00ff00\",\n  aqua: \"#00ffff\",\n  teal: \"#008080\",\n  navy: \"#000080\",\n  fuchsia: \"#ff00ff\",\n  purple: \"#800080\",\n  orange: \"#ffa500\",\n  pink: \"#ffc0cb\",\n};\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const clamp = (n: number) => Math.max(0, Math.min(255, Math.round(n)));\n  const hex = (n: number) => clamp(n).toString(16).padStart(2, \"0\");\n  return `#${hex(r)}${hex(g)}${hex(b)}`;\n}\n\n/**\n * Normalize a colour to 6-digit lowercase hex.\n *\n * Returns `\"\"` for transparent/inherit/none and for anything unrecognised —\n * the empty string is the block model's \"unset\", which the colour pickers\n * clear to, so it is meaningfully different from returning a default.\n */\nexport function parseColor(value: string | undefined): string {\n  if (!value) return \"\";\n  const trimmed = value.trim().toLowerCase();\n  if (trimmed === \"transparent\" || trimmed === \"inherit\" || trimmed === \"none\")\n    return \"\";\n  if (/^#[0-9a-f]{6}$/.test(trimmed)) return trimmed;\n  if (/^#[0-9a-f]{3}$/.test(trimmed)) {\n    const [, r, g, b] = trimmed;\n    return `#${r}${r}${g}${g}${b}${b}`;\n  }\n  const rgb = trimmed.match(\n    /^rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*[\\d.]+\\s*)?\\)$/,\n  );\n  if (rgb) return rgbToHex(+rgb[1], +rgb[2], +rgb[3]);\n  return NAMED_COLORS[trimmed] ?? \"\";\n}\n\nfunction expandShorthand(value: string | undefined): SpacingValue {\n  if (!value) return { top: 0, right: 0, bottom: 0, left: 0 };\n  const v = value\n    .trim()\n    .split(/\\s+/)\n    .map((p) => parsePxValue(p));\n  switch (v.length) {\n    case 1:\n      return { top: v[0], right: v[0], bottom: v[0], left: v[0] };\n    case 2:\n      return { top: v[0], right: v[1], bottom: v[0], left: v[1] };\n    case 3:\n      return { top: v[0], right: v[1], bottom: v[2], left: v[1] };\n    default:\n      return { top: v[0], right: v[1], bottom: v[2], left: v[3] };\n  }\n}\n\n/**\n * Read a node's padding, handling both forms Topol emits: a shorthand string\n * (`\"9px 9px 9px 9px\"`, used by most leaves) and four separate bare-number\n * keys (`padding-top: 24`, used by `mj-divider`). A separate key wins over the\n * shorthand for its own side.\n */\nexport function parsePadding(node: TopolNode): SpacingValue {\n  const base = expandShorthand(attr(node, \"padding\"));\n  const side = (key: string, fallback: number) => {\n    const value = attr(node, key);\n    return value === undefined ? fallback : parsePxValue(value);\n  };\n  return {\n    top: side(\"padding-top\", base.top),\n    right: side(\"padding-right\", base.right),\n    bottom: side(\"padding-bottom\", base.bottom),\n    left: side(\"padding-left\", base.left),\n  };\n}\n\n/**\n * Read a percentage. Returns `null` when the value is not a percentage, so a\n * caller can tell \"no width given\" from \"0%\" — column matching depends on that\n * distinction.\n */\nexport function parsePercent(\n  value: string | number | undefined,\n): number | null {\n  if (value === undefined || value === null || value === \"\") return null;\n  if (typeof value === \"number\") return Number.isFinite(value) ? value : null;\n  const match = value.trim().match(/^(\\d+(?:\\.\\d+)?)\\s*%$/);\n  return match ? parseFloat(match[1]) : null;\n}\n\n/** Strip quotes and return the first family in a stack. */\nexport function parseFontFamily(value: string | undefined): string {\n  if (!value) return \"\";\n  return value\n    .split(\",\")[0]\n    .trim()\n    .replace(/^['\"]|['\"]$/g, \"\");\n}\n\n/** Narrow an alignment to the three the block model accepts. */\nexport function parseAlignment(\n  value: string | undefined,\n  fallback: \"left\" | \"center\" | \"right\" = \"left\",\n): \"left\" | \"center\" | \"right\" {\n  const v = (value ?? \"\").trim().toLowerCase();\n  return v === \"left\" || v === \"center\" || v === \"right\" ? v : fallback;\n}\n\n/** Narrow a border style to the three `DividerBlock.lineStyle` accepts. */\nexport function parseBorderStyle(\n  value: string | undefined,\n): \"solid\" | \"dashed\" | \"dotted\" {\n  const v = (value ?? \"\").trim().toLowerCase();\n  return v === \"dashed\" || v === \"dotted\" ? v : \"solid\";\n}\n","import { DEFAULT_TEMPLATE_DEFAULTS } from \"@templatical/types\";\nimport type { TemplateContent, TemplateSettings } from \"@templatical/types\";\nimport {\n  attr,\n  parseColor,\n  parseFontFamily,\n  parsePxValue,\n} from \"./attribute-parser\";\nimport type { TopolDesign, TopolNode } from \"./types\";\n\n/**\n * `DEFAULT_TEMPLATE_DEFAULTS` is typed `Partial<TemplateSettings>` so a\n * consumer can override any subset, but its own literal always sets the six\n * required fields. Narrowing once here is what lets each read come out as\n * `number`/`string`/`boolean` rather than `| undefined`. A plain typed\n * assignment cannot substitute: `Partial<T>` is not assignable to\n * `Required<Pick<T, …>>`, so `tsc` rejects it outright.\n */\nconst REQUIRED_DEFAULTS = DEFAULT_TEMPLATE_DEFAULTS as Required<\n  Pick<\n    TemplateSettings,\n    | \"width\"\n    | \"backgroundColor\"\n    | \"textColor\"\n    | \"linkUnderline\"\n    | \"fontFamily\"\n    | \"locale\"\n  >\n>;\n\nexport interface GlobalStyle {\n  settings: TemplateContent[\"settings\"];\n  /** From nested objects like `\"mj-text\": { … }`. */\n  tagDefaults: Record<string, Record<string, string>>;\n  /** From flat `<selector>:<property>` keys; the bare selector is `\"\"`. */\n  selectorDefaults: Record<string, Record<string, string>>;\n}\n\n/** A per-tag default, or undefined when the design sets none. */\nexport function tagDefault(\n  style: GlobalStyle,\n  tag: string,\n  key: string,\n): string | undefined {\n  return style.tagDefaults[tag]?.[key];\n}\n\n/** A per-selector default (`\"\"` is the document default), or undefined. */\nexport function selectorDefault(\n  style: GlobalStyle,\n  selector: string,\n  key: string,\n): string | undefined {\n  return style.selectorDefaults[selector]?.[key];\n}\n\n/**\n * Split the root's `attributes` into settings, per-tag defaults and\n * per-selector defaults.\n *\n * The root mixes two idioms: `<selector>:<property>` flat keys (`:color`,\n * `a:color`, `h1:font-family`) and `<tag>: { … }` nested objects, which are\n * the analogue of MJML's `mj-attributes`.\n */\nexport function readGlobalStyle(\n  root: TopolDesign,\n  container: TopolNode | undefined,\n  warnings: string[],\n): GlobalStyle {\n  const tagDefaults: Record<string, Record<string, string>> = Object.create(\n    null,\n  );\n  const selectorDefaults: Record<\n    string,\n    Record<string, string>\n  > = Object.create(null);\n\n  for (const [key, value] of Object.entries(root.attributes ?? {})) {\n    if (value !== null && typeof value === \"object\") {\n      const bucket = (tagDefaults[key] ??= Object.create(null));\n      for (const [k, v] of Object.entries(value)) {\n        if (v !== null && v !== undefined) bucket[k] = String(v);\n      }\n      continue;\n    }\n\n    const colon = key.indexOf(\":\");\n    // No colon means a root-level setting rather than a selector default —\n    // `containerWidth` and `fonts` are the two real cases, and both are read\n    // directly by name below instead of through the caches built here.\n    if (colon === -1) continue;\n    const selector = key.slice(0, colon);\n    const property = key.slice(colon + 1);\n    if (value === null || value === undefined) continue;\n    const bucket = (selectorDefaults[selector] ??= Object.create(null));\n    bucket[property] = String(value);\n  }\n\n  // containerWidth is authored only here, on the root. It is also denormalised\n  // onto every leaf as the enclosing column's computed width (600/300/150 in\n  // one template), so no other module may read it.\n  const width =\n    parsePxValue(attr(root, \"containerWidth\")) || REQUIRED_DEFAULTS.width;\n\n  const backgroundColor =\n    (container ? parseColor(attr(container, \"background-color\")) : \"\") ||\n    REQUIRED_DEFAULTS.backgroundColor;\n\n  const textColor =\n    parseColor(selectorDefaults[\"\"]?.color) || REQUIRED_DEFAULTS.textColor;\n\n  const fontFamily =\n    parseFontFamily(selectorDefaults[\"\"]?.[\"font-family\"]) ||\n    parseFontFamily(attr(root, \"fonts\")) ||\n    REQUIRED_DEFAULTS.fontFamily;\n\n  const linkColor = parseColor(selectorDefaults[\"a\"]?.color);\n\n  const lineHeight = selectorDefaults[\"\"]?.[\"line-height\"];\n  if (lineHeight !== undefined) {\n    warnings.push(\n      `Dropped the document line-height (${lineHeight}) — Templatical has no document-level line-height setting.`,\n    );\n  }\n\n  const settings: TemplateContent[\"settings\"] = {\n    width,\n    backgroundColor,\n    textColor,\n    linkUnderline: REQUIRED_DEFAULTS.linkUnderline,\n    fontFamily,\n    locale: REQUIRED_DEFAULTS.locale,\n    ...(linkColor ? { linkColor } : {}),\n  };\n\n  return { settings, tagDefaults, selectorDefaults };\n}\n","import { findOpenTagEnd } from \"@templatical/types\";\nimport type { HeadingLevel } from \"@templatical/types\";\n\nexport type InferredText =\n  | { kind: \"title\"; level: HeadingLevel; inner: string; clampedFrom?: number }\n  | { kind: \"paragraph\"; html: string };\n\n/**\n * A single heading element wrapping the whole content, captured with its level\n * and inner markup. Anchored at both ends so a heading with a sibling does not\n * match — that case is a paragraph.\n */\nconst SOLE_HEADING = /^<h([1-6])(?:\\s[^>]*)?>([\\s\\S]*)<\\/h\\1>$/i;\n\nconst BLOCK_ROOT = /^<(p|h[1-6]|ul|ol|blockquote|div|table)\\b/i;\n\n/**\n * Resolve a Topol `content` string to a Title or a Paragraph.\n *\n * Topol has no menu or table construct, so this is a two-way choice — the MJML\n * importer needs four arms because `mj-text` is the output of four different\n * block renderers there. Paragraph is the terminal arm and always reachable,\n * so this function is total.\n */\nexport function inferTextBlock(content: string | undefined): InferredText {\n  const trimmed = (content ?? \"\").trim();\n  if (trimmed === \"\") return { kind: \"paragraph\", html: \"<p></p>\" };\n\n  const heading = trimmed.match(SOLE_HEADING);\n  if (heading) {\n    const source = Number(heading[1]);\n    const level = Math.min(source, 4) as HeadingLevel;\n    return {\n      kind: \"title\",\n      level,\n      inner: heading[2].trim(),\n      ...(source > 4 ? { clampedFrom: source } : {}),\n    };\n  }\n\n  return {\n    kind: \"paragraph\",\n    html: BLOCK_ROOT.test(trimmed) ? trimmed : `<p>${trimmed}</p>`,\n  };\n}\n\nconst ENTITIES: Record<string, string> = {\n  \"&amp;\": \"&\",\n  \"&lt;\": \"<\",\n  \"&gt;\": \">\",\n  \"&quot;\": '\"',\n  \"&#39;\": \"'\",\n  \"&apos;\": \"'\",\n  \"&nbsp;\": \" \",\n};\n\n/**\n * Remove every `<tag>` from `html`, keeping the text between them.\n *\n * A single-pass linear scan rather than `/<[^>]*>/g`: that regex is\n * polynomial over input with many `<` starts and no closing `>`, since\n * `[^>]*` backtracks at every one of them — `\"<\".repeat(n)` is quadratic in\n * `n`. `findOpenTagEnd` (from `@templatical/types`) resolves each `<` with a\n * bounded, quote-aware forward scan instead, so the walk stays O(n): every\n * character is visited at most once by `indexOf` and once by\n * `findOpenTagEnd`, because the cursor only moves forward and an\n * unterminated tag ends the walk rather than retrying from inside it. On\n * that unterminated case the remainder of the string — the dangling `<`\n * included — is emitted as-is, matching what `/<[^>]*>/g` does with\n * malformed markup: it can never complete a match without a `>`, so the\n * text is left untouched from that point on.\n */\nfunction removeTags(html: string): string {\n  let out = \"\";\n  let i = 0;\n  while (i < html.length) {\n    const open = html.indexOf(\"<\", i);\n    if (open === -1) {\n      out += html.substring(i);\n      break;\n    }\n    out += html.substring(i, open);\n    const tagEnd = findOpenTagEnd(html, open + 1);\n    if (tagEnd === -1) {\n      out += html.substring(open);\n      break;\n    }\n    i = tagEnd + 1;\n  }\n  return out;\n}\n\n/**\n * The visible text of a markup fragment, for a button label — `ButtonBlock.text`\n * is a plain string, so the markup Topol stores in `content` cannot travel.\n */\nexport function stripTags(html: string | undefined): string {\n  if (!html) return \"\";\n  const text = removeTags(html);\n  const decoded = text.replace(\n    /&(?:amp|lt|gt|quot|#39|apos|nbsp);/g,\n    (m) => ENTITIES[m] ?? m,\n  );\n  return decoded.replace(/\\s+/g, \" \").trim();\n}\n","import {\n  createButtonBlock,\n  createDividerBlock,\n  createHtmlBlock,\n  createImageBlock,\n  createParagraphBlock,\n  createSpacerBlock,\n  createTitleBlock,\n} from \"@templatical/types\";\nimport type { Block, BlockStyles } from \"@templatical/types\";\nimport {\n  attr,\n  numAttr,\n  parseAlignment,\n  parseBorderStyle,\n  parseColor,\n  parseFontFamily,\n  parsePadding,\n  parsePxValue,\n} from \"./attribute-parser\";\nimport { inferTextBlock, stripTags } from \"./content-inference\";\nimport { selectorDefault, tagDefault, type GlobalStyle } from \"./global-style\";\nimport type { ImportReportEntry, TopolNode } from \"./types\";\n\nexport interface MapContext {\n  style: GlobalStyle;\n  /** The rendered width of the column holding this node, for `width: \"full\"`. */\n  columnWidth: number;\n}\n\nexport interface Converted {\n  block: Block | null;\n  entry: ImportReportEntry;\n}\n\n/**\n * Read a node's own attribute, falling back to the design's per-tag then\n * per-selector default. Returns undefined when nothing sets it, so the caller\n * can omit the field and let the block factory's default stand.\n */\nfunction resolved(\n  node: TopolNode,\n  key: string,\n  ctx: MapContext,\n  selector?: string,\n): string | undefined {\n  return (\n    attr(node, key) ??\n    tagDefault(ctx.style, node.tagName, key) ??\n    (selector === undefined\n      ? undefined\n      : selectorDefault(ctx.style, selector, key))\n  );\n}\n\nexport function baseStyles(node: TopolNode): { styles: BlockStyles } {\n  const backgroundColor = parseColor(attr(node, \"background-color\"));\n  return {\n    styles: {\n      padding: parsePadding(node),\n      ...(backgroundColor ? { backgroundColor } : {}),\n    },\n  };\n}\n\nfunction convertText(node: TopolNode, ctx: MapContext): Converted {\n  const inferred = inferTextBlock(node.content);\n\n  if (inferred.kind === \"paragraph\") {\n    return {\n      block: createParagraphBlock({\n        content: inferred.html,\n        ...baseStyles(node),\n      }),\n      entry: {\n        sourceTag: \"mj-text\",\n        templaticalBlockType: \"paragraph\",\n        status: \"converted\",\n      },\n    };\n  }\n\n  const selector = `h${inferred.level}`;\n  const color = parseColor(resolved(node, \"color\", ctx, selector));\n  const fontFamily = parseFontFamily(\n    resolved(node, \"font-family\", ctx, selector),\n  );\n\n  const block = createTitleBlock({\n    content: inferred.inner,\n    level: inferred.level,\n    textAlign: parseAlignment(attr(node, \"align\"), \"left\"),\n    ...(color ? { color } : {}),\n    ...(fontFamily ? { fontFamily } : {}),\n    ...baseStyles(node),\n  });\n\n  return {\n    block,\n    entry: {\n      sourceTag: \"mj-text\",\n      templaticalBlockType: \"title\",\n      status: inferred.clampedFrom ? \"approximated\" : \"converted\",\n      ...(inferred.clampedFrom\n        ? {\n            note: `Heading level h${inferred.clampedFrom} clamped to 4 — Templatical titles support h1-h4.`,\n          }\n        : {}),\n    },\n  };\n}\n\nfunction convertButton(node: TopolNode, ctx: MapContext): Converted | null {\n  const text = stripTags(node.content);\n  if (!text) return null;\n\n  const backgroundColor = parseColor(\n    resolved(node, \"background-color\", ctx, \"button\"),\n  );\n  const textColor = parseColor(resolved(node, \"color\", ctx, \"button\"));\n  const fontFamily = parseFontFamily(\n    resolved(node, \"font-family\", ctx, \"button\"),\n  );\n  const fontSizeRaw = resolved(node, \"font-size\", ctx);\n  const radiusRaw = resolved(node, \"border-radius\", ctx);\n\n  return {\n    block: createButtonBlock({\n      text,\n      url: attr(node, \"href\") ?? \"\",\n      ...(backgroundColor ? { backgroundColor } : {}),\n      ...(textColor ? { textColor } : {}),\n      ...(fontFamily ? { fontFamily } : {}),\n      ...(fontSizeRaw === undefined\n        ? {}\n        : { fontSize: parsePxValue(fontSizeRaw) }),\n      ...(radiusRaw === undefined\n        ? {}\n        : { borderRadius: parsePxValue(radiusRaw) }),\n      align: parseAlignment(attr(node, \"align\"), \"center\"),\n      ...baseStyles(node),\n    }),\n    entry: {\n      sourceTag: node.tagName,\n      templaticalBlockType: \"button\",\n      status: \"converted\",\n    },\n  };\n}\n\nfunction convertImage(\n  node: TopolNode,\n  ctx: MapContext,\n  sourceTag: string,\n): Converted | null {\n  const src = attr(node, \"src\");\n  if (!src) return null;\n\n  const widthPercent = numAttr(node, \"widthPercent\");\n  const pxWidth = numAttr(node, \"width\");\n  const href = attr(node, \"href\");\n\n  const width =\n    widthPercent === 100 || pxWidth === undefined || pxWidth >= ctx.columnWidth\n      ? (\"full\" as const)\n      : Math.round(pxWidth);\n\n  const isGif = sourceTag === \"mj-gif\";\n\n  return {\n    block: createImageBlock({\n      src,\n      alt: attr(node, \"alt\") ?? \"\",\n      width,\n      align: parseAlignment(attr(node, \"align\"), \"center\"),\n      ...(href ? { linkUrl: href } : {}),\n      ...baseStyles(node),\n    }),\n    entry: {\n      sourceTag,\n      templaticalBlockType: \"image\",\n      status: isGif ? \"approximated\" : \"converted\",\n      ...(isGif\n        ? {\n            note: \"<mj-gif> imported as an image block; Templatical has no dedicated GIF block.\",\n          }\n        : {}),\n    },\n  };\n}\n\nfunction convertSpacer(node: TopolNode): Converted {\n  const height = attr(node, \"height\");\n  return {\n    block: createSpacerBlock({\n      ...(height === undefined ? {} : { height: parsePxValue(height) }),\n      ...baseStyles(node),\n    }),\n    entry: {\n      sourceTag: \"mj-spacer\",\n      templaticalBlockType: \"spacer\",\n      status: \"converted\",\n    },\n  };\n}\n\nfunction convertDivider(node: TopolNode): Converted {\n  const color = parseColor(attr(node, \"border-color\"));\n  const thickness = attr(node, \"border-width\");\n  return {\n    block: createDividerBlock({\n      lineStyle: parseBorderStyle(attr(node, \"border-style\")),\n      ...(color ? { color } : {}),\n      ...(thickness === undefined\n        ? {}\n        : { thickness: parsePxValue(thickness) }),\n      ...baseStyles(node),\n    }),\n    entry: {\n      sourceTag: \"mj-divider\",\n      templaticalBlockType: \"divider\",\n      status: \"converted\",\n    },\n  };\n}\n\n/**\n * Convert one leaf node to a block.\n *\n * Returns `null` for a node that produces nothing *and* warrants no report\n * entry — an image with no `src`, a button with no label. `mj-social` is not\n * handled here; the converter routes it to `convertSocial`.\n */\nexport function convertLeaf(\n  node: TopolNode,\n  ctx: MapContext,\n): Converted | null {\n  switch (node.tagName) {\n    case \"mj-text\":\n      return convertText(node, ctx);\n    case \"mj-button\":\n      return convertButton(node, ctx);\n    case \"mj-image\":\n      return convertImage(node, ctx, \"mj-image\");\n    case \"mj-gif\":\n      return convertImage(node, ctx, \"mj-gif\");\n    case \"mj-spacer\":\n      return convertSpacer(node);\n    case \"mj-divider\":\n      return convertDivider(node);\n    default:\n      return {\n        block: createHtmlBlock({\n          content: JSON.stringify(node, null, 2),\n          ...baseStyles(node),\n        }),\n        entry: {\n          sourceTag: node.tagName,\n          templaticalBlockType: \"html\",\n          status: \"html-fallback\",\n          note: `<${node.tagName}> has no Templatical block equivalent; the original node is preserved as JSON.`,\n        },\n      };\n  }\n}\n","import { createSocialIconsBlock, generateId } from \"@templatical/types\";\nimport type {\n  SocialIcon,\n  SocialIconSize,\n  SocialIconStyle,\n  SocialPlatform,\n} from \"@templatical/types\";\nimport { attr, parseAlignment, parsePxValue } from \"./attribute-parser\";\nimport { baseStyles, type Converted, type MapContext } from \"./block-mapper\";\nimport type { TopolNode } from \"./types\";\n\n/**\n * Exhaustive over `SocialPlatform` on purpose: adding a member to that union\n * without adding it here is a compile error, so this cannot silently fall back\n * to \"website\" for a platform the block model gained.\n */\nconst KNOWN_PLATFORMS: Record<SocialPlatform, true> = {\n  facebook: true,\n  twitter: true,\n  instagram: true,\n  linkedin: true,\n  youtube: true,\n  tiktok: true,\n  pinterest: true,\n  email: true,\n  whatsapp: true,\n  telegram: true,\n  discord: true,\n  snapchat: true,\n  reddit: true,\n  github: true,\n  dribbble: true,\n  behance: true,\n  website: true,\n};\n\nconst ALIASES: Record<string, SocialPlatform> = {\n  x: \"twitter\",\n  \"x-twitter\": \"twitter\",\n};\n\nconst ICON_SIZES: Array<[number, SocialIconSize]> = [\n  [24, \"small\"],\n  [32, \"medium\"],\n  [48, \"large\"],\n];\n\nconst KNOWN_STYLES = new Set<string>([\n  \"solid\",\n  \"outlined\",\n  \"rounded\",\n  \"square\",\n  \"circle\",\n]);\n\n// Topol ships icon sets whose folder name is not a Templatical style name.\n// `outlinedbw` is the outlined set in black and white; Templatical has no\n// monochrome variant, so `outlined` is the closest true answer — mapping it to\n// the `solid` fallback instead would import an outlined icon set as filled.\n// Measured: both `/social-icos/outlined/` and `/social-icos/outlinedbw/` appear\n// across the reference exports.\nconst STYLE_ALIASES: Record<string, SocialIconStyle> = {\n  outlinedbw: \"outlined\",\n};\n\nfunction normalizePlatform(raw: string): SocialPlatform | null {\n  const cleaned = raw.trim().toLowerCase();\n  if (!cleaned) return null;\n  if (ALIASES[cleaned]) return ALIASES[cleaned];\n  return cleaned in KNOWN_PLATFORMS ? (cleaned as SocialPlatform) : null;\n}\n\nfunction nearestSize(px: number): { size: SocialIconSize; exact: boolean } {\n  let best = ICON_SIZES[1];\n  let gap = Infinity;\n  for (const candidate of ICON_SIZES) {\n    const d = Math.abs(candidate[0] - px);\n    if (d < gap) {\n      gap = d;\n      best = candidate;\n    }\n  }\n  return { size: best[1], exact: gap === 0 };\n}\n\n/** The style segment of `https://…/social-icos/<style>/`, when it names one. */\nfunction styleFromBaseUrl(\n  baseUrl: string | undefined,\n): SocialIconStyle | undefined {\n  if (!baseUrl) return undefined;\n  const segment = baseUrl.split(\"?\")[0].split(\"/\").filter(Boolean).at(-1) ?? \"\";\n  if (KNOWN_STYLES.has(segment)) return segment as SocialIconStyle;\n  return STYLE_ALIASES[segment];\n}\n\n/**\n * Convert Topol's MJML v3 social block.\n *\n * `display` decides which icons render and in what order; a platform with\n * `*-href` set but absent from `display` was not shown in the email and is\n * not imported.\n */\nexport function convertSocial(\n  node: TopolNode,\n  _ctx: MapContext,\n): Converted | null {\n  const display = attr(node, \"display\");\n  if (!display) return null;\n\n  const notes: string[] = [];\n  const icons: SocialIcon[] = [];\n\n  for (const token of display.trim().split(/\\s+/)) {\n    const rawName = token.split(\":\")[0];\n    if (!rawName) continue;\n\n    const url = attr(node, `${rawName}-href`);\n    if (!url) continue;\n\n    const platform = normalizePlatform(rawName);\n    if (!platform) {\n      notes.push(\n        `Unrecognised social platform \"${rawName}\" mapped to \"website\".`,\n      );\n    }\n\n    icons.push({ id: generateId(), platform: platform ?? \"website\", url });\n  }\n\n  if (icons.length === 0) return null;\n\n  const iconStyle = styleFromBaseUrl(attr(node, \"base-url\"));\n\n  const declaredSize = attr(node, \"icon-size\");\n  let iconSize: SocialIconSize | undefined;\n  if (declaredSize !== undefined) {\n    const px = parsePxValue(declaredSize);\n    const resolved = nearestSize(px);\n    iconSize = resolved.size;\n    if (!resolved.exact) {\n      notes.push(\n        `Icon size ${declaredSize} is not one of 24/32/48px; resolved to \"${resolved.size}\".`,\n      );\n    }\n  }\n\n  return {\n    block: createSocialIconsBlock({\n      icons,\n      align: parseAlignment(attr(node, \"align\"), \"center\"),\n      ...(iconSize ? { iconSize } : {}),\n      ...(iconStyle ? { iconStyle } : {}),\n      ...baseStyles(node),\n    }),\n    entry: {\n      sourceTag: \"mj-social\",\n      templaticalBlockType: \"social\",\n      status: notes.length > 0 ? \"approximated\" : \"converted\",\n      ...(notes.length > 0 ? { note: notes.join(\" \") } : {}),\n    },\n  };\n}\n","import { createSectionBlock } from \"@templatical/types\";\nimport type { Block, ColumnLayout } from \"@templatical/types\";\nimport {\n  attr,\n  parseColor,\n  parsePadding,\n  parsePercent,\n} from \"./attribute-parser\";\nimport { convertLeaf, type MapContext } from \"./block-mapper\";\nimport { convertSocial } from \"./social-mapper\";\nimport type { ImportReportEntry, TopolNode } from \"./types\";\n\nconst LAYOUT_SHAPES: Array<{ layout: ColumnLayout; percents: number[] }> = [\n  { layout: \"1\", percents: [100] },\n  { layout: \"2\", percents: [50, 50] },\n  { layout: \"1-2\", percents: [33.33, 66.67] },\n  { layout: \"2-1\", percents: [66.67, 33.33] },\n  { layout: \"3\", percents: [33.33, 33.33, 33.34] },\n];\n\nconst WIDTH_TOLERANCE = 2;\n\nconst COLUMN_COUNT: Record<ColumnLayout, number> = {\n  \"1\": 1,\n  \"2\": 2,\n  \"3\": 3,\n  \"2-1\": 2,\n  \"1-2\": 2,\n};\n\nfunction columnPixels(layout: ColumnLayout, container: number): number[] {\n  switch (layout) {\n    case \"2\":\n      return [container / 2, container / 2];\n    case \"3\":\n      return [container / 3, container / 3, container / 3];\n    case \"1-2\":\n      return [container / 3, (container * 2) / 3];\n    case \"2-1\":\n      return [(container * 2) / 3, container / 3];\n    default:\n      return [container];\n  }\n}\n\n/**\n * Resolve column widths to one of the five layouts `ColumnLayout` allows.\n *\n * `exact: false` means the caller reports `approximated` — Topol permits any\n * column count at any width and this union permits five shapes, so this is the\n * importer's main irreducible loss.\n */\nexport function matchColumnLayout(percents: Array<number | null>): {\n  layout: ColumnLayout;\n  exact: boolean;\n} {\n  const count = percents.length;\n  if (count === 0) return { layout: \"1\", exact: true };\n\n  // All-unset is \"distribute equally\", which is exactly what the n-column\n  // layout means — not a missing value to approximate around.\n  if (percents.every((p) => p === null)) {\n    if (count === 1) return { layout: \"1\", exact: true };\n    if (count === 2) return { layout: \"2\", exact: true };\n    if (count === 3) return { layout: \"3\", exact: true };\n    return { layout: \"3\", exact: false };\n  }\n\n  const known = percents.filter((p): p is number => p !== null);\n  const unsetCount = count - known.length;\n  const remainder =\n    unsetCount === 0\n      ? 0\n      : Math.max(0, 100 - known.reduce((a, b) => a + b, 0)) / unsetCount;\n  const resolved = percents.map((p) => p ?? remainder);\n\n  const sameCount = LAYOUT_SHAPES.filter((s) => s.percents.length === count);\n\n  for (const shape of sameCount) {\n    if (\n      shape.percents.every(\n        (want, i) => Math.abs(want - resolved[i]) <= WIDTH_TOLERANCE,\n      )\n    ) {\n      return { layout: shape.layout, exact: true };\n    }\n  }\n\n  const candidates =\n    sameCount.length > 0\n      ? sameCount\n      : LAYOUT_SHAPES.filter((s) => s.layout === \"3\");\n\n  let best = candidates[0];\n  let bestError = Infinity;\n  for (const shape of candidates) {\n    const error = shape.percents.reduce(\n      (sum, want, i) => sum + Math.abs(want - (resolved[i] ?? 0)),\n      0,\n    );\n    if (error < bestError) {\n      bestError = error;\n      best = shape;\n    }\n  }\n\n  return { layout: best.layout, exact: false };\n}\n\nfunction convertColumnChildren(\n  column: TopolNode,\n  ctx: MapContext,\n  entries: ImportReportEntry[],\n): Block[] {\n  const blocks: Block[] = [];\n  for (const child of column.children ?? []) {\n    const converted =\n      child.tagName === \"mj-social\"\n        ? convertSocial(child, ctx)\n        : convertLeaf(child, ctx);\n    if (!converted) continue;\n    entries.push(converted.entry);\n    if (converted.block) blocks.push(converted.block);\n  }\n  return blocks;\n}\n\n/**\n * Build a `SectionBlock` from an `mj-section`. Returns an array so the caller\n * can treat an empty section (no columns) as producing nothing.\n *\n * Reads `attributes` only. The node's top-level camelCase keys\n * (`backgroundColor`, `paddingTop`, …) are stale editor state that disagrees\n * with `attributes` in every measured case.\n */\nexport function buildSection(\n  node: TopolNode,\n  ctx: MapContext,\n  entries: ImportReportEntry[],\n): Block[] {\n  const columns = (node.children ?? []).filter(\n    (c) => c.tagName === \"mj-column\",\n  );\n  if (columns.length === 0) return [];\n\n  const rawWidths = columns.map((c) => attr(c, \"width\"));\n  const percents = rawWidths.map((w) => parsePercent(w));\n  const { layout, exact } = matchColumnLayout(percents);\n\n  const slots = COLUMN_COUNT[layout];\n  const pixels = columnPixels(layout, ctx.style.settings.width);\n  const children: Block[][] = Array.from({ length: slots }, () => []);\n\n  entries.push({\n    sourceTag: \"mj-section\",\n    templaticalBlockType: \"section\",\n    status: exact ? \"converted\" : \"approximated\",\n    ...(exact\n      ? {}\n      : {\n          note: `Column widths ${rawWidths.map((w) => w ?? \"auto\").join(\", \")} have no exact Templatical layout; resolved to \"${layout}\".`,\n        }),\n  });\n\n  columns.forEach((column, index) => {\n    const slot = Math.min(index, slots - 1);\n    const columnCtx: MapContext = {\n      ...ctx,\n      columnWidth: Math.round(pixels[slot] ?? ctx.style.settings.width),\n    };\n    children[slot].push(...convertColumnChildren(column, columnCtx, entries));\n  });\n\n  const backgroundColor = parseColor(attr(node, \"background-color\"));\n\n  return [\n    createSectionBlock({\n      columns: layout,\n      children,\n      styles: {\n        padding: parsePadding(node),\n        ...(backgroundColor ? { backgroundColor } : {}),\n      },\n    }),\n  ];\n}\n","import { createDefaultTemplateContent } from \"@templatical/types\";\nimport type { Block, TemplateContent } from \"@templatical/types\";\nimport { readGlobalStyle } from \"./global-style\";\nimport { buildSection } from \"./section-builder\";\nimport type { MapContext } from \"./block-mapper\";\nimport type {\n  ImportReport,\n  ImportReportEntry,\n  ImportResult,\n  TopolDesign,\n} from \"./types\";\n\nconst ROOT_TAG = \"mj-global-style\";\n\nconst INVALID_DESIGN_MESSAGE =\n  'Invalid Topol template: expected the design JSON object — Topol hands you this directly from its editor\\'s onSave callback, or under \"definition\" (template API) or \"json\" (predefined-templates API) in its API response.';\n\nconst EMPTY_DESIGN_WARNING =\n  \"No convertible content was found in the Topol design. Check that the mj-container holds at least one mj-section.\";\n\n/**\n * Convert a Topol.io design into a Templatical template.\n *\n * The input is the design object itself — the node whose `tagName` is\n * `mj-global-style`, not a whole API response. Topol's editor hands it to\n * you directly as the first argument to `onSave`; its REST APIs wrap it\n * instead, under `definition` on the template-retrieval endpoint or `json`\n * (alongside `html`) on the predefined-templates endpoint. That is\n * documented rather than sniffed: guessing which field holds the design\n * risks importing an envelope's `html`, which belongs to a different\n * package entirely.\n *\n * @example\n * ```ts\n * const { content, report } = convertTopolTemplate(design);\n * const editor = init({ container: '#editor', content });\n * console.log(report.summary);\n * ```\n */\nexport function convertTopolTemplate(\n  design: TopolDesign | string,\n): ImportResult {\n  const root: unknown = typeof design === \"string\" ? safeParse(design) : design;\n\n  if (typeof root !== \"object\" || root === null || Array.isArray(root)) {\n    throw new Error(INVALID_DESIGN_MESSAGE);\n  }\n\n  const topolDesign = root as TopolDesign;\n\n  if (topolDesign.tagName !== ROOT_TAG) {\n    // Topol's REST APIs wrap the design rather than returning it bare: the\n    // template-retrieval endpoint uses \"definition\", the predefined/premade\n    // templates endpoint uses \"json\" (alongside \"html\"). A response object\n    // passed here by mistake still carries one of those keys, so that\n    // mistake is named directly instead of falling through to the generic\n    // wrong-tagName message below.\n    if (\"json\" in topolDesign || \"definition\" in topolDesign) {\n      throw new Error(INVALID_DESIGN_MESSAGE);\n    }\n    throw new Error(\n      `Invalid Topol template: expected a root node with tagName \"${ROOT_TAG}\".`,\n    );\n  }\n\n  const container = (topolDesign.children ?? []).find(\n    (child) => child.tagName === \"mj-container\",\n  );\n\n  const entries: ImportReportEntry[] = [];\n  const warnings: string[] = [];\n  const blocks: Block[] = [];\n\n  const style = readGlobalStyle(topolDesign, container, warnings);\n\n  const ctx: MapContext = {\n    style,\n    columnWidth: style.settings.width,\n  };\n\n  for (const child of container?.children ?? []) {\n    if (child.tagName !== \"mj-section\") continue;\n    blocks.push(...buildSection(child, ctx, entries));\n  }\n\n  if (blocks.length === 0) {\n    warnings.push(EMPTY_DESIGN_WARNING);\n  }\n\n  const content: TemplateContent = {\n    ...createDefaultTemplateContent(),\n    blocks,\n    settings: style.settings,\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\nfunction safeParse(source: string): unknown {\n  try {\n    return JSON.parse(source);\n  } catch {\n    throw new Error(INVALID_DESIGN_MESSAGE);\n  }\n}\n"],"mappings":"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"}

package/package.json

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