@langchain/macaw-components 1.0.0-beta.0

package/dist/components/Code/CodeLite.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+import type { LANGUAGES } from './languages/languages.js';
+export interface CodeLiteProps {
+    value: string | undefined;
+    language: keyof typeof LANGUAGES;
+    virtualize?: boolean;
+    className?: string;
+    children?: ReactNode;
+    showGutter?: boolean;
+    wrapLines?: boolean;
+    highlightText?: string;
+}
+/**
+ * The preferred component for read-only syntax-highlighted code. It avoids
+ * mounting a full CodeMirror editor, making it more performant when rendering
+ * multiple code blocks, while retaining folding and optional virtualization.
+ * Use `Code` only when editing or custom CodeMirror extensions are required.
+ */
+export declare const CodeLite: import("react").MemoExoticComponent<(props: CodeLiteProps) => import("react").JSX.Element>;

package/dist/components/Code/CodeLite.js

@@ -0,0 +1,146 @@
+import { cn } from "../../utils/cn.js";
+import { CaretDownIcon } from "../../icons/PaddedPhosphorIcons.js";
+import { useCodeMirror } from "../../utils/useCodeMirror.js";
+import { convertFile, getVisibleLines, parseFile } from "./CodeLite.utils.js";
+import { memo, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { TableVirtuoso } from "react-virtuoso";
+//#region packages/components/src/components/Code/CodeLite.tsx
+/**
+* The preferred component for read-only syntax-highlighted code. It avoids
+* mounting a full CodeMirror editor, making it more performant when rendering
+* multiple code blocks, while retaining folding and optional virtualization.
+* Use `Code` only when editing or custom CodeMirror extensions are required.
+*/
+var CodeLite = memo((props) => {
+	const cm = useCodeMirror();
+	const reqCount = useRef(0);
+	const [parse, setParse] = useState({
+		id: -1,
+		data: null,
+		error: null
+	});
+	const mountedRef = useRef(true);
+	useEffect(() => () => void (mountedRef.current = false), []);
+	useEffect(() => {
+		if (!cm) return;
+		const controller = new AbortController();
+		const signal = controller.signal;
+		const requestId = ++reqCount.current;
+		setParse({
+			id: requestId,
+			data: null,
+			error: null
+		});
+		parseFile(cm, props.language, props.value, { signal }).then((data) => {
+			if (!mountedRef.current) return;
+			setParse((prev) => {
+				if (prev.id !== requestId) return prev;
+				return {
+					id: requestId,
+					data,
+					error: null
+				};
+			});
+		}, (error) => {
+			if (!mountedRef.current) return;
+			setParse((prev) => {
+				if (prev.id !== requestId) return prev;
+				return {
+					id: requestId,
+					data: null,
+					error
+				};
+			});
+		});
+		return () => controller.abort();
+	}, [
+		cm,
+		props.language,
+		props.value
+	]);
+	const data = parse.data ?? convertFile(props.value);
+	const [foldIdx, setFoldIdx] = useState(/* @__PURE__ */ new Set());
+	const visibleLines = getVisibleLines(data, foldIdx);
+	const showGutter = props.showGutter ?? true;
+	const wrapLines = props.wrapLines ?? true;
+	const toggleFold = (n) => {
+		setFoldIdx((prev) => {
+			const curr = new Set(prev);
+			if (curr.has(n)) curr.delete(n);
+			else curr.add(n);
+			return curr;
+		});
+	};
+	const itemContent = (_index, line) => /* @__PURE__ */ jsxs(Fragment$1, { children: [showGutter && /* @__PURE__ */ jsx("td", {
+		className: "select-none py-0 align-top",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-space-1 whitespace-pre font-mono text-quaternary",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "min-w-8 pl-2.5 text-right",
+				children: line.n
+			}), line.fold ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-expanded": !foldIdx.has(line.n),
+				onClick: () => toggleFold(line.n),
+				className: "-rotate-90 transition-transform aria-expanded:rotate-0",
+				children: /* @__PURE__ */ jsx(CaretDownIcon, {
+					"aria-hidden": true,
+					size: 16,
+					weight: "regular"
+				})
+			}) : /* @__PURE__ */ jsx("span", { className: "size-4" })]
+		})
+	}), /* @__PURE__ */ jsxs("td", {
+		className: cn("px-1.5 py-0 font-mono", wrapLines ? "whitespace-pre-wrap" : "whitespace-pre"),
+		children: [
+			line.line.map((token, index) => {
+				const tokenText = data.code.slice(token.from, token.to);
+				const highlightText = props.highlightText;
+				const highlightIndex = highlightText ? tokenText.indexOf(highlightText) : -1;
+				return /* @__PURE__ */ jsx("span", {
+					className: cn(token.classes || "text-tertiary"),
+					children: highlightIndex === -1 || !highlightText ? tokenText : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						tokenText.slice(0, highlightIndex),
+						/* @__PURE__ */ jsx("span", {
+							"data-code-highlight": true,
+							className: "rounded-xs bg-brand-subtle text-brand-primary",
+							children: highlightText
+						}),
+						tokenText.slice(highlightIndex + highlightText.length)
+					] })
+				}, index);
+			}),
+			line.line.length === 0 && /* @__PURE__ */ jsx("span", {
+				className: "text-tertiary",
+				children: "\n"
+			}),
+			foldIdx.has(line.n) && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "rounded-xs border border-subtle bg-surface-level-2 py-px text-xs leading-none text-quaternary transition-colors hover:bg-surface-level-2-hover",
+				onClick: () => toggleFold(line.n),
+				children: /* @__PURE__ */ jsx("span", {
+					className: "-mx-0.5",
+					children: "..."
+				})
+			})
+		]
+	})] });
+	const className = cn("font-mono text-xs", props.className);
+	if (!props.virtualize) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("table", {
+		className: cn("w-fit border-spacing-0 [overflow-anchor:none]", className),
+		children: /* @__PURE__ */ jsx("tbody", { children: visibleLines.map((line, index) => /* @__PURE__ */ jsx("tr", {
+			className: "[overflow-anchor:none]",
+			children: itemContent(index, line)
+		}, index)) })
+	}), props.children] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TableVirtuoso, {
+		data: visibleLines,
+		className,
+		itemContent
+	}), props.children] });
+});
+//#endregion
+export { CodeLite };
+
+//# sourceMappingURL=CodeLite.js.map

