@lobehub/ui 3.4.2 → 3.4.3

package/es/hooks/useHighlight.mjs

@@ -0,0 +1,275 @@
+'use client';
+
+import { getCodeLanguageByInput } from "../Highlighter/const.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useTheme, useThemeMode } from "antd-style";
+import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from "@shikijs/transformers";
+import { ShikiStreamTokenizer } from "shiki-stream";
+import useSWR from "swr";
+import { Md5 } from "ts-md5";
+
+//#region src/hooks/useHighlight.ts
+const MD5_LENGTH_THRESHOLD = 1e4;
+const loadShikiModule = () => {
+	if (typeof window === "undefined") return Promise.resolve(null);
+	return import("shiki");
+};
+const shikiModulePromise = loadShikiModule();
+const loadShiki = () => {
+	return shikiModulePromise.then((mod) => mod?.codeToHtml ?? null);
+};
+const shikiPromise = loadShiki();
+const escapeHtml = (str) => {
+	return str.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
+};
+const tokensToLineTokens = (tokens) => {
+	if (!tokens.length) return [[]];
+	const lines = [[]];
+	let currentLine = lines[0];
+	const startNewLine = () => {
+		currentLine = [];
+		lines.push(currentLine);
+	};
+	tokens.forEach((token) => {
+		const content = token.content ?? "";
+		if (content === "\n") {
+			startNewLine();
+			return;
+		}
+		if (!content.includes("\n")) {
+			currentLine.push(token);
+			return;
+		}
+		const segments = content.split("\n");
+		segments.forEach((segment, index) => {
+			if (segment) currentLine.push({
+				...token,
+				content: segment
+			});
+			if (index < segments.length - 1) startNewLine();
+		});
+	});
+	if (lines.length === 0) return [[]];
+	return lines;
+};
+const createPreStyle = (bg, fg) => {
+	if (!bg && !fg) return void 0;
+	return {
+		backgroundColor: bg,
+		color: fg
+	};
+};
+const useStreamingHighlighter = (text, options) => {
+	const { colorReplacements, enabled, language, theme } = options;
+	const [result, setResult] = useState();
+	const tokenizerRef = useRef(null);
+	const previousTextRef = useRef("");
+	const safeText = text ?? "";
+	const latestTextRef = useRef(safeText);
+	const preStyleRef = useRef(void 0);
+	const colorReplacementsRef = useRef(colorReplacements);
+	const linesRef = useRef([[]]);
+	useEffect(() => {
+		latestTextRef.current = safeText;
+	}, [safeText]);
+	useEffect(() => {
+		colorReplacementsRef.current = colorReplacements;
+	}, [colorReplacements]);
+	const setStreamingResult = useCallback((rawLines) => {
+		const previousLines = linesRef.current;
+		const mergedLines = rawLines.map((line, index) => {
+			const previousLine = previousLines[index];
+			if (previousLine && previousLine.length === line.length && previousLine.every((token, tokenIndex) => token === line[tokenIndex])) return previousLine;
+			return line;
+		});
+		linesRef.current = mergedLines;
+		setResult({
+			colorReplacements: colorReplacementsRef.current,
+			lines: mergedLines,
+			preStyle: preStyleRef.current
+		});
+	}, []);
+	const updateTokens = useCallback(async (nextText, forceReset = false) => {
+		const tokenizer = tokenizerRef.current;
+		if (!tokenizer) return;
+		if (forceReset) {
+			tokenizer.clear();
+			previousTextRef.current = "";
+		}
+		const previousText = previousTextRef.current;
+		let chunk = nextText;
+		if (!forceReset && nextText.startsWith(previousText)) chunk = nextText.slice(previousText.length);
+		else if (!forceReset) tokenizer.clear();
+		previousTextRef.current = nextText;
+		if (!chunk) {
+			const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable];
+			setStreamingResult(mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]]);
+			return;
+		}
+		try {
+			await tokenizer.enqueue(chunk);
+			setStreamingResult(tokensToLineTokens([...tokenizer.tokensStable, ...tokenizer.tokensUnstable]));
+		} catch (error) {
+			console.error("Streaming highlighting failed:", error);
+		}
+	}, [setStreamingResult]);
+	useEffect(() => {
+		if (!enabled) {
+			tokenizerRef.current?.clear();
+			tokenizerRef.current = null;
+			previousTextRef.current = "";
+			preStyleRef.current = void 0;
+			linesRef.current = [[]];
+			setResult(void 0);
+			return;
+		}
+		let cancelled = false;
+		(async () => {
+			const mod = await shikiModulePromise;
+			if (!mod || cancelled) return;
+			try {
+				const highlighter = await mod.getSingletonHighlighter({
+					langs: language ? [language] : [],
+					themes: [theme]
+				});
+				if (!highlighter || cancelled) return;
+				tokenizerRef.current = new ShikiStreamTokenizer({
+					highlighter,
+					lang: language,
+					theme
+				});
+				previousTextRef.current = "";
+				linesRef.current = [[]];
+				const themeInfo = highlighter.getTheme(theme);
+				preStyleRef.current = createPreStyle(themeInfo?.bg, themeInfo?.fg);
+				const currentText = latestTextRef.current;
+				if (currentText) await updateTokens(currentText, true);
+				else setStreamingResult([[]]);
+			} catch (error) {
+				console.error("Streaming highlighter initialization failed:", error);
+			}
+		})();
+		return () => {
+			cancelled = true;
+			tokenizerRef.current?.clear();
+			tokenizerRef.current = null;
+			previousTextRef.current = "";
+		};
+	}, [
+		enabled,
+		language,
+		setStreamingResult,
+		theme,
+		updateTokens
+	]);
+	useEffect(() => {
+		if (!enabled) return;
+		if (!tokenizerRef.current) return;
+		updateTokens(safeText);
+	}, [
+		enabled,
+		safeText,
+		updateTokens
+	]);
+	return result;
+};
+const useHighlight = (text, { language, enableTransformer, theme: builtinTheme, streaming }) => {
+	const { isDarkMode } = useThemeMode();
+	const theme = useTheme();
+	const safeText = text ?? "";
+	const lang = (language ?? "plaintext").toLowerCase();
+	const matchedLanguage = useMemo(() => getCodeLanguageByInput(lang), [lang]);
+	const transformers = useMemo(() => {
+		if (!enableTransformer) return;
+		return [
+			transformerNotationDiff(),
+			transformerNotationHighlight(),
+			transformerNotationWordHighlight(),
+			transformerNotationFocus(),
+			transformerNotationErrorLevel()
+		];
+	}, [enableTransformer]);
+	const colorReplacements = useMemo(() => ({
+		"slack-dark": {
+			"#4ec9b0": theme.yellow,
+			"#569cd6": theme.colorError,
+			"#6a9955": theme.gray,
+			"#9cdcfe": theme.colorText,
+			"#b5cea8": theme.purple10,
+			"#c586c0": theme.colorInfo,
+			"#ce9178": theme.colorSuccess,
+			"#dcdcaa": theme.colorWarning,
+			"#e6e6e6": theme.colorText
+		},
+		"slack-ochin": {
+			"#002339": theme.colorText,
+			"#0444ac": theme.geekblue,
+			"#0991b6": theme.colorError,
+			"#174781": theme.purple10,
+			"#2f86d2": theme.colorText,
+			"#357b42": theme.gray,
+			"#7b30d0": theme.colorInfo,
+			"#7eb233": theme.colorWarningTextActive,
+			"#a44185": theme.colorSuccess,
+			"#dc3eb7": theme.yellow11
+		}
+	}), [theme]);
+	const cacheKey = useMemo(() => {
+		const hash = safeText.length < MD5_LENGTH_THRESHOLD ? safeText : Md5.hashStr(safeText);
+		return [
+			matchedLanguage,
+			builtinTheme || (isDarkMode ? "d" : "l"),
+			hash
+		].filter(Boolean).join("-");
+	}, [
+		safeText,
+		matchedLanguage,
+		isDarkMode,
+		builtinTheme
+	]);
+	const response = useSWR(streaming ? null : cacheKey, async () => {
+		try {
+			const codeToHtml = await shikiPromise;
+			if (!codeToHtml) return safeText;
+			return await codeToHtml(safeText, {
+				colorReplacements: builtinTheme ? void 0 : colorReplacements,
+				lang: matchedLanguage,
+				theme: builtinTheme || (isDarkMode ? "slack-dark" : "slack-ochin"),
+				transformers
+			});
+		} catch (error) {
+			console.error("Advanced rendering failed:", error);
+			try {
+				const codeToHtml = await shikiPromise;
+				if (!codeToHtml) return safeText;
+				return await codeToHtml(safeText, {
+					lang: matchedLanguage,
+					theme: isDarkMode ? "dark-plus" : "light-plus"
+				});
+			} catch {
+				return `<pre class="fallback"><code>${escapeHtml(safeText)}</code></pre>`;
+			}
+		}
+	}, {
+		dedupingInterval: 3e3,
+		errorRetryCount: 2,
+		revalidateOnFocus: false,
+		revalidateOnReconnect: false
+	});
+	const effectiveTheme = builtinTheme || (isDarkMode ? "slack-dark" : "slack-ochin");
+	const streamingResult = useStreamingHighlighter(safeText, {
+		colorReplacements: builtinTheme ? void 0 : colorReplacements[effectiveTheme],
+		enabled: streaming,
+		language: matchedLanguage,
+		theme: effectiveTheme
+	});
+	return {
+		...response,
+		colorReplacements,
+		streaming: streamingResult
+	};
+};
+
+//#endregion
+export { useHighlight };
+//# sourceMappingURL=useHighlight.mjs.map

