react-native-jet-markdown 0.2.0-beta.7

package/ios/views/JMDBoxViews.m

@@ -0,0 +1,292 @@
+#import "JMDBoxViews.h"
+
+#import "../render/JMDRenderedContent.h"
+#import "JMDBlockStackView.h"
+#import "JMDBlockTextView.h"
+
+@implementation JMDNestedScrollView {
+  __weak UIControl *_trackingControl;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    self.delegate = self;
+  }
+  return self;
+}
+
+// As the hit view this scroller consumes the raw touch stream, which starves
+// UIControl-based wrappers: react-native-gesture-handler's button fires
+// presses from UIControl events, and a control refuses to track touches
+// hit-tested to another view. Synthesize the control events instead — press
+// down on touch start, press on a clean touch up, cancel when the pan takes
+// the touches — so a tap on a code block or table still presses the
+// wrapping card while drags scroll without pressing.
+- (nullable UIControl *)jmdAncestorControl {
+  UIView *view = self.superview;
+  while (view != nil) {
+    if ([view isKindOfClass:[UIControl class]]) {
+      return (UIControl *)view;
+    }
+    view = view.superview;
+  }
+  return nil;
+}
+
+- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
+  [super touchesBegan:touches withEvent:event];
+  _trackingControl = [self jmdAncestorControl];
+  [_trackingControl sendActionsForControlEvents:UIControlEventTouchDown];
+}
+
+- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
+  [super touchesEnded:touches withEvent:event];
+  [_trackingControl sendActionsForControlEvents:UIControlEventTouchUpInside];
+  _trackingControl = nil;
+}
+
+- (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
+  [super touchesCancelled:touches withEvent:event];
+  [_trackingControl sendActionsForControlEvents:UIControlEventTouchCancel];
+  _trackingControl = nil;
+}
+
+// This scroller is not a React view, so nothing cancels the JS responder
+// (an RN Pressable wrapping the markdown view) when a drag starts here —
+// React only cancels for its own scroll views. Kill the surface touch
+// handler's active touches the way RCTTouchHandler itself cancels: an
+// enabled toggle.
+- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
+  UIView *view = self.superview;
+  while (view != nil) {
+    for (UIGestureRecognizer *recognizer in view.gestureRecognizers) {
+      if ([NSStringFromClass(recognizer.class) containsString:@"TouchHandler"]) {
+        recognizer.enabled = NO;
+        recognizer.enabled = YES;
+        return;
+      }
+    }
+    view = view.superview;
+  }
+}
+
+@end
+
+// Shared background + border painting on a host view's layer tree.
+static void JMDApplyBox(UIView *view, JMDLayoutStyle *style) {
+  view.backgroundColor = style.backgroundColor ?: UIColor.clearColor;
+  view.layer.cornerRadius = style.borderRadius;
+  view.layer.cornerCurve =
+      style.continuousCorners ? kCACornerCurveContinuous : kCACornerCurveCircular;
+  view.layer.masksToBounds = style.borderRadius > 0;
+}
+
+@interface JMDBorderView : UIView
+@property (nonatomic, strong, nullable) JMDLayoutStyle *boxStyle;
+@end
+
+@implementation JMDBorderView
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    self.backgroundColor = UIColor.clearColor;
+    self.userInteractionEnabled = NO;
+    self.contentMode = UIViewContentModeRedraw;
+  }
+  return self;
+}
+
+- (void)drawRect:(CGRect)rect {
+  JMDLayoutStyle *style = self.boxStyle;
+  if (style == nil) {
+    return;
+  }
+  CGContextRef context = UIGraphicsGetCurrentContext();
+  const CGSize size = self.bounds.size;
+
+  if (style.borderLeftWidth > 0 && style.borderLeftColor != nil) {
+    CGContextSetFillColorWithColor(context, style.borderLeftColor.CGColor);
+    if (style.borderRadius > 0) {
+      UIBezierPath *path = [UIBezierPath
+          bezierPathWithRoundedRect:CGRectMake(0, 0, style.borderLeftWidth, size.height)
+                       cornerRadius:style.borderRadius / 2];
+      [path fill];
+    } else {
+      CGContextFillRect(context, CGRectMake(0, 0, style.borderLeftWidth, size.height));
+    }
+  }
+  if (style.borderRightWidth > 0 && style.borderRightColor != nil) {
+    CGContextSetFillColorWithColor(context, style.borderRightColor.CGColor);
+    CGContextFillRect(
+        context,
+        CGRectMake(size.width - style.borderRightWidth, 0, style.borderRightWidth, size.height));
+  }
+  if (style.borderTopWidth > 0 && style.borderTopColor != nil) {
+    CGContextSetFillColorWithColor(context, style.borderTopColor.CGColor);
+    CGContextFillRect(context, CGRectMake(0, 0, size.width, style.borderTopWidth));
+  }
+  if (style.borderBottomWidth > 0 && style.borderBottomColor != nil) {
+    CGContextSetFillColorWithColor(context, style.borderBottomColor.CGColor);
+    CGContextFillRect(
+        context,
+        CGRectMake(0, size.height - style.borderBottomWidth, size.width, style.borderBottomWidth));
+  }
+}
+
+@end
+
+@implementation JMDQuoteView {
+  JMDMeasuredBlock *_measured;
+  JMDBlockStackView *_stack;
+  JMDBorderView *_borders;
+}
+
+- (void)bind:(JMDMeasuredBlock *)measured
+         gap:(CGFloat)gap
+        host:(nullable id<JMDMarkdownHost>)host {
+  _measured = measured;
+  if (_stack == nil) {
+    _stack = [[JMDBlockStackView alloc] initWithFrame:CGRectZero];
+    _borders = [[JMDBorderView alloc] initWithFrame:CGRectZero];
+    [self addSubview:_stack];
+    [self addSubview:_borders];
+  }
+  JMDApplyBox(self, measured.block.layoutStyle);
+  _borders.boxStyle = measured.block.layoutStyle;
+  _stack.host = host;
+  [_stack setBlocks:measured.children gap:gap];
+  [self setNeedsLayout];
+}
+
+
+// Never the hit view itself: markdown touches belong to the host component
+// view; only nested scrollers (code blocks, tables) claim touches.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  UIView *hit = [super hitTest:point withEvent:event];
+  return hit == self ? nil : hit;
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  JMDLayoutStyle *style = _measured.block.layoutStyle;
+  const CGFloat left = style.borderLeftWidth + style.paddingLeft;
+  const CGFloat top = style.borderTopWidth + style.paddingTop;
+  _stack.frame = CGRectMake(
+      left,
+      top,
+      self.bounds.size.width - left - style.borderRightWidth - style.paddingRight,
+      self.bounds.size.height - top - style.borderBottomWidth - style.paddingBottom);
+  _borders.frame = self.bounds;
+  [_borders setNeedsDisplay];
+}
+
+@end
+
+@implementation JMDCodeBlockView {
+  JMDMeasuredBlock *_measured;
+  UIScrollView *_scroller;
+  JMDBlockTextView *_text;
+}
+
+- (void)bind:(JMDMeasuredBlock *)measured {
+  _measured = measured;
+  if (_scroller == nil) {
+    _scroller = [[JMDNestedScrollView alloc] initWithFrame:CGRectZero];
+    _scroller.showsHorizontalScrollIndicator = NO;
+    _scroller.showsVerticalScrollIndicator = NO;
+    _scroller.alwaysBounceHorizontal = YES;
+    _scroller.alwaysBounceVertical = NO;
+    _scroller.delaysContentTouches = NO;
+    _scroller.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+    _text = [[JMDBlockTextView alloc] initWithFrame:CGRectZero];
+    [_scroller addSubview:_text];
+    [self addSubview:_scroller];
+  }
+  JMDApplyBox(self, measured.block.layoutStyle);
+  _text.attributedText = measured.block.attributedText;
+  [self setNeedsLayout];
+}
+
+
+// Never the hit view itself: markdown touches belong to the host component
+// view; only nested scrollers (code blocks, tables) claim touches.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  UIView *hit = [super hitTest:point withEvent:event];
+  return hit == self ? nil : hit;
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  JMDLayoutStyle *style = _measured.block.layoutStyle;
+  const CGFloat innerWidth =
+      self.bounds.size.width - style.paddingLeft - style.paddingRight;
+  _scroller.frame = CGRectMake(
+      style.paddingLeft, style.paddingTop, innerWidth, _measured.textHeight);
+  _text.frame = CGRectMake(0, 0, _measured.contentWidth, _measured.textHeight);
+  _scroller.contentSize = CGSizeMake(_measured.contentWidth, _measured.textHeight);
+}
+
+@end
+
+@implementation JMDListBlockView {
+  JMDMeasuredBlock *_measured;
+  CGFloat _gap;
+}
+
+- (void)bind:(JMDMeasuredBlock *)measured
+         gap:(CGFloat)gap
+        host:(nullable id<JMDMarkdownHost>)host {
+  _measured = measured;
+  _gap = gap;
+  for (UIView *subview in [self.subviews copy]) {
+    [subview removeFromSuperview];
+  }
+  JMDBlock *block = measured.block;
+  for (NSUInteger i = 0; i < block.rows.count; i++) {
+    JMDBlockTextView *marker = [[JMDBlockTextView alloc] initWithFrame:CGRectZero];
+    marker.attributedText = block.rows[i].marker;
+    [self addSubview:marker];
+
+    JMDBlockStackView *content = [[JMDBlockStackView alloc] initWithFrame:CGRectZero];
+    content.host = host;
+    [content setBlocks:measured.rowContents[i] gap:gap];
+    [self addSubview:content];
+  }
+  [self setNeedsLayout];
+}
+
+
+// Never the hit view itself: markdown touches belong to the host component
+// view; only nested scrollers (code blocks, tables) claim touches.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  UIView *hit = [super hitTest:point withEvent:event];
+  return hit == self ? nil : hit;
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  JMDBlock *block = _measured.block;
+  const CGFloat markerX = block.listMarginLeft + block.markerMarginLeft;
+  const CGFloat contentX = markerX + block.markerWidth;
+  const CGFloat contentWidth = _measured.contentWidth;
+
+  CGFloat y = 0;
+  for (NSUInteger i = 0; i < block.rows.count; i++) {
+    const CGFloat markerHeight = _measured.markerHeights[i].doubleValue;
+    const CGFloat contentHeight =
+        [JMDRenderedContent stackHeight:_measured.rowContents[i] gap:_gap];
+    const CGFloat rowHeight = MAX(markerHeight, contentHeight);
+
+    UIView *markerView = self.subviews[i * 2];
+    UIView *contentView = self.subviews[i * 2 + 1];
+    markerView.frame = CGRectMake(markerX, y, block.markerWidth, markerHeight);
+    contentView.frame = CGRectMake(contentX, y, contentWidth, contentHeight);
+
+    y += rowHeight;
+    if (i + 1 < block.rows.count) {
+      y += _gap / 2;
+    }
+  }
+}
+
+@end

