@ox-content/vite-plugin 2.62.0 → 2.64.0

package/dist/incremental-dom.cjs

@@ -0,0 +1,179 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("./chunk.cjs");
+//#region src/incremental-dom-styles.ts
+const DEFAULT_COMMITTED_CLASS = "ox-incremental-committed";
+const DEFAULT_PENDING_CLASS = "ox-incremental-pending";
+const DEFAULT_CHAR_CLASS = "ox-incremental-char";
+const DEFAULT_VISIBLE_CLASS = "ox-incremental-char--visible";
+const DEFAULT_ATOM_CLASS = "ox-incremental-atom";
+const incrementalMarkdownDomStyles = `
+.${DEFAULT_COMMITTED_CLASS},
+.${DEFAULT_PENDING_CLASS} {
+  display: contents;
+}
+
+.${DEFAULT_CHAR_CLASS},
+.${DEFAULT_ATOM_CLASS} {
+  animation: ox-incremental-char-in var(--ox-incremental-duration, 170ms) ease-out both;
+  animation-delay: var(--ox-incremental-delay, 0ms);
+}
+
+.${DEFAULT_VISIBLE_CLASS} {
+  animation: none;
+  opacity: 1;
+}
+
+@keyframes ox-incremental-char-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+`.trim();
+function injectIncrementalMarkdownDomStyles(document = globalThis.document) {
+	const existing = document.querySelector("style[data-ox-incremental-dom]");
+	if (existing) return existing;
+	const style = document.createElement("style");
+	style.dataset.oxIncrementalDom = "";
+	style.textContent = incrementalMarkdownDomStyles;
+	document.head.append(style);
+	return style;
+}
+//#endregion
+//#region src/incremental-dom-animation.ts
+function resolveAnimationOptions(animation) {
+	if (!animation) return {
+		mode: "none",
+		durationMs: 0,
+		staggerMs: 0,
+		committed: false,
+		pending: false,
+		charClassName: DEFAULT_CHAR_CLASS,
+		visibleClassName: DEFAULT_VISIBLE_CLASS,
+		atomClassName: DEFAULT_ATOM_CLASS
+	};
+	const options = animation === true ? {} : animation;
+	return {
+		mode: options.mode ?? "character",
+		durationMs: options.durationMs ?? 170,
+		staggerMs: options.staggerMs ?? 2,
+		committed: options.committed ?? true,
+		pending: options.pending ?? true,
+		charClassName: options.charClassName ?? "ox-incremental-char",
+		visibleClassName: options.visibleClassName ?? "ox-incremental-char--visible",
+		atomClassName: options.atomClassName ?? "ox-incremental-atom"
+	};
+}
+function prepareCharacterFade(document, root, animation, visibleTextPrefix) {
+	if (animation.mode === "none") return;
+	const textNodes = collectTextNodes(document, root);
+	let index = 0;
+	let textOffset = 0;
+	for (const textNode of textNodes) {
+		const value = textNode.nodeValue ?? "";
+		const parent = textNode.parentElement;
+		const preserveWhitespace = Boolean(parent?.closest("pre, code"));
+		if (!value || !preserveWhitespace && !value.trim()) continue;
+		const fragment = document.createDocumentFragment();
+		for (const char of [...value]) {
+			const span = document.createElement("span");
+			if (textOffset < visibleTextPrefix) span.className = `${animation.charClassName} ${animation.visibleClassName}`;
+			else {
+				span.className = animation.charClassName;
+				span.style.setProperty("--ox-incremental-delay", `${index * animation.staggerMs}ms`);
+				span.style.setProperty("--ox-incremental-duration", `${animation.durationMs}ms`);
+				index += 1;
+			}
+			span.textContent = char;
+			fragment.append(span);
+			textOffset += 1;
+		}
+		textNode.replaceWith(fragment);
+	}
+	for (const atom of root.querySelectorAll("input, img, hr, br, iframe, svg")) {
+		if (textOffset < visibleTextPrefix) continue;
+		const element = atom;
+		atom.classList.add(animation.atomClassName);
+		element.style.setProperty("--ox-incremental-delay", `${index * animation.staggerMs}ms`);
+		element.style.setProperty("--ox-incremental-duration", `${animation.durationMs}ms`);
+		index += 1;
+	}
+}
+function collectTextNodes(document, root) {
+	const textNodes = [];
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	while (walker.nextNode()) textNodes.push(walker.currentNode);
+	return textNodes;
+}
+//#endregion
+//#region src/incremental-dom-renderer.ts
+function createIncrementalMarkdownDomRenderer(options) {
+	const document = options.preview.ownerDocument;
+	const animation = resolveAnimationOptions(options.animation);
+	const committedRoot = document.createElement("div");
+	const pendingRoot = document.createElement("div");
+	const committedClassName = options.committedClassName ?? "ox-incremental-committed";
+	const pendingClassName = options.pendingClassName ?? "ox-incremental-pending";
+	let markdown = "";
+	committedRoot.className = committedClassName;
+	pendingRoot.className = pendingClassName;
+	options.preview.replaceChildren(committedRoot, pendingRoot);
+	function apply(result, applyOptions = {}) {
+		const previousPendingText = pendingRoot.textContent ?? "";
+		if (applyOptions.chunk !== void 0 && options.source) {
+			markdown += applyOptions.chunk;
+			options.source.textContent = markdown;
+		}
+		if (result.deltaHtml) appendCommittedHtml(result.deltaHtml, previousPendingText);
+		setPendingHtml(result.pendingHtml);
+	}
+	function reset() {
+		markdown = "";
+		if (options.source) options.source.textContent = "";
+		committedRoot.replaceChildren();
+		pendingRoot.replaceChildren();
+	}
+	function appendCommittedHtml(html, previousPendingText) {
+		const fragment = parseHtml(html);
+		const visiblePrefix = commonPrefixLength(previousPendingText, fragment.textContent ?? "");
+		prepareCharacterFade(document, fragment, animation, animation.committed ? visiblePrefix : Infinity);
+		committedRoot.append(fragment);
+	}
+	function setPendingHtml(html) {
+		const previousText = pendingRoot.textContent ?? "";
+		const fragment = parseHtml(html);
+		const nextText = fragment.textContent ?? "";
+		prepareCharacterFade(document, fragment, animation, animation.pending ? commonPrefixLength(previousText, nextText) : Infinity);
+		pendingRoot.replaceChildren(fragment);
+	}
+	function parseHtml(html) {
+		const template = document.createElement("template");
+		template.innerHTML = html;
+		return template.content;
+	}
+	return {
+		committedRoot,
+		pendingRoot,
+		apply,
+		reset
+	};
+}
+function commonPrefixLength(left, right) {
+	const max = Math.min(left.length, right.length);
+	let index = 0;
+	while (index < max && left[index] === right[index]) index += 1;
+	return index;
+}
+//#endregion
+exports.DEFAULT_ATOM_CLASS = DEFAULT_ATOM_CLASS;
+exports.DEFAULT_CHAR_CLASS = DEFAULT_CHAR_CLASS;
+exports.DEFAULT_COMMITTED_CLASS = DEFAULT_COMMITTED_CLASS;
+exports.DEFAULT_PENDING_CLASS = DEFAULT_PENDING_CLASS;
+exports.DEFAULT_VISIBLE_CLASS = DEFAULT_VISIBLE_CLASS;
+exports.createIncrementalMarkdownDomRenderer = createIncrementalMarkdownDomRenderer;
+exports.incrementalMarkdownDomStyles = incrementalMarkdownDomStyles;
+exports.injectIncrementalMarkdownDomStyles = injectIncrementalMarkdownDomStyles;
+
+//# sourceMappingURL=incremental-dom.cjs.map

