@lobehub/ui 1.144.4 → 1.145.0

package/es/FileTypeIcon/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DivProps, SvgProps } from "../types";
+export interface FileTypeIconProps extends SvgProps {
+    color?: string;
+    filetype?: string;
+    size?: number;
+    type?: 'file' | 'folder';
+    variant?: 'color' | 'mono';
+}
+declare const FileTypeIcon: import("react").NamedExoticComponent<FileTypeIconProps & DivProps>;
+export default FileTypeIcon;

package/es/FileTypeIcon/index.js

@@ -0,0 +1,87 @@
+'use client';
+
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["color", "filetype", "type", "size", "style", "variant"];
+import { useTheme } from 'antd-style';
+import { memo, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FileTypeIcon = /*#__PURE__*/memo(function (_ref) {
+  var color = _ref.color,
+    filetype = _ref.filetype,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'file' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 48 : _ref$size,
+    style = _ref.style,
+    variant = _ref.variant,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var fontSize = useMemo(function () {
+    if (filetype && filetype.length > 3) {
+      return 24 / (4 + (filetype.length - 3));
+    }
+    return 6;
+  }, [filetype]);
+  var isMono = variant === 'mono';
+  var iconColor = isMono ? theme.isDarkMode ? theme.colorFill : theme.colorBgContainer : color || theme.geekblue;
+  if (type === 'file') return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 24 24",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z",
+      fill: iconColor
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14 2l6 6h-4a2 2 0 01-2-2V2z",
+      fill: isMono ? theme.colorFill : '#fff',
+      fillOpacity: ".5"
+    }), filetype && /*#__PURE__*/_jsx("text", {
+      fill: isMono ? theme.colorTextSecondary : '#fff',
+      fontSize: fontSize,
+      fontWeight: "bold",
+      textAnchor: "middle",
+      x: "50%",
+      y: "70%",
+      children: filetype.toUpperCase()
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6 2a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6H6z",
+      fill: 'transparent',
+      stroke: theme.colorFillSecondary,
+      strokeWidth: 0.5
+    })]
+  }));
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 24 24",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M10.46 5.076l-.92-.752A1.446 1.446 0 008.626 4H3.429c-.38 0-.743.147-1.01.41A1.386 1.386 0 002 5.4v13.2c0 .371.15.727.418.99.268.262.632.41 1.01.41h17.143c.38 0 .743-.148 1.01-.41.268-.263.419-.619.419-.99V6.8c0-.371-.15-.727-.418-.99a1.444 1.444 0 00-1.01-.41h-9.198c-.334 0-.657-.115-.914-.324z",
+      fill: iconColor,
+      stroke: theme.colorFillSecondary,
+      strokeWidth: 0.5
+    }), filetype && /*#__PURE__*/_jsx("text", {
+      fill: isMono ? theme.colorTextSecondary : '#fff',
+      fontSize: fontSize,
+      fontWeight: "bold",
+      textAnchor: "middle",
+      x: '50%',
+      y: "70%",
+      children: filetype.toUpperCase()
+    })]
+  }));
+});
+export default FileTypeIcon;

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{');
+}