@samva/markup 0.9.0 → 0.11.0

package/dist/email/brand.js

@@ -1,148 +0,0 @@
-import { i as UNSUBSCRIBE_URL_PLACEHOLDER, r as UNSUBSCRIBE_LINK, t as BRAND_FOOTER_MARKER } from "../unsubscribe-link-CoesnQDU.js";
-import { Fragment, jsx } from "./jsx-runtime.js";
-//#region src/email/brand.ts
-/** Marks the block the send path recognizes as the template's own footer. */
-const FOOTER_ATTRIBUTE = "data-samva-footer";
-/** Marks the footer row that carries the unsubscribe link. */
-const UNSUBSCRIBE_ROW_ATTRIBUTE = "data-samva-unsubscribe";
-/** Every class the brand components use, compiled for any project that imports them. */
-const BRAND_COMPONENT_CLASSES = [
-	"dark:hidden!",
-	"hidden",
-	"dark:block!",
-	"text-xs",
-	"text-gray-500",
-	"text-center",
-	"font-semibold",
-	"underline"
-];
-const addressLines = (address) => [
-	address.street1,
-	address.street2,
-	[
-		address.city,
-		address.region,
-		address.postalCode
-	].filter((part) => part.trim() !== "").join(", "),
-	address.country
-].filter((line) => line !== void 0 && line.trim() !== "");
-const classes = (...names) => {
-	const joined = names.filter((name) => name !== void 0 && name !== "").join(" ");
-	return joined === "" ? void 0 : joined;
-};
-const row = (children, props = {}) => jsx("tr", {
-	...props,
-	children: jsx("td", {
-		style: { padding: "0 0 8px 0" },
-		children
-	})
-});
-/** Bind `BrandLogo` and `BrandFooter` to one brand. */
-const brandComponents = (brand) => {
-	const assets = brand.assets ?? {};
-	const footer = brand.footer ?? {};
-	const BrandLogo = ({ width = 120, alt, align, className }) => {
-		if (assets.logoUrl === void 0) return null;
-		const label = alt ?? footer.companyName ?? "";
-		const image = (src, imageClass, imageAlt) => jsx("img", {
-			src,
-			alt: imageAlt,
-			width,
-			border: 0,
-			...align === void 0 ? {} : { align },
-			className: classes(imageClass, className),
-			style: {
-				display: "block",
-				outline: "none",
-				border: "none",
-				height: "auto"
-			}
-		});
-		if (assets.logoDarkUrl === void 0) return image(assets.logoUrl, void 0, label);
-		return jsx(Fragment, { children: [image(assets.logoUrl, "dark:hidden!", label), jsx("div", {
-			className: "hidden dark:block!",
-			style: {
-				msoHide: "all",
-				maxHeight: 0,
-				overflow: "hidden"
-			},
-			children: image(assets.logoDarkUrl, void 0, "")
-		})] });
-	};
-	const BrandFooter = ({ unsubscribeLabel = "Unsubscribe", className }) => {
-		const rows = [];
-		if (footer.companyName !== void 0 && footer.companyName.trim() !== "") rows.push(row(jsx("span", {
-			className: "font-semibold",
-			children: footer.companyName
-		})));
-		if (footer.address !== void 0) {
-			const lines = addressLines(footer.address);
-			if (lines.length > 0) rows.push(row(lines.flatMap((line, index) => index === 0 ? [line] : [jsx("br", {}), line])));
-		}
-		const links = footer.socialLinks ?? [];
-		if (links.length > 0) rows.push(row(links.flatMap((link, index) => [...index === 0 ? [] : [" · "], jsx("a", {
-			href: link.url,
-			className: "text-gray-500 underline",
-			children: link.label
-		})])));
-		rows.push(row(unsubscribeLink(unsubscribeLabel), {
-			[UNSUBSCRIBE_ROW_ATTRIBUTE]: "",
-			[BRAND_FOOTER_MARKER]: true
-		}));
-		return jsx("table", {
-			role: "presentation",
-			width: "100%",
-			border: 0,
-			cellpadding: 0,
-			cellspacing: 0,
-			[FOOTER_ATTRIBUTE]: "",
-			[BRAND_FOOTER_MARKER]: true,
-			children: jsx("tbody", { children: jsx("tr", { children: jsx("td", {
-				align: "center",
-				className: classes("text-xs text-gray-500 text-center", className),
-				style: { padding: "32px 16px" },
-				children: jsx("table", {
-					role: "presentation",
-					border: 0,
-					cellpadding: 0,
-					cellspacing: 0,
-					children: jsx("tbody", { children: rows })
-				})
-			}) }) })
-		});
-	};
-	return {
-		BrandLogo,
-		BrandFooter
-	};
-};
-/**
-* The unsubscribe link. Its href is the placeholder, which no author-written
-* link may carry: the serializer accepts it only on this node, and marks it so
-* click tracking never rewrites it.
-*/
-const unsubscribeLink = (label) => jsx("a", {
-	href: UNSUBSCRIBE_URL_PLACEHOLDER,
-	className: "text-gray-500 underline",
-	[UNSUBSCRIBE_LINK]: true,
-	children: label
-});
-const UNSUBSCRIBE_ROW = new RegExp(`<tr ${UNSUBSCRIBE_ROW_ATTRIBUTE}=""[^>]*>[\\s\\S]*?</tr>`, "g");
-const UNSUBSCRIBE_HREF = `href="${UNSUBSCRIBE_URL_PLACEHOLDER}"`;
-/** Read the footer markers from rendered HTML. */
-const renderedFooterMarkers = (html) => ({
-	footer: html.includes(`${FOOTER_ATTRIBUTE}=""`),
-	unsubscribeLink: html.includes(UNSUBSCRIBE_HREF)
-});
-/**
-* Drop the unsubscribe row from a rendered message, for a send that resolved
-* no unsubscribe group: there is no link to put there, so the row goes.
-*/
-const withoutUnsubscribeRow = (rendered) => ({
-	html: rendered.html?.replace(UNSUBSCRIBE_ROW, ""),
-	text: rendered.text?.split("\n").filter((line) => !line.includes(UNSUBSCRIBE_URL_PLACEHOLDER)).join("\n")
-});
-//#endregion
-export { BRAND_COMPONENT_CLASSES, FOOTER_ATTRIBUTE, UNSUBSCRIBE_ROW_ATTRIBUTE, UNSUBSCRIBE_URL_PLACEHOLDER, brandComponents, renderedFooterMarkers, withoutUnsubscribeRow };
-
-//# sourceMappingURL=brand.js.map

