@lobehub/editor 1.10.0 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.10.0",
+  "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",