@tinglinzh/react-native-markdownview 0.1.0

package/Package.swift

@@ -0,0 +1,33 @@
+// swift-tools-version: 5.9
+// When consumed via Swift Package Manager, MarkdownView is fetched automatically.
+// When consumed via CocoaPods, add MarkdownView to your Xcode project manually via
+// File → Add Package Dependencies → https://github.com/HumanInterfaceDesign/MarkdownView
+
+import PackageDescription
+
+let package = Package(
+    name: "ReactNativeMarkdownView",
+    platforms: [.iOS(.v16)],
+    products: [
+        .library(
+            name: "ReactNativeMarkdownView",
+            targets: ["ReactNativeMarkdownView"]
+        )
+    ],
+    dependencies: [
+        .package(
+            url: "https://github.com/HumanInterfaceDesign/MarkdownView",
+            branch: "main"
+        )
+    ],
+    targets: [
+        .target(
+            name: "ReactNativeMarkdownView",
+            dependencies: [
+                .product(name: "MarkdownView", package: "MarkdownView")
+            ],
+            path: "ios",
+            sources: ["RNMarkdownView.swift", "RNMarkdownViewManager.swift"]
+        )
+    ]
+)

package/ios/RNMarkdownView.swift

@@ -0,0 +1,261 @@
+import UIKit
+import MarkdownView
+
+/// UIView wrapper around MarkdownTextView for use in React Native.
+/// Handles prop → native API mapping and event forwarding for both
+/// the Old Architecture (via RNMarkdownViewManager) and the New
+/// Architecture (Fabric, via RNMarkdownViewComponentView).
+@objc public final class RNMarkdownView: UIView {
+
+    // MARK: - Internal view
+
+    private let markdownTextView = MarkdownTextView()
+    private var lastContentSize: CGSize = .zero
+
+    // MARK: - React props (Old Architecture uses KVC to set these)
+
+    /// The raw markdown string to render.
+    @objc public var markdown: String = "" {
+        didSet {
+            guard markdown != oldValue else { return }
+            markdownTextView.setMarkdown(string: markdown)
+            scheduleContentSizeNotification()
+        }
+    }
+
+    /// JSON-encoded MarkdownTheme overrides. See ThemeOptions in types.ts for the shape.
+    @objc public var themeJSON: String? {
+        didSet {
+            guard themeJSON != oldValue else { return }
+            applyThemeJSON(themeJSON)
+            if !markdown.isEmpty {
+                markdownTextView.setMarkdown(string: markdown)
+                scheduleContentSizeNotification()
+            }
+        }
+    }
+
+    // MARK: - Old Architecture event blocks
+
+    @objc public var onLinkPress: (([AnyHashable: Any]?) -> Void)?
+    @objc public var onImagePress: (([AnyHashable: Any]?) -> Void)?
+    @objc public var onLineSelection: (([AnyHashable: Any]?) -> Void)?
+    /// Fires when the natural content height changes. Payload: { contentSize: { width, height } }
+    @objc public var onContentSizeChange: (([AnyHashable: Any]?) -> Void)?
+
+    // MARK: - New Architecture (Fabric) callbacks – set by RNMarkdownViewComponentView.mm
+
+    var onLinkPressFabric: ((_ url: String, _ isURL: Bool) -> Void)?
+    var onImagePressFabric: ((_ source: String) -> Void)?
+    var onLineSelectionFabric: ((_ start: Int, _ end: Int, _ contents: [String], _ language: String?) -> Void)?
+    var onContentSizeChangeFabric: ((_ width: Double, _ height: Double) -> Void)?
+
+    // MARK: - Initializers
+
+    public override init(frame: CGRect) {
+        super.init(frame: frame)
+        setupView()
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
+
+    // MARK: - Setup
+
+    private func setupView() {
+        addSubview(markdownTextView)
+        markdownTextView.translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            markdownTextView.topAnchor.constraint(equalTo: topAnchor),
+            markdownTextView.leadingAnchor.constraint(equalTo: leadingAnchor),
+            markdownTextView.trailingAnchor.constraint(equalTo: trailingAnchor),
+            markdownTextView.bottomAnchor.constraint(equalTo: bottomAnchor),
+        ])
+        setupHandlers()
+    }
+
+    private func setupHandlers() {
+        markdownTextView.linkHandler = { [weak self] payload, _, _ in
+            guard let self else { return }
+            let (url, isURL): (String, Bool) = {
+                switch payload {
+                case .url(let u):   return (u.absoluteString, true)
+                case .string(let s): return (s, false)
+                }
+            }()
+            self.onLinkPress?(["url": url, "isURL": isURL])
+            self.onLinkPressFabric?(url, isURL)
+        }
+
+        markdownTextView.imageTapHandler = { [weak self] source, _ in
+            guard let self else { return }
+            self.onImagePress?(["source": source])
+            self.onImagePressFabric?(source)
+        }
+
+        markdownTextView.lineSelectionHandler = { [weak self] info in
+            guard let self else { return }
+            guard let info else { return }
+            let body: [AnyHashable: Any] = [
+                "startLine": info.lineRange.lowerBound,
+                "endLine": info.lineRange.upperBound,
+                "contents": info.contents,
+                "language": info.language as Any,
+            ]
+            self.onLineSelection?(body)
+            self.onLineSelectionFabric?(
+                info.lineRange.lowerBound,
+                info.lineRange.upperBound,
+                info.contents,
+                info.language
+            )
+        }
+    }
+
+    // MARK: - Layout
+
+    public override func layoutSubviews() {
+        super.layoutSubviews()
+        scheduleContentSizeNotification()
+    }
+
+    private func scheduleContentSizeNotification() {
+        DispatchQueue.main.async { [weak self] in
+            self?.emitContentSizeIfChanged()
+        }
+    }
+
+    private func emitContentSizeIfChanged() {
+        let size = markdownTextView.intrinsicContentSize
+        guard size.height > 0, size != lastContentSize else { return }
+        lastContentSize = size
+        let body: [AnyHashable: Any] = [
+            "contentSize": ["width": Double(size.width), "height": Double(size.height)]
+        ]
+        onContentSizeChange?(body)
+        onContentSizeChangeFabric?(Double(size.width), Double(size.height))
+    }
+
+    // MARK: - Fabric entry-points (called from RNMarkdownViewComponentView.mm)
+
+    @objc public func applyMarkdownString(_ value: String) {
+        self.markdown = value
+    }
+
+    @objc public func applyThemeJSONString(_ value: String?) {
+        self.themeJSON = value
+    }
+
+    // MARK: - Theme
+
+    private func applyThemeJSON(_ json: String?) {
+        guard
+            let json,
+            let data = json.data(using: .utf8),
+            let dict = try? JSONSerialization.jsonObject(with: data) as? [String: Any]
+        else { return }
+
+        var theme = MarkdownTheme()
+
+        applyColors(from: dict["colors"] as? [String: String], to: &theme)
+        applyFonts(from: dict["fonts"] as? [String: Any], to: &theme)
+        applySpacings(from: dict["spacings"] as? [String: CGFloat], to: &theme)
+        applyTable(from: dict["table"] as? [String: Any], to: &theme)
+
+        if let raw = dict["fontScale"] as? String,
+           let scale = MarkdownTheme.FontScale(rawValue: raw) {
+            theme.scaleFont(by: scale)
+        }
+        if let shows = dict["showsBlockHeaders"] as? Bool {
+            theme.showsBlockHeaders = shows
+        }
+
+        markdownTextView.theme = theme
+    }
+
+    private func applyColors(from dict: [String: String]?, to theme: inout MarkdownTheme) {
+        guard let dict else { return }
+        func set(_ key: String, _ apply: (UIColor) -> Void) {
+            if let hex = dict[key], let color = UIColor(hexString: hex) { apply(color) }
+        }
+        set("body")          { theme.colors.body = $0 }
+        set("code")          { theme.colors.code = $0 }
+        set("codeBackground") { theme.colors.codeBackground = $0 }
+        set("highlight")     { theme.colors.highlight = $0 }
+        set("emphasis")      { theme.colors.emphasis = $0 }
+        set("selectionTint") { theme.colors.selectionTint = $0 }
+    }
+
+    private func applyFonts(from dict: [String: Any]?, to theme: inout MarkdownTheme) {
+        guard let dict else { return }
+        let bodySize = dict["bodySize"] as? CGFloat ?? theme.fonts.body.pointSize
+        let codeSize = dict["codeSize"] as? CGFloat ?? theme.fonts.code.pointSize
+
+        let bodyFont: UIFont
+        if let name = dict["bodyName"] as? String, !name.isEmpty,
+           let f = UIFont(name: name, size: bodySize) {
+            bodyFont = f
+        } else {
+            bodyFont = .systemFont(ofSize: bodySize)
+        }
+        theme.fonts.body   = bodyFont
+        theme.fonts.bold   = UIFont(descriptor: bodyFont.fontDescriptor.withSymbolicTraits(.traitBold) ?? bodyFont.fontDescriptor, size: bodySize)
+        theme.fonts.italic = UIFont(descriptor: bodyFont.fontDescriptor.withSymbolicTraits(.traitItalic) ?? bodyFont.fontDescriptor, size: bodySize)
+
+        let codeFont: UIFont
+        if let name = dict["codeName"] as? String, !name.isEmpty,
+           let f = UIFont(name: name, size: codeSize) {
+            codeFont = f
+        } else {
+            codeFont = .monospacedSystemFont(ofSize: codeSize, weight: .regular)
+        }
+        theme.fonts.code       = codeFont
+        theme.fonts.codeInline = codeFont
+    }
+
+    private func applySpacings(from dict: [String: CGFloat]?, to theme: inout MarkdownTheme) {
+        guard let dict else { return }
+        if let v = dict["general"] { theme.spacings.general = v }
+        if let v = dict["list"]    { theme.spacings.list    = v }
+        if let v = dict["final"]   { theme.spacings.final   = v }
+        if let v = dict["cell"]    { theme.spacings.cell    = v }
+    }
+
+    private func applyTable(from dict: [String: Any]?, to theme: inout MarkdownTheme) {
+        guard let dict else { return }
+        if let r = dict["cornerRadius"] as? CGFloat { theme.table.cornerRadius = r }
+        if let w = dict["borderWidth"] as? CGFloat  { theme.table.borderWidth  = w }
+        if let hex = dict["borderColor"] as? String,
+           let c = UIColor(hexString: hex) { theme.table.borderColor = c }
+        if let hex = dict["headerBackgroundColor"] as? String,
+           let c = UIColor(hexString: hex) { theme.table.headerBackgroundColor = c }
+    }
+}
+
+// MARK: - UIColor hex initializer
+
+private extension UIColor {
+    /// Accepts "#RRGGBB", "#RRGGBBAA", "RRGGBB", "RRGGBBAA".
+    convenience init?(hexString: String) {
+        var hex = hexString.trimmingCharacters(in: .whitespacesAndNewlines)
+        if hex.hasPrefix("#") { hex = String(hex.dropFirst()) }
+        guard hex.count == 6 || hex.count == 8 else { return nil }
+        var value: UInt64 = 0
+        guard Scanner(string: hex).scanHexInt64(&value) else { return nil }
+        if hex.count == 6 {
+            self.init(
+                red:   CGFloat((value & 0xFF0000) >> 16) / 255,
+                green: CGFloat((value & 0x00FF00) >> 8)  / 255,
+                blue:  CGFloat( value & 0x0000FF)         / 255,
+                alpha: 1
+            )
+        } else {
+            self.init(
+                red:   CGFloat((value & 0xFF000000) >> 24) / 255,
+                green: CGFloat((value & 0x00FF0000) >> 16) / 255,
+                blue:  CGFloat((value & 0x0000FF00) >> 8)  / 255,
+                alpha: CGFloat( value & 0x000000FF)         / 255
+            )
+        }
+    }
+}

