@lobehub/ui 1.144.4 → 1.144.5

package/es/Markdown/index.d.ts

@@ -16,6 +16,7 @@ export interface MarkdownProps extends TypographyProps {
         video?: Partial<VideoProps>;
     };
     enableImageGallery?: boolean;
+    enableLatex?: boolean;
     fullFeaturedCodeBlock?: boolean;
     onDoubleClick?: () => void;
     style?: CSSProperties;

package/es/Markdown/index.js

@@ -2,7 +2,7 @@
 
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight"];
 import { memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import rehypeKatex from 'rehype-katex';
@@ -17,6 +17,7 @@ import Video from "../mdx/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
 import { useStyles } from "./style";
+import { escapeBrackets, escapeDollarNumber, escapeMhchem } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
@@ -24,6 +25,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     style = _ref.style,
     fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
     onDoubleClick = _ref.onDoubleClick,
+    _ref$enableLatex = _ref.enableLatex,
+    enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
     _ref$enableImageGalle = _ref.enableImageGallery,
     enableImageGallery = _ref$enableImageGalle === void 0 ? true : _ref$enableImageGalle,
     componentProps = _ref.componentProps,
@@ -50,6 +53,10 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     }),
     mdStyles = _useMarkdownStyles.styles;
   var isChatMode = variant === 'chat';
+  var escapedContent = useMemo(function () {
+    if (!enableLatex) return children;
+    return escapeMhchem(escapeBrackets(escapeDollarNumber(children)));
+  }, [children, enableLatex]);
   var components = useMemo(function () {
     return {
       a: function a(props) {
@@ -73,10 +80,10 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     };
   }, [componentProps, enableImageGallery, fullFeaturedCodeBlock]);
   var rehypePlugins = useMemo(function () {
-    return [allowHtml && rehypeRaw, rehypeKatex].filter(Boolean);
+    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex].filter(Boolean);
   }, [allowHtml]);
   var remarkPlugins = useMemo(function () {
-    return [remarkGfm, remarkMath, isChatMode && remarkBreaks].filter(Boolean);
+    return [remarkGfm, enableLatex && remarkMath, isChatMode && remarkBreaks].filter(Boolean);
   }, [isChatMode]);
   return /*#__PURE__*/_jsx("article", {
     className: cx(styles.root, className),
@@ -91,7 +98,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         rehypePlugins: rehypePlugins,
         remarkPlugins: remarkPlugins
       }, rest), {}, {
-        children: children
+        children: escapedContent
       }))
     })
   });

package/es/Markdown/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function escapeDollarNumber(text: string): string;
+export declare function escapeBrackets(text: string): string;
+export declare function escapeMhchem(text: string): string;

package/es/Markdown/utils.js

@@ -0,0 +1,28 @@
+export function escapeDollarNumber(text) {
+  var escapedText = '';
+  for (var i = 0; i < text.length; i += 1) {
+    var char = text[i];
+    var nextChar = text[i + 1] || ' ';
+    if (char === '$' && nextChar >= '0' && nextChar <= '9') {
+      char = '\\$';
+    }
+    escapedText += char;
+  }
+  return escapedText;
+}
+export function escapeBrackets(text) {
+  var pattern = /(```[\S\s]*?```|`.*?`)|\\\[([\S\s]*?[^\\])\\]|\\\((.*?)\\\)/g;
+  return text.replaceAll(pattern, function (match, codeBlock, squareBracket, roundBracket) {
+    if (codeBlock) {
+      return codeBlock;
+    } else if (squareBracket) {
+      return "$$".concat(squareBracket, "$$");
+    } else if (roundBracket) {
+      return "$".concat(roundBracket, "$");
+    }
+    return match;
+  });
+}
+export function escapeMhchem(text) {
+  return text.replaceAll('$\\ce{', '$\\\\ce{').replaceAll('$\\pu{', '$\\\\pu{');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.144.4",
+  "version": "1.144.5",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -139,7 +139,7 @@
     "@types/react": "18.2.40",
     "@types/react-dom": "^18.3.0",
     "@types/uuid": "^9.0.8",
-    "@vitest/coverage-v8": "^1.6.0",
+    "@vitest/coverage-v8": "~1.2.2",
     "antd-style": "^3.6.2",
     "babel-plugin-antd-style": "^1.0.4",
     "commitlint": "^19.3.0",