package/ios/views/JMDImageView.h

@@ -0,0 +1,19 @@
+#import <UIKit/UIKit.h>
+
+#import "../render/JMDBlock.h"
+#import "JMDMarkdownHost.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+/// One markdown image: rounded-corner aspect-fit bitmap, background while
+/// loading. Requests are URL-owned; this view only listens.
+@interface JMDImageView : UIView
+
+@property (nonatomic, weak, nullable) id<JMDMarkdownHost> host;
+@property (nonatomic, readonly, nullable) NSString *imageUrl;
+
+- (void)bind:(JMDBlock *)block;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/views/JMDImageView.m

@@ -0,0 +1,68 @@
+#import "JMDImageView.h"
+
+#import <SDWebImage/SDWebImage.h>
+
+@implementation JMDImageView {
+  JMDBlock *_block;
+  SDAnimatedImageView *_imageView;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    // Animated formats (GIF/APNG) play with lazy per-frame decoding and a
+    // dynamic frame-buffer cap, so long GIFs in image-heavy feeds do not
+    // balloon memory.
+    _imageView = [[SDAnimatedImageView alloc] initWithFrame:CGRectZero];
+    _imageView.contentMode = UIViewContentModeScaleAspectFit;
+    _imageView.clearBufferWhenStopped = YES;
+    [self addSubview:_imageView];
+  }
+  return self;
+}
+
+// Hit-test transparent: the host component view owns all touch handling.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  return nil;
+}
+
+- (nullable NSString *)imageUrl {
+  return _block.imageUrl;
+}
+
+- (void)bind:(JMDBlock *)block {
+  _block = block;
+  self.backgroundColor = block.imageBackground ?: UIColor.clearColor;
+  self.layer.cornerRadius = block.imageBorderRadius;
+  self.layer.masksToBounds = block.imageBorderRadius > 0;
+
+  NSString *url = block.imageUrl ?: @"";
+  if (url.length == 0) {
+    [_imageView sd_cancelCurrentImageLoad];
+    _imageView.image = nil;
+    return;
+  }
+
+  __weak JMDImageView *weakSelf = self;
+  // sd_setImage cancels this view's previous request (recycling) and shares
+  // in-flight downloads by URL; completion runs synchronously on memory
+  // cache hits, so a fresh view still resizes un-presized images.
+  [_imageView sd_setImageWithURL:[NSURL URLWithString:url]
+                placeholderImage:nil
+                         options:SDWebImageRetryFailed | SDWebImageScaleDownLargeImages
+                       completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType,
+                                   NSURL *imageURL) {
+                         JMDImageView *strongSelf = weakSelf;
+                         if (strongSelf == nil || image == nil ||
+                             ![strongSelf->_block.imageUrl isEqualToString:url]) {
+                           return;
+                         }
+                         [strongSelf.host imageIntrinsicSize:image.size forUrl:url];
+                       }];
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  _imageView.frame = self.bounds;
+}
+
+@end