package/ios/RNMarkdownViewComponentView.h

@@ -0,0 +1,16 @@
+#pragma once
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/// Fabric component view for the New Architecture.
+/// Wraps RNMarkdownView and bridges Fabric props/events.
+@interface RNMarkdownViewComponentView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMarkdownViewComponentView.mm

@@ -0,0 +1,128 @@
+/**
+ * New Architecture (Fabric) component view for RNMarkdownView.
+ *
+ * Codegen generates C++ headers from the NativeMarkdownView.ts spec.
+ * This file bridges those generated types to the Swift RNMarkdownView class.
+ */
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import "RNMarkdownViewComponentView.h"
+
+// Generated by codegen from NativeMarkdownView.ts
+#import <react/renderer/components/RNMarkdownViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNMarkdownViewSpec/EventEmitters.h>
+#import <react/renderer/components/RNMarkdownViewSpec/Props.h>
+#import <react/renderer/components/RNMarkdownViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+// Swift-generated header (module name derived from pod name with hyphens → underscores)
+#import "react_native_markdownview-Swift.h"
+
+using namespace facebook::react;
+
+@interface RNMarkdownViewComponentView () <RCTRNMarkdownViewViewProtocol>
+@end
+
+@implementation RNMarkdownViewComponentView {
+    RNMarkdownView *_markdownView;
+}
+
+// ─── Lifecycle ───────────────────────────────────────────────────────────────
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+    if (self = [super initWithFrame:frame]) {
+        static const auto defaultProps = std::make_shared<const RNMarkdownViewProps>();
+        _props = defaultProps;
+
+        _markdownView = [[RNMarkdownView alloc] initWithFrame:frame];
+        self.contentView = _markdownView;
+    }
+    return self;
+}
+
+// ─── Fabric boilerplate ──────────────────────────────────────────────────────
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<RNMarkdownViewComponentDescriptor>();
+}
+
+// ─── Props ───────────────────────────────────────────────────────────────────
+
+- (void)updateProps:(Props::Shared const &)props
+           oldProps:(Props::Shared const &)oldProps
+{
+    const auto &newTyped = *std::static_pointer_cast<RNMarkdownViewProps const>(props);
+    const auto &oldTyped = *std::static_pointer_cast<RNMarkdownViewProps const>(oldProps);
+
+    if (newTyped.markdown != oldTyped.markdown) {
+        [_markdownView applyMarkdownString:@(newTyped.markdown.c_str())];
+    }
+
+    if (newTyped.themeJSON != oldTyped.themeJSON) {
+        NSString *json = newTyped.themeJSON.empty() ? nil : @(newTyped.themeJSON.c_str());
+        [_markdownView applyThemeJSONString:json];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+// ─── Events ──────────────────────────────────────────────────────────────────
+
+- (void)updateEventEmitter:(EventEmitter::Shared const &)eventEmitter
+{
+    [super updateEventEmitter:eventEmitter];
+    auto emitter = std::static_pointer_cast<RNMarkdownViewEventEmitter const>(eventEmitter);
+
+    __weak typeof(self) weakSelf = self;
+
+    _markdownView.onLinkPressFabric = ^(NSString *url, BOOL isURL) {
+        if (!emitter) return;
+        RNMarkdownViewEventEmitter::OnLinkPress event;
+        event.url   = std::string(url.UTF8String ?: "");
+        event.isURL = isURL;
+        emitter->onLinkPress(event);
+        (void)weakSelf;
+    };
+
+    _markdownView.onImagePressFabric = ^(NSString *source) {
+        if (!emitter) return;
+        RNMarkdownViewEventEmitter::OnImagePress event;
+        event.source = std::string(source.UTF8String ?: "");
+        emitter->onImagePress(event);
+    };
+
+    _markdownView.onLineSelectionFabric = ^(NSInteger start, NSInteger end, NSArray<NSString *> *contents, NSString * _Nullable language) {
+        if (!emitter) return;
+        RNMarkdownViewEventEmitter::OnLineSelection event;
+        event.startLine = static_cast<int>(start);
+        event.endLine   = static_cast<int>(end);
+        for (NSString *line in contents) {
+            event.contents.push_back(std::string(line.UTF8String ?: ""));
+        }
+        event.language = language ? std::string(language.UTF8String) : "";
+        emitter->onLineSelection(event);
+    };
+
+    _markdownView.onContentSizeChangeFabric = ^(double width, double height) {
+        if (!emitter) return;
+        RNMarkdownViewEventEmitter::OnContentSizeChange event;
+        RNMarkdownViewEventEmitter::OnContentSizeChangeContentSize size;
+        size.width  = width;
+        size.height = height;
+        event.contentSize = size;
+        emitter->onContentSizeChange(event);
+    };
+}
+
+@end
+
+// Required by Fabric's component registry
+Class<RCTComponentViewProtocol> RNMarkdownViewCls(void)
+{
+    return RNMarkdownViewComponentView.class;
+}
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RNMarkdownViewManager.m

@@ -0,0 +1,34 @@
+/**
+ * Old Architecture bridge.
+ *
+ * React Native uses KVC to set these properties on the UIView returned by
+ * RNMarkdownViewManager.view(). The property names must match exactly what
+ * RNMarkdownView exposes via @objc.
+ */
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(RNMarkdownViewManager, RCTViewManager)
+
+// ─── Content ────────────────────────────────────────────────────────────────
+/// Raw markdown string.
+RCT_EXPORT_VIEW_PROPERTY(markdown, NSString)
+
+/// JSON-encoded theme object (see ThemeOptions in types.ts).
+RCT_EXPORT_VIEW_PROPERTY(themeJSON, NSString)
+
+// ─── Events ─────────────────────────────────────────────────────────────────
+/// Fires when a link is tapped. Payload: { url: string, isURL: boolean }
+RCT_EXPORT_VIEW_PROPERTY(onLinkPress, RCTDirectEventBlock)
+
+/// Fires when an inline image is tapped. Payload: { source: string }
+RCT_EXPORT_VIEW_PROPERTY(onImagePress, RCTDirectEventBlock)
+
+/// Fires when lines are selected in a code block.
+/// Payload: { startLine: number, endLine: number, contents: string[], language?: string }
+RCT_EXPORT_VIEW_PROPERTY(onLineSelection, RCTDirectEventBlock)
+
+/// Fires when the intrinsic content height changes.
+/// Payload: { contentSize: { width: number, height: number } }
+RCT_EXPORT_VIEW_PROPERTY(onContentSizeChange, RCTDirectEventBlock)
+
+@end

package/ios/RNMarkdownViewManager.swift

@@ -0,0 +1,16 @@
+import React
+import UIKit
+
+/// Old Architecture view manager.
+/// The ObjC bridge in RNMarkdownViewManager.m exports props and this class.
+@objc(RNMarkdownViewManager)
+final class RNMarkdownViewManager: RCTViewManager {
+
+    override func view() -> UIView! {
+        RNMarkdownView()
+    }
+
+    override static func requiresMainQueueSetup() -> Bool {
+        true
+    }
+}

package/ios/react-native-markdownview-Bridging-Header.h

@@ -0,0 +1,12 @@
+/**
+ * Bridging header for Swift ↔ Objective-C interop within this pod.
+ *
+ * The CocoaPods build system picks up SWIFT_OBJC_BRIDGING_HEADER via
+ * the pod_target_xcconfig in the podspec and makes these React Native
+ * Objective-C headers visible to all Swift source files in the pod.
+ */
+#import <React/RCTViewManager.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTView.h>
+#import <React/RCTUIManager.h>

package/lib/commonjs/MarkdownView.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarkdownView = MarkdownView;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Native component handle ──────────────────────────────────────────────────
+
+const COMPONENT_NAME = 'RNMarkdownView';
+
+/**
+ * Old Architecture – loaded lazily so non-iOS platforms don't throw on import.
+ * New Architecture uses the codegen-generated component automatically when
+ * RCT_NEW_ARCH_ENABLED is set at build time.
+ */
+const NativeMarkdownView = _reactNative.Platform.OS === 'ios' ? (0, _reactNative.requireNativeComponent)(COMPONENT_NAME) : null;
+
+// ─── Theme serialisation ──────────────────────────────────────────────────────
+
+function serializeTheme(theme) {
+  if (!theme) return undefined;
+  try {
+    return JSON.stringify(theme);
+  } catch {
+    return undefined;
+  }
+}
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+/**
+ * `MarkdownView` renders GitHub Flavored Markdown using Apple's native
+ * MarkdownView library (tree-sitter syntax highlighting, LaTeX math,
+ * unified diff, VoiceOver). iOS 16+ only.
+ *
+ * @example
+ * ```tsx
+ * <MarkdownView markdown="# Hello\n\nSome **bold** text." />
+ * ```
+ *
+ * @example Custom theme
+ * ```tsx
+ * <MarkdownView
+ *   markdown={content}
+ *   theme={{
+ *     colors: { body: '#1a1a1a', codeBackground: '#f5f5f5' },
+ *     fonts:  { bodySize: 16 },
+ *   }}
+ * />
+ * ```
+ */
+function MarkdownView({
+  markdown,
+  theme,
+  style,
+  onLinkPress,
+  onImagePress,
+  onLineSelection,
+  onContentSizeChange
+}) {
+  if (_reactNative.Platform.OS !== 'ios' || NativeMarkdownView === null) {
+    if (__DEV__) {
+      console.warn('[MarkdownView] Only supported on iOS 16+.');
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: style
+    });
+  }
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkdownViewInner, {
+    markdown: markdown,
+    theme: theme,
+    style: style,
+    onLinkPress: onLinkPress,
+    onImagePress: onImagePress,
+    onLineSelection: onLineSelection,
+    onContentSizeChange: onContentSizeChange,
+    NativeComponent: NativeMarkdownView
+  });
+}
+
+// Split out so hooks run unconditionally (Platform.OS is constant at runtime).
+
+function MarkdownViewInner({
+  markdown,
+  theme,
+  style,
+  onLinkPress,
+  onImagePress,
+  onLineSelection,
+  onContentSizeChange,
+  NativeComponent
+}) {
+  const [autoHeight, setAutoHeight] = (0, _react.useState)(undefined);
+  const themeJSONRef = (0, _react.useRef)(undefined);
+
+  // Re-serialize only when theme reference changes.
+  themeJSONRef.current = serializeTheme(theme);
+  const handleContentSizeChange = (0, _react.useCallback)(e => {
+    const {
+      height
+    } = e.nativeEvent.contentSize;
+    if (height > 0) setAutoHeight(height);
+    onContentSizeChange?.(e);
+  }, [onContentSizeChange]);
+  const handleLinkPress = (0, _react.useCallback)(e => {
+    onLinkPress?.(e);
+  }, [onLinkPress]);
+  const handleImagePress = (0, _react.useCallback)(e => {
+    onImagePress?.(e);
+  }, [onImagePress]);
+  const handleLineSelection = (0, _react.useCallback)(e => {
+    onLineSelection?.(e);
+  }, [onLineSelection]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
+    markdown: markdown,
+    themeJSON: themeJSONRef.current,
+    style: [autoHeight !== undefined && styles.autoHeight(autoHeight), style],
+    onLinkPress: handleLinkPress,
+    onImagePress: handleImagePress,
+    onLineSelection: handleLineSelection,
+    onContentSizeChange: handleContentSizeChange
+  });
+}
+
+// ─── Styles ───────────────────────────────────────────────────────────────────
+
+const styles = {
+  /** Applied when the native view has reported its content height. */
+  autoHeight: h => ({
+    height: h
+  })
+};
+//# sourceMappingURL=MarkdownView.js.map