package/dist/incremental-dom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"incremental-dom.cjs","names":[],"sources":["../src/incremental-dom-styles.ts","../src/incremental-dom-animation.ts","../src/incremental-dom-renderer.ts"],"sourcesContent":["/// <reference lib=\"dom\" />\n\nexport const DEFAULT_COMMITTED_CLASS = \"ox-incremental-committed\";\nexport const DEFAULT_PENDING_CLASS = \"ox-incremental-pending\";\nexport const DEFAULT_CHAR_CLASS = \"ox-incremental-char\";\nexport const DEFAULT_VISIBLE_CLASS = \"ox-incremental-char--visible\";\nexport const DEFAULT_ATOM_CLASS = \"ox-incremental-atom\";\n\nexport const incrementalMarkdownDomStyles = `\n.${DEFAULT_COMMITTED_CLASS},\n.${DEFAULT_PENDING_CLASS} {\n  display: contents;\n}\n\n.${DEFAULT_CHAR_CLASS},\n.${DEFAULT_ATOM_CLASS} {\n  animation: ox-incremental-char-in var(--ox-incremental-duration, 170ms) ease-out both;\n  animation-delay: var(--ox-incremental-delay, 0ms);\n}\n\n.${DEFAULT_VISIBLE_CLASS} {\n  animation: none;\n  opacity: 1;\n}\n\n@keyframes ox-incremental-char-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n`.trim();\n\nexport function injectIncrementalMarkdownDomStyles(\n  document: Document = globalThis.document,\n): HTMLStyleElement {\n  const existing = document.querySelector<HTMLStyleElement>(\"style[data-ox-incremental-dom]\");\n  if (existing) {\n    return existing;\n  }\n\n  const style = document.createElement(\"style\");\n  style.dataset.oxIncrementalDom = \"\";\n  style.textContent = incrementalMarkdownDomStyles;\n  document.head.append(style);\n  return style;\n}\n","/// <reference lib=\"dom\" />\n\nimport {\n  DEFAULT_ATOM_CLASS,\n  DEFAULT_CHAR_CLASS,\n  DEFAULT_VISIBLE_CLASS,\n} from \"./incremental-dom-styles\";\nimport type { IncrementalMarkdownDomAnimationOptions } from \"./incremental-dom-types\";\n\nexport interface ResolvedAnimationOptions {\n  mode: \"none\" | \"character\";\n  durationMs: number;\n  staggerMs: number;\n  committed: boolean;\n  pending: boolean;\n  charClassName: string;\n  visibleClassName: string;\n  atomClassName: string;\n}\n\nexport function resolveAnimationOptions(\n  animation: boolean | IncrementalMarkdownDomAnimationOptions | undefined,\n): ResolvedAnimationOptions {\n  if (!animation) {\n    return {\n      mode: \"none\",\n      durationMs: 0,\n      staggerMs: 0,\n      committed: false,\n      pending: false,\n      charClassName: DEFAULT_CHAR_CLASS,\n      visibleClassName: DEFAULT_VISIBLE_CLASS,\n      atomClassName: DEFAULT_ATOM_CLASS,\n    };\n  }\n\n  const options = animation === true ? {} : animation;\n  return {\n    mode: options.mode ?? \"character\",\n    durationMs: options.durationMs ?? 170,\n    staggerMs: options.staggerMs ?? 2,\n    committed: options.committed ?? true,\n    pending: options.pending ?? true,\n    charClassName: options.charClassName ?? DEFAULT_CHAR_CLASS,\n    visibleClassName: options.visibleClassName ?? DEFAULT_VISIBLE_CLASS,\n    atomClassName: options.atomClassName ?? DEFAULT_ATOM_CLASS,\n  };\n}\n\nexport function prepareCharacterFade(\n  document: Document,\n  root: ParentNode,\n  animation: ResolvedAnimationOptions,\n  visibleTextPrefix: number,\n): void {\n  if (animation.mode === \"none\") {\n    return;\n  }\n\n  const textNodes = collectTextNodes(document, root);\n  let index = 0;\n  let textOffset = 0;\n\n  for (const textNode of textNodes) {\n    const value = textNode.nodeValue ?? \"\";\n    const parent = textNode.parentElement;\n    const preserveWhitespace = Boolean(parent?.closest(\"pre, code\"));\n\n    if (!value || (!preserveWhitespace && !value.trim())) {\n      continue;\n    }\n\n    const fragment = document.createDocumentFragment();\n    for (const char of [...value]) {\n      const span = document.createElement(\"span\");\n      if (textOffset < visibleTextPrefix) {\n        span.className = `${animation.charClassName} ${animation.visibleClassName}`;\n      } else {\n        span.className = animation.charClassName;\n        span.style.setProperty(\"--ox-incremental-delay\", `${index * animation.staggerMs}ms`);\n        span.style.setProperty(\"--ox-incremental-duration\", `${animation.durationMs}ms`);\n        index += 1;\n      }\n      span.textContent = char;\n      fragment.append(span);\n      textOffset += 1;\n    }\n    textNode.replaceWith(fragment);\n  }\n\n  for (const atom of root.querySelectorAll(\"input, img, hr, br, iframe, svg\")) {\n    if (textOffset < visibleTextPrefix) {\n      continue;\n    }\n    const element = atom as HTMLElement;\n    atom.classList.add(animation.atomClassName);\n    element.style.setProperty(\"--ox-incremental-delay\", `${index * animation.staggerMs}ms`);\n    element.style.setProperty(\"--ox-incremental-duration\", `${animation.durationMs}ms`);\n    index += 1;\n  }\n}\n\nfunction collectTextNodes(document: Document, root: ParentNode): Text[] {\n  const textNodes: Text[] = [];\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);\n\n  while (walker.nextNode()) {\n    textNodes.push(walker.currentNode as Text);\n  }\n\n  return textNodes;\n}\n","/// <reference lib=\"dom\" />\n\nimport { prepareCharacterFade, resolveAnimationOptions } from \"./incremental-dom-animation\";\nimport { DEFAULT_COMMITTED_CLASS, DEFAULT_PENDING_CLASS } from \"./incremental-dom-styles\";\nimport type {\n  IncrementalMarkdownDomApplyOptions,\n  IncrementalMarkdownDomOptions,\n  IncrementalMarkdownDomRenderer,\n  IncrementalMarkdownRenderResultLike,\n} from \"./incremental-dom-types\";\n\nexport function createIncrementalMarkdownDomRenderer(\n  options: IncrementalMarkdownDomOptions,\n): IncrementalMarkdownDomRenderer {\n  const document = options.preview.ownerDocument;\n  const animation = resolveAnimationOptions(options.animation);\n  const committedRoot = document.createElement(\"div\");\n  const pendingRoot = document.createElement(\"div\");\n  const committedClassName = options.committedClassName ?? DEFAULT_COMMITTED_CLASS;\n  const pendingClassName = options.pendingClassName ?? DEFAULT_PENDING_CLASS;\n  let markdown = \"\";\n\n  committedRoot.className = committedClassName;\n  pendingRoot.className = pendingClassName;\n  options.preview.replaceChildren(committedRoot, pendingRoot);\n\n  function apply(\n    result: IncrementalMarkdownRenderResultLike,\n    applyOptions: IncrementalMarkdownDomApplyOptions = {},\n  ): void {\n    const previousPendingText = pendingRoot.textContent ?? \"\";\n\n    if (applyOptions.chunk !== undefined && options.source) {\n      markdown += applyOptions.chunk;\n      options.source.textContent = markdown;\n    }\n\n    if (result.deltaHtml) {\n      appendCommittedHtml(result.deltaHtml, previousPendingText);\n    }\n\n    setPendingHtml(result.pendingHtml);\n  }\n\n  function reset(): void {\n    markdown = \"\";\n    if (options.source) {\n      options.source.textContent = \"\";\n    }\n    committedRoot.replaceChildren();\n    pendingRoot.replaceChildren();\n  }\n\n  function appendCommittedHtml(html: string, previousPendingText: string): void {\n    const fragment = parseHtml(html);\n    const committedText = fragment.textContent ?? \"\";\n    const visiblePrefix = commonPrefixLength(previousPendingText, committedText);\n    prepareCharacterFade(\n      document,\n      fragment,\n      animation,\n      animation.committed ? visiblePrefix : Infinity,\n    );\n    committedRoot.append(fragment);\n  }\n\n  function setPendingHtml(html: string): void {\n    const previousText = pendingRoot.textContent ?? \"\";\n    const fragment = parseHtml(html);\n    const nextText = fragment.textContent ?? \"\";\n    const visiblePrefix = animation.pending ? commonPrefixLength(previousText, nextText) : Infinity;\n    prepareCharacterFade(document, fragment, animation, visiblePrefix);\n    pendingRoot.replaceChildren(fragment);\n  }\n\n  function parseHtml(html: string): DocumentFragment {\n    const template = document.createElement(\"template\");\n    template.innerHTML = html;\n    return template.content;\n  }\n\n  return { committedRoot, pendingRoot, apply, reset };\n}\n\nfunction commonPrefixLength(left: string, right: string): number {\n  const max = Math.min(left.length, right.length);\n  let index = 0;\n\n  while (index < max && left[index] === right[index]) {\n    index += 1;\n  }\n\n  return index;\n}\n"],"mappings":"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"}

