@yurikilian/lex4 1.5.3 → 1.5.5

package/dist/components/Lex4Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lex4Editor.d.ts","sourceRoot":"","sources":["../../src/components/Lex4Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/D,OAAO,eAAe,CAAC;AAsUvB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,0FA+BrB,CAAC"}
+{"version":3,"file":"Lex4Editor.d.ts","sourceRoot":"","sources":["../../src/components/Lex4Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAC/F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/D,OAAO,eAAe,CAAC;AAoWvB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,0FA+BrB,CAAC"}

package/dist/lex4-editor.cjs

@@ -5677,50 +5677,73 @@ const EditorWithHandle = React.forwardRef(({ captureHistoryShortcutsOnWindow, on
   } = useDocument();
   const { handleFactories } = useExtensions();
   const t = useTranslations();
-  const getDocument = React.useCallback(() => doc, [doc]);
-  const getActiveEditor = React.useCallback(() => activeEditor, [activeEditor]);
+  const documentRef = React.useRef(doc);
+  const activeEditorRef = React.useRef(activeEditor);
+  const activeCaretRegionRef = React.useRef(activeCaretPosition == null ? void 0 : activeCaretPosition.region);
+  const historySidebarOpenRef = React.useRef(historySidebarOpen);
+  const runHistoryActionRef = React.useRef(runHistoryAction);
+  const insertedDocumentContentLabelRef = React.useRef(t.history.actions.insertedDocumentContent);
+  React.useEffect(() => {
+    documentRef.current = doc;
+  }, [doc]);
+  React.useEffect(() => {
+    activeEditorRef.current = activeEditor;
+  }, [activeEditor]);
+  React.useEffect(() => {
+    activeCaretRegionRef.current = activeCaretPosition == null ? void 0 : activeCaretPosition.region;
+  }, [activeCaretPosition == null ? void 0 : activeCaretPosition.region]);
+  React.useEffect(() => {
+    historySidebarOpenRef.current = historySidebarOpen;
+  }, [historySidebarOpen]);
+  React.useEffect(() => {
+    runHistoryActionRef.current = runHistoryAction;
+  }, [runHistoryAction]);
+  React.useEffect(() => {
+    insertedDocumentContentLabelRef.current = t.history.actions.insertedDocumentContent;
+  }, [t.history.actions.insertedDocumentContent]);
+  const getDocument = React.useCallback(() => documentRef.current, []);
+  const getActiveEditor = React.useCallback(() => activeEditorRef.current, []);
   const extensionCtx = useExtensionContext(getDocument, getActiveEditor);
-  React.useImperativeHandle(ref, () => {
-    const handle = {
-      setHistorySidebarOpen: (open) => {
-        setHistorySidebarOpen(open);
-      },
-      toggleHistorySidebar: () => {
-        setHistorySidebarOpen(!historySidebarOpen);
+  const handleRef = React.useRef({});
+  const extensionMethodKeysRef = React.useRef([]);
+  const handle = handleRef.current;
+  handle.setHistorySidebarOpen = (open) => {
+    setHistorySidebarOpen(open);
+  };
+  handle.toggleHistorySidebar = () => {
+    setHistorySidebarOpen(!historySidebarOpenRef.current);
+  };
+  handle.insertDocumentContent = (documentToInsert) => {
+    const currentActiveEditor = activeEditorRef.current;
+    if (!currentActiveEditor || activeCaretRegionRef.current !== "body") {
+      return false;
+    }
+    let inserted = false;
+    runHistoryActionRef.current(
+      {
+        label: insertedDocumentContentLabelRef.current,
+        source: "toolbar",
+        region: "document"
       },
-      insertDocumentContent: (documentToInsert) => {
-        if (!activeEditor || (activeCaretPosition == null ? void 0 : activeCaretPosition.region) !== "body") {
-          return false;
-        }
-        let inserted = false;
-        runHistoryAction(
-          {
-            label: t.history.actions.insertedDocumentContent,
-            source: "toolbar",
-            region: "document"
-          },
-          () => {
-            inserted = insertDocumentContent(activeEditor, documentToInsert);
-          }
-        );
-        return inserted;
+      () => {
+        inserted = insertDocumentContent(currentActiveEditor, documentToInsert);
       }
-    };
-    for (const factory of handleFactories) {
-      const methods = factory(extensionCtx);
-      Object.assign(handle, methods);
+    );
+    return inserted;
+  };
+  for (const key of extensionMethodKeysRef.current) {
+    delete handle[key];
+  }
+  const extensionMethodKeys = [];
+  for (const factory of handleFactories) {
+    const methods = factory(extensionCtx);
+    for (const [key, method] of Object.entries(methods)) {
+      handle[key] = method;
+      extensionMethodKeys.push(key);
     }
-    return handle;
-  }, [
-    activeCaretPosition == null ? void 0 : activeCaretPosition.region,
-    activeEditor,
-    extensionCtx,
-    handleFactories,
-    historySidebarOpen,
-    runHistoryAction,
-    setHistorySidebarOpen,
-    t.history.actions.insertedDocumentContent
-  ]);
+  }
+  extensionMethodKeysRef.current = extensionMethodKeys;
+  React.useImperativeHandle(ref, () => handle, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
     EditorChrome,
     {