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

package/src/ResourceLimits.ts

@@ -8,7 +8,7 @@ import { NativeEditorBoundaryError } from './NativeEditorBoundaryError';
  * Every field is optional; an omitted one uses
  * {@link DEFAULT_EDITOR_RESOURCE_LIMITS}. Each value must be a positive
  * integer no greater than the matching {@link HARD_EDITOR_RESOURCE_LIMITS}
- * ceiling — anything else throws `NativeEditorBoundaryError`
+ * ceiling : anything else throws `NativeEditorBoundaryError`
  * (`INVALID_RESOURCE_LIMIT`). Exceeding a limit at runtime raises
  * `INPUT_LIMIT_EXCEEDED`, `DOCUMENT_LIMIT_EXCEEDED`, or `SCHEMA_INVALID`.
  */
@@ -25,7 +25,7 @@ export interface EditorResourceLimits {
     maxSchemaExpressionBytes?: number;
     /** Byte ceiling for one inbound collaboration message. */
     maxCollaborationMessageBytes?: number;
-    /** Byte ceiling for an encoded Yjs state — imported room snapshots and exported ones. */
+    /** Byte ceiling for an encoded Yjs state : imported room snapshots and exported ones. */
     maxEncodedStateBytes?: number;
 }
 
@@ -142,6 +142,7 @@ function validateLimit(name: string, value: number, ceiling: number): void {
 function resolveLimit(name: keyof ResolvedEditorResourceLimits, value?: number): number {
     const resolved = value ?? DEFAULT_EDITOR_RESOURCE_LIMITS[name];
     validateLimit(name, resolved, HARD_EDITOR_RESOURCE_LIMITS[name]);
+
     return resolved;
 }
 
@@ -149,9 +150,13 @@ function validateOverrides<T extends object>(
     limits: T | undefined,
     ceilings: Readonly<Required<T>>
 ): void {
-    if (limits === undefined) return;
+    if (limits === undefined) {
+        return;
+    }
+
     for (const name of Object.keys(ceilings) as Array<keyof T>) {
         const value = limits[name];
+
         if (value !== undefined) {
             validateLimit(String(name), value as number, ceilings[name] as number);
         }
@@ -179,9 +184,11 @@ export function validateEditorCreateLimits(limits?: {
 export function resolveEditorResourceLimits(
     limits: EditorResourceLimits = {}
 ): ResolvedEditorResourceLimits {
-    return Object.fromEntries(
-        (Object.keys(DEFAULT_EDITOR_RESOURCE_LIMITS) as Array<
-            keyof ResolvedEditorResourceLimits
-        >).map((name) => [name, resolveLimit(name, limits[name])])
-    ) as unknown as ResolvedEditorResourceLimits;
+    const resolved = { ...DEFAULT_EDITOR_RESOURCE_LIMITS };
+
+    for (const name of Object.keys(resolved) as Array<keyof ResolvedEditorResourceLimits>) {
+        resolved[name] = resolveLimit(name, limits[name]);
+    }
+
+    return resolved;
 }

package/src/RichTextEditor.tsx

@@ -8,17 +8,19 @@ import { useRichTextEditorMentions } from './useRichTextEditorMentions';
 import { useRichTextEditorPresentation } from './useRichTextEditorPresentation';
 
 export const RichTextEditor = forwardRef<RichTextEditorRef, RichTextEditorProps>(
-    function RichTextEditor(props, ref) {
+    (props, ref) => {
         const state = useRichTextEditorState(props, ref);
         const updates = useRichTextEditorUpdates(state);
         const commands = useRichTextEditorCommands({ ...state, ...updates });
         const events = useRichTextEditorEvents({ ...state, ...updates, ...commands });
+
         const mentions = useRichTextEditorMentions({
             ...state,
             ...commands,
             ...updates,
             ...events,
         });
+
         return useRichTextEditorPresentation({ ...state, ...mentions, ...commands, ...events });
     }
 );

package/src/RichTextEditorNativeTypes.tsx

@@ -1,5 +1,5 @@
 import {
-    ExternalTextCompositionManager,
+    type ExternalTextCompositionManager,
     type NativeExternalTextCompositionHandle,
 } from './ExternalTextComposition';
 import { type ReactNode } from 'react';

package/src/RichTextEditorNativeView.tsx

@@ -1,14 +1,8 @@
 import { requireNativeViewManager } from 'expo-modules-core';
-import React from 'react';
+
 import { StyleSheet } from 'react-native';
-import {
-    type NativeEditorViewProps,
-    type NativeEditorViewHandle,
-} from './RichTextEditorNativeTypes';
 
-export const NativeEditorView = requireNativeViewManager('NativeEditor') as React.ComponentType<
-    NativeEditorViewProps & React.RefAttributes<NativeEditorViewHandle>
->;
+export const NativeEditorView = requireNativeViewManager('NativeEditor');
 
 export const styles = StyleSheet.create({
     container: {

package/src/RichTextEditorSerialization.tsx

@@ -10,12 +10,7 @@ import {
     type Selection,
 } from './NativeEditorBridge';
 import { atomSelected, type AtomInstance } from './atomInstances';
-import {
-    type EditorToolbarFrame,
-    type EditorToolbarGroupChildItem,
-    type EditorToolbarIcon,
-    type EditorToolbarItem,
-} from './EditorToolbar';
+import { type EditorToolbarFrame, type EditorToolbarGroupChildItem, type EditorToolbarItem } from './EditorToolbar';
 import { IMAGE_NODE_NAME } from './schemas';
 import { useRef } from 'react';
 import {
@@ -38,8 +33,13 @@ export function mergeMentionSuggestionTheme(
     baseTheme: EditorMentionTheme | undefined,
     resolvedTheme: EditorMentionTheme | undefined
 ): EditorMentionTheme | undefined {
-    if (baseTheme == null) return resolvedTheme;
-    if (resolvedTheme == null) return baseTheme;
+    if (baseTheme == null) {
+        return resolvedTheme;
+    }
+
+    if (resolvedTheme == null) {
+        return baseTheme;
+    }
 
     return {
         node: { ...baseTheme.node, ...resolvedTheme.node },
@@ -54,6 +54,7 @@ export function mergeMentionSuggestionTheme(
 export function allocateToolbarFrameOwnerId(): number {
     const ownerId = nextNativeEditorToolbarFrameOwnerId;
     nextNativeEditorToolbarFrameOwnerId += 1;
+
     return ownerId;
 }
 
@@ -82,13 +83,13 @@ export function selectedAtomKeys(
 ): Set<string> {
     return new Set(
         instances
-            .filter((instance) => atomSelected(selection, instance.docPos))
+            .filter(instance => atomSelected(selection, instance.docPos))
             .map(({ key }) => key)
     );
 }
 
 export function equalStringSets(left: ReadonlySet<string>, right: ReadonlySet<string>): boolean {
-    return left.size === right.size && [...left].every((value) => right.has(value));
+    return left.size === right.size && [ ...left ].every(value => right.has(value));
 }
 
 export function equalAtomInstances(
@@ -112,11 +113,18 @@ export function isRecord(value: unknown): value is Record<string, unknown> {
 }
 
 export function parseSelectionFromUpdate(value: unknown): Selection | null {
-    if (!isRecord(value)) return null;
-    if (value.type === 'all') return { type: 'all' };
+    if (!isRecord(value)) {
+        return null;
+    }
+
+    if (value.type === 'all') {
+        return { type: 'all' };
+    }
+
     if (value.type === 'node' && typeof value.pos === 'number') {
         return { type: 'node', pos: value.pos };
     }
+
     if (
         value.type === 'text' &&
         typeof value.anchor === 'number' &&
@@ -124,6 +132,7 @@ export function parseSelectionFromUpdate(value: unknown): Selection | null {
     ) {
         return { type: 'text', anchor: value.anchor, head: value.head };
     }
+
     return null;
 }
 
@@ -134,16 +143,26 @@ export function stringArray(value: unknown): string[] {
 }
 
 export function booleanMap(value: unknown): Record<string, boolean> {
-    if (!isRecord(value)) return {};
+    if (!isRecord(value)) {
+        return {};
+    }
+
     const result: Record<string, boolean> = {};
+
     for (const key of Object.keys(value)) {
-        if (typeof value[key] === 'boolean') result[key] = value[key] as boolean;
+        if (typeof value[key] === 'boolean') {
+            result[key] = value[key];
+        }
     }
+
     return result;
 }
 
 export function parseActiveStateFromUpdate(value: unknown): ActiveState | null {
-    if (!isRecord(value)) return null;
+    if (!isRecord(value)) {
+        return null;
+    }
+
     return {
         marks: booleanMap(value.marks),
         markAttrs: isRecord(value.markAttrs)
@@ -188,6 +207,7 @@ export function acceptNativeCommitPayload(
     const canonicalBoundEditorId = normalizeNativeEditorV2DecimalId(boundEditorId);
     const canonicalEditorId = normalizeNativeEditorV2DecimalId(payload.editorId);
     const canonicalRevision = normalizeNativeEditorV2DecimalId(payload.documentRevision);
+
     if (
         canonicalBoundEditorId == null ||
         canonicalBoundEditorId !== boundEditorId ||
@@ -199,11 +219,17 @@ export function acceptNativeCommitPayload(
     ) {
         return null;
     }
+
     const snapshot = normalizeNativeEditorV2RenderUpdateValue(payload.updateJson);
-    if (snapshot == null || snapshot.documentVersion !== canonicalRevision) return null;
+
+    if (snapshot == null || snapshot.documentVersion !== canonicalRevision) {
+        return null;
+    }
+
     if (lastAcceptedRevision != null && BigInt(canonicalRevision) <= BigInt(lastAcceptedRevision)) {
         return null;
     }
+
     return { documentRevision: canonicalRevision, snapshot };
 }
 
@@ -219,19 +245,20 @@ export function mapToolbarChildForNative(
             type: 'action',
             key: LINK_TOOLBAR_ACTION_KEY,
             label: item.label,
-            icon: item.icon as EditorToolbarIcon,
+            icon: item.icon,
             buttonStyle: item.buttonStyle,
             placement: item.placement,
             isActive: activeState.marks.link === true,
             isDisabled: !editable || !onRequestLink || !activeState.allowedMarks.includes('link'),
         };
     }
+
     if (item.type === 'image') {
         return {
             type: 'action',
             key: IMAGE_TOOLBAR_ACTION_KEY,
             label: item.label,
-            icon: item.icon as EditorToolbarIcon,
+            icon: item.icon,
             buttonStyle: item.buttonStyle,
             placement: item.placement,
             isActive: false,
@@ -241,6 +268,7 @@ export function mapToolbarChildForNative(
                 !activeState.insertableNodes.includes(IMAGE_NODE_NAME),
         };
     }
+
     return item;
 }
 
@@ -251,24 +279,25 @@ export function mapToolbarItemsForNative(
     onRequestLink?: RichTextEditorProps['onRequestLink'],
     onRequestImage?: RichTextEditorProps['onRequestImage']
 ): EditorToolbarItem[] {
-    return items.map((item) => {
+    return items.map(item => {
         if (item.type === 'group') {
             return {
                 ...item,
-                items: item.items.map((child) =>
+                items: item.items.map(child =>
                     mapToolbarChildForNative(
                         child,
                         activeState,
                         editable,
                         onRequestLink,
                         onRequestImage
-                    )
-                ),
+                    )),
             };
         }
+
         if (item.type === 'separator') {
             return item;
         }
+
         return mapToolbarChildForNative(item, activeState, editable, onRequestLink, onRequestImage);
     });
 }
@@ -279,11 +308,14 @@ export function serializeRemoteSelections(
     if (!remoteSelections || remoteSelections.length === 0) {
         return undefined;
     }
-    const normalized = remoteSelections.map((selection) => {
+
+    const normalized = remoteSelections.map(selection => {
         const clientId = normalizeNativeEditorV2DecimalId(selection.clientId);
+
         if (clientId == null) {
             throw new Error('NativeRichTextEditor: remote clientId must be canonical decimal u64');
         }
+
         return {
             ...selection,
             clientId,
@@ -291,6 +323,7 @@ export function serializeRemoteSelections(
             head: requireNativeEditorV2U32(selection.head, 'remote selection head'),
         };
     });
+
     return stringifyCachedJson(normalized);
 }
 
@@ -300,6 +333,7 @@ export function serializeToolbarFrames(
     if (!frames || frames.length === 0) {
         return undefined;
     }
+
     return JSON.stringify(frames.length === 1 ? frames[0] : { frames });
 }
 
@@ -316,6 +350,7 @@ export function parseCaretRectJson(raw: string | null | undefined): RichTextEdit
         const height = typeof parsed.height === 'number' ? parsed.height : null;
         const editorWidth = typeof parsed.editorWidth === 'number' ? parsed.editorWidth : null;
         const editorHeight = typeof parsed.editorHeight === 'number' ? parsed.editorHeight : null;
+
         if (
             x == null ||
             y == null ||
@@ -326,7 +361,10 @@ export function parseCaretRectJson(raw: string | null | undefined): RichTextEdit
         ) {
             return null;
         }
-        return { x, y, width, height, editorWidth, editorHeight };
+
+        return {
+            x, y, width, height, editorWidth, editorHeight,
+        };
     } catch {
         return null;
     }
@@ -337,13 +375,17 @@ export const serializedJsonCache = new WeakMap<object, string>();
 export function stringifyCachedJson(value: unknown): string {
     if (value != null && typeof value === 'object') {
         const cached = serializedJsonCache.get(value);
+
         if (cached != null) {
             return cached;
         }
+
         const serialized = JSON.stringify(value);
         serializedJsonCache.set(value, serialized);
+
         return serialized;
     }
+
     return JSON.stringify(value);
 }
 
@@ -358,6 +400,7 @@ export function useSerializedValue<T>(
         hasRevision: boolean;
         serialized: string | undefined;
     } | null>(null);
+
     const hasRevision = revision !== undefined;
     const cached = cacheRef.current;
 
@@ -365,17 +408,20 @@ export function useSerializedValue<T>(
         if (hasRevision && cached.hasRevision && Object.is(cached.revision, revision)) {
             return cached.serialized;
         }
+
         if (Object.is(cached.value, value) && cached.hasRevision === hasRevision) {
             return cached.serialized;
         }
     }
 
     const serialized = value == null ? undefined : serialize(value);
+
     cacheRef.current = {
         value,
         revision,
         hasRevision,
         serialized,
     };
+
     return serialized;
 }

package/src/RichTextEditorTypes.tsx

@@ -200,7 +200,7 @@ export interface RichTextEditorProps {
     /** Remote awareness selections rendered as native overlays. */
     remoteSelections?: readonly RemoteSelectionDecoration[];
     /**
-     * Shared v2 document session — the only construction path. The native
+     * Shared v2 document session : the only construction path. The native
      * view binds to the same session (its editorId is passed straight to the
      * view), so typing, IME, selection, and toolbar commands flow through
      * the native v2 adapters into the shared engine while this component