package/dist/incremental-dom.d.cts

@@ -0,0 +1,101 @@
+//#region src/incremental-dom-styles.d.ts
+declare const DEFAULT_COMMITTED_CLASS = "ox-incremental-committed";
+declare const DEFAULT_PENDING_CLASS = "ox-incremental-pending";
+declare const DEFAULT_CHAR_CLASS = "ox-incremental-char";
+declare const DEFAULT_VISIBLE_CLASS = "ox-incremental-char--visible";
+declare const DEFAULT_ATOM_CLASS = "ox-incremental-atom";
+declare const incrementalMarkdownDomStyles: string;
+declare function injectIncrementalMarkdownDomStyles(document?: Document): HTMLStyleElement;
+//#endregion
+//#region src/incremental-dom-types.d.ts
+interface IncrementalMarkdownRenderResultLike {
+  deltaHtml: string;
+  committedHtml: string;
+  pendingHtml: string;
+  html: string;
+  committedBytes: number;
+  pendingBytes: number;
+  totalBytes: number;
+  didCommit: boolean;
+  isFinal: boolean;
+  errors: string[];
+}
+interface IncrementalMarkdownDomAnimationOptions {
+  /**
+   * Animate newly-seen text one character at a time.
+   * @default "character"
+   */
+  mode?: "none" | "character";
+  /**
+   * Duration for each character fade.
+   * @default 170
+   */
+  durationMs?: number;
+  /**
+   * Delay added per new character.
+   * @default 2
+   */
+  staggerMs?: number;
+  /**
+   * Animate newly committed HTML.
+   * @default true
+   */
+  committed?: boolean;
+  /**
+   * Animate newly appended pending text. Existing pending prefixes are not re-animated.
+   * @default true
+   */
+  pending?: boolean;
+  /**
+   * CSS class for animated characters.
+   * @default "ox-incremental-char"
+   */
+  charClassName?: string;
+  /**
+   * CSS class for characters that have already been visible in the pending region.
+   * @default "ox-incremental-char--visible"
+   */
+  visibleClassName?: string;
+  /**
+   * CSS class for non-text atoms such as checkboxes, images, and rules.
+   * @default "ox-incremental-atom"
+   */
+  atomClassName?: string;
+}
+interface IncrementalMarkdownDomOptions {
+  /** Element that owns the committed and pending render regions. */
+  preview: Element;
+  /** Optional element that displays the raw Markdown stream. */
+  source?: HTMLElement;
+  /**
+   * Character fade is opt-in. Pass `true` for defaults or an option object.
+   * @default false
+   */
+  animation?: boolean | IncrementalMarkdownDomAnimationOptions;
+  /**
+   * CSS class for the committed render root.
+   * @default "ox-incremental-committed"
+   */
+  committedClassName?: string;
+  /**
+   * CSS class for the replaceable pending render root.
+   * @default "ox-incremental-pending"
+   */
+  pendingClassName?: string;
+}
+interface IncrementalMarkdownDomApplyOptions {
+  /** Raw Markdown chunk to append to `source`, when one is configured. */
+  chunk?: string;
+}
+interface IncrementalMarkdownDomRenderer {
+  readonly committedRoot: HTMLElement;
+  readonly pendingRoot: HTMLElement;
+  apply(result: IncrementalMarkdownRenderResultLike, options?: IncrementalMarkdownDomApplyOptions): void;
+  reset(): void;
+}
+//#endregion
+//#region src/incremental-dom-renderer.d.ts
+declare function createIncrementalMarkdownDomRenderer(options: IncrementalMarkdownDomOptions): IncrementalMarkdownDomRenderer;
+//#endregion
+export { DEFAULT_ATOM_CLASS, DEFAULT_CHAR_CLASS, DEFAULT_COMMITTED_CLASS, DEFAULT_PENDING_CLASS, DEFAULT_VISIBLE_CLASS, type IncrementalMarkdownDomAnimationOptions, type IncrementalMarkdownDomApplyOptions, type IncrementalMarkdownDomOptions, type IncrementalMarkdownDomRenderer, type IncrementalMarkdownRenderResultLike, createIncrementalMarkdownDomRenderer, incrementalMarkdownDomStyles, injectIncrementalMarkdownDomStyles };
+//# sourceMappingURL=incremental-dom.d.cts.map