package/ios/views/JMDMarkdownHost.h

@@ -0,0 +1,16 @@
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/// Callbacks from block views up to the host component view.
+@protocol JMDMarkdownHost <NSObject>
+- (void)imageIntrinsicSize:(CGSize)size forUrl:(NSString *)url;
+- (BOOL)isSpoilerRevealed:(NSInteger)spoilerId;
+- (void)toggleSpoiler:(NSInteger)spoilerId;
+- (void)linkPressed:(NSString *)url;
+- (void)linkLongPressed:(NSString *)url;
+/// `frame` is the pressed image's frame in screen coordinates (points).
+- (void)imagePressed:(NSString *)url frame:(CGRect)frame;
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/views/JMDTableView.h

@@ -0,0 +1,16 @@
+#import <UIKit/UIKit.h>
+
+#import "../render/JMDBlock.h"
+#import "JMDMarkdownHost.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+/// Table: paints the table box, hosts a cell grid in a horizontal scroller
+/// so wide tables keep readable column widths.
+@interface JMDTableView : UIView
+
+- (void)bind:(JMDMeasuredBlock *)measured host:(nullable id<JMDMarkdownHost>)host;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/views/JMDTableView.m

@@ -0,0 +1,172 @@
+#import "JMDTableView.h"
+
+#import "JMDBlockTextView.h"
+#import "JMDBoxViews.h"
+
+/// The unclipped grid inside the scroller: row boxes + cell text.
+@interface JMDTableGridView : UIView
+- (void)bind:(JMDMeasuredBlock *)measured host:(nullable id<JMDMarkdownHost>)host;
+@end
+
+@implementation JMDTableGridView {
+  JMDMeasuredBlock *_measured;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    self.backgroundColor = UIColor.clearColor;
+    self.contentMode = UIViewContentModeRedraw;
+  }
+  return self;
+}
+
+- (void)bind:(JMDMeasuredBlock *)measured host:(nullable id<JMDMarkdownHost>)host {
+  _measured = measured;
+  for (UIView *subview in [self.subviews copy]) {
+    [subview removeFromSuperview];
+  }
+  JMDBlock *block = measured.block;
+  for (JMDTableRow *row in block.tableRows) {
+    for (NSAttributedString *cell in row.cells) {
+      JMDBlockTextView *view = [[JMDBlockTextView alloc] initWithFrame:CGRectZero];
+      view.host = host;
+      view.attributedText = cell;
+      [self addSubview:view];
+    }
+  }
+  [self setNeedsDisplay];
+  [self setNeedsLayout];
+}
+
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  // Touches inside the grid belong to the horizontal scroller.
+  UIView *hit = [super hitTest:point withEvent:event];
+  return hit == self ? nil : hit;
+}
+
+- (void)drawRect:(CGRect)rect {
+  JMDBlock *block = _measured.block;
+  CGContextRef context = UIGraphicsGetCurrentContext();
+  const CGFloat width = _measured.contentWidth;
+
+  CGFloat y = 0;
+  NSUInteger rowIndex = 0;
+  for (NSNumber *rowHeight in _measured.rowHeights) {
+    const BOOL isHeader =
+        rowIndex < block.tableRows.count && block.tableRows[rowIndex].isHeader;
+    JMDLayoutStyle *rowStyle = isHeader ? block.headerRowStyle : block.bodyRowStyle;
+    rowIndex++;
+    if (rowStyle.backgroundColor != nil) {
+      CGContextSetFillColorWithColor(context, rowStyle.backgroundColor.CGColor);
+      CGContextFillRect(context, CGRectMake(0, y, width, rowHeight.doubleValue));
+    }
+    if (rowStyle.borderBottomWidth > 0 && rowStyle.borderBottomColor != nil) {
+      CGContextSetFillColorWithColor(context, rowStyle.borderBottomColor.CGColor);
+      CGContextFillRect(
+          context,
+          CGRectMake(
+              0,
+              y + rowHeight.doubleValue - rowStyle.borderBottomWidth,
+              width,
+              rowStyle.borderBottomWidth));
+    }
+    if (rowStyle.borderTopWidth > 0 && rowStyle.borderTopColor != nil) {
+      CGContextSetFillColorWithColor(context, rowStyle.borderTopColor.CGColor);
+      CGContextFillRect(context, CGRectMake(0, y, width, rowStyle.borderTopWidth));
+    }
+    y += rowHeight.doubleValue;
+  }
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  JMDBlock *block = _measured.block;
+
+  NSUInteger index = 0;
+  CGFloat y = 0;
+  for (NSUInteger rowIndex = 0; rowIndex < block.tableRows.count; rowIndex++) {
+    JMDTableRow *row = block.tableRows[rowIndex];
+    JMDLayoutStyle *rowStyle = row.isHeader ? block.headerRowStyle : block.bodyRowStyle;
+    const UIEdgeInsets pad = row.isHeader ? block.headerCellPadding : block.cellPadding;
+    const CGFloat cellPadH = pad.left + pad.right;
+    CGFloat x = 0;
+    for (NSUInteger column = 0; column < row.cells.count; column++) {
+      if (index >= self.subviews.count) {
+        break;
+      }
+      const CGFloat columnWidth = _measured.columnWidths[column].doubleValue;
+      const CGFloat cellHeight = _measured.rowHeights[rowIndex].doubleValue -
+          pad.top - pad.bottom -
+          rowStyle.borderTopWidth - rowStyle.borderBottomWidth;
+      self.subviews[index].frame = CGRectMake(
+          x + pad.left,
+          y + pad.top + rowStyle.borderTopWidth,
+          MAX(columnWidth - cellPadH, 1),
+          MAX(cellHeight, 0));
+      index++;
+      x += columnWidth;
+    }
+    y += _measured.rowHeights[rowIndex].doubleValue;
+  }
+}
+
+@end
+
+@implementation JMDTableView {
+  JMDMeasuredBlock *_measured;
+  UIScrollView *_scroller;
+  JMDTableGridView *_grid;
+}
+
+- (void)bind:(JMDMeasuredBlock *)measured host:(nullable id<JMDMarkdownHost>)host {
+  _measured = measured;
+  if (_scroller == nil) {
+    _scroller = [[JMDNestedScrollView alloc] initWithFrame:CGRectZero];
+    _scroller.showsHorizontalScrollIndicator = NO;
+    _scroller.showsVerticalScrollIndicator = NO;
+    _scroller.alwaysBounceVertical = NO;
+    _scroller.delaysContentTouches = NO;
+    _scroller.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
+    _grid = [[JMDTableGridView alloc] initWithFrame:CGRectZero];
+    [_scroller addSubview:_grid];
+    [self addSubview:_scroller];
+  }
+
+  JMDLayoutStyle *style = measured.block.layoutStyle;
+  self.backgroundColor = style.backgroundColor ?: UIColor.clearColor;
+  self.layer.cornerRadius = style.borderRadius;
+  self.layer.cornerCurve =
+      style.continuousCorners ? kCACornerCurveContinuous : kCACornerCurveCircular;
+  self.layer.masksToBounds = style.borderRadius > 0;
+
+  [_grid bind:measured host:host];
+  [self setNeedsLayout];
+}
+
+
+// Never the hit view itself: markdown touches belong to the host component
+// view; only nested scrollers (code blocks, tables) claim touches.
+- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
+  UIView *hit = [super hitTest:point withEvent:event];
+  return hit == self ? nil : hit;
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  JMDLayoutStyle *style = _measured.block.layoutStyle;
+  CGFloat gridHeight = 0;
+  for (NSNumber *rowHeight in _measured.rowHeights) {
+    gridHeight += rowHeight.doubleValue;
+  }
+  const CGFloat left = style.borderLeftWidth + style.paddingLeft;
+  const CGFloat top = style.borderTopWidth + style.paddingTop;
+  _scroller.frame = CGRectMake(
+      left,
+      top,
+      self.bounds.size.width - left - style.borderRightWidth - style.paddingRight,
+      gridHeight);
+  _grid.frame = CGRectMake(0, 0, _measured.contentWidth, gridHeight);
+  _scroller.contentSize = CGSizeMake(_measured.contentWidth, gridHeight);
+}
+
+@end

