@lobehub/ui 1.75.0 → 1.76.0

package/es/LogoThree/index.js

@@ -3,6 +3,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Canvas } from '@react-three/fiber';
 import { Suspense, memo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import LobeHubLogo from "../Logo";
 import Loading from "./Loading";
 import Logo from "./Logo";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,24 +13,30 @@ var LogoThree = /*#__PURE__*/memo(function (_ref) {
     size = _ref$size === void 0 ? 320 : _ref$size,
     style = _ref.style,
     className = _ref.className;
-  return /*#__PURE__*/_jsx(Canvas, {
-    camera: {
-      fov: 16,
-      position: [10, 1, 0]
-    },
-    className: className,
-    style: size ? _objectSpread({
-      height: size,
-      maxHeight: size,
-      maxWidth: size,
-      width: size
-    }, style) : style,
-    children: /*#__PURE__*/_jsx(Suspense, {
-      fallback: /*#__PURE__*/_jsx(Loading, {
-        size: size / 2 > 48 ? 48 : size / 2
-      }),
-      children: /*#__PURE__*/_jsx(Logo, {
-        rotation: [0, 1.5, 0]
+  return /*#__PURE__*/_jsx(ErrorBoundary, {
+    fallback: /*#__PURE__*/_jsx(LobeHubLogo, {
+      size: size,
+      type: "3d"
+    }),
+    children: /*#__PURE__*/_jsx(Canvas, {
+      camera: {
+        fov: 16,
+        position: [10, 1, 0]
+      },
+      className: className,
+      style: size ? _objectSpread({
+        height: size,
+        maxHeight: size,
+        maxWidth: size,
+        width: size
+      }, style) : style,
+      children: /*#__PURE__*/_jsx(Suspense, {
+        fallback: /*#__PURE__*/_jsx(Loading, {
+          size: size / 2 > 48 ? 48 : size / 2
+        }),
+        children: /*#__PURE__*/_jsx(Logo, {
+          rotation: [0, 1.5, 0]
+        })
       })
     })
   });

package/es/Markdown/index.js

@@ -5,7 +5,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Collapse, Divider, Typography } from 'antd';
 import { memo } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
 import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
 import Code from "./Code";
 import CodeBlock from "./CodeBlock";
@@ -35,13 +37,23 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx(Typography, {
     className: className,
     style: style,
-    children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
-      className: styles.markdown,
-      components: components,
-      remarkPlugins: [remarkGfm]
-    }, props), {}, {
-      children: children
-    }))
+    children: /*#__PURE__*/_jsx(ErrorBoundary, {
+      fallback: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
+        className: styles.markdown,
+        components: components,
+        remarkPlugins: [remarkGfm]
+      }, props), {}, {
+        children: children
+      })),
+      children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
+        className: styles.markdown,
+        components: components,
+        rehypePlugins: [rehypeRaw],
+        remarkPlugins: [remarkGfm]
+      }, props), {}, {
+        children: children
+      }))
+    })
   });
 });
 export default Markdown;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -95,10 +95,12 @@
     "prism-react-renderer": "^2",
     "rc-footer": "^0",
     "re-resizable": "^6",
+    "react-error-boundary": "^4",
     "react-layout-kit": "^1.7.1",
     "react-markdown": "^8",
     "react-rnd": "^10",
     "react-simple-code-editor": "^0",
+    "rehype-raw": "^6",
     "remark-gfm": "^3",
     "shiki-es": "^0",
     "styled-components": "^6",