package/dist/incremental-dom.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"incremental-dom.d.cts","names":[],"sources":["../src/incremental-dom-styles.ts","../src/incremental-dom-types.ts","../src/incremental-dom-renderer.ts"],"mappings":";cAEa,uBAAA;AAAA,cACA,qBAAA;AAAA,cACA,kBAAA;AAAA,cACA,qBAAA;AAAA,cACA,kBAAA;AAAA,cAEA,4BAAA;AAAA,iBA2BG,kCAAA,CACd,QAAA,GAAU,QAAA,GACT,gBAAA;;;UCnCc,mCAAA;EACf,SAAA;EACA,aAAA;EACA,WAAA;EACA,IAAA;EACA,cAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,UAGe,sCAAA;;;;ADVjB;ECeE,IAAA;;;;ADdF;ECmBE,UAAA;;;;ADjBF;ECsBE,SAAA;;;;ADKF;ECAE,SAAA;;;;;EAKA,OAAA;EDHiB;;;;ECQjB,aAAA;EA3Ce;;;;EAgDf,gBAAA;EA9CA;;;;EAmDA,aAAA;AAAA;AAAA,UAGe,6BAAA;EA/Cf;EAiDA,OAAA,EAAS,OAAA;EAhDH;EAkDN,MAAA,GAAS,WAAA;EA/CM;;;;EAoDf,SAAA,aAAsB,sCAAA;EA1CtB;;;;EA+CA,kBAAA;EAtBA;;;;EA2BA,gBAAA;AAAA;AAAA,UAGe,kCAAA;EApBN;EAsBT,KAAA;AAAA;AAAA,UAGe,8BAAA;EAAA,SACN,aAAA,EAAe,WAAA;EAAA,SACf,WAAA,EAAa,WAAA;EACtB,KAAA,CACE,MAAA,EAAQ,mCAAA,EACR,OAAA,GAAU,kCAAA;EAEZ,KAAA;AAAA;;;iBCjFc,oCAAA,CACd,OAAA,EAAS,6BAAA,GACR,8BAAA"}