package/lib/module/JetMarkdownEditor.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { useImperativeHandle, useRef } from "react";
+import { TextInput } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Non-native (web) fallback: a plain multiline text input over raw markdown.
+export function JetMarkdownEditor({
+  allowFontScaling,
+  autoCapitalize,
+  autoCorrect,
+  autoFocus,
+  cursorColor,
+  defaultValue,
+  editable,
+  multiline = true,
+  onBlur,
+  onChangeMarkdown,
+  onChangeText,
+  onFocus,
+  placeholder,
+  placeholderTextColor,
+  scrollEnabled,
+  selectionColor,
+  style,
+  ref
+}) {
+  const inputRef = useRef(null);
+  const textRef = useRef(defaultValue ?? "");
+  useImperativeHandle(ref, () => ({
+    blur: () => inputRef.current?.blur(),
+    focus: () => inputRef.current?.focus(),
+    getMarkdown: () => Promise.resolve(textRef.current),
+    insertLink: () => undefined,
+    insertMarkdown: () => undefined,
+    insertMention: () => undefined,
+    removeLink: () => undefined,
+    setSelection: () => {
+      // Not supported in the web fallback.
+    },
+    setValue: markdown => {
+      textRef.current = markdown;
+      inputRef.current?.setNativeProps({
+        text: markdown
+      });
+    },
+    // Formatting toggles are not supported in the web fallback (raw
+    // markdown).
+    toggleBlockQuote: () => undefined,
+    toggleBold: () => undefined,
+    toggleCode: () => undefined,
+    toggleCodeBlock: () => undefined,
+    toggleHeading: () => undefined,
+    toggleItalic: () => undefined,
+    toggleOrderedList: () => undefined,
+    toggleSpoiler: () => undefined,
+    toggleStrikethrough: () => undefined,
+    toggleSubscript: () => undefined,
+    toggleSuperscript: () => undefined,
+    toggleUnorderedList: () => undefined
+  }), []);
+  return /*#__PURE__*/_jsx(TextInput, {
+    allowFontScaling: allowFontScaling,
+    autoCapitalize: autoCapitalize,
+    autoCorrect: autoCorrect,
+    autoFocus: autoFocus,
+    cursorColor: cursorColor,
+    defaultValue: defaultValue,
+    editable: editable,
+    multiline: multiline,
+    onBlur: onBlur,
+    onChangeText: text => {
+      textRef.current = text;
+      onChangeText?.(text);
+      onChangeMarkdown?.(text);
+    },
+    onFocus: onFocus,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderTextColor,
+    ref: inputRef,
+    scrollEnabled: scrollEnabled,
+    selectionColor: selectionColor,
+    style: style
+  });
+}
+//# sourceMappingURL=JetMarkdownEditor.js.map

package/lib/module/JetMarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useImperativeHandle","useRef","TextInput","jsx","_jsx","JetMarkdownEditor","allowFontScaling","autoCapitalize","autoCorrect","autoFocus","cursorColor","defaultValue","editable","multiline","onBlur","onChangeMarkdown","onChangeText","onFocus","placeholder","placeholderTextColor","scrollEnabled","selectionColor","style","ref","inputRef","textRef","blur","current","focus","getMarkdown","Promise","resolve","insertLink","undefined","insertMarkdown","insertMention","removeLink","setSelection","setValue","markdown","setNativeProps","text","toggleBlockQuote","toggleBold","toggleCode","toggleCodeBlock","toggleHeading","toggleItalic","toggleOrderedList","toggleSpoiler","toggleStrikethrough","toggleSubscript","toggleSuperscript","toggleUnorderedList"],"sourceRoot":"../../src","sources":["JetMarkdownEditor.tsx"],"mappings":"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","ignoreList":[]}