@lobehub/editor 1.9.3 → 1.11.0

package/es/plugins/codeblock/plugin/CodeHighlighterShiki.js

@@ -77,7 +77,9 @@ function updateCodeGutter(node, editor) {
 // in both cases we'll rerun whole reformatting over CodeNode, which is redundant.
 // Especially when pasting code into CodeBlock.
 
+var MAX_CONCURRENT_HIGHLIGHTING = 2;
 var nodesCurrentlyHighlighting = new Set();
+var waitingNodesCurrentlyHighlighting = new Set();
 function codeNodeTransform(node, editor, tokenizer) {
   var nodeKey = node.getKey();
 
@@ -118,6 +120,10 @@ function codeNodeTransform(node, editor, tokenizer) {
   if (nodesCurrentlyHighlighting.has(nodeKey)) {
     return;
   }
+  if (nodesCurrentlyHighlighting.size > MAX_CONCURRENT_HIGHLIGHTING) {
+    waitingNodesCurrentlyHighlighting.add(nodeKey);
+    return;
+  }
   nodesCurrentlyHighlighting.add(nodeKey);
 
   // Using nested update call to pass `skipTransforms` since we don't want
@@ -146,6 +152,16 @@ function codeNodeTransform(node, editor, tokenizer) {
   }, {
     onUpdate: function onUpdate() {
       nodesCurrentlyHighlighting.delete(nodeKey);
+      if (nodesCurrentlyHighlighting.size < MAX_CONCURRENT_HIGHLIGHTING && waitingNodesCurrentlyHighlighting.size) {
+        var next = waitingNodesCurrentlyHighlighting.values().next().value;
+        if (!next) return;
+        waitingNodesCurrentlyHighlighting.delete(next);
+        requestAnimationFrame(function () {
+          editor.read(function () {
+            codeNodeTransform($getNodeByKey(next), editor, tokenizer);
+          });
+        });
+      }
     },
     skipTransforms: true
   });

package/es/plugins/slash/react/ReactSlashPlugin.js

@@ -12,6 +12,7 @@ import { Children, useCallback, useLayoutEffect, useRef, useState } from 'react'
 import { useLexicalEditor } from "../../../editor-kernel/react";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
 import { SlashPlugin } from "../plugin/index";
+import { ISlashService } from "../service/i-slash-service";
 import { $splitNodeContainingQuery } from "../utils/utils";
 import SlashMenu from "./components/SlashMenu";
 import { setCancelablePromise } from "./utils";
@@ -118,6 +119,19 @@ var ReactSlashPlugin = function ReactSlashPlugin(_ref) {
       }
     });
   }, [activeKey, editor, close]);
+  useLayoutEffect(function () {
+    var slash = editor.requireService(ISlashService);
+    if (slash) {
+      var _Children$map2;
+      var _options = ((_Children$map2 = Children.map(children, function (child) {
+        if (!child) return null;
+        var option = child.props;
+        triggerMapRef.current.set(option.trigger, option);
+        return option;
+      })) === null || _Children$map2 === void 0 ? void 0 : _Children$map2.filter(Boolean)) || [];
+      slash.updateOptions(_options);
+    }
+  }, [children]);
   var handleMenuSelect = useCallback(function (option) {
     // ISlashMenuOption should not have divider type, but adding check for safety
     if ('type' in option && option.type === 'divider') {

package/es/plugins/slash/service/i-slash-service.d.ts

@@ -42,6 +42,7 @@ export interface SlashOptions {
 }
 export interface ISlashService {
     registerSlash(options: SlashOptions): void;
+    updateOptions(options: SlashOptions[]): void;
 }
 export declare const ISlashService: IServiceID<ISlashService>;
 export declare class SlashService implements ISlashService {
@@ -51,7 +52,9 @@ export declare class SlashService implements ISlashService {
     private triggerFuseMap;
     private logger;
     constructor(kernel: IEditorKernel);
-    registerSlash(options: SlashOptions): void;
+    registerSlash(options: SlashOptions, update?: boolean): void;
+    removeAllOptions(): void;
+    updateOptions(options: SlashOptions[]): void;
     getSlashOptions(trigger: string): SlashOptions | undefined;
     getSlashTriggerFn(trigger: string): ReturnType<typeof getBasicTypeaheadTriggerMatch> | undefined;
     getSlashFuse(trigger: string): Fuse<ISlashOption> | undefined;

package/es/plugins/slash/service/i-slash-service.js

@@ -26,7 +26,8 @@ export var SlashService = /*#__PURE__*/function () {
   _createClass(SlashService, [{
     key: "registerSlash",
     value: function registerSlash(options) {
-      if (this.triggerMap.has(options.trigger)) {
+      var update = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (this.triggerMap.has(options.trigger) && !update) {
         if (this.kernel.isHotReloadMode()) {
           this.logger.warn("\uD83D\uDD04 Overriding slash trigger \"".concat(options.trigger, "\""));
         } else {
@@ -54,6 +55,22 @@ export var SlashService = /*#__PURE__*/function () {
         this.triggerFuseMap.set(options.trigger, new Fuse(searchableItems, fuseConfig));
       }
     }
+  }, {
+    key: "removeAllOptions",
+    value: function removeAllOptions() {
+      this.triggerMap.clear();
+      this.triggerFnMap.clear();
+      this.triggerFuseMap.clear();
+    }
+  }, {
+    key: "updateOptions",
+    value: function updateOptions(options) {
+      var _this = this;
+      this.removeAllOptions();
+      options.forEach(function (option) {
+        _this.registerSlash(option);
+      });
+    }
   }, {
     key: "getSlashOptions",
     value: function getSlashOptions(trigger) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.9.3",
+  "version": "1.11.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",