package/lib/commonjs/MarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","COMPONENT_NAME","NativeMarkdownView","Platform","OS","requireNativeComponent","serializeTheme","theme","undefined","JSON","stringify","MarkdownView","markdown","style","onLinkPress","onImagePress","onLineSelection","onContentSizeChange","__DEV__","console","warn","jsx","View","MarkdownViewInner","NativeComponent","autoHeight","setAutoHeight","useState","themeJSONRef","useRef","current","handleContentSizeChange","useCallback","height","nativeEvent","contentSize","handleLinkPress","handleImagePress","handleLineSelection","themeJSON","styles","h"],"sourceRoot":"../../src","sources":["MarkdownView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/NativeMarkdownView.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Codegen spec for the New Architecture (Fabric).
+ *
+ * Running `react-native codegen` (or the build system) reads this file and
+ * generates C++ component descriptors, props structs, and event emitters under
+ * build/generated/ios/RNMarkdownViewSpec/.
+ *
+ * All prop/event types must use the codegen-compatible primitives from
+ * react-native/Libraries/Types/CodegenTypes.
+ */
+// ─── Codegen event payload types ─────────────────────────────────────────────
+// ─── Native component props ───────────────────────────────────────────────────
+var _default = exports.default = (0, _codegenNativeComponent.default)('RNMarkdownView');
+//# sourceMappingURL=NativeMarkdownView.js.map