package/dist/email/diagnostics.d.ts

@@ -1,2 +0,0 @@
-import { a as TemplateDiagnostic, i as EmailDiagnosticSeverity, n as EmailCompileError, o as formatEmailDiagnostic, r as EmailDiagnostic, s as hasBlockingDiagnostic, t as EmailCompatibilityAssessment } from "../diagnostics-B-Gym34R.js";
-export { EmailCompatibilityAssessment, EmailCompileError, EmailDiagnostic, EmailDiagnosticSeverity, TemplateDiagnostic, formatEmailDiagnostic, hasBlockingDiagnostic };

package/dist/email/elements.d.ts

@@ -1,2 +0,0 @@
-import { a as EmailGlobalProps, c as EmailStyle, d as isUrlAttribute, i as EmailElementSpec, l as EmailTag, n as EMAIL_GLOBAL_ATTRIBUTES, o as EmailIntrinsicElements, r as EmailAttributeSpec, s as EmailLayout, t as EMAIL_ELEMENTS, u as emailElement } from "../elements-cqldpaJt.js";
-export { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, EmailAttributeSpec, EmailElementSpec, EmailGlobalProps, EmailIntrinsicElements, EmailLayout, EmailStyle, EmailTag, emailElement, isUrlAttribute };

package/dist/email/elements.js

