markdown-codec 6.4.3 → 6.5.0

package/dist/emit/html-table.js

@@ -0,0 +1,102 @@
+import { MarkdownDiagnosticCodes } from "../diagnostics/diagnostics.js";
+import "../shared/style-constants.js";
+import { colorToRgbHex } from "document-schema.js";
+//#region src/emit/html-table.ts
+function escapeHtmlText(text) {
+	return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function escapeHtmlAttribute(text) {
+	return escapeHtmlText(text).replaceAll("\"", "&quot;");
+}
+function blockNeedsHtmlFallback(block) {
+	return block.kind !== "paragraph" && block.kind !== "image";
+}
+function tableNeedsHtmlFallback(table) {
+	return table.rows.some((row) => row.cells.some((cell) => cell.colSpan !== void 0 || cell.rowSpan !== void 0 || cell.background !== void 0 || cell.blocks.some(blockNeedsHtmlFallback)));
+}
+function emitRunHtml(run) {
+	let text = escapeHtmlText(run.text);
+	if (run.fontFamily === "Courier New") text = `<code>${text}</code>`;
+	if (run.strike === true) text = `<del>${text}</del>`;
+	if (run.italic === true) text = `<em>${text}</em>`;
+	if (run.bold === true) text = `<strong>${text}</strong>`;
+	if (run.hyperlink !== void 0) text = `<a href="${escapeHtmlAttribute(run.hyperlink)}">${text}</a>`;
+	return text;
+}
+function emitHtmlImage(block, embedImages) {
+	const alt = escapeHtmlAttribute(block.altText ?? "");
+	if (!embedImages) return `<img alt="${alt}">`;
+	return `<img src="data:image/${block.format};base64,${block.base64}" alt="${alt}">`;
+}
+function backgroundStyleAttr(fill, sink) {
+	if (fill.kind === "solid") return `background-color:#${colorToRgbHex(fill.color)}`;
+	sink({
+		code: MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
+		severity: "info",
+		message: "a table cell's own pattern background fill has no CSS equivalent this package's bounded HTML-table writer attempts (only a solid fill maps onto a plain background-color); the cell still renders as an ordinary unstyled cell"
+	});
+}
+function textAlignStyleAttr(cell) {
+	const first = cell.blocks[0];
+	if (first?.kind !== "paragraph" || first.alignment === void 0) return;
+	return `text-align:${first.alignment}`;
+}
+function emitCellHtml(cell, context) {
+	const soleBlock = cell.blocks.length === 1 ? cell.blocks[0] : void 0;
+	if (soleBlock?.kind === "table") return emitHtmlTable(soleBlock, context);
+	if (cell.blocks.length > 1) context.sink({
+		code: MarkdownDiagnosticCodes.TABLE_CELL_MULTI_PARAGRAPH_JOINED,
+		severity: "info",
+		message: `a table cell with ${String(cell.blocks.length)} blocks has no multi-block equivalent in an HTML table cell either; their own rendered content is joined with a literal <br> line break`
+	});
+	const parts = [];
+	for (const block of cell.blocks) {
+		if (block.kind === "paragraph") {
+			parts.push(block.runs.map(emitRunHtml).join(""));
+			continue;
+		}
+		if (block.kind === "image") {
+			parts.push(emitHtmlImage(block, context.embedImages));
+			continue;
+		}
+		if (block.kind === "table") {
+			context.sink({
+				code: MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
+				severity: "info",
+				message: "a nested table mixed with other content in the same cell has no HTML representation this package attempts (a cell's own nested table must be its entire content); it is dropped, the cell's other content still renders"
+			});
+			continue;
+		}
+		context.sink({
+			code: MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
+			severity: "info",
+			message: `a table cell containing a "${block.kind}" block has no HTML-table equivalent this package attempts; it is dropped entirely`
+		});
+	}
+	return parts.join("<br>");
+}
+function emitCellTag(cell, isHeader, context) {
+	const tag = isHeader ? "th" : "td";
+	const attrs = [];
+	if (cell.colSpan !== void 0) attrs.push(`colspan="${String(cell.colSpan)}"`);
+	if (cell.rowSpan !== void 0) attrs.push(`rowspan="${String(cell.rowSpan)}"`);
+	const styleParts = [];
+	if (cell.background !== void 0) {
+		const style = backgroundStyleAttr(cell.background, context.sink);
+		if (style !== void 0) styleParts.push(style);
+	}
+	const textAlign = textAlignStyleAttr(cell);
+	if (textAlign !== void 0) styleParts.push(textAlign);
+	if (styleParts.length > 0) attrs.push(`style="${escapeHtmlAttribute(styleParts.join(";"))}"`);
+	return `<${tag}${attrs.length > 0 ? ` ${attrs.join(" ")}` : ""}>${emitCellHtml(cell, context)}</${tag}>`;
+}
+function emitHtmlTable(table, context) {
+	const [header, ...body] = table.rows;
+	const lines = ["<table>"];
+	if (header !== void 0) lines.push(`<tr>${header.cells.map((cell) => emitCellTag(cell, true, context)).join("")}</tr>`);
+	for (const row of body) lines.push(`<tr>${row.cells.map((cell) => emitCellTag(cell, false, context)).join("")}</tr>`);
+	lines.push("</table>");
+	return lines.join("\n");
+}
+//#endregion
+export { emitHtmlTable, tableNeedsHtmlFallback };

package/dist/emit/inline.cjs

@@ -121,9 +121,33 @@ function wrapForStyle(body, key, context, precedingText) {
 	const delimiter = key === "bold" ? marker.repeat(2) : marker;
 	return `${delimiter}${body}${delimiter}`;
 }
-function renderNestedStyles(runs, depth, context, base, constructs) {
-	if (depth >= STYLE_KEYS.length) return runs.map((run, local) => renderLeaf(run, context, base + local, constructs)).join("");
-	const key = STYLE_KEYS[depth];
+function groupCount(runs, key) {
+	let count = 0;
+	let index = 0;
+	while (index < runs.length) {
+		const active = styleActive(runs[index], key);
+		count += 1;
+		index += 1;
+		while (index < runs.length && styleActive(runs[index], key) === active) index += 1;
+	}
+	return count;
+}
+function pickSplitKey(runs, remaining) {
+	let best = remaining[0];
+	let bestCount = groupCount(runs, best);
+	for (const key of remaining.slice(1)) {
+		const count = groupCount(runs, key);
+		if (count < bestCount) {
+			best = key;
+			bestCount = count;
+		}
+	}
+	return best;
+}
+function renderNestedStyles(runs, remainingKeys, context, base, constructs) {
+	if (remainingKeys.length === 0) return runs.map((run, local) => renderLeaf(run, context, base + local, constructs)).join("");
+	const key = pickSplitKey(runs, remainingKeys);
+	const rest = remainingKeys.filter((candidate) => candidate !== key);
 	let out = "";
 	let index = 0;
 	while (index < runs.length) {
@@ -132,7 +156,7 @@ function renderNestedStyles(runs, depth, context, base, constructs) {
 		const active = styleActive(current, key);
 		let end = index + 1;
 		while (end < runs.length && styleActive(runs[end], key) === active) end += 1;
-		const inner = renderNestedStyles(runs.slice(index, end), depth + 1, context, base + index, constructs);
+		const inner = renderNestedStyles(runs.slice(index, end), rest, context, base + index, constructs);
 		out += active ? wrapForStyle(inner, key, context, out) : inner;
 		index = end;
 	}
@@ -168,7 +192,7 @@ function emitRuns(runs, context, constructs) {
 		if (run.hyperlink === void 0) {
 			let end = index + 1;
 			while (end < runs.length && runs[end]?.hyperlink === void 0) end += 1;
-			out += renderNestedStyles(runs.slice(index, end), 0, context, index, constructs);
+			out += renderNestedStyles(runs.slice(index, end), STYLE_KEYS, context, index, constructs);
 			index = end;
 			continue;
 		}
@@ -184,7 +208,7 @@ function emitRuns(runs, context, constructs) {
 		const title = linkTitleCovering(constructs, index, groupEnd);
 		if (title === void 0 && group.length === 1 && isPlainAutolink(group[0], footnoteReferenceAt(constructs, index))) out += `<${group[0].text}>`;
 		else {
-			const linkText = renderNestedStyles(group, 0, context, index, constructs);
+			const linkText = renderNestedStyles(group, STYLE_KEYS, context, index, constructs);
 			out += `[${linkText}](${escapeLinkDestination(hyperlink)}${title === void 0 ? "" : ` "${renderLinkTitle(title)}"`})`;
 		}
 		index = groupEnd;

package/dist/emit/inline.d.cts

@@ -1,14 +1,2 @@
-import { i as MarkdownDiagnosticSink } from "../diagnostics-eL5c8OWm.cjs";
-import { ContentRun, RunConstructExtent } from "document-schema.js";
-//#region src/emit/inline.d.ts
-interface InlineEmitContext {
-  readonly sink: MarkdownDiagnosticSink;
-  readonly emphasisMarker: string;
-}
-declare function escapeMarkdownText(text: string): string;
-declare function escapeLinkDestination(destination: string): string;
-declare function renderLinkTitle(title: string): string;
-declare function emitRuns(runs: readonly ContentRun[], context: InlineEmitContext, constructs?: readonly RunConstructExtent[]): string;
-declare function emitRunsSingleLine(runs: readonly ContentRun[], context: InlineEmitContext, constructs?: readonly RunConstructExtent[]): string;
-//#endregion
+import { a as escapeMarkdownText, i as escapeLinkDestination, n as emitRuns, o as renderLinkTitle, r as emitRunsSingleLine, t as InlineEmitContext } from "../inline-514HW3Pi.cjs";
 export { InlineEmitContext, emitRuns, emitRunsSingleLine, escapeLinkDestination, escapeMarkdownText, renderLinkTitle };

package/dist/emit/inline.d.ts

@@ -1,14 +1,2 @@
-import { i as MarkdownDiagnosticSink } from "../diagnostics-eL5c8OWm.js";
-import { ContentRun, RunConstructExtent } from "document-schema.js";
-//#region src/emit/inline.d.ts
-interface InlineEmitContext {
-  readonly sink: MarkdownDiagnosticSink;
-  readonly emphasisMarker: string;
-}
-declare function escapeMarkdownText(text: string): string;
-declare function escapeLinkDestination(destination: string): string;
-declare function renderLinkTitle(title: string): string;
-declare function emitRuns(runs: readonly ContentRun[], context: InlineEmitContext, constructs?: readonly RunConstructExtent[]): string;
-declare function emitRunsSingleLine(runs: readonly ContentRun[], context: InlineEmitContext, constructs?: readonly RunConstructExtent[]): string;
-//#endregion
+import { a as escapeMarkdownText, i as escapeLinkDestination, n as emitRuns, o as renderLinkTitle, r as emitRunsSingleLine, t as InlineEmitContext } from "../inline-2-lUb0vo.js";
 export { InlineEmitContext, emitRuns, emitRunsSingleLine, escapeLinkDestination, escapeMarkdownText, renderLinkTitle };

package/dist/emit/inline.js

@@ -120,9 +120,33 @@ function wrapForStyle(body, key, context, precedingText) {
 	const delimiter = key === "bold" ? marker.repeat(2) : marker;
 	return `${delimiter}${body}${delimiter}`;
 }
-function renderNestedStyles(runs, depth, context, base, constructs) {
-	if (depth >= STYLE_KEYS.length) return runs.map((run, local) => renderLeaf(run, context, base + local, constructs)).join("");
-	const key = STYLE_KEYS[depth];
+function groupCount(runs, key) {
+	let count = 0;
+	let index = 0;
+	while (index < runs.length) {
+		const active = styleActive(runs[index], key);
+		count += 1;
+		index += 1;
+		while (index < runs.length && styleActive(runs[index], key) === active) index += 1;
+	}
+	return count;
+}
+function pickSplitKey(runs, remaining) {
+	let best = remaining[0];
+	let bestCount = groupCount(runs, best);
+	for (const key of remaining.slice(1)) {
+		const count = groupCount(runs, key);
+		if (count < bestCount) {
+			best = key;
+			bestCount = count;
+		}
+	}
+	return best;
+}
+function renderNestedStyles(runs, remainingKeys, context, base, constructs) {
+	if (remainingKeys.length === 0) return runs.map((run, local) => renderLeaf(run, context, base + local, constructs)).join("");
+	const key = pickSplitKey(runs, remainingKeys);
+	const rest = remainingKeys.filter((candidate) => candidate !== key);
 	let out = "";
 	let index = 0;
 	while (index < runs.length) {
@@ -131,7 +155,7 @@ function renderNestedStyles(runs, depth, context, base, constructs) {
 		const active = styleActive(current, key);
 		let end = index + 1;
 		while (end < runs.length && styleActive(runs[end], key) === active) end += 1;
-		const inner = renderNestedStyles(runs.slice(index, end), depth + 1, context, base + index, constructs);
+		const inner = renderNestedStyles(runs.slice(index, end), rest, context, base + index, constructs);
 		out += active ? wrapForStyle(inner, key, context, out) : inner;
 		index = end;
 	}
@@ -167,7 +191,7 @@ function emitRuns(runs, context, constructs) {
 		if (run.hyperlink === void 0) {
 			let end = index + 1;
 			while (end < runs.length && runs[end]?.hyperlink === void 0) end += 1;
-			out += renderNestedStyles(runs.slice(index, end), 0, context, index, constructs);
+			out += renderNestedStyles(runs.slice(index, end), STYLE_KEYS, context, index, constructs);
 			index = end;
 			continue;
 		}
@@ -183,7 +207,7 @@ function emitRuns(runs, context, constructs) {
 		const title = linkTitleCovering(constructs, index, groupEnd);
 		if (title === void 0 && group.length === 1 && isPlainAutolink(group[0], footnoteReferenceAt(constructs, index))) out += `<${group[0].text}>`;
 		else {
-			const linkText = renderNestedStyles(group, 0, context, index, constructs);
+			const linkText = renderNestedStyles(group, STYLE_KEYS, context, index, constructs);
 			out += `[${linkText}](${escapeLinkDestination(hyperlink)}${title === void 0 ? "" : ` "${renderLinkTitle(title)}"`})`;
 		}
 		index = groupEnd;

package/dist/emit/table.cjs

@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_diagnostics_diagnostics = require("../diagnostics/diagnostics.cjs");
 const require_emit_inline = require("./inline.cjs");
 const require_emit_image = require("./image.cjs");
+const require_emit_html_table = require("./html-table.cjs");
 //#region src/emit/table.ts
 function toMarkdownAlignment(alignment) {
 	return alignment === void 0 || alignment === "justify" ? "none" : alignment;
@@ -35,11 +36,6 @@ function escapeUnescapedPipes(text) {
 	return out;
 }
 function renderCellText(cell, context) {
-	if (cell.colSpan !== void 0 || cell.rowSpan !== void 0 || cell.background !== void 0) context.sink({
-		code: require_diagnostics_diagnostics.MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
-		severity: "info",
-		message: "a table cell's own colSpan/rowSpan/background has no GFM table equivalent; the cell renders as an ordinary unmerged, unstyled cell"
-	});
 	if (cell.blocks.length > 1) context.sink({
 		code: require_diagnostics_diagnostics.MarkdownDiagnosticCodes.TABLE_CELL_MULTI_PARAGRAPH_JOINED,
 		severity: "info",
@@ -56,20 +52,21 @@ function renderCellText(cell, context) {
 			parts.push(require_emit_image.emitImage(block, context.embedImages));
 			continue;
 		}
-		if (block.kind !== "paragraph") {
-			context.sink({
-				code: require_diagnostics_diagnostics.MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
-				severity: "info",
-				message: `a table cell containing a "${block.kind}" block has no GFM table equivalent; it is dropped entirely`
-			});
-			continue;
-		}
+		if (block.kind !== "paragraph") continue;
 		const text = require_emit_inline.emitRunsSingleLine(block.runs, context, block.constructs);
 		if (text.length > 0) parts.push(text);
 	}
 	return escapeUnescapedPipes(parts.join("<br>"));
 }
 function emitTable(table, context) {
+	if (require_emit_html_table.tableNeedsHtmlFallback(table)) {
+		context.sink({
+			code: require_diagnostics_diagnostics.MarkdownDiagnosticCodes.TABLE_HTML_FALLBACK,
+			severity: "info",
+			message: "a cell in this table needs colSpan/rowSpan/background, or holds a block a GFM table cell cannot represent at all (most commonly a nested table); GFM's own table extension holds inline content only (github.github.com/gfm, \"Tables (extension)\"), so no single cell can carry an HTML sub-block inside an otherwise pipe-syntax table -- the whole table is rendered as a raw HTML <table> block instead (CommonMark spec 0.31.2, HTML blocks condition 6, https://spec.commonmark.org/0.31.2/#html-blocks), which src/html/html-table.ts's own reader recognises back into an equal ContentTable"
+		});
+		return require_emit_html_table.emitHtmlTable(table, context);
+	}
 	const [header, ...body] = table.rows;
 	if (header === void 0) return "";
 	const alignments = header.cells.map((cell) => toMarkdownAlignment(cell.blocks[0]?.kind === "paragraph" ? cell.blocks[0].alignment : void 0));

package/dist/emit/table.d.cts

@@ -1,5 +1,5 @@
-import { i as MarkdownDiagnosticSink } from "../diagnostics-eL5c8OWm.cjs";
-import { InlineEmitContext } from "./inline.cjs";
+import { i as MarkdownDiagnosticSink } from "../diagnostics-DLum7kY6.cjs";
+import { t as InlineEmitContext } from "../inline-514HW3Pi.cjs";
 import { ContentTable } from "document-schema.js";
 //#region src/emit/table.d.ts
 interface TableEmitContext extends InlineEmitContext {

package/dist/emit/table.d.ts

@@ -1,5 +1,5 @@
-import { i as MarkdownDiagnosticSink } from "../diagnostics-eL5c8OWm.js";
-import { InlineEmitContext } from "./inline.js";
+import { i as MarkdownDiagnosticSink } from "../diagnostics-DLum7kY6.js";
+import { t as InlineEmitContext } from "../inline-2-lUb0vo.js";
 import { ContentTable } from "document-schema.js";
 //#region src/emit/table.d.ts
 interface TableEmitContext extends InlineEmitContext {

package/dist/emit/table.js

@@ -1,6 +1,7 @@
 import { MarkdownDiagnosticCodes } from "../diagnostics/diagnostics.js";
 import { emitRunsSingleLine } from "./inline.js";
 import { emitImage } from "./image.js";
+import { emitHtmlTable, tableNeedsHtmlFallback } from "./html-table.js";
 //#region src/emit/table.ts
 function toMarkdownAlignment(alignment) {
 	return alignment === void 0 || alignment === "justify" ? "none" : alignment;
@@ -34,11 +35,6 @@ function escapeUnescapedPipes(text) {
 	return out;
 }
 function renderCellText(cell, context) {
-	if (cell.colSpan !== void 0 || cell.rowSpan !== void 0 || cell.background !== void 0) context.sink({
-		code: MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
-		severity: "info",
-		message: "a table cell's own colSpan/rowSpan/background has no GFM table equivalent; the cell renders as an ordinary unmerged, unstyled cell"
-	});
 	if (cell.blocks.length > 1) context.sink({
 		code: MarkdownDiagnosticCodes.TABLE_CELL_MULTI_PARAGRAPH_JOINED,
 		severity: "info",
@@ -55,20 +51,21 @@ function renderCellText(cell, context) {
 			parts.push(emitImage(block, context.embedImages));
 			continue;
 		}
-		if (block.kind !== "paragraph") {
-			context.sink({
-				code: MarkdownDiagnosticCodes.TABLE_CELL_FORMATTING_DROPPED,
-				severity: "info",
-				message: `a table cell containing a "${block.kind}" block has no GFM table equivalent; it is dropped entirely`
-			});
-			continue;
-		}
+		if (block.kind !== "paragraph") continue;
 		const text = emitRunsSingleLine(block.runs, context, block.constructs);
 		if (text.length > 0) parts.push(text);
 	}
 	return escapeUnescapedPipes(parts.join("<br>"));
 }
 function emitTable(table, context) {
+	if (tableNeedsHtmlFallback(table)) {
+		context.sink({
+			code: MarkdownDiagnosticCodes.TABLE_HTML_FALLBACK,
+			severity: "info",
+			message: "a cell in this table needs colSpan/rowSpan/background, or holds a block a GFM table cell cannot represent at all (most commonly a nested table); GFM's own table extension holds inline content only (github.github.com/gfm, \"Tables (extension)\"), so no single cell can carry an HTML sub-block inside an otherwise pipe-syntax table -- the whole table is rendered as a raw HTML <table> block instead (CommonMark spec 0.31.2, HTML blocks condition 6, https://spec.commonmark.org/0.31.2/#html-blocks), which src/html/html-table.ts's own reader recognises back into an equal ContentTable"
+		});
+		return emitHtmlTable(table, context);
+	}
 	const [header, ...body] = table.rows;
 	if (header === void 0) return "";
 	const alignments = header.cells.map((cell) => toMarkdownAlignment(cell.blocks[0]?.kind === "paragraph" ? cell.blocks[0].alignment : void 0));

package/dist/html/html-table.cjs

@@ -0,0 +1,243 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_lower_image = require("../lower/image.cjs");
+const require_shared_style_constants = require("../shared/style-constants.cjs");
+let document_schema_js = require("document-schema.js");
+//#region src/html/html-table.ts
+function findBalancedClose(text, openEnd, tagNames) {
+	const names = tagNames.join("|");
+	const openPattern = new RegExp(`<(?:${names})(?=[\\s/>])`, "gi");
+	const closePattern = new RegExp(`</(?:${names})\\s*>`, "gi");
+	let depth = 1;
+	let pos = openEnd;
+	while (depth > 0) {
+		openPattern.lastIndex = pos;
+		closePattern.lastIndex = pos;
+		const openMatch = openPattern.exec(text);
+		const closeMatch = closePattern.exec(text);
+		if (closeMatch === null) return;
+		if (openMatch !== null && openMatch.index < closeMatch.index) {
+			depth += 1;
+			pos = openMatch.index + openMatch[0].length;
+			continue;
+		}
+		depth -= 1;
+		pos = closeMatch.index + closeMatch[0].length;
+		if (depth === 0) return {
+			start: closeMatch.index,
+			end: pos
+		};
+	}
+}
+function extractTopLevelElements(text, tagNames) {
+	const openPattern = new RegExp(`<(?:${tagNames.join("|")})\\b([^>]*)>`, "gi");
+	const elements = [];
+	let pos = 0;
+	for (;;) {
+		openPattern.lastIndex = pos;
+		const match = openPattern.exec(text);
+		if (match === null) break;
+		if (text.slice(pos, match.index).trim().length > 0) return;
+		const attrs = match[1] ?? "";
+		const openEnd = match.index + match[0].length;
+		const close = findBalancedClose(text, openEnd, tagNames);
+		if (close === void 0) return;
+		elements.push({
+			attrs,
+			inner: text.slice(openEnd, close.start)
+		});
+		pos = close.end;
+	}
+	if (text.slice(pos).trim().length > 0) return;
+	return elements;
+}
+function readAttr(attrs, name) {
+	return new RegExp(`\\b${name}\\s*=\\s*"([^"]*)"`, "i").exec(attrs)?.[1];
+}
+function readPositiveIntAttr(attrs, name) {
+	const raw = readAttr(attrs, name);
+	if (raw === void 0) return;
+	const value = Number.parseInt(raw, 10);
+	return Number.isFinite(value) && value > 0 ? value : void 0;
+}
+const BACKGROUND_COLOR_PATTERN = /background-color\s*:\s*#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})\b/i;
+function readBackgroundFill(attrs) {
+	const style = readAttr(attrs, "style");
+	if (style === void 0) return;
+	const hex = BACKGROUND_COLOR_PATTERN.exec(style)?.[1];
+	if (hex === void 0) return;
+	const normalised = hex.length === 3 ? hex.split("").map((digit) => digit + digit).join("") : hex;
+	return {
+		kind: "solid",
+		color: (0, document_schema_js.rgbHexToColor)(normalised)
+	};
+}
+const TEXT_ALIGN_PATTERN = /text-align\s*:\s*(left|right|center|justify)\b/i;
+function readTextAlign(attrs) {
+	const style = readAttr(attrs, "style");
+	if (style === void 0) return;
+	switch (TEXT_ALIGN_PATTERN.exec(style)?.[1]?.toLowerCase()) {
+		case "left": return "left";
+		case "right": return "right";
+		case "center": return "center";
+		case "justify": return "justify";
+		default: return;
+	}
+}
+function unescapeHtml(text) {
+	return text.replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&quot;", "\"").replaceAll("&#39;", "'").replaceAll("&amp;", "&");
+}
+const INLINE_TAG_PATTERN = /<(a|strong|b|em|i|del|s|strike|code)\b([^>]*)>/i;
+function applyTagStyle(style, tagName, attrs) {
+	switch (tagName) {
+		case "strong":
+		case "b": return {
+			...style,
+			bold: true
+		};
+		case "em":
+		case "i": return {
+			...style,
+			italic: true
+		};
+		case "del":
+		case "s":
+		case "strike": return {
+			...style,
+			strike: true
+		};
+		case "code": return {
+			...style,
+			fontFamily: require_shared_style_constants.MONOSPACE_FONT_FAMILY
+		};
+		case "a": {
+			const href = readAttr(attrs, "href");
+			return href === void 0 ? style : {
+				...style,
+				hyperlink: unescapeHtml(href)
+			};
+		}
+		default: return style;
+	}
+}
+function pushPlainRun(runs, text, style) {
+	if (text.length === 0) return;
+	runs.push({
+		text: unescapeHtml(text),
+		...style
+	});
+}
+function parseInlineHtml(text, style) {
+	const runs = [];
+	let pos = 0;
+	for (;;) {
+		const rest = text.slice(pos);
+		const match = INLINE_TAG_PATTERN.exec(rest);
+		if (match === null) {
+			pushPlainRun(runs, rest, style);
+			return runs;
+		}
+		pushPlainRun(runs, rest.slice(0, match.index), style);
+		const tagName = match[1].toLowerCase();
+		const attrs = match[2] ?? "";
+		const openEnd = pos + match.index + match[0].length;
+		const close = findBalancedClose(text, openEnd, [tagName]);
+		if (close === void 0) {
+			pushPlainRun(runs, rest, style);
+			return runs;
+		}
+		runs.push(...parseInlineHtml(text.slice(openEnd, close.start), applyTagStyle(style, tagName, attrs)));
+		pos = close.end;
+	}
+}
+const IMG_TAG_PATTERN = /^<img\b([^>]*?)\/?>$/i;
+function parseHtmlImage(piece) {
+	const attrs = IMG_TAG_PATTERN.exec(piece)?.[1];
+	if (attrs === void 0) return;
+	const src = readAttr(attrs, "src");
+	if (src === void 0) return;
+	const alt = unescapeHtml(readAttr(attrs, "alt") ?? "");
+	const resolved = require_lower_image.resolveMarkdownImage(src, { alt }, void 0);
+	if (resolved === void 0) return;
+	return {
+		kind: "image",
+		format: resolved.format,
+		base64: resolved.base64,
+		widthPt: resolved.widthPt,
+		heightPt: resolved.heightPt,
+		altText: alt
+	};
+}
+function parseCellBlocks(inner, contentWidthPt) {
+	const trimmed = inner.trim();
+	if (trimmed.length === 0) return [];
+	const nestedTable = parseWholeTable(trimmed, contentWidthPt);
+	if (nestedTable !== void 0) return [nestedTable];
+	const blocks = [];
+	for (const segment of trimmed.split(/<br\s*\/?>/i)) {
+		const piece = segment.trim();
+		if (piece.length === 0) continue;
+		const image = parseHtmlImage(piece);
+		blocks.push(image ?? {
+			kind: "paragraph",
+			runs: parseInlineHtml(piece, {})
+		});
+	}
+	return blocks;
+}
+function applyTextAlign(blocks, alignment) {
+	const first = blocks[0];
+	if (alignment === void 0 || first?.kind !== "paragraph") return blocks;
+	return [{
+		...first,
+		alignment
+	}, ...blocks.slice(1)];
+}
+function buildCell(cell, contentWidthPt) {
+	const colSpan = readPositiveIntAttr(cell.attrs, "colspan");
+	const rowSpan = readPositiveIntAttr(cell.attrs, "rowspan");
+	const background = readBackgroundFill(cell.attrs);
+	const textAlign = readTextAlign(cell.attrs);
+	const parsedBlocks = parseCellBlocks(cell.inner, contentWidthPt);
+	return {
+		blocks: applyTextAlign(parsedBlocks.length > 0 ? parsedBlocks : [{
+			kind: "paragraph",
+			runs: []
+		}], textAlign),
+		...colSpan === void 0 ? {} : { colSpan },
+		...rowSpan === void 0 ? {} : { rowSpan },
+		...background === void 0 ? {} : { background }
+	};
+}
+function parseTableRows(inner, contentWidthPt) {
+	const rowElements = extractTopLevelElements(inner, ["tr"]);
+	if (rowElements === void 0 || rowElements.length === 0) return;
+	const rows = [];
+	for (const row of rowElements) {
+		const cellElements = extractTopLevelElements(row.inner, ["td", "th"]);
+		if (cellElements === void 0 || cellElements.length === 0) return;
+		rows.push({ cells: cellElements.map((cell) => buildCell(cell, contentWidthPt)) });
+	}
+	return rows;
+}
+function buildContentTable(rows, contentWidthPt) {
+	const header = rows[0];
+	const columnCount = Math.max(1, header.cells.reduce((sum, cell) => sum + (cell.colSpan ?? 1), 0));
+	return {
+		kind: "table",
+		rows,
+		columnWidthsPt: Array.from({ length: columnCount }, () => contentWidthPt / columnCount)
+	};
+}
+function parseWholeTable(text, contentWidthPt) {
+	const tableElements = extractTopLevelElements(text, ["table"]);
+	if (tableElements?.length !== 1) return;
+	const rows = parseTableRows(tableElements[0].inner, contentWidthPt);
+	return rows === void 0 ? void 0 : buildContentTable(rows, contentWidthPt);
+}
+function parseHtmlTable(literal, contentWidthPt) {
+	const trimmed = literal.trim();
+	if (!/^<table\b/i.test(trimmed)) return;
+	return parseWholeTable(trimmed, contentWidthPt);
+}
+//#endregion
+exports.parseHtmlTable = parseHtmlTable;

package/dist/html/html-table.d.cts

@@ -0,0 +1,5 @@
+import { ContentTable } from "document-schema.js";
+//#region src/html/html-table.d.ts
+declare function parseHtmlTable(literal: string, contentWidthPt: number): ContentTable | undefined;
+//#endregion
+export { parseHtmlTable };

package/dist/html/html-table.d.ts

@@ -0,0 +1,5 @@
+import { ContentTable } from "document-schema.js";
+//#region src/html/html-table.d.ts
+declare function parseHtmlTable(literal: string, contentWidthPt: number): ContentTable | undefined;
+//#endregion
+export { parseHtmlTable };