package/dist/incremental-dom.d.mts

@@ -0,0 +1,101 @@
+//#region src/incremental-dom-styles.d.ts
+declare const DEFAULT_COMMITTED_CLASS = "ox-incremental-committed";
+declare const DEFAULT_PENDING_CLASS = "ox-incremental-pending";
+declare const DEFAULT_CHAR_CLASS = "ox-incremental-char";
+declare const DEFAULT_VISIBLE_CLASS = "ox-incremental-char--visible";
+declare const DEFAULT_ATOM_CLASS = "ox-incremental-atom";
+declare const incrementalMarkdownDomStyles: string;
+declare function injectIncrementalMarkdownDomStyles(document?: Document): HTMLStyleElement;
+//#endregion
+//#region src/incremental-dom-types.d.ts
+interface IncrementalMarkdownRenderResultLike {
+  deltaHtml: string;
+  committedHtml: string;
+  pendingHtml: string;
+  html: string;
+  committedBytes: number;
+  pendingBytes: number;
+  totalBytes: number;
+  didCommit: boolean;
+  isFinal: boolean;
+  errors: string[];
+}
+interface IncrementalMarkdownDomAnimationOptions {
+  /**
+   * Animate newly-seen text one character at a time.
+   * @default "character"
+   */
+  mode?: "none" | "character";
+  /**
+   * Duration for each character fade.
+   * @default 170
+   */
+  durationMs?: number;
+  /**
+   * Delay added per new character.
+   * @default 2
+   */
+  staggerMs?: number;
+  /**
+   * Animate newly committed HTML.
+   * @default true
+   */
+  committed?: boolean;
+  /**
+   * Animate newly appended pending text. Existing pending prefixes are not re-animated.
+   * @default true
+   */
+  pending?: boolean;
+  /**
+   * CSS class for animated characters.
+   * @default "ox-incremental-char"
+   */
+  charClassName?: string;
+  /**
+   * CSS class for characters that have already been visible in the pending region.
+   * @default "ox-incremental-char--visible"
+   */
+  visibleClassName?: string;
+  /**
+   * CSS class for non-text atoms such as checkboxes, images, and rules.
+   * @default "ox-incremental-atom"
+   */
+  atomClassName?: string;
+}
+interface IncrementalMarkdownDomOptions {
+  /** Element that owns the committed and pending render regions. */
+  preview: Element;
+  /** Optional element that displays the raw Markdown stream. */
+  source?: HTMLElement;
+  /**
+   * Character fade is opt-in. Pass `true` for defaults or an option object.
+   * @default false
+   */
+  animation?: boolean | IncrementalMarkdownDomAnimationOptions;
+  /**
+   * CSS class for the committed render root.
+   * @default "ox-incremental-committed"
+   */
+  committedClassName?: string;
+  /**
+   * CSS class for the replaceable pending render root.
+   * @default "ox-incremental-pending"
+   */
+  pendingClassName?: string;
+}
+interface IncrementalMarkdownDomApplyOptions {
+  /** Raw Markdown chunk to append to `source`, when one is configured. */
+  chunk?: string;
+}
+interface IncrementalMarkdownDomRenderer {
+  readonly committedRoot: HTMLElement;
+  readonly pendingRoot: HTMLElement;
+  apply(result: IncrementalMarkdownRenderResultLike, options?: IncrementalMarkdownDomApplyOptions): void;
+  reset(): void;
+}
+//#endregion
+//#region src/incremental-dom-renderer.d.ts
+declare function createIncrementalMarkdownDomRenderer(options: IncrementalMarkdownDomOptions): IncrementalMarkdownDomRenderer;
+//#endregion
+export { DEFAULT_ATOM_CLASS, DEFAULT_CHAR_CLASS, DEFAULT_COMMITTED_CLASS, DEFAULT_PENDING_CLASS, DEFAULT_VISIBLE_CLASS, type IncrementalMarkdownDomAnimationOptions, type IncrementalMarkdownDomApplyOptions, type IncrementalMarkdownDomOptions, type IncrementalMarkdownDomRenderer, type IncrementalMarkdownRenderResultLike, createIncrementalMarkdownDomRenderer, incrementalMarkdownDomStyles, injectIncrementalMarkdownDomStyles };
+//# sourceMappingURL=incremental-dom.d.mts.map

package/dist/incremental-dom.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"incremental-dom.d.mts","names":[],"sources":["../src/incremental-dom-styles.ts","../src/incremental-dom-types.ts","../src/incremental-dom-renderer.ts"],"mappings":";cAEa,uBAAA;AAAA,cACA,qBAAA;AAAA,cACA,kBAAA;AAAA,cACA,qBAAA;AAAA,cACA,kBAAA;AAAA,cAEA,4BAAA;AAAA,iBA2BG,kCAAA,CACd,QAAA,GAAU,QAAA,GACT,gBAAA;;;UCnCc,mCAAA;EACf,SAAA;EACA,aAAA;EACA,WAAA;EACA,IAAA;EACA,cAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,UAGe,sCAAA;;;;ADVjB;ECeE,IAAA;;;;ADdF;ECmBE,UAAA;;;;ADjBF;ECsBE,SAAA;;;;ADKF;ECAE,SAAA;;;;;EAKA,OAAA;EDHiB;;;;ECQjB,aAAA;EA3Ce;;;;EAgDf,gBAAA;EA9CA;;;;EAmDA,aAAA;AAAA;AAAA,UAGe,6BAAA;EA/Cf;EAiDA,OAAA,EAAS,OAAA;EAhDH;EAkDN,MAAA,GAAS,WAAA;EA/CM;;;;EAoDf,SAAA,aAAsB,sCAAA;EA1CtB;;;;EA+CA,kBAAA;EAtBA;;;;EA2BA,gBAAA;AAAA;AAAA,UAGe,kCAAA;EApBN;EAsBT,KAAA;AAAA;AAAA,UAGe,8BAAA;EAAA,SACN,aAAA,EAAe,WAAA;EAAA,SACf,WAAA,EAAa,WAAA;EACtB,KAAA,CACE,MAAA,EAAQ,mCAAA,EACR,OAAA,GAAU,kCAAA;EAEZ,KAAA;AAAA;;;iBCjFc,oCAAA,CACd,OAAA,EAAS,6BAAA,GACR,8BAAA"}

