@lobehub/ui 1.153.9 → 1.153.11

package/es/hooks/useHighlight.d.ts

@@ -1,5 +1,7 @@
 export declare const FALLBACK_LANG = "txt";
 export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, {
+    refreshWhenOffline: false;
     revalidateOnFocus: false;
+    revalidateOnReconnect: false;
 }>;
 export { default as languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -1,78 +1,37 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from '@shikijs/transformers';
-import { getHighlighter } from 'shiki';
+import { codeToHtml } from 'shiki';
 import useSWR from 'swr';
+import { Md5 } from 'ts-md5';
 import { themeConfig } from "../Highlighter/theme";
-import languageMap from "./languageMap";
 export var FALLBACK_LANG = 'txt';
-var FALLBACK_LANGS = [FALLBACK_LANG];
-var cacheHighlighter;
-var initHighlighter = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(lang) {
-    var highlighter, language;
+export var useHighlight = function useHighlight(text, lang, isDarkMode) {
+  return useSWR(Md5.hashStr([lang.toLowerCase(), isDarkMode ? 'd' : 'l', text].join('-')), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var language;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          highlighter = cacheHighlighter;
-          language = lang.toLowerCase();
-          if (!(highlighter && FALLBACK_LANGS.includes(language))) {
-            _context.next = 4;
-            break;
-          }
-          return _context.abrupt("return", highlighter);
-        case 4:
-          if (languageMap.includes(language) && !FALLBACK_LANGS.includes(language)) {
-            FALLBACK_LANGS.push(language);
-          }
-          _context.next = 7;
-          return getHighlighter({
-            langs: FALLBACK_LANGS,
-            themes: [themeConfig(true), themeConfig(false)]
-          });
-        case 7:
-          highlighter = _context.sent;
-          cacheHighlighter = highlighter;
-          return _context.abrupt("return", highlighter);
-        case 10:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function initHighlighter(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-export var useHighlight = function useHighlight(text, lang, isDarkMode) {
-  return useSWR([lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var language, highlighter, html;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.prev = 0;
+          _context.prev = 0;
           language = lang.toLowerCase();
-          _context2.next = 4;
-          return initHighlighter(language);
-        case 4:
-          highlighter = _context2.sent;
-          html = highlighter === null || highlighter === void 0 ? void 0 : highlighter.codeToHtml(text, {
-            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
-            theme: isDarkMode ? 'dark' : 'light',
+          return _context.abrupt("return", codeToHtml(text, {
+            lang: language,
+            theme: themeConfig(isDarkMode),
             transformers: [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()]
-          });
-          return _context2.abrupt("return", html);
-        case 9:
-          _context2.prev = 9;
-          _context2.t0 = _context2["catch"](0);
-          return _context2.abrupt("return", '');
-        case 12:
+          }));
+        case 5:
+          _context.prev = 5;
+          _context.t0 = _context["catch"](0);
+          return _context.abrupt("return", text);
+        case 8:
         case "end":
-          return _context2.stop();
+          return _context.stop();
       }
-    }, _callee2, null, [[0, 9]]);
+    }, _callee, null, [[0, 5]]);
   })), {
-    revalidateOnFocus: false
+    refreshWhenOffline: false,
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false
   });
 };
 export { default as languageMap } from "./languageMap";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.153.9",
+  "version": "1.153.11",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -76,8 +76,9 @@
     ]
   },
   "dependencies": {
+    "@ant-design/cssinjs": "^1.22.1",
     "@babel/runtime": "^7.26.0",
-    "@dnd-kit/core": "^6.2.0",
+    "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^8.0.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -85,9 +86,11 @@
     "@emoji-mart/react": "^1.1.1",
     "@floating-ui/react": "^0.26.28",
     "@giscus/react": "^3.0.0",
+    "@lobehub/fluent-emoji": "^1.0.1",
     "@react-spring/web": "^9.7.5",
     "@shikijs/transformers": "^1.24.0",
     "@splinetool/runtime": "^0.9.526",
+    "ahooks": "^3.8.4",
     "chroma-js": "^3.1.2",
     "dayjs": "^1.11.13",
     "emoji-mart": "^5.6.0",
@@ -104,7 +107,7 @@
     "re-resizable": "^6.10.1",
     "react-avatar-editor": "^13.0.2",
     "react-error-boundary": "^4.1.2",
-    "react-layout-kit": "^1.9.0",
+    "react-layout-kit": "^1.9.1",
     "react-markdown": "^8.0.7",
     "react-merge-refs": "^2.1.1",
     "react-rnd": "^10.4.13",
@@ -117,6 +120,7 @@
     "shiki": "^1.24.0",
     "swr": "^2.2.5",
     "ts-md5": "^1.3.1",
+    "unified": "^10.1.2",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^11.0.3"
@@ -132,9 +136,9 @@
     "@types/numeral": "^2.0.5",
     "@types/pangu": "^4.0.2",
     "@types/query-string": "^6.3.0",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.3.14",
     "@types/react-avatar-editor": "^13.0.3",
-    "@types/react-dom": "^18.3.1",
+    "@types/react-dom": "^18.3.2",
     "@types/unist": "^3.0.3",
     "@types/uuid": "^10.0.0",
     "@vitest/coverage-v8": "~1.2.2",
@@ -150,7 +154,7 @@
     "husky": "^9.1.7",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "remark": "^14.0.3",
@@ -163,15 +167,11 @@
     "vitest": "~1.2.2"
   },
   "peerDependencies": {
-    "@ant-design/cssinjs": ">=1",
-    "@lobehub/fluent-emoji": ">=1",
-    "ahooks": ">=3",
     "antd": ">=5.13.0",
     "antd-style": ">=3",
     "lucide-react": ">=0.396.0",
     "react": ">=18",
-    "react-dom": ">=18",
-    "unified": ">=10"
+    "react-dom": ">=18"
   },
   "publishConfig": {
     "access": "public",