@lobehub/ui 1.82.1 → 1.83.0

package/es/Highlighter/SyntaxHighlighter/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { HighlighterOptions } from 'shiki-es';
+import { type HighlighterCoreOptions } from 'shikiji';
 export interface SyntaxHighlighterProps {
     children: string;
     language: string;
-    options?: HighlighterOptions;
+    options?: HighlighterCoreOptions;
 }
 declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;
 export default SyntaxHighlighter;

package/es/Markdown/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["children", "className", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 { Collapse, Divider, Image, Typography } from 'antd';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import ReactMarkdown from 'react-markdown';
@@ -32,6 +32,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         }
       });
     },
+    img: Image,
     pre: CodeBlock
   };
   return /*#__PURE__*/_jsx(Typography, {

package/es/hooks/useHighlight.d.ts

@@ -1,4 +1,4 @@
-import { type Highlighter, type HighlighterOptions } from 'shiki-es';
+import { type Highlighter, type HighlighterCoreOptions } from 'shikiji';
 export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "typescript", "ts", "tsx", "diff", "bash"];
 /**
  * @title 代码高亮的存储对象
@@ -20,7 +20,7 @@ interface Store {
      * @title Initialize the highlighter object
      * @returns Initialization promise object
      */
-    initHighlighter: (options?: HighlighterOptions) => Promise<void>;
+    initHighlighter: (options?: HighlighterCoreOptions) => Promise<void>;
 }
 export declare const useHighlight: import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand/vanilla").StoreApi<Store>>;
 export {};

package/es/hooks/useHighlight.js

@@ -1,6 +1,6 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getHighlighter } from 'shiki-es';
+import { getHighlighter } from 'shikiji';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { themeConfig } from "../Highlighter/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.82.1",
+  "version": "1.83.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -102,7 +102,7 @@
     "react-simple-code-editor": "^0",
     "rehype-raw": "^6",
     "remark-gfm": "^3",
-    "shiki-es": "^0",
+    "shikiji": "^0",
     "styled-components": "^6",
     "three": "^0.150",
     "ts-md5": "^1",