@puzzle-ui/ui 0.0.0-stage → 0.2.0

package/dist/components/editors/text-editor/text-editor.css

@@ -0,0 +1,116 @@
+.puzzle-text-renderer, .puzzle-text-editor {
+  min-width: 0;
+  color: var(--puzzle-color-text, #171717);
+}
+
+.puzzle-text-renderer__block, .puzzle-text-editor__block {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  margin: 0;
+}
+
+.puzzle-text-renderer__block + .puzzle-text-renderer__block, .puzzle-text-editor__block + .puzzle-text-editor__block {
+  margin-block-start: var(--puzzle-font-gap-paragraph-gap, 1em);
+}
+
+:where(.puzzle-typography-display1, .puzzle-typography-display2, .puzzle-typography-headline1, .puzzle-typography-headline2, .puzzle-typography-headline3, .puzzle-typography-headline4) + :where(.puzzle-text-renderer__block.puzzle-typography-display1, .puzzle-text-renderer__block.puzzle-typography-display2, .puzzle-text-renderer__block.puzzle-typography-headline1, .puzzle-text-renderer__block.puzzle-typography-headline2, .puzzle-text-renderer__block.puzzle-typography-headline3, .puzzle-text-renderer__block.puzzle-typography-headline4, .puzzle-text-editor__block.puzzle-typography-display1, .puzzle-text-editor__block.puzzle-typography-display2, .puzzle-text-editor__block.puzzle-typography-headline1, .puzzle-text-editor__block.puzzle-typography-headline2, .puzzle-text-editor__block.puzzle-typography-headline3, .puzzle-text-editor__block.puzzle-typography-headline4) {
+  margin-block-start: var(--puzzle-font-gap-heading-stack-gap, .3em);
+}
+
+:where(.puzzle-typography-display1, .puzzle-typography-display2, .puzzle-typography-headline1, .puzzle-typography-headline2, .puzzle-typography-headline3, .puzzle-typography-headline4) + :where(.puzzle-text-renderer__block.puzzle-typography-body1, .puzzle-text-renderer__block.puzzle-typography-body2, .puzzle-text-editor__block.puzzle-typography-body1, .puzzle-text-editor__block.puzzle-typography-body2) {
+  margin-block-start: var(--puzzle-font-gap-heading-paragraph-gap, .65em);
+}
+
+:where(.puzzle-text-renderer__block.puzzle-typography-body1, .puzzle-text-renderer__block.puzzle-typography-body2, .puzzle-text-editor__block.puzzle-typography-body1, .puzzle-text-editor__block.puzzle-typography-body2) + :where(.puzzle-text-renderer__block.puzzle-typography-display1, .puzzle-text-renderer__block.puzzle-typography-display2, .puzzle-text-renderer__block.puzzle-typography-headline1, .puzzle-text-renderer__block.puzzle-typography-headline2, .puzzle-text-renderer__block.puzzle-typography-headline3, .puzzle-text-renderer__block.puzzle-typography-headline4, .puzzle-text-editor__block.puzzle-typography-display1, .puzzle-text-editor__block.puzzle-typography-display2, .puzzle-text-editor__block.puzzle-typography-headline1, .puzzle-text-editor__block.puzzle-typography-headline2, .puzzle-text-editor__block.puzzle-typography-headline3, .puzzle-text-editor__block.puzzle-typography-headline4) {
+  margin-block-start: var(--puzzle-font-gap-section-gap, 1.5em);
+}
+
+.puzzle-text-editor {
+  min-height: 8rem;
+  padding: var(--puzzle-space-4, 1rem);
+  border: var(--puzzle-border-width, 1px) solid var(--puzzle-color-border, #e5e0d6);
+  border-radius: var(--puzzle-radius-lg, .5rem);
+  background: var(--puzzle-color-surface, #fff);
+  color: var(--puzzle-color-text, #171717);
+  caret-color: var(--puzzle-color-primary, #2563eb);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  -webkit-user-select: text;
+  user-select: text;
+  outline: none;
+  position: relative;
+}
+
+.puzzle-text-editor:focus-visible {
+  outline: 2px solid var(--puzzle-color-ring, #2563eb);
+  outline-offset: 2px;
+}
+
+.puzzle-text-editor[aria-readonly="true"] {
+  cursor: text;
+}
+
+.puzzle-text-editor[data-empty="true"]:before {
+  color: var(--puzzle-color-text-subtle, #737373);
+  content: attr(data-placeholder);
+  pointer-events: none;
+  user-select: none;
+  position: absolute;
+  inset-block-start: var(--puzzle-space-4, 1rem);
+  inset-inline-start: var(--puzzle-space-4, 1rem);
+}
+
+.puzzle-text-editor__block:focus {
+  outline: none;
+}
+
+.puzzle-text-editor strong, .puzzle-text-renderer strong {
+  font-weight: var(--puzzle-font-weight-bold, 700);
+}
+
+.puzzle-text-editor u, .puzzle-text-renderer u {
+  text-underline-offset: .15em;
+}
+
+.puzzle-text-editor s, .puzzle-text-renderer s {
+  text-decoration-thickness: from-font;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .puzzle-text-editor {
+    scroll-behavior: auto;
+  }
+}
+
+.puzzle-text-renderer__list {
+  margin: 0;
+  padding-inline-start: 1.5em;
+}
+
+.puzzle-text-renderer__list + .puzzle-text-renderer__list, .puzzle-text-renderer__list + .puzzle-text-renderer__block, .puzzle-text-renderer__block + .puzzle-text-renderer__list {
+  margin-block-start: var(--puzzle-font-gap-paragraph-gap, 1em);
+}
+
+.puzzle-text-editor__block[data-puzzle-list-type="bullet"]:before {
+  content: "•";
+  width: 1.5em;
+  margin-inline-start: -1.5em;
+  padding-inline-start: .25em;
+  display: inline-block;
+}
+
+.puzzle-text-editor__block[data-puzzle-list-type="ordered"] {
+  counter-increment: puzzle-editor-list;
+}
+
+.puzzle-text-editor__block[data-puzzle-list-type="ordered"]:before {
+  content: counter(puzzle-editor-list) ".";
+  width: 1.5em;
+  margin-inline-start: -1.5em;
+  padding-inline-start: .1em;
+  display: inline-block;
+}
+
+.puzzle-text-editor:has(.puzzle-text-editor__block[data-puzzle-list-type]), .puzzle-text-editor__block:not([data-puzzle-list-type="ordered"]) + .puzzle-text-editor__block[data-puzzle-list-type="ordered"] {
+  counter-reset: puzzle-editor-list;
+}

package/dist/components/editors/text-editor/text-editor.types.d.cts

@@ -0,0 +1,37 @@
+import { TypographyStyle } from "@puzzle-ui/theme";
+type TextMark = "bold" | "italic" | "underline" | "strike";
+type TextInline = {
+  text: string;
+  marks?: TextMark[];
+};
+type TextBlockType = "paragraph" | "heading" | "listItem";
+type TextAlign = "left" | "center" | "right" | "justify";
+type TextListType = "bullet" | "ordered";
+type TextHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type TextBlock = {
+  type: TextBlockType;
+  variant: TypographyStyle;
+  children: TextInline[];
+  align?: TextAlign;
+  listType?: TextListType;
+  /** Semantic heading level, independent of the visual `variant`. */
+  headingLevel?: TextHeadingLevel;
+};
+/**
+ * Small, serializable document format. It deliberately contains no HTML or DOM
+ * nodes, so documents can be persisted, validated, rendered or transformed.
+ */
+type TextDocument = {
+  type: "doc";
+  content: TextBlock[];
+};
+type TextPoint = {
+  block: number;
+  offset: number;
+};
+type TextSelection = {
+  anchor: TextPoint;
+  focus: TextPoint;
+};
+type TextBlockVariant = TypographyStyle;
+export type { TextAlign, TextBlock, TextBlockType, TextBlockVariant, TextDocument, TextHeadingLevel, TextInline, TextListType, TextMark, TextPoint, TextSelection };

package/dist/components/editors/text-editor/text-editor.types.d.ts

@@ -0,0 +1,37 @@
+import { TypographyStyle } from "@puzzle-ui/theme";
+type TextMark = "bold" | "italic" | "underline" | "strike";
+type TextInline = {
+  text: string;
+  marks?: TextMark[];
+};
+type TextBlockType = "paragraph" | "heading" | "listItem";
+type TextAlign = "left" | "center" | "right" | "justify";
+type TextListType = "bullet" | "ordered";
+type TextHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type TextBlock = {
+  type: TextBlockType;
+  variant: TypographyStyle;
+  children: TextInline[];
+  align?: TextAlign;
+  listType?: TextListType;
+  /** Semantic heading level, independent of the visual `variant`. */
+  headingLevel?: TextHeadingLevel;
+};
+/**
+ * Small, serializable document format. It deliberately contains no HTML or DOM
+ * nodes, so documents can be persisted, validated, rendered or transformed.
+ */
+type TextDocument = {
+  type: "doc";
+  content: TextBlock[];
+};
+type TextPoint = {
+  block: number;
+  offset: number;
+};
+type TextSelection = {
+  anchor: TextPoint;
+  focus: TextPoint;
+};
+type TextBlockVariant = TypographyStyle;
+export type { TextAlign, TextBlock, TextBlockType, TextBlockVariant, TextDocument, TextHeadingLevel, TextInline, TextListType, TextMark, TextPoint, TextSelection };

package/dist/components/editors/text-editor/text-parser.cjs

@@ -0,0 +1,262 @@
+const require_text_document = require("./text-document.cjs");
+// src/components/editors/text-editor/text-parser.ts
+const VARIANTS = /* @__PURE__ */ new Set([
+	"display1",
+	"display2",
+	"headline1",
+	"headline2",
+	"headline3",
+	"headline4",
+	"subtitle1",
+	"subtitle2",
+	"body1",
+	"body2",
+	"button",
+	"caption",
+	"overline"
+]);
+const MARK_TAGS = {
+	b: "bold",
+	strong: "bold",
+	i: "italic",
+	em: "italic",
+	u: "underline",
+	s: "strike",
+	strike: "strike",
+	del: "strike"
+};
+const HEADING_VARIANTS = {
+	h1: "headline1",
+	h2: "headline2",
+	h3: "headline3",
+	h4: "headline4"
+};
+const appendText = (target, text, marks) => {
+	if (!text) return;
+	target.push({
+		text,
+		...marks.length ? { marks: [...marks] } : {}
+	});
+};
+const readInlineNodes = (nodes, inheritedMarks = []) => {
+	const result = [];
+	for (const node of Array.from(nodes)) {
+		if (node.nodeType === Node.TEXT_NODE) {
+			appendText(result, node.textContent ?? "", inheritedMarks);
+			continue;
+		}
+		if (!(node instanceof Element)) continue;
+		const tag = node.tagName.toLowerCase();
+		if ([
+			"script",
+			"style",
+			"iframe",
+			"object",
+			"embed",
+			"noscript"
+		].includes(tag)) continue;
+		if (tag === "br") {
+			if (!node.hasAttribute("data-puzzle-placeholder")) appendText(result, "\n", inheritedMarks);
+			continue;
+		}
+		if (node.children.length === 1 && node.firstElementChild?.tagName.toLowerCase() === "br" && node.textContent === "") continue;
+		const mark = MARK_TAGS[tag];
+		const nextMarks = mark ? Array.from(/* @__PURE__ */ new Set([...inheritedMarks, mark])) : inheritedMarks;
+		result.push(...readInlineNodes(Array.from(node.childNodes), nextMarks));
+	}
+	return require_text_document.normalizeInlines(result);
+};
+const createBlock = (variant, children, forceHeading, align, listType) => ({
+	type: listType ? "listItem" : forceHeading || require_text_document.isHeadingVariant(variant) ? "heading" : "paragraph",
+	variant,
+	children: require_text_document.normalizeInlines(children),
+	...align ? { align } : {},
+	...listType ? { listType } : {}
+});
+const getBlockAlign = (element) => {
+	const align = element.getAttribute("data-puzzle-align") ?? element.style.textAlign;
+	return align === "left" || align === "center" || align === "right" || align === "justify" ? align : void 0;
+};
+const getBlockVariant = (element) => {
+	const provided = element.getAttribute("data-puzzle-variant");
+	if (provided && VARIANTS.has(provided)) return provided;
+	return HEADING_VARIANTS[element.tagName.toLowerCase()];
+};
+const containsBlockChild = (element) => Array.from(element.children).some((child) => [
+	"p",
+	"div",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"ul",
+	"ol",
+	"li"
+].includes(child.tagName.toLowerCase()));
+const readHtmlBlocks = (nodes) => {
+	const blocks = [];
+	let looseInlines = [];
+	const flushLoose = () => {
+		if (!looseInlines.length) return;
+		blocks.push(createBlock("body1", looseInlines));
+		looseInlines = [];
+	};
+	const visit = (node) => {
+		if (node.nodeType === Node.TEXT_NODE) {
+			const text = node.textContent ?? "";
+			if (looseInlines.length === 0 && !text.trim()) return;
+			appendText(looseInlines, text, []);
+			return;
+		}
+		if (!(node instanceof Element)) return;
+		const tag = node.tagName.toLowerCase();
+		if ([
+			"script",
+			"style",
+			"iframe",
+			"object",
+			"embed",
+			"noscript"
+		].includes(tag)) return;
+		const isKnownBlock = [
+			"p",
+			"div",
+			"h1",
+			"h2",
+			"h3",
+			"h4"
+		].includes(tag);
+		if (isKnownBlock && containsBlockChild(node)) {
+			flushLoose();
+			for (const child of Array.from(node.childNodes)) visit(child);
+			return;
+		}
+		if (isKnownBlock) {
+			flushLoose();
+			const variant = getBlockVariant(node) ?? "body1";
+			const forceHeading = Boolean(HEADING_VARIANTS[tag]);
+			const dataListType = node.getAttribute("data-puzzle-list-type");
+			const listType = dataListType === "bullet" || dataListType === "ordered" ? dataListType : void 0;
+			blocks.push(createBlock(variant, readInlineNodes(Array.from(node.childNodes)), forceHeading, getBlockAlign(node), listType));
+			return;
+		}
+		if (tag === "li") {
+			flushLoose();
+			const parentTag = node.parentElement?.tagName.toLowerCase();
+			const listType = parentTag === "ul" ? "bullet" : parentTag === "ol" ? "ordered" : void 0;
+			blocks.push(createBlock("body1", readInlineNodes(Array.from(node.childNodes)), false, getBlockAlign(node), listType));
+			return;
+		}
+		if (tag === "ul" || tag === "ol") {
+			flushLoose();
+			for (const child of Array.from(node.childNodes)) visit(child);
+			return;
+		}
+		if (tag === "br") {
+			appendText(looseInlines, "\n", []);
+			return;
+		}
+		if (containsBlockChild(node)) {
+			flushLoose();
+			for (const child of Array.from(node.childNodes)) visit(child);
+			return;
+		}
+		looseInlines.push(...readInlineNodes([node]));
+	};
+	for (const node of Array.from(nodes)) visit(node);
+	flushLoose();
+	return blocks;
+};
+/** Parse HTML into the supported document model. Runs in a browser environment. */
+const parseHtmlToDocument = (html) => {
+	if (typeof DOMParser === "undefined") {
+		const withoutUnsafeContent = html.replace(/<(script|style|iframe|object|embed|noscript)\b[^>]*>[\s\S]*?<\/\1\s*>/gi, "");
+		return require_text_document.createTextDocument(withoutUnsafeContent.replace(/<[^>]*>/g, ""));
+	}
+	const parsed = new DOMParser().parseFromString(html, "text/html");
+	const blocks = readHtmlBlocks(Array.from(parsed.body.childNodes));
+	return require_text_document.normalizeTextDocument({
+		type: "doc",
+		content: blocks.length ? blocks : require_text_document.createTextDocument().content
+	});
+};
+const parseInlineMarkdown = (input) => {
+	const pattern = /!\[([^\]]*)\]\([^)]+\)|\[([^\]]+)\]\([^)]+\)|\*\*(.+?)\*\*|__(.+?)__|~~(.+?)~~|\*(.+?)\*|_(.+?)_|`([^`]+)`/g;
+	const result = [];
+	let previousIndex = 0;
+	let match;
+	while ((match = pattern.exec(input)) !== null) {
+		appendText(result, input.slice(previousIndex, match.index), []);
+		if (match[1] !== void 0) appendText(result, match[1], []);
+		else if (match[2] !== void 0) appendText(result, match[2], []);
+		else if (match[3] !== void 0 || match[4] !== void 0) appendText(result, match[3] ?? match[4] ?? "", ["bold"]);
+		else if (match[5] !== void 0) appendText(result, match[5], ["strike"]);
+		else if (match[6] !== void 0 || match[7] !== void 0) appendText(result, match[6] ?? match[7] ?? "", ["italic"]);
+		else if (match[8] !== void 0) appendText(result, match[8], []);
+		previousIndex = pattern.lastIndex;
+	}
+	appendText(result, input.slice(previousIndex), []);
+	return require_text_document.normalizeInlines(result);
+};
+/**
+* Parse a small Markdown subset without a dependency. Unsupported constructs
+* are flattened to readable text; supported inline marks, headings and lists remain semantic.
+*/
+const parseMarkdownToDocument = (markdown) => {
+	const lines = markdown.replace(/\r\n?/g, "\n").split("\n");
+	const blocks = [];
+	let paragraphLines = [];
+	let insideCodeFence = false;
+	const flushParagraph = () => {
+		if (!paragraphLines.length) return;
+		const text = paragraphLines.join("\n");
+		blocks.push(createBlock("body1", parseInlineMarkdown(text)));
+		paragraphLines = [];
+	};
+	for (const line of lines) {
+		if (/^\s*```/.test(line) || /^\s*~~~/.test(line)) {
+			flushParagraph();
+			insideCodeFence = !insideCodeFence;
+			continue;
+		}
+		if (!insideCodeFence && !line.trim()) {
+			flushParagraph();
+			continue;
+		}
+		if (!insideCodeFence) {
+			const heading = line.match(/^\s{0,3}(#{1,4})\s+(.+?)\s*#*\s*$/);
+			if (heading) {
+				flushParagraph();
+				const variant = `headline${heading[1].length}`;
+				blocks.push(createBlock(variant, parseInlineMarkdown(heading[2]), true));
+				continue;
+			}
+			if (/^\s{0,3}(?:[-*_]\s*){3,}$/.test(line)) {
+				flushParagraph();
+				continue;
+			}
+			const listItem = line.match(/^\s{0,3}([-+*]|\d+[.)])\s+(.+)$/);
+			if (listItem) {
+				flushParagraph();
+				const listType = /^\d/.test(listItem[1]) ? "ordered" : "bullet";
+				blocks.push(createBlock("body1", parseInlineMarkdown(listItem[2]), false, void 0, listType));
+				continue;
+			}
+			const quote = line.match(/^\s{0,3}>\s?(.*)$/);
+			if (quote) {
+				paragraphLines.push(quote[1]);
+				continue;
+			}
+		}
+		paragraphLines.push(line);
+	}
+	flushParagraph();
+	return require_text_document.normalizeTextDocument({
+		type: "doc",
+		content: blocks.length ? blocks : require_text_document.createTextDocument().content
+	});
+};
+exports.parseHtmlToDocument = parseHtmlToDocument;
+exports.parseMarkdownToDocument = parseMarkdownToDocument;
+
+//# sourceMappingURL=text-parser.cjs.map

