@lobehub/ui 1.153.13 → 1.153.14

package/es/hooks/useHighlight.d.ts

@@ -1,7 +1,6 @@
 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 declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => {
+    data: string;
+    isLoading: boolean;
+};
 export { default as languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -1,37 +1,53 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { useLayoutEffect, useState } from 'react';
 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';
-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 highlight = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text, lang, isDarkMode) {
     var language;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.prev = 0;
           language = lang.toLowerCase();
           return _context.abrupt("return", codeToHtml(text, {
-            lang: language,
+            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
             theme: themeConfig(isDarkMode),
             transformers: [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()]
           }));
-        case 5:
-          _context.prev = 5;
-          _context.t0 = _context["catch"](0);
-          return _context.abrupt("return", text);
-        case 8:
+        case 2:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 5]]);
-  })), {
-    refreshWhenOffline: false,
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false
-  });
+    }, _callee);
+  }));
+  return function highlight(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+export var useHighlight = function useHighlight(text, lang, isDarkMode) {
+  var _useState = useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  useLayoutEffect(function () {
+    setIsLoading(true);
+    highlight(text, lang, isDarkMode).then(function (date) {
+      setData(date);
+      setIsLoading(false);
+    });
+  }, [text, lang, isDarkMode]);
+  return {
+    data: data,
+    isLoading: isLoading
+  };
 };
 export { default as languageMap } from "./languageMap";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.153.13",
+  "version": "1.153.14",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",