@apollohg/react-native-rich-text-editor 2.0.0 → 2.0.1

package/dist/useEditorToolbarInteractions.js

@@ -29,7 +29,13 @@ function useEditorToolbarInteractions(context) {
             }
             (0, EditorToolbarRegistry_1.registerEditorToolbarFrame)(registrationId, { x, y, width, height }, measuredFrameOwnerId);
         });
-    }, [frameOwnerId, publishesFocusFrames]);
+    }, [frameOwnerId,
+        frameOwnerIdRef,
+        framePublisherMountedRef,
+        publishesFocusFrames,
+        publishesFocusFramesRef,
+        registrationIdRef,
+        rootRef]);
     const publishMenuFrame = (0, react_1.useCallback)(() => {
         const registrationId = menuRegistrationIdRef.current;
         const menuCard = menuCardRef.current;
@@ -53,17 +59,25 @@ function useEditorToolbarInteractions(context) {
             }
             (0, EditorToolbarRegistry_1.registerEditorToolbarFrame)(registrationId, { x, y, width, height }, measuredFrameOwnerId);
         });
-    }, [frameOwnerId, menuState, publishesFocusFrames]);
+    }, [frameOwnerId,
+        frameOwnerIdRef,
+        framePublisherMountedRef,
+        menuCardRef,
+        menuRegistrationIdRef,
+        menuState,
+        menuStateRef,
+        publishesFocusFrames,
+        publishesFocusFramesRef]);
     const publishToolbarFrames = (0, react_1.useCallback)(() => {
         publishToolbarFrame();
         publishMenuFrame();
     }, [publishMenuFrame, publishToolbarFrame]);
     const cancelScheduledFramePublishes = (0, react_1.useCallback)(() => {
-        framePublishAnimationFramesRef.current.forEach((frame) => cancelAnimationFrame(frame));
+        framePublishAnimationFramesRef.current.forEach(frame => cancelAnimationFrame(frame));
         framePublishAnimationFramesRef.current = [];
-        framePublishTimeoutsRef.current.forEach((timeout) => clearTimeout(timeout));
+        framePublishTimeoutsRef.current.forEach(timeout => clearTimeout(timeout));
         framePublishTimeoutsRef.current = [];
-    }, []);
+    }, [framePublishAnimationFramesRef, framePublishTimeoutsRef]);
     const scheduleToolbarFramePublish = (0, react_1.useCallback)(() => {
         if (!publishesFocusFrames) {
             return;
@@ -71,10 +85,14 @@ function useEditorToolbarInteractions(context) {
         cancelScheduledFramePublishes();
         publishToolbarFrames();
         framePublishAnimationFramesRef.current.push(requestAnimationFrame(publishToolbarFrames));
-        EditorToolbarVisuals_1.KEYBOARD_FRAME_REMEASURE_DELAYS_MS.forEach((delay) => {
+        EditorToolbarVisuals_1.KEYBOARD_FRAME_REMEASURE_DELAYS_MS.forEach(delay => {
             framePublishTimeoutsRef.current.push(setTimeout(publishToolbarFrames, delay));
         });
-    }, [cancelScheduledFramePublishes, publishesFocusFrames, publishToolbarFrames]);
+    }, [publishesFocusFrames,
+        cancelScheduledFramePublishes,
+        publishToolbarFrames,
+        framePublishAnimationFramesRef,
+        framePublishTimeoutsRef]);
     const handleToolbarLayout = (0, react_1.useCallback)(() => {
         requestAnimationFrame(publishToolbarFrame);
     }, [publishToolbarFrame]);
@@ -91,8 +109,7 @@ function useEditorToolbarInteractions(context) {
         }
         const frame = requestAnimationFrame(publishToolbarFrame);
         return () => cancelAnimationFrame(frame);
-    }, [
-        expandedGroupKey,
+    }, [expandedGroupKey,
         menuState?.groupKey,
         publishesFocusFrames,
         publishToolbarFrame,
@@ -101,7 +118,7 @@ function useEditorToolbarInteractions(context) {
         endItems.length,
         windowHeight,
         windowWidth,
-    ]);
+        registrationIdRef]);
     (0, react_1.useEffect)(() => {
         if (!publishesFocusFrames || menuState == null) {
             const registrationId = menuRegistrationIdRef.current;
@@ -112,7 +129,12 @@ function useEditorToolbarInteractions(context) {
         }
         const frame = requestAnimationFrame(publishMenuFrame);
         return () => cancelAnimationFrame(frame);
-    }, [menuState, publishesFocusFrames, publishMenuFrame, windowHeight, windowWidth]);
+    }, [menuState,
+        publishesFocusFrames,
+        publishMenuFrame,
+        windowHeight,
+        windowWidth,
+        menuRegistrationIdRef]);
     (0, react_1.useEffect)(() => {
         const registrationId = registrationIdRef.current;
         const menuRegistrationId = menuRegistrationIdRef.current;
@@ -129,7 +151,7 @@ function useEditorToolbarInteractions(context) {
                 (0, EditorToolbarRegistry_1.unregisterEditorToolbarFrame)(menuRegistrationId);
             }
         };
-    }, [cancelScheduledFramePublishes]);
+    }, [cancelScheduledFramePublishes, menuRegistrationIdRef, registrationIdRef, toolbarInteractionActiveRef]);
     (0, react_1.useEffect)(() => {
         if (!publishesFocusFrames) {
             cancelScheduledFramePublishes();
@@ -141,7 +163,7 @@ function useEditorToolbarInteractions(context) {
             react_native_1.Keyboard.addListener('keyboardDidChangeFrame', scheduleToolbarFramePublish),
         ];
         return () => {
-            subscriptions.forEach((subscription) => subscription.remove());
+            subscriptions.forEach(subscription => subscription.remove());
             cancelScheduledFramePublishes();
         };
     }, [cancelScheduledFramePublishes, publishesFocusFrames, scheduleToolbarFramePublish]);
@@ -149,44 +171,44 @@ function useEditorToolbarInteractions(context) {
         if (expandedGroupKey != null && !groupsByKey.has(expandedGroupKey)) {
             setExpandedGroupKey(null);
         }
-    }, [expandedGroupKey, groupsByKey]);
+    }, [expandedGroupKey, groupsByKey, setExpandedGroupKey]);
     (0, react_1.useEffect)(() => {
         if (menuState != null && !groupsByKey.has(menuState.groupKey)) {
             setMenuState(null);
         }
-    }, [groupsByKey, menuState]);
+    }, [groupsByKey, menuState, setMenuState]);
     (0, react_1.useEffect)(() => {
         if (shouldRenderMentionSuggestions) {
             setExpandedGroupKey(null);
             setMenuState(null);
         }
-    }, [shouldRenderMentionSuggestions]);
+    }, [setExpandedGroupKey, setMenuState, shouldRenderMentionSuggestions]);
     const handleButtonPress = (0, react_1.useCallback)((button) => {
         button.action();
         if (button.groupKey) {
-            setExpandedGroupKey((current) => (current === button.groupKey ? null : current));
+            setExpandedGroupKey(current => (current === button.groupKey ? null : current));
         }
         setMenuState(null);
-    }, []);
+    }, [setExpandedGroupKey, setMenuState]);
     const handleToolbarPressIn = (0, react_1.useCallback)(() => {
         if (preserveEditorFocus && !toolbarInteractionActiveRef.current) {
             toolbarInteractionActiveRef.current = true;
             (0, EditorToolbarRegistry_1.beginEditorToolbarInteraction)();
         }
-    }, [preserveEditorFocus]);
+    }, [preserveEditorFocus, toolbarInteractionActiveRef]);
     const handleToolbarPressOut = (0, react_1.useCallback)(() => {
         if (preserveEditorFocus && toolbarInteractionActiveRef.current) {
             toolbarInteractionActiveRef.current = false;
             (0, EditorToolbarRegistry_1.endEditorToolbarInteraction)();
         }
-    }, [preserveEditorFocus]);
+    }, [preserveEditorFocus, toolbarInteractionActiveRef]);
     const handleGroupPress = (0, react_1.useCallback)((group) => {
         if (group.isDisabled) {
             return;
         }
         if (group.presentation === 'expand') {
             setMenuState(null);
-            setExpandedGroupKey((current) => (current === group.key ? null : group.key));
+            setExpandedGroupKey(current => (current === group.key ? null : group.key));
             return;
         }
         const anchor = groupButtonRefs.current.get(group.key);
@@ -195,7 +217,7 @@ function useEditorToolbarInteractions(context) {
         }
         anchor.measureInWindow((x, y, width, height) => {
             setExpandedGroupKey(null);
-            setMenuState((current) => current?.groupKey === group.key
+            setMenuState(current => current?.groupKey === group.key
                 ? null
                 : {
                     groupKey: group.key,
@@ -205,7 +227,7 @@ function useEditorToolbarInteractions(context) {
                     height,
                 });
         });
-    }, []);
+    }, [groupButtonRefs, setExpandedGroupKey, setMenuState]);
     return {
         handleToolbarPressIn,
         handleToolbarPressOut,

package/dist/useEditorToolbarItems.d.ts

@@ -1,4 +1,4 @@
-import { useEditorToolbarState } from './useEditorToolbarState';
+import { type useEditorToolbarState } from './useEditorToolbarState';
 import { type ToolbarRenderedItem, type ToolbarGroupButton } from './EditorToolbarTypes';
 export declare function useEditorToolbarItems(context: Pick<ReturnType<typeof useEditorToolbarState>, 'onToggleMark' | 'onToggleBold' | 'onToggleItalic' | 'onToggleUnderline' | 'onToggleStrike' | 'onToggleListType' | 'onToggleBulletList' | 'onToggleOrderedList' | 'onRequestLink' | 'onRequestImage' | 'onToggleHeading' | 'onToggleBlockquote' | 'onInsertNodeType' | 'onInsertLineBreak' | 'onInsertHorizontalRule' | 'onRunCommand' | 'onIndentList' | 'onOutdentList' | 'onUndo' | 'onRedo' | 'onToolbarAction' | 'isMarkActive' | 'allowedMarks' | 'insertableNodes' | 'nodes' | 'commands' | 'canIndentList' | 'canOutdentList' | 'historyState' | 'toolbarItems' | 'expandedGroupKey' | 'menuState'>): {
     startItems: ToolbarRenderedItem[];

package/dist/useEditorToolbarItems.js

@@ -66,6 +66,7 @@ function useEditorToolbarItems(context) {
                     case 'redo':
                         return onRedo;
                 }
+            // Falls through for unsupported commands.
             case 'action':
                 return onToolbarAction ? () => onToolbarAction(item.key) : null;
         }
@@ -110,7 +111,7 @@ function useEditorToolbarItems(context) {
                                     ? `${prefix}command:${item.command}:${index}`
                                     : item.type === 'node'
                                         ? `${prefix}node:${item.nodeType}:${index}`
-                                        : `${prefix}action:${item.key}:${index}`, []);
+                                        : `${prefix}action:${String(item.key)}:${index}`, []);
     const resolveButton = (0, react_1.useCallback)((item, index, prefix = '', groupKey, placement = 'scroll') => {
         const resolvedPlacement = (0, EditorToolbarItems_1.resolveToolbarItemPlacement)(item.placement ?? placement);
         const action = getActionForItem(item);
@@ -247,8 +248,8 @@ function useEditorToolbarItems(context) {
                     presentation,
                     placement,
                     children,
-                    isActive: children.some((child) => child.isActive) || isExpanded || isMenuOpen,
-                    isDisabled: children.every((child) => child.isDisabled),
+                    isActive: children.some(child => child.isActive) || isExpanded || isMenuOpen,
+                    isDisabled: children.every(child => child.isDisabled),
                     isExpanded,
                     isOpen: isExpanded || isMenuOpen,
                 };

package/dist/useEditorToolbarPresentation.d.ts

@@ -1,4 +1,4 @@
-import { useEditorToolbarState } from './useEditorToolbarState';
-import { useEditorToolbarItems } from './useEditorToolbarItems';
-import { useEditorToolbarInteractions } from './useEditorToolbarInteractions';
+import { type useEditorToolbarState } from './useEditorToolbarState';
+import { type useEditorToolbarItems } from './useEditorToolbarItems';
+import { type useEditorToolbarInteractions } from './useEditorToolbarInteractions';
 export declare function useEditorToolbarPresentation(context: Pick<ReturnType<typeof useEditorToolbarState>, 'menuState' | 'theme' | 'windowHeight' | 'windowWidth' | 'groupButtonRefs' | 'rootRef' | 'shouldRenderMentionSuggestions' | 'mentionState' | 'setMenuState' | 'menuCardRef'> & Pick<ReturnType<typeof useEditorToolbarItems>, 'groupsByKey' | 'startItems' | 'scrollItems' | 'endItems'> & Pick<ReturnType<typeof useEditorToolbarInteractions>, 'handleToolbarPressIn' | 'handleToolbarPressOut' | 'handleGroupPress' | 'handleButtonPress' | 'handleToolbarLayout' | 'resolvedShowTopBorder' | 'handleMenuLayout'>): import("react/jsx-runtime").JSX.Element;

package/dist/useEditorToolbarPresentation.js

@@ -59,7 +59,7 @@ function useEditorToolbarPresentation(context) {
         const anchorGroupKey = options?.anchorGroupKey;
         return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ref: anchorGroupKey == null
                 ? undefined
-                : (node) => {
+                : node => {
                     if (node) {
                         groupButtonRefs.current.set(anchorGroupKey, node);
                     }
@@ -84,7 +84,7 @@ function useEditorToolbarPresentation(context) {
             { height: resolvedSeparatorHeight },
             theme?.separatorColor != null ? { backgroundColor: theme.separatorColor } : null,
         ] }, key));
-    const renderToolbarItems = (items) => items.map((item) => {
+    const renderToolbarItems = (items) => items.map(item => {
         if (item.type === 'separator') {
             return renderSeparator(item.key);
         }
@@ -144,7 +144,7 @@ function useEditorToolbarPresentation(context) {
                                     elevation: 8,
                                 }
                                 : null,
-                        ], contentContainerStyle: EditorToolbarVisuals_1.styles.mentionSuggestionsContent, keyboardShouldPersistTaps: 'always', children: mentionState.suggestions.map((suggestion) => {
+                        ], contentContainerStyle: EditorToolbarVisuals_1.styles.mentionSuggestionsContent, keyboardShouldPersistTaps: 'always', children: mentionState.suggestions.map(suggestion => {
                             const label = (0, EditorToolbarVisuals_1.resolveMentionSuggestionDisplayLabel)(suggestion, mentionState.trigger);
                             const optionTheme = (mentionState.suggestionThemes?.[suggestion.key] ??
                                 mentionState.theme)?.suggestions?.option;
@@ -184,7 +184,7 @@ function useEditorToolbarPresentation(context) {
                                 backgroundColor: theme?.backgroundColor ?? EditorToolbarVisuals_1.TOOLBAR_BG,
                                 borderColor: theme?.borderColor ?? EditorToolbarVisuals_1.MENU_BORDER,
                             },
-                        ], children: menuGroup.children.map((button) => {
+                        ], children: menuGroup.children.map(button => {
                             const visuals = resolveButtonVisuals(button);
                             return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPressIn: handleToolbarPressIn, onPressOut: handleToolbarPressOut, onPress: () => handleButtonPress(button), disabled: button.isDisabled, style: ({ pressed }) => [
                                     EditorToolbarVisuals_1.styles.menuItem,

package/dist/useEditorToolbarState.d.ts

@@ -1,4 +1,4 @@
-import { View } from 'react-native';
+import { type View } from 'react-native';
 import { type EditorToolbarProps, type ToolbarMenuState } from './EditorToolbarTypes';
 export declare function useEditorToolbarState({ activeState, historyState, onToggleBold, onToggleItalic, onToggleUnderline, onToggleStrike, onToggleBulletList, onToggleHeading, onToggleBlockquote, onToggleOrderedList, onIndentList, onOutdentList, onInsertHorizontalRule, onInsertLineBreak, onUndo, onRedo, onToggleMark, onToggleListType, onInsertNodeType, onRunCommand, onToolbarAction, onRequestLink, onRequestImage, toolbarItems, theme, showTopBorder, preserveEditorFocus, }: EditorToolbarProps): {
     onToggleMark: ((mark: string) => void) | undefined;

package/dist/useEditorToolbarState.js

@@ -6,7 +6,7 @@ const react_native_1 = require("react-native");
 const EditorToolbarItems_1 = require("./EditorToolbarItems");
 const EditorToolbarRegistry_1 = require("./EditorToolbarRegistry");
 function useEditorToolbarState({ activeState, historyState, onToggleBold, onToggleItalic, onToggleUnderline, onToggleStrike, onToggleBulletList, onToggleHeading, onToggleBlockquote, onToggleOrderedList, onIndentList, onOutdentList, onInsertHorizontalRule, onInsertLineBreak, onUndo, onRedo, onToggleMark, onToggleListType, onInsertNodeType, onRunCommand, onToolbarAction, onRequestLink, onRequestImage, toolbarItems = EditorToolbarItems_1.DEFAULT_EDITOR_TOOLBAR_ITEMS, theme, showTopBorder, preserveEditorFocus = true, }) {
-    const marks = activeState.marks ?? {};
+    const marks = (0, react_1.useMemo)(() => activeState.marks ?? {}, [activeState.marks]);
     const nodes = activeState.nodes ?? {};
     const commands = activeState.commands ?? {};
     const allowedMarks = activeState.allowedMarks ?? [];

package/dist/useFocusPreservingFrames.js

@@ -34,17 +34,17 @@ function useFocusPreservingFrames(refs, enabled) {
     const framesByRef = (0, react_1.useRef)(new Map());
     const [frames, setFrames] = (0, react_1.useState)(EMPTY_FRAMES);
     const publish = (0, react_1.useCallback)(() => {
-        const nextFrames = currentRefs.flatMap((ref) => {
+        const nextFrames = currentRefs.flatMap(ref => {
             const measurement = framesByRef.current.get(ref);
             return measurement == null ? [] : [measurement.frame];
         });
-        setFrames((current) => (sameFrames(current, nextFrames) ? current : nextFrames));
+        setFrames(current => (sameFrames(current, nextFrames) ? current : nextFrames));
     }, [currentRefs]);
     const refresh = (0, react_1.useCallback)(() => {
         const callbackGeneration = ++generation.current;
         if (!enabled) {
             framesByRef.current.clear();
-            setFrames((current) => (current.length === 0 ? current : EMPTY_FRAMES));
+            setFrames(current => (current.length === 0 ? current : EMPTY_FRAMES));
             return;
         }
         const admittedRefs = new Set(currentRefs);
@@ -57,7 +57,7 @@ function useFocusPreservingFrames(refs, enabled) {
             }
         }
         publish();
-        currentRefs.forEach((ref) => {
+        currentRefs.forEach(ref => {
             const target = ref.current;
             if (target == null || typeof target.measureInWindow !== 'function') {
                 framesByRef.current.delete(ref);
@@ -67,8 +67,9 @@ function useFocusPreservingFrames(refs, enabled) {
             try {
                 target.measureInWindow((x, y, width, height) => {
                     // An older measurement must not restore a removed or replaced target.
-                    if (generation.current !== callbackGeneration || ref.current !== target)
+                    if (generation.current !== callbackGeneration || ref.current !== target) {
                         return;
+                    }
                     const frame = validFrame(x, y, width, height);
                     if (frame == null) {
                         framesByRef.current.delete(ref);
@@ -80,8 +81,9 @@ function useFocusPreservingFrames(refs, enabled) {
                 });
             }
             catch {
-                if (generation.current !== callbackGeneration)
+                if (generation.current !== callbackGeneration) {
                     return;
+                }
                 framesByRef.current.delete(ref);
                 publish();
             }
@@ -91,14 +93,15 @@ function useFocusPreservingFrames(refs, enabled) {
         refresh();
     });
     (0, react_1.useEffect)(() => {
-        if (!enabled)
+        if (!enabled) {
             return;
+        }
         const subscriptions = [
             react_native_1.Keyboard.addListener('keyboardDidShow', refresh),
             react_native_1.Keyboard.addListener('keyboardDidHide', refresh),
             react_native_1.Keyboard.addListener('keyboardDidChangeFrame', refresh),
         ];
-        return () => subscriptions.forEach((subscription) => subscription.remove());
+        return () => subscriptions.forEach(subscription => subscription.remove());
     }, [enabled, refresh]);
     (0, react_1.useEffect)(() => () => {
         generation.current += 1;

package/dist/useNativeEditor.d.ts

@@ -57,7 +57,7 @@ export interface UseNativeEditorDocumentReturn {
 /**
  * Headless binding to a document handle: the same controlled content,
  * getters, and history the editor exposes, with no view attached. Use it to
- * read or drive a document that is not currently mounted — a preview, a
+ * read or drive a document that is not currently mounted : a preview, a
  * background save, a test.
  *
  * `RichTextEditor` uses this internally, so mounting an editor on the

package/dist/useNativeEditor.js

@@ -11,7 +11,7 @@ function isRevisionMismatchError(error) {
 /**
  * Headless binding to a document handle: the same controlled content,
  * getters, and history the editor exposes, with no view attached. Use it to
- * read or drive a document that is not currently mounted — a preview, a
+ * read or drive a document that is not currently mounted : a preview, a
  * background save, a test.
  *
  * `RichTextEditor` uses this internally, so mounting an editor on the
@@ -85,8 +85,9 @@ function useNativeEditorDocument(options) {
             snapshotJson = snapshot.json;
             contentKey = JSON.stringify(snapshot.json);
         }
-        if (currentEditorIdRef.current !== refreshedEditorId)
+        if (currentEditorIdRef.current !== refreshedEditorId) {
             return;
+        }
         const historyState = {
             canUndo: state.canUndo,
             canRedo: state.canRedo,
@@ -122,8 +123,9 @@ function useNativeEditorDocument(options) {
                         onContentChangeRef.current != null) {
                         const echoes = pendingControlledEchoesRef.current.keys;
                         echoes.push(`html:${snapshotHtml}`);
-                        if (echoes.length > 32)
+                        if (echoes.length > 32) {
                             echoes.shift();
+                        }
                     }
                     onContentChangeRef.current?.(snapshotHtml);
                 }
@@ -132,8 +134,9 @@ function useNativeEditorDocument(options) {
                         onContentChangeJSONRef.current != null) {
                         const echoes = pendingControlledEchoesRef.current.keys;
                         echoes.push(`json:${contentKey}`);
-                        if (echoes.length > 32)
+                        if (echoes.length > 32) {
                             echoes.shift();
+                        }
                     }
                     onContentChangeJSONRef.current?.(snapshotJson);
                 }
@@ -153,14 +156,17 @@ function useNativeEditorDocument(options) {
     // local-API replacement carrying the rendered engine revision as its
     // base. Content callbacks stay suppressed (controlled sync parity).
     (0, react_1.useEffect)(() => {
-        if (engineView.editorId !== editorId || !engineView.ready || handle.isDestroyed)
+        if (engineView.editorId !== editorId || !engineView.ready || handle.isDestroyed) {
             return;
-        if (engineView.documentRevision == null)
+        }
+        if (engineView.documentRevision == null) {
             return;
+        }
         const wantsHtml = value != null;
         const wantsJson = value == null && serializedControlledJson != null;
-        if (!wantsHtml && !wantsJson)
+        if (!wantsHtml && !wantsJson) {
             return;
+        }
         const controlledContentKey = wantsHtml
             ? `html:${value}`
             : `json:${serializedControlledJson}`;
@@ -169,10 +175,12 @@ function useNativeEditorDocument(options) {
             lastControlledContentKeyRef.current = controlledContentKey;
             ignoredControlledEchoRef.current = null;
         }
-        if (ignoredControlledEchoRef.current === controlledContentKey)
+        if (ignoredControlledEchoRef.current === controlledContentKey) {
             return;
-        if (!controlledContentChanged && pendingControlledEchoesRef.current.keys.length > 0)
+        }
+        if (!controlledContentChanged && pendingControlledEchoesRef.current.keys.length > 0) {
             return;
+        }
         const snapshot = handle.bridge.getContentSnapshot();
         if (currentEditorIdRef.current !== editorId || emittedRef.current.editorId !== editorId) {
             return;
@@ -211,8 +219,9 @@ function useNativeEditorDocument(options) {
                 history: valueJSONUpdateMode === 'reset' ? 'resetAndClear' : 'undoableBoundary',
                 baseDocumentRevision: engineView.documentRevision,
             });
-            if (currentEditorIdRef.current !== editorId)
+            if (currentEditorIdRef.current !== editorId) {
                 return;
+            }
             onLocalCommitRef.current?.();
             refresh(false);
         }
@@ -248,8 +257,9 @@ function useNativeEditorDocument(options) {
             return;
         }
         operation();
-        if (currentEditorIdRef.current !== handle.editorId)
+        if (currentEditorIdRef.current !== handle.editorId) {
             return;
+        }
         onLocalCommitRef.current?.();
         refresh(true);
     }, [handle, refresh]);

package/dist/useRichTextEditorCommands.d.ts

@@ -2,8 +2,8 @@ import { type AtomAttrsUpdate } from './atoms';
 import { type AtomInstance } from './atomInstances';
 import { type NativeEditorDocumentHandle } from './NativeEditorBridge';
 import { type EditorToolbarHeadingLevel } from './EditorToolbar';
-import { useRichTextEditorState } from './useRichTextEditorState';
-import { useRichTextEditorUpdates } from './useRichTextEditorUpdates';
+import { type useRichTextEditorState } from './useRichTextEditorState';
+import { type useRichTextEditorUpdates } from './useRichTextEditorUpdates';
 export declare function useRichTextEditorCommands(context: Pick<ReturnType<typeof useRichTextEditorState>, 'editable' | 'documentHandle' | 'latestRevisionRef' | 'atomStateRef' | 'bridge' | 'document' | 'nativeViewRef' | 'activeStateRef' | 'documentDescriptor' | 'onRequestLinkRef' | 'selectionRef' | 'onRequestImageRef' | 'ref' | 'externalCompositionManager'> & Pick<ReturnType<typeof useRichTextEditorUpdates>, 'refreshAtomsFromUpdate' | 'afterLocalEngineMutation' | 'pushEngineUpdateToView'>): {
     openLinkRequest: () => void;
     openImageRequest: () => void;