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

package/ios/EditorStyleSheet.swift

@@ -150,6 +150,14 @@ struct EditorStyleBox {
     }
     var inset: UIEdgeInsets { padding.adding(borders) }
     var outerInsets: UIEdgeInsets { inset.adding(margin) }
+    var mentionInsets: UIEdgeInsets {
+        UIEdgeInsets(
+            top: number("paddingTop", fallback: number("padding", fallback: 4)),
+            left: number("paddingLeft", fallback: number("padding", fallback: 6)),
+            bottom: number("paddingBottom", fallback: number("padding", fallback: 4)),
+            right: number("paddingRight", fallback: number("padding", fallback: 6))
+        ).adding(borders)
+    }
     private func insets(_ key: String) -> UIEdgeInsets {
         UIEdgeInsets(top: number(key + "Top", fallback: number(key)), left: number(key + "Left", fallback: number(key)), bottom: number(key + "Bottom", fallback: number(key)), right: number(key + "Right", fallback: number(key)))
     }
@@ -410,15 +418,18 @@ final class EditorMentionRenderedBox: NSObject {
     let label: NSAttributedString?
     let size: CGSize
     let padding: UIEdgeInsets
+    let baselineOffset: CGFloat
 
     init(box: EditorStyleBox, label: NSAttributedString? = nil) {
         self.box = box
         self.label = label
-        padding = UIEdgeInsets(top: 4, left: 6, bottom: 4, right: 6).adding(box.inset)
+        padding = box.mentionInsets
         let measured = label?.size() ?? .zero
         let lineHeight = box.number("lineHeight", fallback: measured.height)
         size = CGSize(width: ceil(measured.width) + padding.left + padding.right,
             height: ceil(max(measured.height, lineHeight)) + padding.top + padding.bottom)
+        let font = label.flatMap { $0.length > 0 ? $0.attribute(.font, at: 0, effectiveRange: nil) as? UIFont : nil }
+        baselineOffset = padding.top + (size.height - padding.top - padding.bottom - measured.height) / 2 + (font?.ascender ?? 0)
     }
 }
 

package/ios/EditorTextView+Images.swift

@@ -289,7 +289,7 @@ extension EditorTextView {
         return (selectionState.docPos, rect)
     }
 