package/dist/components/editors/text-editor/text-parser.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-parser.cjs","names":["normalizeInlines","isHeadingVariant","createTextDocument","normalizeTextDocument"],"sources":["../../../../src/components/editors/text-editor/text-parser.ts"],"sourcesContent":["import { createTextDocument, isHeadingVariant, normalizeInlines, normalizeTextDocument } from \"./text-document\";\nimport type { TextBlock, TextDocument, TextInline, TextMark, TextBlockVariant, TextAlign, TextListType } from \"./text-editor.types\";\n\nconst VARIANTS = new Set<TextBlockVariant>([\n  \"display1\", \"display2\", \"headline1\", \"headline2\", \"headline3\", \"headline4\",\n  \"subtitle1\", \"subtitle2\", \"body1\", \"body2\", \"button\", \"caption\", \"overline\",\n]);\n\nconst MARK_TAGS: Record<string, TextMark> = {\n  b: \"bold\",\n  strong: \"bold\",\n  i: \"italic\",\n  em: \"italic\",\n  u: \"underline\",\n  s: \"strike\",\n  strike: \"strike\",\n  del: \"strike\",\n};\n\nconst HEADING_VARIANTS: Record<string, TextBlockVariant> = {\n  h1: \"headline1\",\n  h2: \"headline2\",\n  h3: \"headline3\",\n  h4: \"headline4\",\n};\n\nconst appendText = (target: TextInline[], text: string, marks: TextMark[]) => {\n  if (!text) return;\n  target.push({ text, ...(marks.length ? { marks: [...marks] } : {}) });\n};\n\nconst readInlineNodes = (\n  nodes: NodeListOf<ChildNode> | ChildNode[],\n  inheritedMarks: TextMark[] = [],\n): TextInline[] => {\n  const result: TextInline[] = [];\n\n  for (const node of Array.from(nodes)) {\n    if (node.nodeType === Node.TEXT_NODE) {\n      appendText(result, node.textContent ?? \"\", inheritedMarks);\n      continue;\n    }\n\n    if (!(node instanceof Element)) continue;\n    const tag = node.tagName.toLowerCase();\n    if ([\"script\", \"style\", \"iframe\", \"object\", \"embed\", \"noscript\"].includes(tag)) continue;\n\n    if (tag === \"br\") {\n      if (!node.hasAttribute(\"data-puzzle-placeholder\")) {\n        appendText(result, \"\\n\", inheritedMarks);\n      }\n      continue;\n    }\n\n    if (\n      node.children.length === 1 &&\n      node.firstElementChild?.tagName.toLowerCase() === \"br\" &&\n      node.textContent === \"\"\n    ) {\n      // Browsers often represent an empty contenteditable block as <p><br></p>.\n      continue;\n    }\n\n    const mark = MARK_TAGS[tag];\n    const nextMarks = mark\n      ? Array.from(new Set([...inheritedMarks, mark]))\n      : inheritedMarks;\n\n    // Unsupported elements are transparent: keep their readable children but\n    // deliberately discard their styling, attributes and behavior.\n    result.push(...readInlineNodes(Array.from(node.childNodes), nextMarks));\n  }\n\n  return normalizeInlines(result);\n};\n\nconst createBlock = (\n  variant: TextBlockVariant,\n  children: TextInline[],\n  forceHeading?: boolean,\n  align?: TextAlign,\n  listType?: TextListType,\n): TextBlock => ({\n  type: listType ? \"listItem\" : forceHeading || isHeadingVariant(variant) ? \"heading\" : \"paragraph\",\n  variant,\n  children: normalizeInlines(children),\n  ...(align ? { align } : {}),\n  ...(listType ? { listType } : {}),\n});\n\nconst getBlockAlign = (element: Element): TextAlign | undefined => {\n  const align =\n    element.getAttribute(\"data-puzzle-align\") ??\n    (element as HTMLElement).style.textAlign;\n  return align === \"left\" || align === \"center\" || align === \"right\" || align === \"justify\"\n    ? align\n    : undefined;\n};\n\nconst getBlockVariant = (element: Element): TextBlockVariant | undefined => {\n  const provided = element.getAttribute(\"data-puzzle-variant\");\n  if (provided && VARIANTS.has(provided as TextBlockVariant)) {\n    return provided as TextBlockVariant;\n  }\n\n  return HEADING_VARIANTS[element.tagName.toLowerCase()];\n};\n\nconst containsBlockChild = (element: Element): boolean =>\n  Array.from(element.children).some((child) =>\n    [\"p\", \"div\", \"h1\", \"h2\", \"h3\", \"h4\", \"ul\", \"ol\", \"li\"].includes(\n      child.tagName.toLowerCase(),\n    ),\n  );\n\nconst readHtmlBlocks = (nodes: NodeListOf<ChildNode> | ChildNode[]): TextBlock[] => {\n  const blocks: TextBlock[] = [];\n  let looseInlines: TextInline[] = [];\n\n  const flushLoose = () => {\n    if (!looseInlines.length) return;\n    blocks.push(createBlock(\"body1\", looseInlines));\n    looseInlines = [];\n  };\n\n  const visit = (node: ChildNode) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      const text = node.textContent ?? \"\";\n      if (looseInlines.length === 0 && !text.trim()) return;\n      appendText(looseInlines, text, []);\n      return;\n    }\n\n    if (!(node instanceof Element)) return;\n    const tag = node.tagName.toLowerCase();\n    if ([\"script\", \"style\", \"iframe\", \"object\", \"embed\", \"noscript\"].includes(tag)) return;\n    const isKnownBlock = [\"p\", \"div\", \"h1\", \"h2\", \"h3\", \"h4\"].includes(tag);\n\n    if (isKnownBlock && containsBlockChild(node)) {\n      flushLoose();\n      for (const child of Array.from(node.childNodes)) visit(child);\n      return;\n    }\n\n    if (isKnownBlock) {\n      flushLoose();\n      const variant = getBlockVariant(node) ?? \"body1\";\n      const forceHeading = Boolean(HEADING_VARIANTS[tag]);\n      const dataListType = node.getAttribute(\"data-puzzle-list-type\");\n      const listType: TextListType | undefined = dataListType === \"bullet\" || dataListType === \"ordered\" ? dataListType : undefined;\n      blocks.push(createBlock(variant, readInlineNodes(Array.from(node.childNodes)), forceHeading, getBlockAlign(node), listType));\n      return;\n    }\n\n    if (tag === \"li\") {\n      flushLoose();\n      const parentTag = node.parentElement?.tagName.toLowerCase();\n      const listType: TextListType | undefined = parentTag === \"ul\" ? \"bullet\" : parentTag === \"ol\" ? \"ordered\" : undefined;\n      blocks.push(createBlock(\"body1\", readInlineNodes(Array.from(node.childNodes)), false, getBlockAlign(node), listType));\n      return;\n    }\n\n    if (tag === \"ul\" || tag === \"ol\") {\n      flushLoose();\n      for (const child of Array.from(node.childNodes)) visit(child);\n      return;\n    }\n\n    if (tag === \"br\") {\n      appendText(looseInlines, \"\\n\", []);\n      return;\n    }\n\n    if (containsBlockChild(node)) {\n      flushLoose();\n      for (const child of Array.from(node.childNodes)) visit(child);\n      return;\n    }\n\n    // Text directly inside an unknown wrapper is retained; the wrapper itself\n    // and all unsupported attributes are discarded.\n    looseInlines.push(...readInlineNodes([node]));\n  };\n\n  for (const node of Array.from(nodes)) visit(node);\n  flushLoose();\n  return blocks;\n};\n\n/** Parse HTML into the supported document model. Runs in a browser environment. */\nexport const parseHtmlToDocument = (html: string): TextDocument => {\n  if (typeof DOMParser === \"undefined\") {\n    const withoutUnsafeContent = html.replace(\n      /<(script|style|iframe|object|embed|noscript)\\b[^>]*>[\\s\\S]*?<\\/\\1\\s*>/gi,\n      \"\",\n    );\n    return createTextDocument(withoutUnsafeContent.replace(/<[^>]*>/g, \"\"));\n  }\n\n  const parsed = new DOMParser().parseFromString(html, \"text/html\");\n  const blocks = readHtmlBlocks(Array.from(parsed.body.childNodes));\n\n  return normalizeTextDocument({\n    type: \"doc\",\n    content: blocks.length ? blocks : createTextDocument().content,\n  });\n};\n\nconst parseInlineMarkdown = (input: string): TextInline[] => {\n  const pattern = /!\\[([^\\]]*)\\]\\([^)]+\\)|\\[([^\\]]+)\\]\\([^)]+\\)|\\*\\*(.+?)\\*\\*|__(.+?)__|~~(.+?)~~|\\*(.+?)\\*|_(.+?)_|`([^`]+)`/g;\n  const result: TextInline[] = [];\n  let previousIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = pattern.exec(input)) !== null) {\n    appendText(result, input.slice(previousIndex, match.index), []);\n\n    if (match[1] !== undefined) {\n      // Images are not supported nodes; preserve their useful alt text.\n      appendText(result, match[1], []);\n    } else if (match[2] !== undefined) {\n      // Links are not supported nodes; preserve the link label only.\n      appendText(result, match[2], []);\n    } else if (match[3] !== undefined || match[4] !== undefined) {\n      appendText(result, match[3] ?? match[4] ?? \"\", [\"bold\"]);\n    } else if (match[5] !== undefined) {\n      appendText(result, match[5], [\"strike\"]);\n    } else if (match[6] !== undefined || match[7] !== undefined) {\n      appendText(result, match[6] ?? match[7] ?? \"\", [\"italic\"]);\n    } else if (match[8] !== undefined) {\n      // Inline code is not supported; preserve its contents as regular text.\n      appendText(result, match[8], []);\n    }\n\n    previousIndex = pattern.lastIndex;\n  }\n\n  appendText(result, input.slice(previousIndex), []);\n  return normalizeInlines(result);\n};\n\n/**\n * Parse a small Markdown subset without a dependency. Unsupported constructs\n * are flattened to readable text; supported inline marks, headings and lists remain semantic.\n */\nexport const parseMarkdownToDocument = (markdown: string): TextDocument => {\n  const normalized = markdown.replace(/\\r\\n?/g, \"\\n\");\n  const lines = normalized.split(\"\\n\");\n  const blocks: TextBlock[] = [];\n  let paragraphLines: string[] = [];\n  let insideCodeFence = false;\n\n  const flushParagraph = () => {\n    if (!paragraphLines.length) return;\n    const text = paragraphLines.join(\"\\n\");\n    blocks.push(createBlock(\"body1\", parseInlineMarkdown(text)));\n    paragraphLines = [];\n  };\n\n  for (const line of lines) {\n    if (/^\\s*```/.test(line) || /^\\s*~~~/.test(line)) {\n      flushParagraph();\n      insideCodeFence = !insideCodeFence;\n      continue;\n    }\n\n    if (!insideCodeFence && !line.trim()) {\n      flushParagraph();\n      continue;\n    }\n\n    if (!insideCodeFence) {\n      const heading = line.match(/^\\s{0,3}(#{1,4})\\s+(.+?)\\s*#*\\s*$/);\n      if (heading) {\n        flushParagraph();\n        const level = heading[1].length;\n        const variant = (`headline${level}`) as TextBlockVariant;\n        blocks.push(createBlock(variant, parseInlineMarkdown(heading[2]), true));\n        continue;\n      }\n\n      if (/^\\s{0,3}(?:[-*_]\\s*){3,}$/.test(line)) {\n        flushParagraph();\n        continue;\n      }\n\n      const listItem = line.match(/^\\s{0,3}([-+*]|\\d+[.)])\\s+(.+)$/);\n      if (listItem) {\n        flushParagraph();\n        const listType: TextListType = /^\\d/.test(listItem[1]) ? \"ordered\" : \"bullet\";\n        blocks.push(createBlock(\"body1\", parseInlineMarkdown(listItem[2]), false, undefined, listType));\n        continue;\n      }\n\n      const quote = line.match(/^\\s{0,3}>\\s?(.*)$/);\n      if (quote) {\n        paragraphLines.push(quote[1]);\n        continue;\n      }\n    }\n\n    paragraphLines.push(line);\n  }\n\n  flushParagraph();\n  return normalizeTextDocument({\n    type: \"doc\",\n    content: blocks.length ? blocks : createTextDocument().content,\n  });\n};\n"],"mappings":"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"}