@@ -1,299 +0,0 @@
-//#region src/email/elements.ts
-/** Attributes every supported element accepts. `class`/`className`/`style` are handled separately. */
-const EMAIL_GLOBAL_ATTRIBUTES = {
-	id: { type: "string" },
-	title: { type: "string" },
-	lang: { type: "string" },
-	dir: {
-		type: "string",
-		values: [
-			"ltr",
-			"rtl",
-			"auto"
-		]
-	},
-	role: { type: "string" }
-};
-const alignment = {
-	type: "string",
-	values: [
-		"left",
-		"center",
-		"right"
-	]
-};
-const verticalAlignment = {
-	type: "string",
-	values: [
-		"top",
-		"middle",
-		"bottom"
-	]
-};
-const flowAttributes = { align: alignment };
-const cellAttributes = {
-	align: alignment,
-	valign: verticalAlignment,
-	width: { type: "measure" },
-	height: { type: "measure" },
-	bgcolor: { type: "string" },
-	colspan: { type: "number" },
-	rowspan: { type: "number" }
-};
-const block = (attributes) => ({
-	content: "flow",
-	layout: "block",
-	attributes
-});
-const inline = () => ({
-	content: "flow",
-	layout: "inline",
-	attributes: {}
-});
-/** The complete supported vocabulary. Anything outside it is a compile error with a source location. */
-const EMAIL_ELEMENTS = {
-	html: {
-		content: "flow",
-		layout: "document",
-		attributes: {
-			xmlns: { type: "string" },
-			"xmlns:o": { type: "string" },
-			"xmlns:v": { type: "string" },
-			"xmlns:w": { type: "string" }
-		},
-		childElements: ["head", "body"]
-	},
-	head: {
-		content: "flow",
-		layout: "metadata",
-		attributes: {},
-		childElements: [
-			"title",
-			"meta",
-			"style"
-		]
-	},
-	title: {
-		content: "text",
-		layout: "metadata",
-		attributes: {}
-	},
-	style: {
-		content: "raw",
-		layout: "metadata",
-		attributes: { type: { type: "string" } }
-	},
-	meta: {
-		content: "void",
-		layout: "metadata",
-		attributes: {
-			name: { type: "string" },
-			content: { type: "string" },
-			charset: { type: "string" },
-			"http-equiv": { type: "string" }
-		}
-	},
-	body: {
-		content: "flow",
-		layout: "block",
-		attributes: { bgcolor: { type: "string" } }
-	},
-	div: block(flowAttributes),
-	section: block(flowAttributes),
-	article: block(flowAttributes),
-	header: block(flowAttributes),
-	footer: block(flowAttributes),
-	main: block(flowAttributes),
-	center: block({}),
-	p: block(flowAttributes),
-	blockquote: block(flowAttributes),
-	pre: {
-		content: "flow",
-		layout: "preformatted",
-		attributes: {}
-	},
-	h1: block(flowAttributes),
-	h2: block(flowAttributes),
-	h3: block(flowAttributes),
-	h4: block(flowAttributes),
-	h5: block(flowAttributes),
-	h6: block(flowAttributes),
-	span: inline(),
-	strong: inline(),
-	b: inline(),
-	em: inline(),
-	i: inline(),
-	u: inline(),
-	s: inline(),
-	small: inline(),
-	code: inline(),
-	a: {
-		content: "flow",
-		layout: "link",
-		attributes: {
-			href: {
-				type: "url",
-				required: true
-			},
-			target: { type: "string" },
-			rel: { type: "string" },
-			name: { type: "string" }
-		}
-	},
-	img: {
-		content: "void",
-		layout: "image",
-		attributes: {
-			src: {
-				type: "url",
-				required: true
-			},
-			alt: {
-				type: "string",
-				required: true
-			},
-			width: { type: "measure" },
-			height: { type: "measure" },
-			border: { type: "measure" },
-			align: alignment
-		}
-	},
-	table: {
-		content: "flow",
-		layout: "table",
-		attributes: {
-			width: { type: "measure" },
-			height: { type: "measure" },
-			border: { type: "measure" },
-			cellpadding: { type: "measure" },
-			cellspacing: { type: "measure" },
-			align: alignment,
-			bgcolor: { type: "string" }
-		},
-		childElements: [
-			"caption",
-			"colgroup",
-			"thead",
-			"tbody",
-			"tfoot",
-			"tr"
-		]
-	},
-	caption: {
-		content: "flow",
-		layout: "block",
-		attributes: flowAttributes
-	},
-	colgroup: {
-		content: "flow",
-		layout: "table-section",
-		attributes: {
-			span: { type: "number" },
-			width: { type: "measure" }
-		},
-		childElements: ["col"]
-	},
-	col: {
-		content: "void",
-		layout: "table-section",
-		attributes: {
-			span: { type: "number" },
-			width: { type: "measure" }
-		}
-	},
-	thead: {
-		content: "flow",
-		layout: "table-section",
-		attributes: {
-			align: alignment,
-			valign: verticalAlignment,
-			bgcolor: { type: "string" }
-		},
-		childElements: ["tr"]
-	},
-	tbody: {
-		content: "flow",
-		layout: "table-section",
-		attributes: {
-			align: alignment,
-			valign: verticalAlignment,
-			bgcolor: { type: "string" }
-		},
-		childElements: ["tr"]
-	},
-	tfoot: {
-		content: "flow",
-		layout: "table-section",
-		attributes: {
-			align: alignment,
-			valign: verticalAlignment,
-			bgcolor: { type: "string" }
-		},
-		childElements: ["tr"]
-	},
-	tr: {
-		content: "flow",
-		layout: "row",
-		attributes: {
-			align: alignment,
-			valign: verticalAlignment,
-			bgcolor: { type: "string" },
-			height: { type: "measure" }
-		},
-		childElements: ["td", "th"]
-	},
-	td: {
-		content: "flow",
-		layout: "cell",
-		attributes: cellAttributes
-	},
-	th: {
-		content: "flow",
-		layout: "cell",
-		attributes: cellAttributes
-	},
-	ul: {
-		content: "flow",
-		layout: "list",
-		attributes: {},
-		childElements: ["li"]
-	},
-	ol: {
-		content: "flow",
-		layout: "list",
-		attributes: {
-			start: { type: "number" },
-			type: { type: "string" }
-		},
-		childElements: ["li"]
-	},
-	li: {
-		content: "flow",
-		layout: "list-item",
-		attributes: {}
-	},
-	br: {
-		content: "void",
-		layout: "break",
-		attributes: {}
-	},
-	hr: {
-		content: "void",
-		layout: "rule",
-		attributes: {
-			width: { type: "measure" },
-			size: { type: "number" },
-			align: alignment
-		}
-	}
-};
-/** Attributes that must carry a URL; these are checked against the safe-scheme rule. */
-const isUrlAttribute = (tag, attribute) => {
-	return EMAIL_ELEMENTS[tag]?.attributes[attribute]?.type === "url";
-};
-/** Look up one supported element, or `undefined` when the tag is outside the vocabulary. */
-const emailElement = (tag) => Object.hasOwn(EMAIL_ELEMENTS, tag) ? EMAIL_ELEMENTS[tag] : void 0;
-//#endregion
-export { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, emailElement, isUrlAttribute };
-
-//# sourceMappingURL=elements.js.map

package/dist/email/html.d.ts

@@ -1,2 +0,0 @@
-import { a as escapeAttribute, c as serializeEmailHtml, i as declarationValue, l as serializeStyle, n as SerializeEmailOptions, o as escapeText, r as checkAttribute, s as kebab, t as EmailHtmlOutput } from "../html-BJepOwZ4.js";
-export { EmailHtmlOutput, SerializeEmailOptions, checkAttribute, declarationValue, escapeAttribute, escapeText, kebab, serializeEmailHtml, serializeStyle };