package/es/hooks/useHighlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHighlight.mjs","names":["lines: ThemedToken[][]"],"sources":["../../src/hooks/useHighlight.ts"],"sourcesContent":["'use client';\n\nimport {\n  transformerNotationDiff,\n  transformerNotationErrorLevel,\n  transformerNotationFocus,\n  transformerNotationHighlight,\n  transformerNotationWordHighlight,\n} from '@shikijs/transformers';\nimport { useTheme, useThemeMode } from 'antd-style';\nimport { CSSProperties, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { BuiltinTheme, CodeToHastOptions, ThemedToken } from 'shiki';\nimport { ShikiStreamTokenizer } from 'shiki-stream';\nimport useSWR, { SWRResponse } from 'swr';\nimport { Md5 } from 'ts-md5';\n\nimport { getCodeLanguageByInput } from '@/Highlighter/const';\n\n// Application-level cache to avoid repeated calculations\nconst MD5_LENGTH_THRESHOLD = 10_000; // Use async MD5 for text exceeding this length\n\n// Color replacement mapping type\ntype ColorReplacements = {\n  [themeName: string]: {\n    [color: string]: string;\n  };\n};\n\ntype StreamingHighlightResult = {\n  colorReplacements?: Record<string, string>;\n  lines: ThemedToken[][];\n  preStyle?: CSSProperties;\n};\n\ntype StreamingOptions = {\n  colorReplacements?: Record<string, string>;\n  enabled?: boolean;\n  language: string;\n  theme: string;\n};\n\ntype UseHighlightResponse = SWRResponse<string, Error> & {\n  colorReplacements?: ColorReplacements;\n  streaming?: StreamingHighlightResult;\n};\n\ntype ICodeToHtml = (code: string, options: CodeToHastOptions) => Promise<string>;\ntype ShikiModule = typeof import('shiki');\n\n// Lazy load shiki\nconst loadShikiModule = (): Promise<ShikiModule | null> => {\n  if (typeof window === 'undefined') return Promise.resolve(null);\n  return import('shiki');\n};\nconst shikiModulePromise = loadShikiModule();\n\nconst loadShiki = (): Promise<ICodeToHtml | null> => {\n  return shikiModulePromise.then((mod) => mod?.codeToHtml ?? null);\n};\nconst shikiPromise = loadShiki();\n\n// Helper function: Safe HTML escaping\nconst escapeHtml = (str: string): string => {\n  return str\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#039;');\n};\n\nconst tokensToLineTokens = (tokens: ThemedToken[]): ThemedToken[][] => {\n  if (!tokens.length) return [[]];\n\n  const lines: ThemedToken[][] = [[]];\n  let currentLine = lines[0];\n\n  const startNewLine = () => {\n    currentLine = [];\n    lines.push(currentLine);\n  };\n\n  tokens.forEach((token) => {\n    const content = token.content ?? '';\n\n    if (content === '\\n') {\n      startNewLine();\n      return;\n    }\n\n    if (!content.includes('\\n')) {\n      currentLine.push(token);\n      return;\n    }\n\n    const segments = content.split('\\n');\n    segments.forEach((segment, index) => {\n      if (segment) {\n        currentLine.push({\n          ...token,\n          content: segment,\n        });\n      }\n\n      if (index < segments.length - 1) {\n        startNewLine();\n      }\n    });\n  });\n\n  if (lines.length === 0) return [[]];\n\n  return lines;\n};\n\nconst createPreStyle = (bg?: string, fg?: string): CSSProperties | undefined => {\n  if (!bg && !fg) return undefined;\n  return {\n    backgroundColor: bg,\n    color: fg,\n  };\n};\n\nconst useStreamingHighlighter = (\n  text: string,\n  options: StreamingOptions,\n): StreamingHighlightResult | undefined => {\n  const { colorReplacements, enabled, language, theme } = options;\n  const [result, setResult] = useState<StreamingHighlightResult>();\n  const tokenizerRef = useRef<ShikiStreamTokenizer | null>(null);\n  const previousTextRef = useRef('');\n  const safeText = text ?? '';\n  const latestTextRef = useRef(safeText);\n  const preStyleRef = useRef<CSSProperties | undefined>(undefined);\n  const colorReplacementsRef = useRef(colorReplacements);\n  const linesRef = useRef<ThemedToken[][]>([[]]);\n\n  useEffect(() => {\n    latestTextRef.current = safeText;\n  }, [safeText]);\n\n  useEffect(() => {\n    colorReplacementsRef.current = colorReplacements;\n  }, [colorReplacements]);\n\n  const setStreamingResult = useCallback((rawLines: ThemedToken[][]) => {\n    const previousLines = linesRef.current;\n\n    const mergedLines = rawLines.map((line, index) => {\n      const previousLine = previousLines[index];\n      if (\n        previousLine &&\n        previousLine.length === line.length &&\n        previousLine.every((token, tokenIndex) => token === line[tokenIndex])\n      ) {\n        return previousLine;\n      }\n      return line;\n    });\n\n    linesRef.current = mergedLines;\n\n    setResult({\n      colorReplacements: colorReplacementsRef.current,\n      lines: mergedLines,\n      preStyle: preStyleRef.current,\n    });\n  }, []);\n\n  const updateTokens = useCallback(\n    async (nextText: string, forceReset = false) => {\n      const tokenizer = tokenizerRef.current;\n      if (!tokenizer) return;\n\n      if (forceReset) {\n        tokenizer.clear();\n        previousTextRef.current = '';\n      }\n\n      const previousText = previousTextRef.current;\n      let chunk = nextText;\n      const canAppend = !forceReset && nextText.startsWith(previousText);\n\n      if (canAppend) {\n        chunk = nextText.slice(previousText.length);\n      } else if (!forceReset) {\n        tokenizer.clear();\n      }\n\n      previousTextRef.current = nextText;\n\n      if (!chunk) {\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable];\n        setStreamingResult(mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]]);\n        return;\n      }\n\n      try {\n        await tokenizer.enqueue(chunk);\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable];\n        setStreamingResult(tokensToLineTokens(mergedTokens));\n      } catch (error) {\n        console.error('Streaming highlighting failed:', error);\n      }\n    },\n    [setStreamingResult],\n  );\n\n  useEffect(() => {\n    if (!enabled) {\n      tokenizerRef.current?.clear();\n      tokenizerRef.current = null;\n      previousTextRef.current = '';\n      preStyleRef.current = undefined;\n      linesRef.current = [[]];\n      setResult(undefined);\n      return;\n    }\n\n    let cancelled = false;\n\n    (async () => {\n      const mod = await shikiModulePromise;\n      if (!mod || cancelled) return;\n\n      try {\n        const highlighter = await mod.getSingletonHighlighter({\n          langs: language ? [language] : [],\n          themes: [theme],\n        });\n\n        if (!highlighter || cancelled) return;\n\n        const tokenizer = new ShikiStreamTokenizer({\n          highlighter,\n          lang: language,\n          theme,\n        });\n\n        tokenizerRef.current = tokenizer;\n        previousTextRef.current = '';\n        linesRef.current = [[]];\n\n        const themeInfo = highlighter.getTheme(theme);\n        preStyleRef.current = createPreStyle(themeInfo?.bg, themeInfo?.fg);\n\n        const currentText = latestTextRef.current;\n        if (currentText) {\n          await updateTokens(currentText, true);\n        } else {\n          setStreamingResult([[]]);\n        }\n      } catch (error) {\n        console.error('Streaming highlighter initialization failed:', error);\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n      tokenizerRef.current?.clear();\n      tokenizerRef.current = null;\n      previousTextRef.current = '';\n    };\n  }, [enabled, language, setStreamingResult, theme, updateTokens]);\n\n  useEffect(() => {\n    if (!enabled) return;\n    if (!tokenizerRef.current) return;\n    updateTokens(safeText);\n  }, [enabled, safeText, updateTokens]);\n\n  return result;\n};\n\n// Main highlight component\nexport const useHighlight = (\n  text: string,\n  {\n    language,\n    enableTransformer,\n    theme: builtinTheme,\n    streaming,\n  }: { enableTransformer?: boolean; language: string; streaming?: boolean; theme?: BuiltinTheme },\n): UseHighlightResponse => {\n  const { isDarkMode } = useThemeMode();\n  const theme = useTheme();\n\n  // Safely handle language and text with boundary checks\n  const safeText = text ?? '';\n  const lang = (language ?? 'plaintext').toLowerCase();\n\n  // Match supported languages\n  const matchedLanguage = useMemo(() => getCodeLanguageByInput(lang), [lang]);\n\n  // Optimize transformer creation\n  const transformers = useMemo(() => {\n    if (!enableTransformer) return;\n    return [\n      transformerNotationDiff(),\n      transformerNotationHighlight(),\n      transformerNotationWordHighlight(),\n      transformerNotationFocus(),\n      transformerNotationErrorLevel(),\n    ];\n  }, [enableTransformer]);\n\n  // Optimize color replacement configuration\n  const colorReplacements = useMemo(\n    (): ColorReplacements => ({\n      'slack-dark': {\n        '#4ec9b0': theme.yellow,\n        '#569cd6': theme.colorError,\n        '#6a9955': theme.gray,\n        '#9cdcfe': theme.colorText,\n        '#b5cea8': theme.purple10,\n        '#c586c0': theme.colorInfo,\n        '#ce9178': theme.colorSuccess,\n        '#dcdcaa': theme.colorWarning,\n        '#e6e6e6': theme.colorText,\n      },\n      'slack-ochin': {\n        '#002339': theme.colorText,\n        '#0444ac': theme.geekblue,\n        '#0991b6': theme.colorError,\n        '#174781': theme.purple10,\n        '#2f86d2': theme.colorText,\n        '#357b42': theme.gray,\n        '#7b30d0': theme.colorInfo,\n        '#7eb233': theme.colorWarningTextActive,\n        '#a44185': theme.colorSuccess,\n        '#dc3eb7': theme.yellow11,\n      },\n    }),\n    [theme],\n  );\n\n  // Build cache key\n  const cacheKey = useMemo((): string | null => {\n    // Use hash for long text\n    const hash = safeText.length < MD5_LENGTH_THRESHOLD ? safeText : Md5.hashStr(safeText);\n    return [matchedLanguage, builtinTheme || (isDarkMode ? 'd' : 'l'), hash]\n      .filter(Boolean)\n      .join('-');\n  }, [safeText, matchedLanguage, isDarkMode, builtinTheme]);\n\n  // Use SWR to get highlighted HTML\n  const response = useSWR(\n    streaming ? null : cacheKey,\n    async (): Promise<string> => {\n      try {\n        // Try full rendering\n        const codeToHtml = await shikiPromise;\n        if (!codeToHtml) return safeText;\n        const html = await codeToHtml(safeText, {\n          colorReplacements: builtinTheme ? undefined : colorReplacements,\n          lang: matchedLanguage,\n          theme: builtinTheme || (isDarkMode ? 'slack-dark' : 'slack-ochin'),\n          transformers,\n        });\n\n        return html;\n      } catch (error) {\n        console.error('Advanced rendering failed:', error);\n\n        try {\n          // Try simple rendering (without transformers)\n          const codeToHtml = await shikiPromise;\n          if (!codeToHtml) return safeText;\n          const html = await codeToHtml(safeText, {\n            lang: matchedLanguage,\n            theme: isDarkMode ? 'dark-plus' : 'light-plus',\n          });\n          return html;\n        } catch {\n          // Fallback to plain text\n          const fallbackHtml = `<pre class=\"fallback\"><code>${escapeHtml(safeText)}</code></pre>`;\n          return fallbackHtml;\n        }\n      }\n    },\n    {\n      dedupingInterval: 3000, // Only execute once for the same request within 3 seconds\n      errorRetryCount: 2, // Retry at most 2 times\n      revalidateOnFocus: false,\n      revalidateOnReconnect: false,\n    },\n  );\n\n  const effectiveTheme = builtinTheme || (isDarkMode ? 'slack-dark' : 'slack-ochin');\n  const streamingResult = useStreamingHighlighter(safeText, {\n    colorReplacements: builtinTheme ? undefined : colorReplacements[effectiveTheme],\n    enabled: streaming,\n    language: matchedLanguage,\n    theme: effectiveTheme,\n  });\n\n  return {\n    ...response,\n    colorReplacements,\n    streaming: streamingResult,\n  };\n};\n\nexport { escapeHtml, loadShiki, MD5_LENGTH_THRESHOLD, shikiPromise };\n"],"mappings":"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"}

package/es/hooks/useMarkdown/latex.mjs

@@ -0,0 +1,295 @@
+import { renderToString } from "katex";
+
+//#region src/hooks/useMarkdown/latex.ts
+/**
+* PlaceholderManager - Manages temporary replacement and restoration of protected content
+* Used to protect code blocks and LaTeX expressions during preprocessing
+*/
+var PlaceholderManager = class {
+	constructor(prefix = "PROTECTED") {
+		this.placeholders = [];
+		this.prefix = prefix;
+	}
+	add(content) {
+		const index = this.placeholders.length;
+		this.placeholders.push(content);
+		return `<<${this.prefix}_${index}>>`;
+	}
+	restore(text) {
+		return text.replaceAll(new RegExp(`<<${this.prefix}_(\\d+)>>`, "g"), (_, index) => {
+			return this.placeholders[Number.parseInt(index)] || "";
+		});
+	}
+	clear() {
+		this.placeholders = [];
+	}
+};
+const replaceUnescapedPipes = (formula) => formula.replaceAll(/(?<!\\)\|/g, "\\vert{}");
+/**
+* Converts LaTeX bracket delimiters to dollar sign delimiters.
+* Converts \[...\] to $$...$$ and \(...\) to $...$
+* Preserves code blocks during the conversion.
+*
+* @param text The input string containing LaTeX expressions
+* @returns The string with LaTeX bracket delimiters converted to dollar sign delimiters
+*/
+function convertLatexDelimiters(text) {
+	return text.replaceAll(/(```[\S\s]*?```|`.*?`)|\\\[([\S\s]*?[^\\])\\]|\\\((.*?)\\\)/g, (match, codeBlock, squareBracket, roundBracket) => {
+		if (codeBlock !== void 0) return codeBlock;
+		else if (squareBracket !== void 0) return `$$${squareBracket}$$`;
+		else if (roundBracket !== void 0) return `$${roundBracket}$`;
+		return match;
+	});
+}
+/**
+* Escapes mhchem commands in LaTeX expressions to ensure proper rendering.
+*
+* @param text The input string containing LaTeX expressions with mhchem commands
+* @returns The string with escaped mhchem commands
+*/
+function escapeMhchemCommands(text) {
+	return text.replaceAll("$\\ce{", "$\\\\ce{").replaceAll("$\\pu{", "$\\\\pu{");
+}
+/**
+* Escapes pipe characters within LaTeX expressions to prevent them from being interpreted
+* as table column separators in markdown tables.
+*
+* @param text The input string containing LaTeX expressions
+* @returns The string with pipe characters escaped in LaTeX expressions
+*/
+function escapeLatexPipes(text) {
+	const codeBlocks = [];
+	let content = text.replaceAll(/(```[\S\s]*?```|`[^\n`]*`)/g, (match) => {
+		codeBlocks.push(match);
+		return `<<CODE_${codeBlocks.length - 1}>>`;
+	});
+	content = content.replaceAll(/\$\$([\S\s]*?)\$\$/g, (match, display) => {
+		return `$$${replaceUnescapedPipes(display)}$$`;
+	});
+	content = content.replaceAll(/(?<!\\)\$(?!\$)([^\n$]*?)(?<!\\)\$(?!\$)/g, (match, inline) => {
+		return `$${replaceUnescapedPipes(inline)}$`;
+	});
+	content = content.replaceAll(/<<CODE_(\d+)>>/g, (_, index) => {
+		return codeBlocks[Number.parseInt(index)];
+	});
+	return content;
+}
+/**
+* Escapes underscores within \text{...} commands in LaTeX expressions
+* that are not already escaped.
+* For example, \text{node_domain} becomes \text{node\_domain},
+* but \text{node\_domain} remains \text{node\_domain}.
+*
+* @param text The input string potentially containing LaTeX expressions
+* @returns The string with unescaped underscores escaped within \text{...} commands
+*/
+function escapeTextUnderscores(text) {
+	return text.replaceAll(/\\text{([^}]*)}/g, (match, textContent) => {
+		return `\\text{${textContent.replaceAll(/(?<!\\)_/g, "\\_")}}`;
+	});
+}
+/**
+* Escapes dollar signs that appear to be currency symbols to prevent them from being
+* interpreted as LaTeX math delimiters.
+*
+* This function identifies currency patterns such as:
+* - $20, $100, $1,000
+* - $20-50, $100+
+* - Patterns within markdown tables
+*
+* @param text The input string containing potential currency symbols
+* @returns The string with currency dollar signs escaped
+*/
+function escapeCurrencyDollars(text) {
+	const manager = new PlaceholderManager("PROTECTED");
+	let content = text.replaceAll(/(```[\S\s]*?```|`[^\n`]*`|\$\$[\S\s]*?\$\$|(?<!\\)\$(?!\$)(?=[\S\s]*?\\)[\S\s]*?(?<!\\)\$(?!\$)|\$\d+\$|\$-?\d+(?:,-?\d+)+\$|\\\[[\S\s]*?\\]|\\\(.*?\\\))/g, (match) => manager.add(match));
+	content = content.replaceAll(/(?<!\$)\$(\d{1,3}(?:,\d{3})*(?:\.\d+)?(?:-\d{1,3}(?:,\d{3})*(?:\.\d+)?)?\+?)(?!\$)/g, "\\$$$1");
+	content = manager.restore(content);
+	return content;
+}
+/**
+* Extracts the LaTeX formula after the last $$ delimiter if there's an odd number of $$ delimiters.
+*
+* @param text The input string containing LaTeX formulas
+* @returns The content after the last $$ if there's an odd number of $$, otherwise an empty string
+*/
+const extractIncompleteFormula = (text) => {
+	if ((text.match(/\$\$/g) || []).length % 2 === 1) {
+		const match = text.match(/\$\$([^]*)$/);
+		return match ? match[1] : "";
+	}
+	return "";
+};
+/**
+* Checks if the last LaTeX formula in the text is renderable.
+* Only validates the formula after the last $$ if there's an odd number of $$.
+*
+* @param text The input string containing LaTeX formulas
+* @returns True if the last formula is renderable or if there's no incomplete formula
+*/
+const isLastFormulaRenderable = (text) => {
+	const formula = extractIncompleteFormula(text);
+	if (!formula) return true;
+	try {
+		renderToString(formula, {
+			displayMode: true,
+			throwOnError: true
+		});
+		return true;
+	} catch (error) {
+		console.log(`LaTeX formula rendering error: ${error}`);
+		return false;
+	}
+};
+/**
+* Fixes common LaTeX syntax errors automatically
+* - Balances unmatched braces
+* - Balances \left and \right delimiters
+*
+* @param text The input string containing LaTeX expressions
+* @returns The string with fixed LaTeX expressions
+*/
+function fixCommonLaTeXErrors(text) {
+	return text.replaceAll(/(\$\$[\S\s]*?\$\$|\$[\S\s]*?\$)/g, (match) => {
+		let fixed = match;
+		const openBraces = (fixed.match(/(?<!\\){/g) || []).length;
+		const closeBraces = (fixed.match(/(?<!\\)}/g) || []).length;
+		if (openBraces > closeBraces) {
+			const diff = openBraces - closeBraces;
+			const closingBraces = "}".repeat(diff);
+			fixed = fixed.replace(/(\$\$?)$/, closingBraces + "$1");
+		}
+		const leftDelims = (fixed.match(/\\left[(.<[{|]/g) || []).length;
+		const rightDelims = (fixed.match(/\\right[).>\]|}]/g) || []).length;
+		if (leftDelims > rightDelims) {
+			const diff = leftDelims - rightDelims;
+			const rightDots = "\\right.".repeat(diff);
+			fixed = fixed.replace(/(\$\$?)$/, rightDots + "$1");
+		}
+		return fixed;
+	});
+}
+/**
+* Normalizes whitespace in LaTeX expressions
+* - Removes extra spaces around $ delimiters
+* - Normalizes multiple spaces to single space inside formulas
+*
+* @param text The input string containing LaTeX expressions
+* @returns The string with normalized whitespace
+*/
+function normalizeLatexSpacing(text) {
+	let result = text;
+	result = result.replaceAll(/\$\s+/g, "$");
+	result = result.replaceAll(/\s+\$/g, "$");
+	result = result.replaceAll(/\$\$\s+/g, "$$");
+	result = result.replaceAll(/\s+\$\$/g, "$$");
+	result = result.replaceAll(/(\$\$[\S\s]*?\$\$|\$[\S\s]*?\$)/g, (match) => {
+		return match.replaceAll(/\s{2,}/g, " ");
+	});
+	return result;
+}
+/**
+* Validates all LaTeX expressions in the text
+* Returns detailed information about validation results
+*
+* @param text The input string containing LaTeX expressions
+* @returns Validation results with errors if any
+*/
+function validateLatexExpressions(text) {
+	const errors = [];
+	let totalExpressions = 0;
+	const pattern = /\$\$([\S\s]*?)\$\$|(?<!\\)\$(?!\$)([\S\s]*?)(?<!\\)\$(?!\$)/g;
+	let match;
+	while ((match = pattern.exec(text)) !== null) {
+		totalExpressions++;
+		const formula = match[1] || match[2];
+		const isDisplay = match[0].startsWith("$$");
+		try {
+			renderToString(formula, {
+				displayMode: isDisplay,
+				strict: "warn",
+				throwOnError: true,
+				trust: false
+			});
+		} catch (error) {
+			errors.push({
+				formula: formula.slice(0, 50) + (formula.length > 50 ? "..." : ""),
+				message: error instanceof Error ? error.message : String(error),
+				position: match.index,
+				type: isDisplay ? "display" : "inline"
+			});
+		}
+	}
+	return {
+		errors,
+		totalExpressions,
+		valid: errors.length === 0
+	};
+}
+/**
+* Handles CJK (Chinese, Japanese, Korean) characters mixed with LaTeX
+* Optionally adds spaces between CJK characters and LaTeX expressions for better rendering
+*
+* @param text The input string
+* @param addSpaces Whether to add spaces between CJK and LaTeX (default: false)
+* @returns The processed string
+*/
+function handleCJKWithLatex(text, addSpaces = false) {
+	if (!addSpaces) return text;
+	let result = text;
+	result = result.replaceAll(/([\u3040-\u30FF\u4E00-\u9FA5])(\$)/g, "$1 $2");
+	result = result.replaceAll(/(\$)([\u3040-\u30FF\u4E00-\u9FA5])/g, "$1 $2");
+	return result;
+}
+/**
+* Comprehensive LaTeX preprocessing with configurable options
+*
+* This is the main preprocessing function that handles:
+* - Currency symbol escaping (e.g., $20 → \$20)
+* - LaTeX delimiter conversion (\[...\] → $$...$$)
+* - Special character escaping (pipes, underscores, mhchem)
+* - Optional error fixing and validation
+* - Optional CJK character handling
+*
+* @param text The input string containing LaTeX and Markdown
+* @param options Configuration options for fine-grained control
+* @returns The preprocessed string
+*
+* @example
+* ```ts
+* // Default behavior (same as old preprocessLaTeX)
+* preprocessLaTeX('向量$90^\\circ$，非 $0^\\circ$ 和 $180^\\circ$')
+*
+* // With custom options
+* preprocessLaTeX(text, {
+*   fixErrors: true,
+*   validate: true,
+*   handleCJK: true
+* })
+* ```
+*/
+function preprocessLaTeX(text, options = {}) {
+	const { addCJKSpaces = false, convertBrackets = true, escapeCurrency = true, escapeMhchem = true, escapePipes = true, escapeUnderscores = true, fixErrors = false, handleCJK = false, normalizeSpacing = false, throwOnValidationError = false, validate = false } = options;
+	let content = text;
+	if (escapeCurrency) content = escapeCurrencyDollars(content);
+	if (convertBrackets) content = convertLatexDelimiters(content);
+	if (escapeMhchem) content = escapeMhchemCommands(content);
+	if (escapePipes) content = escapeLatexPipes(content);
+	if (escapeUnderscores) content = escapeTextUnderscores(content);
+	if (fixErrors) content = fixCommonLaTeXErrors(content);
+	if (normalizeSpacing) content = normalizeLatexSpacing(content);
+	if (handleCJK) content = handleCJKWithLatex(content, addCJKSpaces);
+	if (validate) {
+		const validation = validateLatexExpressions(content);
+		if (!validation.valid) {
+			const errorMessage = `LaTeX validation failed (${validation.errors.length}/${validation.totalExpressions} expressions have errors):\n${validation.errors.map((e) => `  - [${e.type}] at position ${e.position}: ${e.message}\n    Formula: ${e.formula}`).join("\n")}`;
+			if (throwOnValidationError) throw new Error(errorMessage);
+			else console.warn(errorMessage);
+		}
+	}
+	return content;
+}
+
+//#endregion
+export { isLastFormulaRenderable, preprocessLaTeX };
+//# sourceMappingURL=latex.mjs.map

package/es/hooks/useMarkdown/latex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latex.mjs","names":["codeBlocks: string[]","errors: Array<{\n    formula: string;\n    message: string;\n    position: number;\n    type: 'display' | 'inline';\n  }>"],"sources":["../../../src/hooks/useMarkdown/latex.ts"],"sourcesContent":["import { renderToString } from 'katex';\n\n// ============================================================================\n// Utility Classes\n// ============================================================================\n\n/**\n * PlaceholderManager - Manages temporary replacement and restoration of protected content\n * Used to protect code blocks and LaTeX expressions during preprocessing\n */\nclass PlaceholderManager {\n  private placeholders: string[] = [];\n  private prefix: string;\n\n  constructor(prefix = 'PROTECTED') {\n    this.prefix = prefix;\n  }\n\n  add(content: string): string {\n    const index = this.placeholders.length;\n    this.placeholders.push(content);\n    return `<<${this.prefix}_${index}>>`;\n  }\n\n  restore(text: string): string {\n    return text.replaceAll(new RegExp(`<<${this.prefix}_(\\\\d+)>>`, 'g'), (_, index) => {\n      return this.placeholders[Number.parseInt(index)] || '';\n    });\n  }\n\n  clear(): void {\n    this.placeholders = [];\n  }\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n// Helper: replace unescaped pipes with \\vert within a LaTeX math fragment\nconst replaceUnescapedPipes = (formula: string): string =>\n  // Use \\vert{} so the control sequence terminates before the next token\n  formula.replaceAll(/(?<!\\\\)\\|/g, '\\\\vert{}');\n\n/**\n * Converts LaTeX bracket delimiters to dollar sign delimiters.\n * Converts \\[...\\] to $$...$$ and \\(...\\) to $...$\n * Preserves code blocks during the conversion.\n *\n * @param text The input string containing LaTeX expressions\n * @returns The string with LaTeX bracket delimiters converted to dollar sign delimiters\n */\nexport function convertLatexDelimiters(text: string): string {\n  const pattern = /(```[\\S\\s]*?```|`.*?`)|\\\\\\[([\\S\\s]*?[^\\\\])\\\\]|\\\\\\((.*?)\\\\\\)/g;\n  return text.replaceAll(\n    pattern,\n    (\n      match: string,\n      codeBlock: string | undefined,\n      squareBracket: string | undefined,\n      roundBracket: string | undefined,\n    ): string => {\n      if (codeBlock !== undefined) {\n        return codeBlock;\n      } else if (squareBracket !== undefined) {\n        return `$$${squareBracket}$$`;\n      } else if (roundBracket !== undefined) {\n        return `$${roundBracket}$`;\n      }\n      return match;\n    },\n  );\n}\n\n/**\n * Escapes mhchem commands in LaTeX expressions to ensure proper rendering.\n *\n * @param text The input string containing LaTeX expressions with mhchem commands\n * @returns The string with escaped mhchem commands\n */\nexport function escapeMhchemCommands(text: string) {\n  return text.replaceAll('$\\\\ce{', '$\\\\\\\\ce{').replaceAll('$\\\\pu{', '$\\\\\\\\pu{');\n}\n\n/**\n * Escapes pipe characters within LaTeX expressions to prevent them from being interpreted\n * as table column separators in markdown tables.\n *\n * @param text The input string containing LaTeX expressions\n * @returns The string with pipe characters escaped in LaTeX expressions\n */\nexport function escapeLatexPipes(text: string): string {\n  // Replace unescaped '|' inside LaTeX math spans with '\\vert' so that\n  // remark-gfm table parsing won't treat them as column separators.\n  // Leave code blocks/inline code untouched.\n  // Also ignore escaped dollars (\\$) which are currency symbols\n\n  // Process code blocks first to protect them\n  const codeBlocks: string[] = [];\n  let content = text.replaceAll(/(```[\\S\\s]*?```|`[^\\n`]*`)/g, (match) => {\n    codeBlocks.push(match);\n    return `<<CODE_${codeBlocks.length - 1}>>`;\n  });\n\n  // For display math, allow multiline\n  content = content.replaceAll(/\\$\\$([\\S\\s]*?)\\$\\$/g, (match, display) => {\n    return `$$${replaceUnescapedPipes(display)}$$`;\n  });\n\n  // For inline math, use non-greedy match that DOES NOT cross newlines\n  // This prevents issues in tables where $ might appear in different cells\n  content = content.replaceAll(/(?<!\\\\)\\$(?!\\$)([^\\n$]*?)(?<!\\\\)\\$(?!\\$)/g, (match, inline) => {\n    return `$${replaceUnescapedPipes(inline)}$`;\n  });\n\n  // Restore code blocks\n  content = content.replaceAll(/<<CODE_(\\d+)>>/g, (_, index) => {\n    return codeBlocks[Number.parseInt(index)];\n  });\n\n  return content;\n}\n\n/**\n * Escapes underscores within \\text{...} commands in LaTeX expressions\n * that are not already escaped.\n * For example, \\text{node_domain} becomes \\text{node\\_domain},\n * but \\text{node\\_domain} remains \\text{node\\_domain}.\n *\n * @param text The input string potentially containing LaTeX expressions\n * @returns The string with unescaped underscores escaped within \\text{...} commands\n */\nexport function escapeTextUnderscores(text: string): string {\n  return text.replaceAll(/\\\\text{([^}]*)}/g, (match, textContent: string) => {\n    // textContent is the content within the braces, e.g., \"node_domain\" or \"already\\_escaped\"\n    // Replace underscores '_' with '\\_' only if they are NOT preceded by a backslash '\\'.\n    // The (?<!\\\\) is a negative lookbehind assertion that ensures the character before '_' is not a '\\'.\n    const escapedTextContent = textContent.replaceAll(/(?<!\\\\)_/g, '\\\\_');\n    return `\\\\text{${escapedTextContent}}`;\n  });\n}\n\n/**\n * Escapes dollar signs that appear to be currency symbols to prevent them from being\n * interpreted as LaTeX math delimiters.\n *\n * This function identifies currency patterns such as:\n * - $20, $100, $1,000\n * - $20-50, $100+\n * - Patterns within markdown tables\n *\n * @param text The input string containing potential currency symbols\n * @returns The string with currency dollar signs escaped\n */\nexport function escapeCurrencyDollars(text: string): string {\n  // Protect code blocks and existing LaTeX expressions from processing\n  const manager = new PlaceholderManager('PROTECTED');\n\n  let content = text.replaceAll(\n    // Match patterns to protect (in order):\n    // 1. Code blocks: ```...```\n    // 2. Inline code: `...`\n    // 3. Display math: $$...$$\n    // 4. Inline math with LaTeX commands: $...\\...$ (must contain backslash to distinguish from currency)\n    // 5. Simple number formulas: $1$, $10$, $100$ (pure digits in math mode)\n    // 6. Number lists in math mode: $1,-1,0$ or $1,2,3$ (comma-separated numbers, possibly negative)\n    // 7. LaTeX bracket notation: \\[...\\]\n    // 8. LaTeX parenthesis notation: \\(...\\)\n    /(```[\\S\\s]*?```|`[^\\n`]*`|\\$\\$[\\S\\s]*?\\$\\$|(?<!\\\\)\\$(?!\\$)(?=[\\S\\s]*?\\\\)[\\S\\s]*?(?<!\\\\)\\$(?!\\$)|\\$\\d+\\$|\\$-?\\d+(?:,-?\\d+)+\\$|\\\\\\[[\\S\\s]*?\\\\]|\\\\\\(.*?\\\\\\))/g,\n    (match) => manager.add(match),\n  );\n\n  // Escape dollar signs that are clearly currency:\n  // - $ followed by a digit\n  // - Not preceded by another $ (to avoid breaking $$)\n  // - Not followed immediately by another $ (to avoid breaking $1$ LaTeX)\n  // - Followed by number patterns with optional commas, decimals, ranges, or plus signs\n  // Match patterns like: $20, $1,000, $19.99, $20-50, $300+, $1,000-2,000+\n  // But NOT: $1$, $2$ (these are LaTeX formulas)\n  // In the replacement: \\\\ = backslash, $$ = literal $, $1 = capture group 1\n  content = content.replaceAll(\n    /(?<!\\$)\\$(\\d{1,3}(?:,\\d{3})*(?:\\.\\d+)?(?:-\\d{1,3}(?:,\\d{3})*(?:\\.\\d+)?)?\\+?)(?!\\$)/g,\n    '\\\\$$$1',\n  );\n\n  // Restore protected content\n  content = manager.restore(content);\n\n  return content;\n}\n\n// Old simple preprocessLaTeX has been replaced by the comprehensive version below\n// The new preprocessLaTeX provides the same default behavior with optional advanced featuresgit\n\n/**\n * Extracts the LaTeX formula after the last $$ delimiter if there's an odd number of $$ delimiters.\n *\n * @param text The input string containing LaTeX formulas\n * @returns The content after the last $$ if there's an odd number of $$, otherwise an empty string\n */\nconst extractIncompleteFormula = (text: string) => {\n  // Count the number of $$ delimiters\n  const dollarsCount = (text.match(/\\$\\$/g) || []).length;\n\n  // If odd number of $$ delimiters, extract content after the last $$\n  if (dollarsCount % 2 === 1) {\n    const match = text.match(/\\$\\$([^]*)$/);\n    return match ? match[1] : '';\n  }\n\n  // If even number of $$ delimiters, return empty string\n  return '';\n};\n\n/**\n * Checks if the last LaTeX formula in the text is renderable.\n * Only validates the formula after the last $$ if there's an odd number of $$.\n *\n * @param text The input string containing LaTeX formulas\n * @returns True if the last formula is renderable or if there's no incomplete formula\n */\nexport const isLastFormulaRenderable = (text: string) => {\n  const formula = extractIncompleteFormula(text);\n\n  // If no incomplete formula, return true\n  if (!formula) return true;\n\n  // Try to render the last formula\n  try {\n    renderToString(formula, {\n      displayMode: true,\n      throwOnError: true,\n    });\n    return true;\n  } catch (error) {\n    console.log(`LaTeX formula rendering error: ${error}`);\n    return false;\n  }\n};\n\n// ============================================================================\n// Advanced Preprocessing Functions\n// ============================================================================\n\n/**\n * Fixes common LaTeX syntax errors automatically\n * - Balances unmatched braces\n * - Balances \\left and \\right delimiters\n *\n * @param text The input string containing LaTeX expressions\n * @returns The string with fixed LaTeX expressions\n */\nexport function fixCommonLaTeXErrors(text: string): string {\n  return text.replaceAll(/(\\$\\$[\\S\\s]*?\\$\\$|\\$[\\S\\s]*?\\$)/g, (match) => {\n    let fixed = match;\n\n    // Fix unbalanced braces\n    const openBraces = (fixed.match(/(?<!\\\\){/g) || []).length;\n    const closeBraces = (fixed.match(/(?<!\\\\)}/g) || []).length;\n    if (openBraces > closeBraces) {\n      const diff = openBraces - closeBraces;\n      const closingBraces = '}'.repeat(diff);\n      // Insert before the closing delimiter\n      fixed = fixed.replace(/(\\$\\$?)$/, closingBraces + '$1');\n    }\n\n    // Fix unbalanced \\left and \\right\n    const leftDelims = (fixed.match(/\\\\left[(.<[{|]/g) || []).length;\n    const rightDelims = (fixed.match(/\\\\right[).>\\]|}]/g) || []).length;\n    if (leftDelims > rightDelims) {\n      const diff = leftDelims - rightDelims;\n      const rightDots = '\\\\right.'.repeat(diff);\n      fixed = fixed.replace(/(\\$\\$?)$/, rightDots + '$1');\n    }\n\n    return fixed;\n  });\n}\n\n/**\n * Normalizes whitespace in LaTeX expressions\n * - Removes extra spaces around $ delimiters\n * - Normalizes multiple spaces to single space inside formulas\n *\n * @param text The input string containing LaTeX expressions\n * @returns The string with normalized whitespace\n */\nexport function normalizeLatexSpacing(text: string): string {\n  let result = text;\n\n  // Remove spaces inside $ delimiters (at the edges)\n  result = result.replaceAll(/\\$\\s+/g, '$');\n  result = result.replaceAll(/\\s+\\$/g, '$');\n  result = result.replaceAll(/\\$\\$\\s+/g, '$$');\n  result = result.replaceAll(/\\s+\\$\\$/g, '$$');\n\n  // Normalize multiple spaces inside formulas to single space\n  result = result.replaceAll(/(\\$\\$[\\S\\s]*?\\$\\$|\\$[\\S\\s]*?\\$)/g, (match) => {\n    return match.replaceAll(/\\s{2,}/g, ' ');\n  });\n\n  return result;\n}\n\n/**\n * Validates all LaTeX expressions in the text\n * Returns detailed information about validation results\n *\n * @param text The input string containing LaTeX expressions\n * @returns Validation results with errors if any\n */\nexport function validateLatexExpressions(text: string): {\n  errors: Array<{\n    formula: string;\n    message: string;\n    position: number;\n    type: 'display' | 'inline';\n  }>;\n  totalExpressions: number;\n  valid: boolean;\n} {\n  const errors: Array<{\n    formula: string;\n    message: string;\n    position: number;\n    type: 'display' | 'inline';\n  }> = [];\n\n  let totalExpressions = 0;\n  const pattern = /\\$\\$([\\S\\s]*?)\\$\\$|(?<!\\\\)\\$(?!\\$)([\\S\\s]*?)(?<!\\\\)\\$(?!\\$)/g;\n  let match;\n\n  while ((match = pattern.exec(text)) !== null) {\n    totalExpressions++;\n    const formula = match[1] || match[2];\n    const isDisplay = match[0].startsWith('$$');\n\n    try {\n      renderToString(formula, {\n        displayMode: isDisplay,\n        strict: 'warn',\n        throwOnError: true,\n        trust: false,\n      });\n    } catch (error) {\n      errors.push({\n        formula: formula.slice(0, 50) + (formula.length > 50 ? '...' : ''),\n        message: error instanceof Error ? error.message : String(error),\n        position: match.index,\n        type: isDisplay ? 'display' : 'inline',\n      });\n    }\n  }\n\n  return {\n    errors,\n    totalExpressions,\n    valid: errors.length === 0,\n  };\n}\n\n/**\n * Handles CJK (Chinese, Japanese, Korean) characters mixed with LaTeX\n * Optionally adds spaces between CJK characters and LaTeX expressions for better rendering\n *\n * @param text The input string\n * @param addSpaces Whether to add spaces between CJK and LaTeX (default: false)\n * @returns The processed string\n */\nexport function handleCJKWithLatex(text: string, addSpaces = false): string {\n  if (!addSpaces) return text;\n\n  let result = text;\n\n  // Add space between CJK character and opening $\n  result = result.replaceAll(/([\\u3040-\\u30FF\\u4E00-\\u9FA5])(\\$)/g, '$1 $2');\n\n  // Add space between closing $ and CJK character\n  result = result.replaceAll(/(\\$)([\\u3040-\\u30FF\\u4E00-\\u9FA5])/g, '$1 $2');\n\n  return result;\n}\n\n// ============================================================================\n// Advanced Preprocessing Options\n// ============================================================================\n\nexport interface AdvancedPreprocessOptions {\n  /** Add spaces between CJK and LaTeX (default: false, requires handleCJK: true) */\n  addCJKSpaces?: boolean;\n  /** Convert bracket notation \\[...\\] to $$...$$ (default: true) */\n  convertBrackets?: boolean;\n  /** Enable currency escaping (default: true) */\n  escapeCurrency?: boolean;\n  /** Escape mhchem commands (default: true) */\n  escapeMhchem?: boolean;\n  /** Escape pipe symbols in LaTeX (default: true) */\n  escapePipes?: boolean;\n  /** Escape underscores in \\text{} (default: true) */\n  escapeUnderscores?: boolean;\n  /** Automatically fix common LaTeX errors (default: false) */\n  fixErrors?: boolean;\n  /** Handle CJK characters (default: false) */\n  handleCJK?: boolean;\n  /** Normalize whitespace (default: false) */\n  normalizeSpacing?: boolean;\n  /** Throw error on validation failure (default: false, requires validate: true) */\n  throwOnValidationError?: boolean;\n  /** Validate LaTeX syntax (default: false) */\n  validate?: boolean;\n}\n\n/**\n * Comprehensive LaTeX preprocessing with configurable options\n *\n * This is the main preprocessing function that handles:\n * - Currency symbol escaping (e.g., $20 → \\$20)\n * - LaTeX delimiter conversion (\\[...\\] → $$...$$)\n * - Special character escaping (pipes, underscores, mhchem)\n * - Optional error fixing and validation\n * - Optional CJK character handling\n *\n * @param text The input string containing LaTeX and Markdown\n * @param options Configuration options for fine-grained control\n * @returns The preprocessed string\n *\n * @example\n * ```ts\n * // Default behavior (same as old preprocessLaTeX)\n * preprocessLaTeX('向量$90^\\\\circ$，非 $0^\\\\circ$ 和 $180^\\\\circ$')\n *\n * // With custom options\n * preprocessLaTeX(text, {\n *   fixErrors: true,\n *   validate: true,\n *   handleCJK: true\n * })\n * ```\n */\nexport function preprocessLaTeX(text: string, options: AdvancedPreprocessOptions = {}): string {\n  const {\n    addCJKSpaces = false,\n    convertBrackets = true,\n    escapeCurrency = true,\n    escapeMhchem = true,\n    escapePipes = true,\n    escapeUnderscores = true,\n    fixErrors = false,\n    handleCJK = false,\n    normalizeSpacing = false,\n    throwOnValidationError = false,\n    validate = false,\n  } = options;\n\n  let content = text;\n\n  // Phase 1: Currency escaping (if enabled)\n  if (escapeCurrency) {\n    content = escapeCurrencyDollars(content);\n  }\n\n  // Phase 2: Bracket conversion (if enabled)\n  if (convertBrackets) {\n    content = convertLatexDelimiters(content);\n  }\n\n  // Phase 3: LaTeX-specific escaping\n  if (escapeMhchem) {\n    content = escapeMhchemCommands(content);\n  }\n\n  if (escapePipes) {\n    content = escapeLatexPipes(content);\n  }\n\n  if (escapeUnderscores) {\n    content = escapeTextUnderscores(content);\n  }\n\n  // Phase 4: Error fixing (if enabled)\n  if (fixErrors) {\n    content = fixCommonLaTeXErrors(content);\n  }\n\n  // Phase 5: Whitespace normalization (if enabled)\n  if (normalizeSpacing) {\n    content = normalizeLatexSpacing(content);\n  }\n\n  // Phase 6: CJK handling (if enabled)\n  if (handleCJK) {\n    content = handleCJKWithLatex(content, addCJKSpaces);\n  }\n\n  // Phase 7: Validation (if enabled)\n  if (validate) {\n    const validation = validateLatexExpressions(content);\n    if (!validation.valid) {\n      const errorMessage = `LaTeX validation failed (${validation.errors.length}/${validation.totalExpressions} expressions have errors):\\n${validation.errors.map((e) => `  - [${e.type}] at position ${e.position}: ${e.message}\\n    Formula: ${e.formula}`).join('\\n')}`;\n\n      if (throwOnValidationError) {\n        throw new Error(errorMessage);\n      } else {\n        console.warn(errorMessage);\n      }\n    }\n  }\n\n  return content;\n}\n\n/**\n * Strict preprocessing mode - enables all safety features and validations\n * Use this when you want maximum correctness and are willing to accept the performance cost\n *\n * @param text The input string\n * @returns The preprocessed string with all features enabled\n *\n * @example\n * ```ts\n * const processed = preprocessLaTeXStrict(userInput)\n * // Enables: error fixing, validation, CJK handling, space normalization\n * ```\n */\nexport function preprocessLaTeXStrict(text: string): string {\n  return preprocessLaTeX(text, {\n    addCJKSpaces: false, // Usually don't want extra spaces\n    convertBrackets: true,\n    escapeCurrency: true,\n    escapeMhchem: true,\n    escapePipes: true,\n    escapeUnderscores: true,\n    fixErrors: true,\n    handleCJK: true,\n    normalizeSpacing: true,\n    throwOnValidationError: false, // Warn but don't throw\n    validate: true,\n  });\n}\n\n/**\n * Minimal preprocessing mode - only essential operations\n * Use this for better performance when you control the input\n *\n * @param text The input string\n * @returns The preprocessed string with minimal processing\n *\n * @example\n * ```ts\n * const processed = preprocessLaTeXMinimal(trustedInput)\n * // Only escapes currency and converts brackets\n * ```\n */\nexport function preprocessLaTeXMinimal(text: string): string {\n  return preprocessLaTeX(text, {\n    convertBrackets: true,\n    escapeCurrency: true,\n    escapeMhchem: false,\n    escapePipes: false,\n    escapeUnderscores: false,\n    fixErrors: false,\n    handleCJK: false,\n    normalizeSpacing: false,\n    validate: false,\n  });\n}\n"],"mappings":"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"}