@lobehub/ui 2.13.1 → 2.13.3

package/es/Markdown/plugins/remarkGfmPlus.js

@@ -5,10 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { visit } from 'unist-util-visit';
+var DEFAULT_ALLOW_HTML_TAGS = ['sub', 'sup', 'ins', 'kbd', 'b', 'strong', 'i', 'em', 'mark', 'del', 'u'];
 export var remarkGfmPlus = function remarkGfmPlus() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$allowHtmlTag = options.allowHtmlTags,
-    allowHtmlTags = _options$allowHtmlTag === void 0 ? ['sub', 'sup', 'ins', 'kbd'] : _options$allowHtmlTag;
+    allowHtmlTags = _options$allowHtmlTag === void 0 ? DEFAULT_ALLOW_HTML_TAGS : _options$allowHtmlTag;
   return function (tree) {
     // 遍历所有父节点，查找分离的HTML标签模式
     visit(tree, function (node) {

package/es/hooks/useMarkdown/latex.js

@@ -1,5 +1,13 @@
 import { renderToString } from 'katex';
 
+// Helper: replace unescaped pipes with \vert within a LaTeX math fragment
+var replaceUnescapedPipes = function replaceUnescapedPipes(formula) {
+  return (
+    // Use \vert{} so the control sequence terminates before the next token
+    formula.replaceAll(/(?<!\\)\|/g, '\\vert{}')
+  );
+};
+
 /**
  * Converts LaTeX bracket delimiters to dollar sign delimiters.
  * Converts \[...\] to $$...$$ and \(...\) to $...$
@@ -40,9 +48,16 @@ export function escapeMhchemCommands(text) {
  * @returns The string with pipe characters escaped in LaTeX expressions
  */
 export function escapeLatexPipes(text) {
-  // According to the failing test, we should not escape pipes in LaTeX expressions
-  // This function is now a no-op but is kept for backward compatibility
-  return text;
+  // Replace unescaped '|' inside LaTeX math spans with '\vert' so that
+  // remark-gfm table parsing won't treat them as column separators.
+  // Leave code blocks/inline code untouched.
+  var pattern = /(```[\S\s]*?```|`[^\n`]*`)|\$\$([\S\s]*?)\$\$|(?<!\$)\$(?!\$)([\S\s]*?)(?<!\$)\$(?!\$)/g;
+  return text.replaceAll(pattern, function (match, code, display, inline) {
+    if (code !== undefined) return code; // preserve code fences/inline code
+    if (display !== undefined) return "$$".concat(replaceUnescapedPipes(display), "$$");
+    if (inline !== undefined) return "$".concat(replaceUnescapedPipes(inline), "$");
+    return match;
+  });
 }
 
 /**

package/es/hooks/useMarkdown/useMarkdownContent.js

@@ -9,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemo, useRef, useState } from 'react';
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import { isLastFormulaRenderable } from "./latex";
-import { addToCache, contentCache, preprocessContent } from "./utils";
+import { addToCache, contentCache, preprocessMarkdownContent } from "./utils";
 export var useMarkdownContent = function useMarkdownContent(children) {
   var _useMarkdownContext = useMarkdownContext(),
     animated = _useMarkdownContext.animated,
@@ -37,7 +37,7 @@ export var useMarkdownContent = function useMarkdownContent(children) {
     }
 
     // Process new content only if needed
-    var processedContent = preprocessContent(children, {
+    var processedContent = preprocessMarkdownContent(children, {
       citationsLength: citationsLength,
       enableCustomFootnotes: enableCustomFootnotes,
       enableLatex: enableLatex

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.js

@@ -13,7 +13,6 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import { remarkBr } from "../../Markdown/plugins/remarkBr";
-import { remarkColor } from "../../Markdown/plugins/remarkColor";
 import { remarkCustomFootnotes } from "../../Markdown/plugins/remarkCustomFootnotes";
 import { remarkGfmPlus } from "../../Markdown/plugins/remarkGfmPlus";
 import { remarkVideo } from "../../Markdown/plugins/remarkVideo";
@@ -29,9 +28,11 @@ export var useMarkdownRemarkPlugins = function useMarkdownRemarkPlugins() {
     allowHtml = _useMarkdownContext.allowHtml;
   var isChatMode = variant === 'chat';
   var memoPlugins = useMemo(function () {
-    return [remarkCjkFriendly, [remarkGfm, {
+    return [remarkCjkFriendly,
+    // Parse math before GFM so that '|' inside $...$ isn't treated as a table separator
+    enableLatex && remarkMath, [remarkGfm, {
       singleTilde: false
-    }], !allowHtml && remarkBr, !allowHtml && remarkGfmPlus, !allowHtml && remarkVideo, remarkColor, enableLatex && remarkMath, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
+    }], !allowHtml && remarkBr, !allowHtml && remarkGfmPlus, !allowHtml && remarkVideo, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
   }, [allowHtml, isChatMode, enableLatex, enableCustomFootnotes]);
   return useMemo(function () {
     return [].concat(_toConsumableArray(remarkPluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(remarkPlugins));

package/es/hooks/useMarkdown/utils.d.ts

@@ -26,5 +26,5 @@ interface PreprocessOptions {
     enableCustomFootnotes?: boolean;
     enableLatex?: boolean;
 }
-export declare const preprocessContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
+export declare const preprocessMarkdownContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 export {};

package/es/hooks/useMarkdown/utils.js

@@ -117,7 +117,7 @@ export var transformCitations = function transformCitations(rawContent) {
  * Preprocessing options for markdown content
  */
 
-export var preprocessContent = function preprocessContent(str) {
+export var preprocessMarkdownContent = function preprocessMarkdownContent(str) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     enableCustomFootnotes = _ref.enableCustomFootnotes,
     enableLatex = _ref.enableLatex,

package/es/index.d.ts

@@ -29,6 +29,7 @@ export { default as GroupAvatar, type GroupAvatarProps } from './GroupAvatar';
 export { default as GuideCard, type GuideCardProps } from './GuideCard';
 export { default as Header, type HeaderProps } from './Header';
 export { default as Highlighter, type HighlighterProps, highlighterThemes, SyntaxHighlighter, type SyntaxHighlighterProps, } from './Highlighter';
+export { preprocessMarkdownContent } from './hooks/useMarkdown/utils';
 export { combineKeys, default as Hotkey, type HotkeyProps, KeyMapEnum } from './Hotkey';
 export { default as HotkeyInput, type HotkeyInputProps } from './HotkeyInput';
 export { default as Icon, type IconProps, IconProvider, type IconSize } from './Icon';
@@ -39,6 +40,14 @@ export { default as Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader,
 export { default as List, ListItem, type ListItemProps, type ListProps } from './List';
 export { default as Markdown, type MarkdownProps, Typography, type TypographyProps, } from './Markdown';
 export { default as SearchResultCards, type SearchResultCardsProps, } from './Markdown/components/SearchResultCards';
+export { rehypeCustomFootnotes } from './Markdown/plugins/rehypeCustomFootnotes';
+export { rehypeKatexDir } from './Markdown/plugins/rehypeKatexDir';
+export { rehypeStreamAnimated } from './Markdown/plugins/rehypeStreamAnimated';
+export { remarkBr } from './Markdown/plugins/remarkBr';
+export { remarkColor } from './Markdown/plugins/remarkColor';
+export { remarkCustomFootnotes } from './Markdown/plugins/remarkCustomFootnotes';
+export { remarkGfmPlus } from './Markdown/plugins/remarkGfmPlus';
+export { remarkVideo } from './Markdown/plugins/remarkVideo';
 export { default as MaskShadow, type MaskShadowProps } from './MaskShadow';
 export { default as MaterialFileTypeIcon, type MaterialFileTypeIconProps, } from './MaterialFileTypeIcon';
 export { type ItemType, default as Menu, type MenuInfo, type MenuItemType, type MenuProps, } from './Menu';

package/es/index.js

@@ -29,6 +29,7 @@ export { default as GroupAvatar } from "./GroupAvatar";
 export { default as GuideCard } from "./GuideCard";
 export { default as Header } from "./Header";
 export { default as Highlighter, highlighterThemes, SyntaxHighlighter } from "./Highlighter";
+export { preprocessMarkdownContent } from "./hooks/useMarkdown/utils";
 export { combineKeys, default as Hotkey, KeyMapEnum } from "./Hotkey";
 export { default as HotkeyInput } from "./HotkeyInput";
 export { default as Icon, IconProvider } from "./Icon";
@@ -39,6 +40,14 @@ export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSideba
 export { default as List, ListItem } from "./List";
 export { default as Markdown, Typography } from "./Markdown";
 export { default as SearchResultCards } from "./Markdown/components/SearchResultCards";
+export { rehypeCustomFootnotes } from "./Markdown/plugins/rehypeCustomFootnotes";
+export { rehypeKatexDir } from "./Markdown/plugins/rehypeKatexDir";
+export { rehypeStreamAnimated } from "./Markdown/plugins/rehypeStreamAnimated";
+export { remarkBr } from "./Markdown/plugins/remarkBr";
+export { remarkColor } from "./Markdown/plugins/remarkColor";
+export { remarkCustomFootnotes } from "./Markdown/plugins/remarkCustomFootnotes";
+export { remarkGfmPlus } from "./Markdown/plugins/remarkGfmPlus";
+export { remarkVideo } from "./Markdown/plugins/remarkVideo";
 export { default as MaskShadow } from "./MaskShadow";
 export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
 export { default as Menu } from "./Menu";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.13.1",
+  "version": "2.13.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -52,33 +52,33 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@floating-ui/react": "^0.27.14",
+    "@floating-ui/react": "^0.27.16",
     "@giscus/react": "^3.1.0",
     "@lobehub/fluent-emoji": "^2.0.0",
-    "@lobehub/icons": "^2.19.0",
-    "@mdx-js/mdx": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
+    "@lobehub/icons": "^2.33.0",
+    "@mdx-js/mdx": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-slot": "^1.2.3",
-    "@shikijs/transformers": "^3.8.1",
+    "@shikijs/transformers": "^3.12.2",
     "@splinetool/runtime": "0.9.526",
-    "ahooks": "^3.9.0",
+    "ahooks": "^3.9.5",
     "antd-style": "^3.7.1",
     "chroma-js": "^3.1.2",
     "class-variance-authority": "^0.7.1",
-    "dayjs": "^1.11.13",
+    "dayjs": "^1.11.18",
     "emoji-mart": "^5.6.0",
     "fast-deep-equal": "^3.1.3",
-    "framer-motion": "^12.23.11",
-    "immer": "^10.1.1",
+    "framer-motion": "^12.23.13",
+    "immer": "^10.1.3",
     "katex": "^0.16.22",
     "leva": "^0.10.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.543.0",
-    "marked": "^16.2.0",
-    "mermaid": "^11.9.0",
+    "marked": "^16.3.0",
+    "mermaid": "^11.11.0",
     "numeral": "^2.0.6",
     "polished": "^4.3.1",
-    "query-string": "^9.2.2",
+    "query-string": "^9.3.0",
     "rc-collapse": "^4.0.0",
     "rc-footer": "^0.6.8",
     "rc-image": "^7.12.0",
@@ -100,9 +100,9 @@
     "remark-gfm": "^4.0.1",
     "remark-github": "^12.0.0",
     "remark-math": "^6.0.0",
-    "shiki": "^3.8.1",
-    "swr": "^2.3.4",
-    "ts-md5": "^2.0.0",
+    "shiki": "^3.12.2",
+    "swr": "^2.3.6",
+    "ts-md5": "^2.0.1",
     "unified": "^11.0.5",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",