package/dist/incremental-dom.mjs

@@ -0,0 +1,170 @@
+//#region src/incremental-dom-styles.ts
+const DEFAULT_COMMITTED_CLASS = "ox-incremental-committed";
+const DEFAULT_PENDING_CLASS = "ox-incremental-pending";
+const DEFAULT_CHAR_CLASS = "ox-incremental-char";
+const DEFAULT_VISIBLE_CLASS = "ox-incremental-char--visible";
+const DEFAULT_ATOM_CLASS = "ox-incremental-atom";
+const incrementalMarkdownDomStyles = `
+.${DEFAULT_COMMITTED_CLASS},
+.${DEFAULT_PENDING_CLASS} {
+  display: contents;
+}
+
+.${DEFAULT_CHAR_CLASS},
+.${DEFAULT_ATOM_CLASS} {
+  animation: ox-incremental-char-in var(--ox-incremental-duration, 170ms) ease-out both;
+  animation-delay: var(--ox-incremental-delay, 0ms);
+}
+
+.${DEFAULT_VISIBLE_CLASS} {
+  animation: none;
+  opacity: 1;
+}
+
+@keyframes ox-incremental-char-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+`.trim();
+function injectIncrementalMarkdownDomStyles(document = globalThis.document) {
+	const existing = document.querySelector("style[data-ox-incremental-dom]");
+	if (existing) return existing;
+	const style = document.createElement("style");
+	style.dataset.oxIncrementalDom = "";
+	style.textContent = incrementalMarkdownDomStyles;
+	document.head.append(style);
+	return style;
+}
+//#endregion
+//#region src/incremental-dom-animation.ts
+function resolveAnimationOptions(animation) {
+	if (!animation) return {
+		mode: "none",
+		durationMs: 0,
+		staggerMs: 0,
+		committed: false,
+		pending: false,
+		charClassName: DEFAULT_CHAR_CLASS,
+		visibleClassName: DEFAULT_VISIBLE_CLASS,
+		atomClassName: DEFAULT_ATOM_CLASS
+	};
+	const options = animation === true ? {} : animation;
+	return {
+		mode: options.mode ?? "character",
+		durationMs: options.durationMs ?? 170,
+		staggerMs: options.staggerMs ?? 2,
+		committed: options.committed ?? true,
+		pending: options.pending ?? true,
+		charClassName: options.charClassName ?? "ox-incremental-char",
+		visibleClassName: options.visibleClassName ?? "ox-incremental-char--visible",
+		atomClassName: options.atomClassName ?? "ox-incremental-atom"
+	};
+}
+function prepareCharacterFade(document, root, animation, visibleTextPrefix) {
+	if (animation.mode === "none") return;
+	const textNodes = collectTextNodes(document, root);
+	let index = 0;
+	let textOffset = 0;
+	for (const textNode of textNodes) {
+		const value = textNode.nodeValue ?? "";
+		const parent = textNode.parentElement;
+		const preserveWhitespace = Boolean(parent?.closest("pre, code"));
+		if (!value || !preserveWhitespace && !value.trim()) continue;
+		const fragment = document.createDocumentFragment();
+		for (const char of [...value]) {
+			const span = document.createElement("span");
+			if (textOffset < visibleTextPrefix) span.className = `${animation.charClassName} ${animation.visibleClassName}`;
+			else {
+				span.className = animation.charClassName;
+				span.style.setProperty("--ox-incremental-delay", `${index * animation.staggerMs}ms`);
+				span.style.setProperty("--ox-incremental-duration", `${animation.durationMs}ms`);
+				index += 1;
+			}
+			span.textContent = char;
+			fragment.append(span);
+			textOffset += 1;
+		}
+		textNode.replaceWith(fragment);
+	}
+	for (const atom of root.querySelectorAll("input, img, hr, br, iframe, svg")) {
+		if (textOffset < visibleTextPrefix) continue;
+		const element = atom;
+		atom.classList.add(animation.atomClassName);
+		element.style.setProperty("--ox-incremental-delay", `${index * animation.staggerMs}ms`);
+		element.style.setProperty("--ox-incremental-duration", `${animation.durationMs}ms`);
+		index += 1;
+	}
+}
+function collectTextNodes(document, root) {
+	const textNodes = [];
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	while (walker.nextNode()) textNodes.push(walker.currentNode);
+	return textNodes;
+}
+//#endregion
+//#region src/incremental-dom-renderer.ts
+function createIncrementalMarkdownDomRenderer(options) {
+	const document = options.preview.ownerDocument;
+	const animation = resolveAnimationOptions(options.animation);
+	const committedRoot = document.createElement("div");
+	const pendingRoot = document.createElement("div");
+	const committedClassName = options.committedClassName ?? "ox-incremental-committed";
+	const pendingClassName = options.pendingClassName ?? "ox-incremental-pending";
+	let markdown = "";
+	committedRoot.className = committedClassName;
+	pendingRoot.className = pendingClassName;
+	options.preview.replaceChildren(committedRoot, pendingRoot);
+	function apply(result, applyOptions = {}) {
+		const previousPendingText = pendingRoot.textContent ?? "";
+		if (applyOptions.chunk !== void 0 && options.source) {
+			markdown += applyOptions.chunk;
+			options.source.textContent = markdown;
+		}
+		if (result.deltaHtml) appendCommittedHtml(result.deltaHtml, previousPendingText);
+		setPendingHtml(result.pendingHtml);
+	}
+	function reset() {
+		markdown = "";
+		if (options.source) options.source.textContent = "";
+		committedRoot.replaceChildren();
+		pendingRoot.replaceChildren();
+	}
+	function appendCommittedHtml(html, previousPendingText) {
+		const fragment = parseHtml(html);
+		const visiblePrefix = commonPrefixLength(previousPendingText, fragment.textContent ?? "");
+		prepareCharacterFade(document, fragment, animation, animation.committed ? visiblePrefix : Infinity);
+		committedRoot.append(fragment);
+	}
+	function setPendingHtml(html) {
+		const previousText = pendingRoot.textContent ?? "";
+		const fragment = parseHtml(html);
+		const nextText = fragment.textContent ?? "";
+		prepareCharacterFade(document, fragment, animation, animation.pending ? commonPrefixLength(previousText, nextText) : Infinity);
+		pendingRoot.replaceChildren(fragment);
+	}
+	function parseHtml(html) {
+		const template = document.createElement("template");
+		template.innerHTML = html;
+		return template.content;
+	}
+	return {
+		committedRoot,
+		pendingRoot,
+		apply,
+		reset
+	};
+}
+function commonPrefixLength(left, right) {
+	const max = Math.min(left.length, right.length);
+	let index = 0;
+	while (index < max && left[index] === right[index]) index += 1;
+	return index;
+}
+//#endregion
+export { DEFAULT_ATOM_CLASS, DEFAULT_CHAR_CLASS, DEFAULT_COMMITTED_CLASS, DEFAULT_PENDING_CLASS, DEFAULT_VISIBLE_CLASS, createIncrementalMarkdownDomRenderer, incrementalMarkdownDomStyles, injectIncrementalMarkdownDomStyles };
+
+//# sourceMappingURL=incremental-dom.mjs.map

