@yurikilian/lex4 1.5.2 → 1.5.4

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

@@ -1 +1 @@
-{"version":3,"file":"BlockTypePicker.d.ts","sourceRoot":"","sources":["../../src/components/BlockTypePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAYpE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAiBnF;AAMD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6F1D,CAAC"}
+{"version":3,"file":"BlockTypePicker.d.ts","sourceRoot":"","sources":["../../src/components/BlockTypePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAYpE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAiBnF;AAMD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkG1D,CAAC"}

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;AA4VvB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,0FA+BrB,CAAC"}

package/dist/extensions/extension-context.d.ts

@@ -2,9 +2,9 @@ import { default as React } from 'react';
 import { ResolvedExtensions, ExtensionContext, Lex4Extension } from './types';
 /**
  * Provides resolved extension data to all child components.
- * Extensions are resolved when the set of extension names changes,
- * not on every array reference change — preventing unnecessary
- * editor re-initialization.
+ * Extensions are resolved when the extension instances change.
+ * This keeps providers and side panels in sync when an extension
+ * keeps the same name but receives fresh configuration.
  */
 export declare const ExtensionProvider: React.FC<{
     extensions?: Lex4Extension[];

package/dist/extensions/extension-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-context.d.ts","sourceRoot":"","sources":["../../src/extensions/extension-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAyB7C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAwBA,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAElD;AAMD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAO1E,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB;UAGvB,CAAC,iBAAiB,MAAM,KAAG,CAAC,GAAG,SAAS;UACxC,CAAC,iBAAiB,MAAM,SAAS,CAAC;EAI3C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAC5C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GACnD,gBAAgB,CAWlB"}
+{"version":3,"file":"extension-context.d.ts","sourceRoot":"","sources":["../../src/extensions/extension-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA2B7C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAuBA,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAElD;AAMD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAO1E,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB;UAGvB,CAAC,iBAAiB,MAAM,KAAG,CAAC,GAAG,SAAS;UACxC,CAAC,iBAAiB,MAAM,SAAS,CAAC;EAI3C;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAC5C,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GACnD,gBAAgB,CAWlB"}

package/dist/lex4-editor.cjs

@@ -1460,33 +1460,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" }
@@ -1499,7 +1499,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
  *
@@ -1999,7 +2007,9 @@ const EMPTY_RESOLVED = {
   handleFactories: []
 };
 const ExtensionResolvedContext = React.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;
@@ -2007,12 +2017,11 @@ function arraysEqual(a, b) {
   return true;
 }
 const ExtensionProvider = ({ extensions, children }) => {
-  const prevNamesRef = React.useRef([]);
+  const prevExtensionsRef = React.useRef(void 0);
   const resolvedRef = React.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
@@ -2611,7 +2620,8 @@ const BlockTypePicker = ({ value, onChange }) => {
                         children: option.shortLabel
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lex4-block-type-item-label", children: label })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lex4-block-type-item-label", children: label }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lex4-block-type-item-check", "aria-hidden": "true", children: active ? /* @__PURE__ */ jsxRuntime.jsx(Check, { size: 14 }) : null })
                   ]
                 },
                 option.value
@@ -5667,8 +5677,32 @@ 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 = {
@@ -5676,21 +5710,22 @@ const EditorWithHandle = React.forwardRef(({ captureHistoryShortcutsOnWindow, on
         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;
@@ -5701,16 +5736,7 @@ const EditorWithHandle = React.forwardRef(({ captureHistoryShortcutsOnWindow, on
       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__ */ jsxRuntime.jsx(
     EditorChrome,
     {