@yurikilian/lex4 1.5.2 → 1.5.4

package/dist/lex4-editor.js

@@ -1458,33 +1458,33 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$r = [
   ["path", { d: "m15 16 2.536-7.328a1.02 1.02 1 0 1 1.928 0L22 16", key: "xik6mr" }],
   ["path", { d: "M15.697 14h5.606", key: "1stdlc" }],
   ["path", { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", key: "d5nyq2" }],
   ["path", { d: "M3.304 13h6.392", key: "1q3zxz" }]
 ];
-const ALargeSmall = createLucideIcon("a-large-small", __iconNode$q);
+const ALargeSmall = createLucideIcon("a-large-small", __iconNode$r);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$q = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold = createLucideIcon("bold", __iconNode$p);
+const Bold = createLucideIcon("bold", __iconNode$q);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$p = [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -1497,7 +1497,15 @@ const __iconNode$o = [
     }
   ]
 ];
-const Braces = createLucideIcon("braces", __iconNode$o);
+const Braces = createLucideIcon("braces", __iconNode$p);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$o = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$o);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -1997,7 +2005,9 @@ const EMPTY_RESOLVED = {
   handleFactories: []
 };
 const ExtensionResolvedContext = createContext(EMPTY_RESOLVED);
-function arraysEqual(a, b) {
+function extensionArraysEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return !a && !b;
   if (a.length !== b.length) return false;
   for (let i = 0; i < a.length; i++) {
     if (a[i] !== b[i]) return false;
@@ -2005,12 +2015,11 @@ function arraysEqual(a, b) {
   return true;
 }
 const ExtensionProvider = ({ extensions, children }) => {
-  const prevNamesRef = useRef([]);
+  const prevExtensionsRef = useRef(void 0);
   const resolvedRef = useRef(EMPTY_RESOLVED);
-  const currentNames = (extensions ?? []).map((e) => e.name);
-  if (!arraysEqual(currentNames, prevNamesRef.current)) {
+  if (!extensionArraysEqual(extensions, prevExtensionsRef.current)) {
     resolvedRef.current = extensions && extensions.length > 0 ? resolveExtensions(extensions) : EMPTY_RESOLVED;
-    prevNamesRef.current = currentNames;
+    prevExtensionsRef.current = extensions;
   }
   const resolved = resolvedRef.current;
   let wrapped = /* @__PURE__ */ jsx(Fragment, { children });
@@ -2609,7 +2618,8 @@ const BlockTypePicker = ({ value, onChange }) => {
                         children: option.shortLabel
                       }
                     ),
-                    /* @__PURE__ */ jsx("span", { className: "lex4-block-type-item-label", children: label })
+                    /* @__PURE__ */ jsx("span", { className: "lex4-block-type-item-label", children: label }),
+                    /* @__PURE__ */ jsx("span", { className: "lex4-block-type-item-check", "aria-hidden": "true", children: active ? /* @__PURE__ */ jsx(Check, { size: 14 }) : null })
                   ]
                 },
                 option.value
@@ -5665,8 +5675,32 @@ const EditorWithHandle = forwardRef(({ captureHistoryShortcutsOnWindow, onSave,
   } = useDocument();
   const { handleFactories } = useExtensions();
   const t = useTranslations();
-  const getDocument = useCallback(() => doc, [doc]);
-  const getActiveEditor = useCallback(() => activeEditor, [activeEditor]);
+  const documentRef = useRef(doc);
+  const activeEditorRef = useRef(activeEditor);
+  const activeCaretRegionRef = useRef(activeCaretPosition == null ? void 0 : activeCaretPosition.region);
+  const historySidebarOpenRef = useRef(historySidebarOpen);
+  const runHistoryActionRef = useRef(runHistoryAction);
+  const insertedDocumentContentLabelRef = useRef(t.history.actions.insertedDocumentContent);
+  useEffect(() => {
+    documentRef.current = doc;
+  }, [doc]);
+  useEffect(() => {
+    activeEditorRef.current = activeEditor;
+  }, [activeEditor]);
+  useEffect(() => {
+    activeCaretRegionRef.current = activeCaretPosition == null ? void 0 : activeCaretPosition.region;
+  }, [activeCaretPosition == null ? void 0 : activeCaretPosition.region]);
+  useEffect(() => {
+    historySidebarOpenRef.current = historySidebarOpen;
+  }, [historySidebarOpen]);
+  useEffect(() => {
+    runHistoryActionRef.current = runHistoryAction;
+  }, [runHistoryAction]);
+  useEffect(() => {
+    insertedDocumentContentLabelRef.current = t.history.actions.insertedDocumentContent;
+  }, [t.history.actions.insertedDocumentContent]);
+  const getDocument = useCallback(() => documentRef.current, []);
+  const getActiveEditor = useCallback(() => activeEditorRef.current, []);
   const extensionCtx = useExtensionContext(getDocument, getActiveEditor);
   useImperativeHandle(ref, () => {
     const handle = {
@@ -5674,21 +5708,22 @@ const EditorWithHandle = forwardRef(({ captureHistoryShortcutsOnWindow, onSave,
         setHistorySidebarOpen(open);
       },
       toggleHistorySidebar: () => {
-        setHistorySidebarOpen(!historySidebarOpen);
+        setHistorySidebarOpen(!historySidebarOpenRef.current);
       },
       insertDocumentContent: (documentToInsert) => {
-        if (!activeEditor || (activeCaretPosition == null ? void 0 : activeCaretPosition.region) !== "body") {
+        const currentActiveEditor = activeEditorRef.current;
+        if (!currentActiveEditor || activeCaretRegionRef.current !== "body") {
           return false;
         }
         let inserted = false;
-        runHistoryAction(
+        runHistoryActionRef.current(
           {
-            label: t.history.actions.insertedDocumentContent,
+            label: insertedDocumentContentLabelRef.current,
             source: "toolbar",
             region: "document"
           },
           () => {
-            inserted = insertDocumentContent(activeEditor, documentToInsert);
+            inserted = insertDocumentContent(currentActiveEditor, documentToInsert);
           }
         );
         return inserted;
@@ -5699,16 +5734,7 @@ const EditorWithHandle = forwardRef(({ captureHistoryShortcutsOnWindow, onSave,
       Object.assign(handle, methods);
     }
     return handle;
-  }, [
-    activeCaretPosition == null ? void 0 : activeCaretPosition.region,
-    activeEditor,
-    extensionCtx,
-    handleFactories,
-    historySidebarOpen,
-    runHistoryAction,
-    setHistorySidebarOpen,
-    t.history.actions.insertedDocumentContent
-  ]);
+  }, [extensionCtx, handleFactories, setHistorySidebarOpen]);
   return /* @__PURE__ */ jsx(
     EditorChrome,
     {