package/dist/components/Code/CodeLite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeLite.js","names":[],"sources":["../../../src/components/Code/CodeLite.tsx"],"sourcesContent":["import { type ReactNode, memo, useEffect, useRef, useState } from 'react';\n\nimport { TableVirtuoso } from 'react-virtuoso';\n\nimport { CaretDownIcon } from '../../icons/PaddedPhosphorIcons';\nimport { cn } from '../../utils/cn';\nimport { useCodeMirror } from '../../utils/useCodeMirror';\nimport {\n  type ParsedFile,\n  convertFile,\n  getVisibleLines,\n  parseFile,\n} from './CodeLite.utils';\nimport type { LANGUAGES } from './languages/languages';\n\nexport interface CodeLiteProps {\n  value: string | undefined;\n  language: keyof typeof LANGUAGES;\n  virtualize?: boolean;\n  className?: string;\n  children?: ReactNode;\n  showGutter?: boolean;\n  wrapLines?: boolean;\n  highlightText?: string;\n}\n\n/**\n * The preferred component for read-only syntax-highlighted code. It avoids\n * mounting a full CodeMirror editor, making it more performant when rendering\n * multiple code blocks, while retaining folding and optional virtualization.\n * Use `Code` only when editing or custom CodeMirror extensions are required.\n */\nexport const CodeLite = memo((props: CodeLiteProps) => {\n  const cm = useCodeMirror();\n  const reqCount = useRef(0);\n  const [parse, setParse] = useState<{\n    id: number;\n    data: Awaited<ReturnType<typeof parseFile>> | null;\n    error: unknown | null;\n  }>({ id: -1, data: null, error: null });\n\n  const mountedRef = useRef(true);\n  useEffect(() => () => void (mountedRef.current = false), []);\n\n  useEffect(() => {\n    if (!cm) return;\n\n    const controller = new AbortController();\n    const signal = controller.signal;\n    const requestId = ++reqCount.current;\n\n    setParse({ id: requestId, data: null, error: null });\n\n    parseFile(cm, props.language, props.value, { signal }).then(\n      (data) => {\n        if (!mountedRef.current) return;\n        setParse((prev) => {\n          if (prev.id !== requestId) return prev;\n          return { id: requestId, data, error: null };\n        });\n      },\n      (error) => {\n        if (!mountedRef.current) return;\n        setParse((prev) => {\n          if (prev.id !== requestId) return prev;\n          return { id: requestId, data: null, error };\n        });\n      }\n    );\n\n    return () => controller.abort();\n  }, [cm, props.language, props.value]);\n\n  const data = parse.data ?? convertFile(props.value);\n\n  const [foldIdx, setFoldIdx] = useState<Set<number>>(new Set());\n\n  const visibleLines = getVisibleLines(data, foldIdx);\n  const showGutter = props.showGutter ?? true;\n  const wrapLines = props.wrapLines ?? true;\n\n  const toggleFold = (n: number) => {\n    setFoldIdx((prev) => {\n      const curr = new Set(prev);\n      if (curr.has(n)) curr.delete(n);\n      else curr.add(n);\n      return curr;\n    });\n  };\n\n  const itemContent = (_index: number, line: ParsedFile['file'][number]) => (\n    <>\n      {showGutter && (\n        <td className=\"select-none py-0 align-top\">\n          <div className=\"flex items-center justify-between gap-space-1 whitespace-pre font-mono text-quaternary\">\n            <span className=\"min-w-8 pl-2.5 text-right\">{line.n}</span>\n\n            {line.fold ? (\n              <button\n                type=\"button\"\n                aria-expanded={!foldIdx.has(line.n)}\n                onClick={() => toggleFold(line.n)}\n                className=\"-rotate-90 transition-transform aria-expanded:rotate-0\"\n              >\n                <CaretDownIcon aria-hidden size={16} weight=\"regular\" />\n              </button>\n            ) : (\n              <span className=\"size-4\" />\n            )}\n          </div>\n        </td>\n      )}\n\n      <td\n        className={cn(\n          'px-1.5 py-0 font-mono',\n          wrapLines ? 'whitespace-pre-wrap' : 'whitespace-pre'\n        )}\n      >\n        {line.line.map((token, index) => {\n          const tokenText = data.code.slice(token.from, token.to);\n          const highlightText = props.highlightText;\n          const highlightIndex = highlightText\n            ? tokenText.indexOf(highlightText)\n            : -1;\n\n          return (\n            <span key={index} className={cn(token.classes || 'text-tertiary')}>\n              {highlightIndex === -1 || !highlightText ? (\n                tokenText\n              ) : (\n                <>\n                  {tokenText.slice(0, highlightIndex)}\n                  <span\n                    data-code-highlight\n                    className=\"rounded-xs bg-brand-subtle text-brand-primary\"\n                  >\n                    {highlightText}\n                  </span>\n                  {tokenText.slice(highlightIndex + highlightText.length)}\n                </>\n              )}\n            </span>\n          );\n        })}\n\n        {line.line.length === 0 && (\n          <span className=\"text-tertiary\">{'\\n'}</span>\n        )}\n\n        {foldIdx.has(line.n) && (\n          <button\n            type=\"button\"\n            className=\"rounded-xs border border-subtle bg-surface-level-2 py-px text-xs leading-none text-quaternary transition-colors hover:bg-surface-level-2-hover\"\n            onClick={() => toggleFold(line.n)}\n          >\n            <span className=\"-mx-0.5\">...</span>\n          </button>\n        )}\n      </td>\n    </>\n  );\n\n  const className = cn('font-mono text-xs', props.className);\n\n  if (!props.virtualize) {\n    return (\n      <>\n        <table\n          className={cn(\n            'w-fit border-spacing-0 [overflow-anchor:none]',\n            className\n          )}\n        >\n          <tbody>\n            {visibleLines.map((line, index) => (\n              <tr key={index} className=\"[overflow-anchor:none]\">\n                {itemContent(index, line)}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        {props.children}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <TableVirtuoso\n        data={visibleLines}\n        className={className}\n        itemContent={itemContent}\n      />\n      {props.children}\n    </>\n  );\n});\n"],"mappings":"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"}

package/dist/components/Code/CodeLite.utils.d.ts

@@ -0,0 +1,24 @@
+import type { CMBundle } from '../../utils/lazy-codemirror-loader.js';
+import { LANGUAGES } from './languages/languages.js';
+export type FoldRange = {
+    from: number;
+    to: number;
+};
+export interface ParsedFile {
+    file: {
+        line: {
+            from: number;
+            to: number;
+            classes: string;
+        }[];
+        n: number;
+        fold: FoldRange | null;
+    }[];
+    code: string;
+}
+export declare const EMPTY_FILE: ParsedFile;
+export declare function convertFile(code: string | undefined): ParsedFile;
+export declare function parseFile(cm: CMBundle, language: keyof typeof LANGUAGES, code: string | undefined, options?: {
+    signal?: AbortSignal;
+}): Promise<ParsedFile>;
+export declare function getVisibleLines(data: ParsedFile, foldIdx: Set<number>): ParsedFile['file'];

package/dist/components/Code/CodeLite.utils.js

@@ -0,0 +1,273 @@
+import { LANGUAGES } from "./languages/languages.js";
+//#region packages/components/src/components/Code/CodeLite.utils.tsx
+function isUnfinished(node) {
+	const ch = node.lastChild;
+	return !!(ch && ch.to === node.to && ch.type.isError);
+}
+var getOrCreateClassHighlighter = (() => {
+	let classHighlighter = null;
+	return (cm) => {
+		if (classHighlighter != null) return classHighlighter;
+		const { lezerTagHighlighter: tagHighlighter, lezerHighlightTags: tags } = cm;
+		classHighlighter = tagHighlighter([
+			{
+				tag: tags.keyword,
+				class: "text-[#007197] dark:text-[#bb9af7]"
+			},
+			{
+				tag: [
+					tags.name,
+					tags.deleted,
+					tags.character,
+					tags.macroName
+				],
+				class: "text-[#3760bf] dark:text-[#c0caf5]"
+			},
+			{
+				tag: [tags.propertyName],
+				class: "text-[#3760bf] dark:text-[#7aa2f7]"
+			},
+			{
+				tag: [
+					tags.processingInstruction,
+					tags.string,
+					tags.inserted,
+					tags.content,
+					tags.special(tags.string)
+				],
+				class: "text-[#587539] dark:text-[#9ece6a]"
+			},
+			{
+				tag: [tags.function(tags.variableName), tags.labelName],
+				class: "text-[#3760bf] dark:text-[#7aa2f7]"
+			},
+			{
+				tag: [
+					tags.color,
+					tags.constant(tags.name),
+					tags.standard(tags.name)
+				],
+				class: "text-[#3760bf] dark:text-[#bb9af7]"
+			},
+			{
+				tag: [tags.definition(tags.name), tags.separator],
+				class: "text-[#3760bf] dark:text-[#c0caf5]"
+			},
+			{
+				tag: [tags.className],
+				class: "text-[#3760bf] dark:text-[#c0caf5]"
+			},
+			{
+				tag: [
+					tags.number,
+					tags.changed,
+					tags.annotation,
+					tags.modifier,
+					tags.self,
+					tags.namespace
+				],
+				class: "text-[#b15c00] dark:text-[#ff9e64]"
+			},
+			{
+				tag: [tags.typeName],
+				class: "text-[#007197] dark:text-[#2ac3de]"
+			},
+			{
+				tag: [tags.operator, tags.operatorKeyword],
+				class: "text-[#007197] dark:text-[#bb9af7]"
+			},
+			{
+				tag: [
+					tags.url,
+					tags.escape,
+					tags.regexp,
+					tags.link
+				],
+				class: "text-[#587539] dark:text-[#b4f9f8]"
+			},
+			{
+				tag: [tags.meta, tags.comment],
+				class: "text-[#848cb5] dark:text-[#565f89]"
+			},
+			{
+				tag: tags.strong,
+				class: "font-bold"
+			},
+			{
+				tag: tags.emphasis,
+				class: "italic"
+			},
+			{
+				tag: tags.link,
+				class: "underline"
+			},
+			{
+				tag: tags.heading,
+				class: "text-[#b15c00] font-semibold dark:text-[#89ddff]"
+			},
+			{
+				tag: [
+					tags.atom,
+					tags.bool,
+					tags.special(tags.variableName)
+				],
+				class: "text-[#3760bf] dark:text-[#c0caf5]"
+			},
+			{
+				tag: tags.invalid,
+				class: "text-[#f52a65] dark:text-[#ff5370]"
+			},
+			{
+				tag: tags.strikethrough,
+				class: "line-through"
+			}
+		]);
+		return classHighlighter;
+	};
+})();
+function syntaxFolding(tree, text, editorState, foldProp, start, end) {
+	if (tree.length < end) return null;
+	const stack = tree.resolveInner(end, 1);
+	let found = null;
+	for (let cur = stack; cur; cur = cur.parent) {
+		if (cur.to <= end || cur.from > end) continue;
+		if (found && cur.from < start) break;
+		const prop = cur.type.prop(foldProp);
+		if (prop && (cur.to < tree.length - 50 || tree.length === text.length || !isUnfinished(cur))) {
+			const value = prop(cur, editorState);
+			if (value && value.from <= end && value.from >= start && value.to > end) found = value;
+		}
+	}
+	return found;
+}
+var EMPTY_FILE = {
+	file: [],
+	code: ""
+};
+var yieldToUI = () => new Promise((resolve) => setTimeout(resolve, 0));
+var EditorAbortError = class extends Error {
+	constructor() {
+		super("Aborted");
+		this.name = "AbortError";
+	}
+};
+async function parseNonBlocking(pkg, code, options) {
+	const parse = "language" in pkg ? pkg.language.parser.startParse(code) : pkg.parser.startParse(code);
+	let tree = null;
+	let now = performance.now();
+	for (;;) {
+		tree = parse.advance();
+		if (tree) break;
+		if (options?.signal?.aborted) throw new EditorAbortError();
+		if (performance.now() - now > 16) {
+			await yieldToUI();
+			now = performance.now();
+		}
+	}
+	return tree;
+}
+var parseNonBlockingQueue = Promise.resolve(null);
+function queueParse(pkg, code, options) {
+	const p = parseNonBlockingQueue.then(() => parseNonBlocking(pkg, code, options));
+	parseNonBlockingQueue = p.catch(() => null);
+	return p;
+}
+function convertFile(code) {
+	if (!code) return EMPTY_FILE;
+	const file = [];
+	let curr = 0;
+	for (const line of code.split("\n")) {
+		file.push({
+			line: [{
+				from: curr,
+				to: curr + line.length,
+				classes: ""
+			}],
+			n: file.length + 1,
+			fold: null
+		});
+		curr += line.length + 1;
+	}
+	return {
+		file,
+		code
+	};
+}
+async function parseFile(cm, language, code, options) {
+	if (!code) return EMPTY_FILE;
+	const { lezerHighlighTree: highlightTree, EditorState, foldNodeProp } = cm;
+	const tree = await queueParse(await LANGUAGES[language], code, options);
+	const editorState = EditorState.create({ doc: code });
+	const file = [];
+	let line = [];
+	let pos = 0;
+	const pushToken = (from, to, classes) => {
+		line.push({
+			from: pos + from,
+			to: pos + to,
+			classes
+		});
+	};
+	const pushBreak = () => {
+		let fold = null;
+		if (line.length > 0) {
+			const startLine = line.at(0)?.from ?? 0;
+			let endLine = (line.at(-1)?.to ?? startLine) + 1;
+			endLine = Math.min(endLine, code.length);
+			fold = syntaxFolding(tree, code, editorState, foldNodeProp, startLine, endLine);
+		}
+		file.push({
+			line,
+			n: file.length + 1,
+			fold
+		});
+		line = [];
+	};
+	function writeTo(p, classes) {
+		if (p <= pos) return;
+		for (let text = code.slice(pos, p), i = 0;;) {
+			const nextBreak = text.indexOf("\n", i);
+			const upto = nextBreak < 0 ? text.length : nextBreak;
+			if (upto > i) pushToken(i, upto, classes);
+			if (nextBreak < 0) break;
+			pushBreak();
+			i = nextBreak + 1;
+		}
+		pos = p;
+	}
+	highlightTree(tree, getOrCreateClassHighlighter(cm), (from, to, classes) => {
+		writeTo(from, "");
+		writeTo(to, classes);
+	}, 0, code.length);
+	writeTo(code.length, "");
+	pushBreak();
+	return {
+		file,
+		code
+	};
+}
+function getVisibleLines(data, foldIdx) {
+	const ranges = [];
+	for (const index of foldIdx) {
+		const fold = data.file.at(index - 1)?.fold;
+		if (!fold) continue;
+		ranges.push({
+			from: fold.from,
+			to: fold.to
+		});
+	}
+	const visibleLines = [];
+	let pos = 0;
+	data.file.forEach((item) => {
+		const start = item.line.at(0)?.from ?? pos;
+		const end = item.line.at(-1)?.to ?? start;
+		if (!ranges.some((range) => start >= range.from && end <= range.to)) visibleLines.push(item);
+		pos = end + 1;
+	});
+	if (visibleLines.length === 0 && data.file.length > 0) visibleLines.push(data.file[0]);
+	return visibleLines;
+}
+//#endregion
+export { EMPTY_FILE, convertFile, getVisibleLines, parseFile };
+
+//# sourceMappingURL=CodeLite.utils.js.map

package/dist/components/Code/CodeLite.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeLite.utils.js","names":[],"sources":["../../../src/components/Code/CodeLite.utils.tsx"],"sourcesContent":["import type {\n  Language,\n  LanguageSupport,\n  foldNodeProp,\n} from '@codemirror/language';\nimport type { EditorState } from '@codemirror/state';\nimport type { SyntaxNode, Tree } from '@lezer/common';\nimport type { Highlighter } from '@lezer/highlight';\n\nimport type { CMBundle } from '../../utils/lazy-codemirror-loader';\nimport { LANGUAGES } from './languages/languages';\n\nexport type FoldRange = { from: number; to: number };\n\nexport interface ParsedFile {\n  file: {\n    line: { from: number; to: number; classes: string }[];\n    n: number;\n    fold: FoldRange | null;\n  }[];\n  code: string;\n}\n\nfunction isUnfinished(node: SyntaxNode): boolean {\n  const ch = node.lastChild;\n  return !!(ch && ch.to === node.to && ch.type.isError);\n}\n\nconst getOrCreateClassHighlighter = (() => {\n  let classHighlighter: Highlighter | null = null;\n\n  return (cm: CMBundle) => {\n    if (classHighlighter != null) return classHighlighter;\n\n    const { lezerTagHighlighter: tagHighlighter, lezerHighlightTags: tags } =\n      cm;\n\n    // Tailwind-friendly version of codemirror-theme-tokyo-night\n    classHighlighter = tagHighlighter([\n      {\n        tag: tags.keyword,\n        class: 'text-[#007197] dark:text-[#bb9af7]',\n      },\n      {\n        tag: [tags.name, tags.deleted, tags.character, tags.macroName],\n        class: 'text-[#3760bf] dark:text-[#c0caf5]',\n      },\n      {\n        tag: [tags.propertyName],\n        class: 'text-[#3760bf] dark:text-[#7aa2f7]',\n      },\n      {\n        tag: [\n          tags.processingInstruction,\n          tags.string,\n          tags.inserted,\n          tags.content,\n          tags.special(tags.string),\n        ],\n        class: 'text-[#587539] dark:text-[#9ece6a]',\n      },\n      {\n        tag: [tags.function(tags.variableName), tags.labelName],\n        class: 'text-[#3760bf] dark:text-[#7aa2f7]',\n      },\n      {\n        tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)],\n        class: 'text-[#3760bf] dark:text-[#bb9af7]',\n      },\n      {\n        tag: [tags.definition(tags.name), tags.separator],\n        class: 'text-[#3760bf] dark:text-[#c0caf5]',\n      },\n      {\n        tag: [tags.className],\n        class: 'text-[#3760bf] dark:text-[#c0caf5]',\n      },\n      {\n        tag: [\n          tags.number,\n          tags.changed,\n          tags.annotation,\n          tags.modifier,\n          tags.self,\n          tags.namespace,\n        ],\n        class: 'text-[#b15c00] dark:text-[#ff9e64]',\n      },\n      {\n        tag: [tags.typeName],\n        class: 'text-[#007197] dark:text-[#2ac3de]',\n      },\n      {\n        tag: [tags.operator, tags.operatorKeyword],\n        class: 'text-[#007197] dark:text-[#bb9af7]',\n      },\n      {\n        tag: [tags.url, tags.escape, tags.regexp, tags.link],\n        class: 'text-[#587539] dark:text-[#b4f9f8]',\n      },\n      {\n        tag: [tags.meta, tags.comment],\n        class: 'text-[#848cb5] dark:text-[#565f89]',\n      },\n      {\n        tag: tags.strong,\n        class: 'font-bold',\n      },\n      {\n        tag: tags.emphasis,\n        class: 'italic',\n      },\n      {\n        tag: tags.link,\n        class: 'underline',\n      },\n      {\n        tag: tags.heading,\n        class: 'text-[#b15c00] font-semibold dark:text-[#89ddff]',\n      },\n      {\n        tag: [tags.atom, tags.bool, tags.special(tags.variableName)],\n        class: 'text-[#3760bf] dark:text-[#c0caf5]',\n      },\n      {\n        tag: tags.invalid,\n        class: 'text-[#f52a65] dark:text-[#ff5370]',\n      },\n      {\n        tag: tags.strikethrough,\n        class: 'line-through',\n      },\n    ]);\n\n    return classHighlighter;\n  };\n})();\n\nfunction syntaxFolding(\n  tree: Tree,\n  text: string,\n  editorState: EditorState,\n  foldProp: typeof foldNodeProp,\n  start: number,\n  end: number\n): FoldRange | null {\n  if (tree.length < end) return null;\n\n  const stack = tree.resolveInner(end, 1);\n  let found: FoldRange | null = null;\n\n  for (let cur: SyntaxNode | null = stack; cur; cur = cur.parent) {\n    if (cur.to <= end || cur.from > end) continue;\n    if (found && cur.from < start) break;\n\n    const prop = cur.type.prop(foldProp) as (\n      node: SyntaxNode,\n      state: EditorState\n    ) => FoldRange | null;\n\n    if (\n      prop &&\n      (cur.to < tree.length - 50 ||\n        tree.length === text.length ||\n        !isUnfinished(cur))\n    ) {\n      const value = prop(cur, editorState);\n      if (value && value.from <= end && value.from >= start && value.to > end) {\n        found = value;\n      }\n    }\n  }\n\n  return found;\n}\n\nexport const EMPTY_FILE: ParsedFile = { file: [], code: '' };\n\nconst yieldToUI = () => new Promise((resolve) => setTimeout(resolve, 0));\n\nclass EditorAbortError extends Error {\n  constructor() {\n    super('Aborted');\n    this.name = 'AbortError';\n  }\n}\n\nasync function parseNonBlocking(\n  pkg: LanguageSupport | Language,\n  code: string,\n  options?: { signal?: AbortSignal }\n) {\n  const parse =\n    'language' in pkg\n      ? pkg.language.parser.startParse(code)\n      : pkg.parser.startParse(code);\n\n  let tree: Tree | null = null;\n  let now = performance.now();\n  for (;;) {\n    tree = parse.advance();\n    if (tree) break;\n\n    if (options?.signal?.aborted) throw new EditorAbortError();\n    if (performance.now() - now > 16) {\n      await yieldToUI();\n      now = performance.now();\n    }\n  }\n\n  return tree;\n}\n\n// Serialize parses so CodeMirror parser state is never advanced concurrently.\nlet parseNonBlockingQueue: Promise<Tree> = Promise.resolve(null!);\n\nfunction queueParse(\n  pkg: LanguageSupport | Language,\n  code: string,\n  options?: {\n    signal?: AbortSignal;\n  }\n) {\n  const p = parseNonBlockingQueue.then(() =>\n    parseNonBlocking(pkg, code, options)\n  );\n  // Keep the queue usable after a failed parse.\n  parseNonBlockingQueue = p.catch(() => null!);\n  return p;\n}\n\nexport function convertFile(code: string | undefined): ParsedFile {\n  if (!code) return EMPTY_FILE;\n\n  const file: ParsedFile['file'] = [];\n  let curr = 0;\n  for (const line of code.split('\\n')) {\n    file.push({\n      line: [{ from: curr, to: curr + line.length, classes: '' }],\n      n: file.length + 1,\n      fold: null,\n    });\n\n    curr += line.length + 1;\n  }\n\n  return { file, code };\n}\n\nexport async function parseFile(\n  cm: CMBundle,\n  language: keyof typeof LANGUAGES,\n  code: string | undefined,\n  options?: {\n    signal?: AbortSignal;\n  }\n): Promise<ParsedFile> {\n  if (!code) return EMPTY_FILE;\n\n  const { lezerHighlighTree: highlightTree, EditorState, foldNodeProp } = cm;\n  // TODO: Make language loading, queueing, and highlighting cancellable; the\n  // signal currently only interrupts Lezer parsing cooperatively.\n  const pkg = await LANGUAGES[language];\n  const tree = await queueParse(pkg, code, options);\n\n  const editorState = EditorState.create({ doc: code });\n  type Line = { from: number; to: number; classes: string }[];\n  const file: { line: Line; n: number; fold: FoldRange | null }[] = [];\n  let line: Line = [];\n\n  let pos = 0;\n\n  const pushToken = (from: number, to: number, classes: string) => {\n    line.push({ from: pos + from, to: pos + to, classes });\n  };\n  const pushBreak = () => {\n    let fold: FoldRange | null = null;\n    if (line.length > 0) {\n      const startLine = line.at(0)?.from ?? 0;\n      let endLine = (line.at(-1)?.to ?? startLine) + 1;\n      endLine = Math.min(endLine, code.length);\n      fold = syntaxFolding(\n        tree,\n        code,\n        editorState,\n        foldNodeProp,\n        startLine,\n        endLine\n      );\n    }\n\n    file.push({ line, n: file.length + 1, fold });\n    line = [];\n  };\n\n  function writeTo(p: number, classes: string) {\n    if (p <= pos) return;\n    for (let text = code!.slice(pos, p), i = 0; ; ) {\n      const nextBreak = text.indexOf('\\n', i);\n      const upto = nextBreak < 0 ? text.length : nextBreak;\n      if (upto > i) pushToken(i, upto, classes);\n      if (nextBreak < 0) break;\n      pushBreak();\n      i = nextBreak + 1;\n    }\n    pos = p;\n  }\n\n  highlightTree(\n    tree,\n    getOrCreateClassHighlighter(cm),\n    (from, to, classes) => {\n      writeTo(from, '');\n      writeTo(to, classes);\n    },\n    0,\n    code.length\n  );\n  writeTo(code.length, '');\n  pushBreak();\n\n  return { file, code };\n}\n\nexport function getVisibleLines(\n  data: ParsedFile,\n  foldIdx: Set<number>\n): ParsedFile['file'] {\n  const ranges: FoldRange[] = [];\n\n  for (const index of foldIdx) {\n    const fold = data.file.at(index - 1)?.fold;\n    if (!fold) continue;\n    ranges.push({ from: fold.from, to: fold.to });\n  }\n\n  const visibleLines: ParsedFile['file'] = [];\n\n  let pos = 0;\n  data.file.forEach((item) => {\n    const start = item.line.at(0)?.from ?? pos;\n    const end = item.line.at(-1)?.to ?? start;\n\n    const isRangeHit = ranges.some(\n      (range) => start >= range.from && end <= range.to\n    );\n\n    if (!isRangeHit) visibleLines.push(item);\n    pos = end + 1;\n  });\n\n  // Make sure that we don't hide everything\n  if (visibleLines.length === 0 && data.file.length > 0) {\n    visibleLines.push(data.file[0]);\n  }\n\n  return visibleLines;\n}\n"],"mappings":"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"}

package/dist/components/Code/ImageReplacerExtension.d.ts

@@ -0,0 +1,9 @@
+import type { DecorationSet, ViewUpdate } from '@codemirror/view';
+import type { CMBundle } from '../../utils/lazy-codemirror-loader.js';
+export declare function getImageReplacerExtensions(cm: CMBundle): {
+    decorationStateField: import("@codemirror/state").StateField<Map<any, any>>;
+    imageReplacerPlugin: import("@codemirror/view").ViewPlugin<{
+        decorations: DecorationSet;
+        update(update: ViewUpdate): void;
+    }, undefined>;
+};