-    private func blockImageAttachment(docPos: UInt32) -> (range: NSRange, attachment: BlockImageAttachment)? {
+    func blockImageAttachment(docPos: UInt32) -> (range: NSRange, attachment: BlockImageAttachment)? {
         let fullRange = NSRange(location: 0, length: textStorage.length)
         var resolved: (range: NSRange, attachment: BlockImageAttachment)?
         textStorage.enumerateAttribute(
@@ -309,10 +309,6 @@ extension EditorTextView {
         return resolved
     }
 
-    func imagePreviewForDocPos(_ docPos: UInt32) -> UIImage? {
-        blockImageAttachment(docPos: docPos)?.attachment.previewImage()
-    }
-
     func maximumRenderableImageWidth() -> CGFloat {
         let containerWidth: CGFloat
         if bounds.width > 0 {
@@ -337,14 +333,40 @@ extension EditorTextView {
         }
     }
 
-    func previewResizeImageAtDocPos(_ docPos: UInt32, width: CGFloat, height: CGFloat) {
+    func previewResizeImageAtDocPos(_ docPos: UInt32, width: CGFloat?, height: CGFloat?) {
         guard let attachmentState = blockImageAttachment(docPos: docPos) else { return }
-        attachmentState.attachment.setPreferredSize(width: width, height: height)
-        layoutManager.invalidateLayout(forCharacterRange: attachmentState.range, actualCharacterRange: nil)
-        layoutManager.invalidateDisplay(forCharacterRange: attachmentState.range)
+        updateImageResizePreview(attachmentState.attachment, range: attachmentState.range, width: width, height: height)
+    }
+
+    func restoreImageResizePreview(_ attachment: BlockImageAttachment, width: CGFloat?, height: CGFloat?) {
+        var attachmentRange: NSRange?
+        textStorage.enumerateAttribute(.attachment, in: NSRange(location: 0, length: textStorage.length)) { value, range, stop in
+            if value as? BlockImageAttachment === attachment {
+                attachmentRange = range
+                stop.pointee = true
+            }
+        }
+        guard let attachmentRange else { return }
+        updateImageResizePreview(attachment, range: attachmentRange, width: width, height: height)
+    }
+
+    private func updateImageResizePreview(_ attachment: BlockImageAttachment, range: NSRange, width: CGFloat?, height: CGFloat?) {
+        guard attachment.preferredWidth != width || attachment.preferredHeight != height else { return }
+        let previousOffset = contentOffset
+        attachment.preferredWidth = width
+        attachment.preferredHeight = height
+        layoutManager.invalidateLayout(forCharacterRange: range, actualCharacterRange: nil)
+        layoutManager.invalidateDisplay(forCharacterRange: range)
         textStorage.beginEditing()
-        textStorage.edited(.editedAttributes, range: attachmentState.range, changeInLength: 0)
+        textStorage.edited(.editedAttributes, range: range, changeInLength: 0)
         textStorage.endEditing()
+        invalidateAutoGrowHeightMeasurement()
+        layoutManager.ensureLayout(forCharacterRange: range)
+        setNeedsLayout()
+        layoutIfNeeded()
+        setContentOffset(previousOffset, animated: false)
+        notifyHeightChangeIfNeeded()
+        onViewportMayChange?()
     }
 
     func setImageResizePreviewActive(_ active: Bool) {

package/ios/EditorTextView.swift

@@ -415,7 +415,7 @@ final class EditorTextView: UITextView, UIGestureRecognizerDelegate, UITextDragD
                 height: min(maxPlaceholderHeight, ceil(fittedHeight))
             )
         }
-        if heightBehavior == .autoGrow, !isPreviewingImageResize {
+        if heightBehavior == .autoGrow {
             let currentWidth = ceil(bounds.width)
             if abs(currentWidth - lastAutoGrowMeasuredWidth) > 0.5 {
                 autoGrowHeightCheckIsDirty = true

package/ios/EditorV2Adapter+RenderValidation.swift

@@ -150,7 +150,7 @@ extension EditorV2Adapter {
     private static func isValidMentionStyle(_ value: Any) -> Bool {
         guard let style = value as? [String: Any] else { return false }
         let colors: Set<String> = ["color", "backgroundColor", "textDecorationColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"]
-        let dimensions: Set<String> = ["fontSize", "lineHeight", "letterSpacing", "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius"]
+        let dimensions: Set<String> = ["paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "fontSize", "lineHeight", "letterSpacing", "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius"]
         let strings: Set<String> = ["fontFamily", "fontWeight", "fontStyle", "textDecorationLine", "textDecorationStyle", "borderStyle"]
         guard hasOnlyKeys(style, colors.union(dimensions).union(strings)) else { return false }
         for key in colors where style[key] != nil {
@@ -159,7 +159,7 @@ extension EditorV2Adapter {
         for key in dimensions where style[key] != nil {
             guard let number = finiteNumber(style[key])?.doubleValue else { return false }
             if ["fontSize", "lineHeight"].contains(key), number <= 0 { return false }
-            if key.hasPrefix("border"), number < 0 { return false }
+            if key.hasPrefix("border") || key.hasPrefix("padding"), number < 0 { return false }
         }
         for key in strings where style[key] != nil {
             guard let value = style[key] as? String else { return false }

package/ios/NativeToolbar+ButtonStyle.swift

@@ -108,9 +108,7 @@ extension EditorAccessoryToolbarView {
                 ?? (resolvedAppearance == .native ? self.tintColor : .secondaryLabel)
         }
 
-        button.tintColor = tintColor
-        button.setTitleColor(tintColor, for: .normal)
-        button.setTitleColor(tintColor, for: .disabled)
+        applyButtonForeground(to: button, color: tintColor)
         button.tintAdjustmentMode = enabled ? .automatic : .normal
         button.alpha = enabled || resolvedAppearance == .native ? 1 : 0.7
         let inactiveBackgroundColor = buttonStyle?.backgroundColor
@@ -139,7 +137,20 @@ extension EditorAccessoryToolbarView {
             color: backgroundColor,
             cornerRadius: cornerRadius
         )
-        applyButtonIconStyle(to: button, item: item)
+        applyButtonIconStyle(to: button, item: item, color: tintColor)
+    }
+
+    /// A configured `UIButton` paints disabled content in its own system gray,
+    /// ignoring `tintColor`, so the colour must be forced through the
+    /// configuration's transformers as well.
+    private func applyButtonForeground(to button: UIButton, color: UIColor) {
+        button.tintColor = color
+        button.setTitleColor(color, for: .normal)
+        button.setTitleColor(color, for: .disabled)
+        guard #available(iOS 15.0, *), var configuration = button.configuration else { return }
+        configuration.baseForegroundColor = color
+        configuration.imageColorTransformer = UIConfigurationColorTransformer { _ in color }
+        button.configuration = configuration
     }
 
     /// Own the configured background to avoid stacking it with UIButton state fills.
@@ -175,13 +186,14 @@ extension EditorAccessoryToolbarView {
         return min(requestedSize, resolvedButtonSize)
     }
 
-    private func applyButtonIconStyle(to button: UIButton, item: NativeToolbarItem) {
+    private func applyButtonIconStyle(to button: UIButton, item: NativeToolbarItem, color: UIColor) {
         let iconSize = resolvedButtonIconSize(for: item)
         let font = UIFont.systemFont(ofSize: iconSize, weight: .semibold)
         if #available(iOS 15.0, *), var configuration = button.configuration {
             configuration.titleTextAttributesTransformer = UIConfigurationTextAttributesTransformer { incoming in
                 var outgoing = incoming
                 outgoing.font = font
+                outgoing.foregroundColor = color
                 return outgoing
             }
             button.configuration = configuration

package/ios/NativeToolbar+Diagnostics.swift

@@ -25,6 +25,21 @@ extension EditorAccessoryToolbarView {
         buttonBindings.indices.contains(index) ? buttonBindings[index].button.tintColor : nil
     }
 
+    /// The foreground colour a configured button will actually paint for its
+    /// current state, resolved through the configuration transformers rather
+    /// than `tintColor`, which UIKit ignores for disabled configured buttons.
+    func buttonPaintedForegroundColorForTesting(_ index: Int) -> UIColor? {
+        guard buttonBindings.indices.contains(index) else { return nil }
+        let button = buttonBindings[index].button
+        guard #available(iOS 15.0, *), let configuration = button.configuration else {
+            return button.titleColor(for: button.state)
+        }
+        if button.image(for: .normal) != nil {
+            return configuration.imageColorTransformer?(.black)
+        }
+        return configuration.titleTextAttributesTransformer?(AttributeContainer()).foregroundColor
+    }
+
     func buttonFontSizeForTesting(_ index: Int) -> CGFloat? {
         buttonBindings.indices.contains(index) ? buttonBindings[index].button.titleLabel?.font.pointSize : nil
     }

package/ios/RenderBridge+Atoms.swift

@@ -192,7 +192,6 @@ extension RenderBridge {
             }
             let attachment = BlockImageAttachment(
                 source: source,
-                placeholderTint: textColor,
                 preferredWidth: jsonCGFloat(elementAttrs["width"]),
                 preferredHeight: jsonCGFloat(elementAttrs["height"])
             )

package/ios/RenderBridge+Attachments.swift

@@ -101,7 +101,6 @@ final class AtomBlockAttachment: NSTextAttachment {
 final class BlockImageAttachment: NSTextAttachment {
     var styleBox: EditorStyleBox?
     let source: String
-    let placeholderTint: UIColor
     private weak var loadOwner: RenderImageLoadOwner?
     private var loadReceipt: RenderImageLoadOwner.ImageLoadReceipt?
     var preferredWidth: CGFloat?
@@ -110,12 +109,10 @@ final class BlockImageAttachment: NSTextAttachment {
 
     init(
         source: String,
-        placeholderTint: UIColor,
         preferredWidth: CGFloat?,
         preferredHeight: CGFloat?
     ) {
         self.source = source
-        self.placeholderTint = placeholderTint
         self.preferredWidth = preferredWidth
         self.preferredHeight = preferredHeight
         self.loadOwner = RenderImageLoadOwner.current
@@ -131,15 +128,6 @@ final class BlockImageAttachment: NSTextAttachment {
         loadReceipt?.cancel()
     }
 
-    func setPreferredSize(width: CGFloat, height: CGFloat) {
-        preferredWidth = width
-        preferredHeight = height
-    }
-
-    func previewImage() -> UIImage? {
-        loadedImage ?? image
-    }
-
     override func attachmentBounds(
         for textContainer: NSTextContainer?,
         proposedLineFragment lineFrag: CGRect,
@@ -193,9 +181,6 @@ final class BlockImageAttachment: NSTextAttachment {
                 renderer.cgContext.clip(to: imageBounds.inset(by: styleBox.inset))
                 if let loadedImage {
                     loadedImage.draw(in: styleBox.imageRect(loadedImage.size, in: imageBounds))
-                } else {
-                    let iconBounds = imageBounds.insetBy(dx: imageBounds.width * 0.35, dy: imageBounds.height * 0.35)
-                    UIImage(systemName: "photo")?.withTintColor(placeholderTint, renderingMode: .alwaysOriginal).draw(in: iconBounds)
                 }
             }
         }
@@ -206,20 +191,6 @@ final class BlockImageAttachment: NSTextAttachment {
             let path = UIBezierPath(roundedRect: imageBounds, cornerRadius: 12)
             UIColor.secondarySystemFill.setFill()
             path.fill()
-
-            let iconSize = min(imageBounds.width, imageBounds.height) * 0.28
-            let iconOrigin = CGPoint(
-                x: imageBounds.midX - (iconSize / 2),
-                y: imageBounds.midY - (iconSize / 2)
-            )
-            let iconRect = CGRect(origin: iconOrigin, size: CGSize(width: iconSize, height: iconSize))
-
-            if #available(iOS 13.0, *) {
-                let config = UIImage.SymbolConfiguration(pointSize: iconSize, weight: .medium)
-                let icon = UIImage(systemName: "photo", withConfiguration: config)?
-                    .withTintColor(placeholderTint.withAlphaComponent(0.7), renderingMode: .alwaysOriginal)
-                icon?.draw(in: iconRect)
-            }
         }
     }
 

package/ios/RichTextEditorView.swift

@@ -684,10 +684,6 @@ final class RichTextEditorView: UIView {
         imageTapOverlayView.handleTapForTesting(convert(point, to: imageTapOverlayView))
     }
 
-    func imageResizePreviewHasImageForTesting() -> Bool {
-        imageResizeOverlayView.previewHasImageForTesting
-    }
-
     func refreshSelectionVisualStateForTesting() {
         textView.refreshSelectionVisualState()
     }
@@ -708,6 +704,10 @@ final class RichTextEditorView: UIView {
         imageResizeOverlayView.simulatePreviewResizeForTesting(width: width, height: height)
     }
 
+    func previewImageResizeDragForTesting(corner: ImageResizeOverlayView.Corner, translation: CGPoint) {
+        imageResizeOverlayView.simulatePreviewDragForTesting(corner: corner, translation: translation)
+    }
+
     func commitPreviewResizeForTesting() {
         imageResizeOverlayView.commitPreviewResizeForTesting()
     }
@@ -803,14 +803,6 @@ final class RichTextEditorView: UIView {
         textView.setImageResizePreviewActive(active)
     }
 
-    func imagePreviewForResize(docPos: UInt32) -> UIImage? {
-        textView.imagePreviewForDocPos(docPos)
-    }
-
-    func imageResizePreviewBackgroundColor() -> UIColor {
-        textView.backgroundColor ?? .systemBackground
-    }
-
     func maximumImageWidthForResizeGesture() -> CGFloat {
         textView.maximumRenderableImageWidth()
     }

package/ios/Viewer/CoreTextProseLayoutEngine+AttributedText.swift

@@ -79,8 +79,9 @@ extension CoreTextProseLayoutEngine {
                 let labelWidth = CGFloat(CTLineGetTypographicBounds(labelLine, &labelAscent, &labelDescent, &labelLeading))
                 let requestedHeight = EditorTheme.cgFloat(appearance.attributes[editorInlineLineHeightAttribute]) ?? 0
                 let extra = max(0, requestedHeight - labelAscent - max(labelDescent, 2)) / 2
+                let paddedWidth = labelWidth + appearance.padding.left + appearance.padding.right
                 let metrics = PreparedAtomMetrics(
-                    width: max(paint.font.lineHeight, labelWidth + appearance.padding.left + appearance.padding.right),
+                    width: nodeType == "mention" ? paddedWidth : max(paint.font.lineHeight, paddedWidth),
                     ascent: labelAscent + extra + appearance.padding.top,
                     descent: max(labelDescent, 2) + extra + appearance.padding.bottom
                 )
@@ -388,7 +389,7 @@ extension CoreTextProseLayoutEngine {
                 var boxValues = values
                 boxValues["backgroundColor"] = values["backgroundColor"] ?? "#007aff1f"
                 let box = EditorStyleBox(boxValues)
-                return PreparedAtomAppearance(styleBox: box, attributes: coreTextAttributes(styled), background: box.color("backgroundColor") ?? .clear, borderColor: nil, borderWidth: 0, radius: 0, padding: UIEdgeInsets(top: 4, left: 6, bottom: 4, right: 6).adding(box.inset))
+                return PreparedAtomAppearance(styleBox: box, attributes: coreTextAttributes(styled), background: box.color("backgroundColor") ?? .clear, borderColor: nil, borderWidth: 0, radius: 0, padding: box.mentionInsets)
             }
             return PreparedAtomAppearance(
                 attributes: attributes,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apollohg/react-native-rich-text-editor",
-    "version": "2.0.0",
+    "version": "2.0.2",
     "description": "Native rich text editor with Rust core for React Native",
     "license": "Apache-2.0",
     "homepage": "https://github.com/apollohg/react-native-rich-text-editor",
@@ -104,21 +104,29 @@
     },
     "devDependencies": {
         "@babel/runtime": "^7.29.7",
+        "@eslint/js": "^10.0.1",
         "@expo/vector-icons": "^15.0.3",
         "@react-native/jest-preset": "0.86.2",
+        "@stylistic/eslint-plugin": "^5.10.0",
         "@testing-library/react-native": "^13.3.3",
         "@types/jest": "29.5.14",
         "@types/react": "^19.2.14",
         "babel-jest": "^29.7.0",
         "babel-preset-expo": "~57.0.8",
+        "eslint": "^10.10.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.1.1",
+        "eslint-plugin-react-native": "^5.0.0",
+        "eslint-plugin-slop": "^0.1.3",
         "expo": "^57.0.9",
         "expo-modules-core": "~57.0.8",
         "jest": "^29.7.0",
-        "prettier": "^3.8.1",
+        "jiti": "^2.7.0",
         "react": "19.2.3",
         "react-native": "0.86.2",
         "react-test-renderer": "19.2.3",
-        "typescript": "^5.9.3"
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.70.0"
     },
     "files": [
         "README.md",

package/react-native.config.js

@@ -7,7 +7,7 @@ module.exports = {
             // metadata; no nested compatibility podspec exists.
             ios: {},
             android: {
-                componentDescriptors: ['PreparedProseViewerComponentDescriptor'],
+                componentDescriptors: [ 'PreparedProseViewerComponentDescriptor' ],
                 cmakeListsPath: '../android/src/main/jni/CMakeLists.txt',
                 packageImportPath: 'import com.apollohg.editor.viewer.PreparedProseViewerPackage;',
                 packageInstance: 'new PreparedProseViewerPackage()',

package/src/AtomHost.tsx

@@ -11,9 +11,12 @@ export interface AtomViewport {
 }
 
 export function atomIsVisible(y: number, height: number, viewport?: AtomViewport): boolean {
-    if (!viewport) return true;
+    if (!viewport) {
+        return true;
+    }
+
     if (
-        ![viewport.y, viewport.height, viewport.overscan ?? 200].every(Number.isFinite) ||
+        ![ viewport.y, viewport.height, viewport.overscan ?? 200 ].every(Number.isFinite) ||
         viewport.height < 0 ||
         (viewport.overscan ?? 200) < 0
     ) {
@@ -21,7 +24,9 @@ export function atomIsVisible(y: number, height: number, viewport?: AtomViewport
             'Atom viewport must have finite coordinates and non-negative height and overscan.'
         );
     }
+
     const overscan = viewport.overscan ?? 200;
+
     return y + height >= viewport.y - overscan && y <= viewport.y + viewport.height + overscan;
 }
 
@@ -49,13 +54,17 @@ class AtomErrorBoundary extends React.Component<
     }
 
     render() {
-        if (!this.state.error) return this.props.children;
+        if (!this.state.error) {
+            return this.props.children;
+        }
+
         return (
-            <View accessibilityRole='alert' style={{ minHeight: 32, padding: 8 }}>
+            <View accessibilityRole={'alert'} style={{ minHeight: 32, padding: 8 }}>
                 <Text>Unable to display {this.props.nodeType}</Text>
                 <Pressable
-                    accessibilityRole='button'
-                    onPress={() => this.setState({ error: false })}>
+                    accessibilityRole={'button'}
+                    onPress={() => this.setState({ error: false })}
+                >
                     <Text>Retry</Text>
                 </Pressable>
             </View>
@@ -80,58 +89,77 @@ export function AtomHost({
     onMeasure?: (event: import('react-native').LayoutChangeEvent) => void;
     nativeID?: string;
 }) {
-    const [measurement, setMeasurement] = useState({ width, height: estimatedHeight });
-    const [focused, setFocused] = useState(false);
-    const [active, setActive] = useState(false);
-    const [pending, setPending] = useState(0);
-    const [updateError, setUpdateError] = useState<Error | null>(null);
+    const [ measurement, setMeasurement ] = useState({ width, height: estimatedHeight });
+    const [ focused, setFocused ] = useState(false);
+    const [ active, setActive ] = useState(false);
+    const [ pending, setPending ] = useState(0);
+    const [ updateError, setUpdateError ] = useState<Error | null>(null);
     const latestRequest = useRef(0);
     const applyUpdate = atomProps.updateAttrs;
     const mounted = useRef(true);
+
     useEffect(() => {
         mounted.current = true;
+
         return () => {
             mounted.current = false;
         };
     }, []);
+
     const updateAttrs = useCallback(
-        async (update: AtomAttrsUpdate) => {
-            if (!mounted.current)
+        async(update: AtomAttrsUpdate) => {
+            if (!mounted.current) {
                 throw new AtomUpdateAttrsError('not-ready', 'The atom is unmounted.');
+            }
+
             const request = ++latestRequest.current;
-            setPending((count) => count + 1);
+            setPending(count => count + 1);
             setUpdateError(null);
+
             try {
                 await applyUpdate(update);
             } catch (error) {
-                if (mounted.current && latestRequest.current === request)
+                if (mounted.current && latestRequest.current === request) {
                     setUpdateError(error instanceof Error ? error : new Error(String(error)));
+                }
+
                 throw error;
             } finally {
-                if (mounted.current) setPending((count) => count - 1);
+                if (mounted.current) {
+                    setPending(count => count - 1);
+                }
             }
         },
-        [applyUpdate]
+        [ applyUpdate ]
     );
+
     const editor = useMemo(() => {
-        if (!atomProps.editor) return undefined;
-        const guard = (action: () => Promise<void>) => async () => {
-            if (!mounted.current)
+        if (!atomProps.editor) {
+            return undefined;
+        }
+
+        const guard = (action: () => Promise<void>) => async() => {
+            if (!mounted.current) {
                 throw new AtomUpdateAttrsError('not-ready', 'The atom is unmounted.');
+            }
+
             return action();
         };
+
         return {
             select: guard(atomProps.editor.select),
             delete: guard(atomProps.editor.delete),
             focusBefore: guard(atomProps.editor.focusBefore),
             focusAfter: guard(atomProps.editor.focusAfter),
         };
-    }, [atomProps.editor]);
+    }, [ atomProps.editor ]);
+
     const retainedHeight = measurement.width === width ? measurement.height : estimatedHeight;
     const show = visible || focused || active || pending > 0 || atomProps.selected;
+
     return (
         <View
-            testID='atom-host'
+            testID={'atom-host'}
             nativeID={nativeID}
             collapsable={false}
             pointerEvents={atomProps.interactive === false ? 'none' : 'box-none'}
@@ -139,23 +167,24 @@ export function AtomHost({
             importantForAccessibility={!show ? 'no-hide-descendants' : 'auto'}
             onFocus={() => setFocused(true)}
             onBlur={() => setFocused(false)}
-            onLayout={(event) => {
+            onLayout={event => {
                 onMeasure?.(event);
                 const size = event.nativeEvent.layout;
+
                 if (
                     show &&
                     Number.isFinite(size.height) &&
                     size.height >= 0 &&
                     Math.abs(size.width - width) <= 1
                 ) {
-                    setMeasurement((previous) =>
+                    setMeasurement(previous =>
                         previous.width === width && previous.height === size.height
                             ? previous
-                            : { width, height: size.height }
-                    );
+                            : { width, height: size.height });
                 }
             }}
-            style={show ? undefined : { height: retainedHeight }}>
+            style={show ? undefined : { height: retainedHeight }}
+        >
             {show && (
                 <AtomErrorBoundary component={Component} nodeType={atomProps.nodeType}>
                     <Suspense
@@ -163,7 +192,8 @@ export function AtomHost({
                             <View style={{ height: retainedHeight }}>
                                 <Text>Loading {atomProps.nodeType}…</Text>
                             </View>
-                        }>
+                        }
+                    >
                         <Component
                             {...atomProps}
                             editor={editor}

package/src/EditorAddon.ts

@@ -37,21 +37,31 @@ export type EditorAddonEntry = EditorAddon | false | null | undefined;
 export type EditorAddons = readonly EditorAddonEntry[];
 
 function copyConfiguration<T>(value: T, ancestors = new Set<object>()): T {
-    if (value === null || typeof value !== 'object') return value;
-    if (ancestors.has(value)) throw new Error('Addon configuration must not contain cycles.');
+    if (value === null || typeof value !== 'object') {
+        return value;
+    }
+
+    if (ancestors.has(value)) {
+        throw new Error('Addon configuration must not contain cycles.');
+    }
+
     if (!Array.isArray(value) && Object.getPrototypeOf(value) !== Object.prototype) {
         throw new Error('Addon configuration must contain only plain objects and arrays.');
     }
+
     ancestors.add(value);
+
     const copy = Array.isArray(value)
-        ? value.map((entry) => copyConfiguration(entry, ancestors))
+        ? value.map((entry: unknown) => copyConfiguration(entry, ancestors))
         : Object.fromEntries(
-              Object.entries(value).map(([key, entry]) => [
-                  key,
-                  copyConfiguration(entry, ancestors),
-              ])
-          );
+            Object.entries(value).map(([ key, entry ]) => [
+                key,
+                copyConfiguration(entry, ancestors),
+            ])
+        );
+
     ancestors.delete(value);
+
     return Object.freeze(copy) as T;
 }