package/dist/incremental-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"incremental-dom.mjs","names":[],"sources":["../src/incremental-dom-styles.ts","../src/incremental-dom-animation.ts","../src/incremental-dom-renderer.ts"],"sourcesContent":["/// <reference lib=\"dom\" />\n\nexport const DEFAULT_COMMITTED_CLASS = \"ox-incremental-committed\";\nexport const DEFAULT_PENDING_CLASS = \"ox-incremental-pending\";\nexport const DEFAULT_CHAR_CLASS = \"ox-incremental-char\";\nexport const DEFAULT_VISIBLE_CLASS = \"ox-incremental-char--visible\";\nexport const DEFAULT_ATOM_CLASS = \"ox-incremental-atom\";\n\nexport const incrementalMarkdownDomStyles = `\n.${DEFAULT_COMMITTED_CLASS},\n.${DEFAULT_PENDING_CLASS} {\n  display: contents;\n}\n\n.${DEFAULT_CHAR_CLASS},\n.${DEFAULT_ATOM_CLASS} {\n  animation: ox-incremental-char-in var(--ox-incremental-duration, 170ms) ease-out both;\n  animation-delay: var(--ox-incremental-delay, 0ms);\n}\n\n.${DEFAULT_VISIBLE_CLASS} {\n  animation: none;\n  opacity: 1;\n}\n\n@keyframes ox-incremental-char-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n`.trim();\n\nexport function injectIncrementalMarkdownDomStyles(\n  document: Document = globalThis.document,\n): HTMLStyleElement {\n  const existing = document.querySelector<HTMLStyleElement>(\"style[data-ox-incremental-dom]\");\n  if (existing) {\n    return existing;\n  }\n\n  const style = document.createElement(\"style\");\n  style.dataset.oxIncrementalDom = \"\";\n  style.textContent = incrementalMarkdownDomStyles;\n  document.head.append(style);\n  return style;\n}\n","/// <reference lib=\"dom\" />\n\nimport {\n  DEFAULT_ATOM_CLASS,\n  DEFAULT_CHAR_CLASS,\n  DEFAULT_VISIBLE_CLASS,\n} from \"./incremental-dom-styles\";\nimport type { IncrementalMarkdownDomAnimationOptions } from \"./incremental-dom-types\";\n\nexport interface ResolvedAnimationOptions {\n  mode: \"none\" | \"character\";\n  durationMs: number;\n  staggerMs: number;\n  committed: boolean;\n  pending: boolean;\n  charClassName: string;\n  visibleClassName: string;\n  atomClassName: string;\n}\n\nexport function resolveAnimationOptions(\n  animation: boolean | IncrementalMarkdownDomAnimationOptions | undefined,\n): ResolvedAnimationOptions {\n  if (!animation) {\n    return {\n      mode: \"none\",\n      durationMs: 0,\n      staggerMs: 0,\n      committed: false,\n      pending: false,\n      charClassName: DEFAULT_CHAR_CLASS,\n      visibleClassName: DEFAULT_VISIBLE_CLASS,\n      atomClassName: DEFAULT_ATOM_CLASS,\n    };\n  }\n\n  const options = animation === true ? {} : animation;\n  return {\n    mode: options.mode ?? \"character\",\n    durationMs: options.durationMs ?? 170,\n    staggerMs: options.staggerMs ?? 2,\n    committed: options.committed ?? true,\n    pending: options.pending ?? true,\n    charClassName: options.charClassName ?? DEFAULT_CHAR_CLASS,\n    visibleClassName: options.visibleClassName ?? DEFAULT_VISIBLE_CLASS,\n    atomClassName: options.atomClassName ?? DEFAULT_ATOM_CLASS,\n  };\n}\n\nexport function prepareCharacterFade(\n  document: Document,\n  root: ParentNode,\n  animation: ResolvedAnimationOptions,\n  visibleTextPrefix: number,\n): void {\n  if (animation.mode === \"none\") {\n    return;\n  }\n\n  const textNodes = collectTextNodes(document, root);\n  let index = 0;\n  let textOffset = 0;\n\n  for (const textNode of textNodes) {\n    const value = textNode.nodeValue ?? \"\";\n    const parent = textNode.parentElement;\n    const preserveWhitespace = Boolean(parent?.closest(\"pre, code\"));\n\n    if (!value || (!preserveWhitespace && !value.trim())) {\n      continue;\n    }\n\n    const fragment = document.createDocumentFragment();\n    for (const char of [...value]) {\n      const span = document.createElement(\"span\");\n      if (textOffset < visibleTextPrefix) {\n        span.className = `${animation.charClassName} ${animation.visibleClassName}`;\n      } else {\n        span.className = animation.charClassName;\n        span.style.setProperty(\"--ox-incremental-delay\", `${index * animation.staggerMs}ms`);\n        span.style.setProperty(\"--ox-incremental-duration\", `${animation.durationMs}ms`);\n        index += 1;\n      }\n      span.textContent = char;\n      fragment.append(span);\n      textOffset += 1;\n    }\n    textNode.replaceWith(fragment);\n  }\n\n  for (const atom of root.querySelectorAll(\"input, img, hr, br, iframe, svg\")) {\n    if (textOffset < visibleTextPrefix) {\n      continue;\n    }\n    const element = atom as HTMLElement;\n    atom.classList.add(animation.atomClassName);\n    element.style.setProperty(\"--ox-incremental-delay\", `${index * animation.staggerMs}ms`);\n    element.style.setProperty(\"--ox-incremental-duration\", `${animation.durationMs}ms`);\n    index += 1;\n  }\n}\n\nfunction collectTextNodes(document: Document, root: ParentNode): Text[] {\n  const textNodes: Text[] = [];\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);\n\n  while (walker.nextNode()) {\n    textNodes.push(walker.currentNode as Text);\n  }\n\n  return textNodes;\n}\n","/// <reference lib=\"dom\" />\n\nimport { prepareCharacterFade, resolveAnimationOptions } from \"./incremental-dom-animation\";\nimport { DEFAULT_COMMITTED_CLASS, DEFAULT_PENDING_CLASS } from \"./incremental-dom-styles\";\nimport type {\n  IncrementalMarkdownDomApplyOptions,\n  IncrementalMarkdownDomOptions,\n  IncrementalMarkdownDomRenderer,\n  IncrementalMarkdownRenderResultLike,\n} from \"./incremental-dom-types\";\n\nexport function createIncrementalMarkdownDomRenderer(\n  options: IncrementalMarkdownDomOptions,\n): IncrementalMarkdownDomRenderer {\n  const document = options.preview.ownerDocument;\n  const animation = resolveAnimationOptions(options.animation);\n  const committedRoot = document.createElement(\"div\");\n  const pendingRoot = document.createElement(\"div\");\n  const committedClassName = options.committedClassName ?? DEFAULT_COMMITTED_CLASS;\n  const pendingClassName = options.pendingClassName ?? DEFAULT_PENDING_CLASS;\n  let markdown = \"\";\n\n  committedRoot.className = committedClassName;\n  pendingRoot.className = pendingClassName;\n  options.preview.replaceChildren(committedRoot, pendingRoot);\n\n  function apply(\n    result: IncrementalMarkdownRenderResultLike,\n    applyOptions: IncrementalMarkdownDomApplyOptions = {},\n  ): void {\n    const previousPendingText = pendingRoot.textContent ?? \"\";\n\n    if (applyOptions.chunk !== undefined && options.source) {\n      markdown += applyOptions.chunk;\n      options.source.textContent = markdown;\n    }\n\n    if (result.deltaHtml) {\n      appendCommittedHtml(result.deltaHtml, previousPendingText);\n    }\n\n    setPendingHtml(result.pendingHtml);\n  }\n\n  function reset(): void {\n    markdown = \"\";\n    if (options.source) {\n      options.source.textContent = \"\";\n    }\n    committedRoot.replaceChildren();\n    pendingRoot.replaceChildren();\n  }\n\n  function appendCommittedHtml(html: string, previousPendingText: string): void {\n    const fragment = parseHtml(html);\n    const committedText = fragment.textContent ?? \"\";\n    const visiblePrefix = commonPrefixLength(previousPendingText, committedText);\n    prepareCharacterFade(\n      document,\n      fragment,\n      animation,\n      animation.committed ? visiblePrefix : Infinity,\n    );\n    committedRoot.append(fragment);\n  }\n\n  function setPendingHtml(html: string): void {\n    const previousText = pendingRoot.textContent ?? \"\";\n    const fragment = parseHtml(html);\n    const nextText = fragment.textContent ?? \"\";\n    const visiblePrefix = animation.pending ? commonPrefixLength(previousText, nextText) : Infinity;\n    prepareCharacterFade(document, fragment, animation, visiblePrefix);\n    pendingRoot.replaceChildren(fragment);\n  }\n\n  function parseHtml(html: string): DocumentFragment {\n    const template = document.createElement(\"template\");\n    template.innerHTML = html;\n    return template.content;\n  }\n\n  return { committedRoot, pendingRoot, apply, reset };\n}\n\nfunction commonPrefixLength(left: string, right: string): number {\n  const max = Math.min(left.length, right.length);\n  let index = 0;\n\n  while (index < max && left[index] === right[index]) {\n    index += 1;\n  }\n\n  return index;\n}\n"],"mappings":"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"}