react-native-enriched-markdown-scaffold 0.6.0-scaffold.4

package/ios/views/ENRMMathContainerView.m

@@ -0,0 +1,227 @@
+#import "ENRMMathContainerView.h"
+#import "ENRMFeatureFlags.h"
+#include <TargetConditionals.h>
+
+#if ENRICHED_MARKDOWN_MATH
+#import "PasteboardUtils.h"
+#if __has_include("ReactNativeEnrichedMarkdown-Swift.h")
+#import "ReactNativeEnrichedMarkdown-Swift.h"
+#elif __has_include(<ReactNativeEnrichedMarkdown/ReactNativeEnrichedMarkdown-Swift.h>)
+#import <ReactNativeEnrichedMarkdown/ReactNativeEnrichedMarkdown-Swift.h>
+#endif
+#if TARGET_OS_OSX
+#import "ENRMMenuAction.h"
+#endif
+#endif
+
+#if ENRICHED_MARKDOWN_MATH
+
+@interface ENRMRaTeXCanvasView : RCTUIView
+@property (nonatomic, strong, nullable) ENRMRaTeXRenderResult *renderResult;
+@end
+
+@implementation ENRMRaTeXCanvasView
+
+- (void)drawRect:(CGRect)rect
+{
+  if (!_renderResult)
+    return;
+  CGContextRef ctx = UIGraphicsGetCurrentContext();
+  if (!ctx)
+    return;
+  [_renderResult drawIn:ctx];
+}
+
+- (CGSize)intrinsicContentSize
+{
+  if (!_renderResult)
+    return CGSizeZero;
+  return CGSizeMake(ceil(_renderResult.width), ceil(_renderResult.totalHeight));
+}
+
+@end
+
+#if !TARGET_OS_OSX
+@interface ENRMMathContainerView () <UIContextMenuInteractionDelegate>
+@property (nonatomic, strong, readonly) RCTUIScrollView *scrollView;
+#else
+@interface ENRMMathContainerView ()
+#endif
+@property (nonatomic, strong, readonly) ENRMRaTeXCanvasView *mathView;
+@property (nonatomic, copy, readwrite) NSString *cachedLatex;
+@end
+
+@implementation ENRMMathContainerView
+
+- (instancetype)initWithConfig:(StyleConfig *)config
+{
+  self = [super initWithFrame:CGRectZero];
+  if (self) {
+    _config = config;
+    _cachedLatex = @"";
+
+    _mathView = [[ENRMRaTeXCanvasView alloc] initWithFrame:CGRectZero];
+    _mathView.backgroundColor = [RCTUIColor clearColor];
+
+#if !TARGET_OS_OSX
+    _scrollView = [[RCTUIScrollView alloc] init];
+    _scrollView.showsVerticalScrollIndicator = NO;
+    _scrollView.showsHorizontalScrollIndicator = YES;
+    _scrollView.bounces = YES;
+    _scrollView.alwaysBounceHorizontal = NO;
+    _scrollView.scrollEnabled = NO;
+    [self addSubview:_scrollView];
+    [_scrollView addSubview:_mathView];
+
+    self.isAccessibilityElement = YES;
+
+    UIContextMenuInteraction *contextMenu = [[UIContextMenuInteraction alloc] initWithDelegate:self];
+    [self addInteraction:contextMenu];
+#else
+    [self addSubview:_mathView];
+#endif
+  }
+  return self;
+}
+
+- (void)applyLatex:(NSString *)latex
+{
+  _cachedLatex = [latex copy];
+
+  StyleConfig *config = self.config;
+
+  ENRMRaTeXRenderResult *result = [ENRMRaTeXBridge parse:latex
+                                             displayMode:YES
+                                                fontSize:config.mathFontSize
+                                                   color:config.mathColor];
+  _mathView.renderResult = result;
+
+  CGFloat padding = config.mathPadding;
+  _mathView.frame = CGRectMake(padding, padding, ceil(result.width), ceil(result.totalHeight));
+
+  self.backgroundColor = config.mathBackgroundColor;
+
+  [_mathView invalidateIntrinsicContentSize];
+#if !TARGET_OS_OSX
+  [_mathView setNeedsDisplay];
+#else
+  [_mathView setNeedsDisplay:YES];
+#endif
+  [self setNeedsLayout];
+}
+
+#if !TARGET_OS_OSX
+- (UIContextMenuConfiguration *)contextMenuInteraction:(UIContextMenuInteraction *)interaction
+                        configurationForMenuAtLocation:(CGPoint)location
+{
+  return [UIContextMenuConfiguration
+      configurationWithIdentifier:nil
+                  previewProvider:nil
+                   actionProvider:^UIMenu *(NSArray<UIMenuElement *> *suggestedActions) {
+                     UIAction *copyPlainText =
+                         [UIAction actionWithTitle:@"Copy"
+                                             image:[RCTUIImage systemImageNamed:@"doc.on.doc"]
+                                        identifier:nil
+                                           handler:^(__kindof UIAction *action) { [self copyLatexToPasteboard]; }];
+
+                     UIAction *copyMarkdown =
+                         [UIAction actionWithTitle:@"Copy as Markdown"
+                                             image:[RCTUIImage systemImageNamed:@"doc.text"]
+                                        identifier:nil
+                                           handler:^(__kindof UIAction *action) { [self copyMarkdownToPasteboard]; }];
+
+                     return [UIMenu menuWithTitle:@"" children:@[ copyPlainText, copyMarkdown ]];
+                   }];
+}
+#endif
+
+#if TARGET_OS_OSX
+- (NSMenu *)menuForEvent:(NSEvent *)event
+{
+  NSMenu *menu = [[NSMenu alloc] initWithTitle:@""];
+  [menu addItem:ENRMCreateMenuItem(NSLocalizedString(@"Copy", nil), ^{ [self copyLatexToPasteboard]; })];
+  [menu addItem:ENRMCreateMenuItem(NSLocalizedString(@"Copy as Markdown", nil), ^{ [self copyMarkdownToPasteboard]; })];
+  return menu;
+}
+#endif
+
+- (void)copyLatexToPasteboard
+{
+  copyStringToPasteboard(_cachedLatex);
+}
+
+- (void)copyMarkdownToPasteboard
+{
+  copyStringToPasteboard([NSString stringWithFormat:@"$$\n%@\n$$", _cachedLatex]);
+}
+
+- (CGSize)mathViewIntrinsicSize
+{
+  return _mathView.intrinsicContentSize;
+}
+
+- (CGFloat)measureHeight:(CGFloat)maxWidth
+{
+  CGFloat padding = self.config.mathPadding;
+  return [self mathViewIntrinsicSize].height + padding * 2;
+}
+
+- (CGFloat)alignedOriginXForWidth:(CGFloat)formulaWidth inBounds:(CGFloat)boundsWidth padding:(CGFloat)padding
+{
+  CGFloat available = boundsWidth - padding * 2;
+  if (formulaWidth >= available)
+    return padding;
+
+  NSString *align = self.config.mathTextAlign;
+  if ([align isEqualToString:@"left"])
+    return padding;
+  if ([align isEqualToString:@"right"])
+    return padding + available - formulaWidth;
+  return padding + (available - formulaWidth) / 2.0;
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+
+  CGFloat padding = self.config.mathPadding;
+  CGSize intrinsicSize = [self mathViewIntrinsicSize];
+  CGFloat contentWidth = intrinsicSize.width + padding * 2;
+  CGFloat contentHeight = self.bounds.size.height;
+  BOOL overflows = contentWidth > self.bounds.size.width;
+  CGFloat originX = [self alignedOriginXForWidth:intrinsicSize.width inBounds:self.bounds.size.width padding:padding];
+
+#if !TARGET_OS_OSX
+  _scrollView.frame = self.bounds;
+  _scrollView.contentSize = CGSizeMake(overflows ? contentWidth : self.bounds.size.width, contentHeight);
+  _scrollView.scrollEnabled = overflows;
+  _mathView.frame = CGRectMake(originX, padding, intrinsicSize.width, intrinsicSize.height);
+#else
+  _mathView.frame = CGRectMake(originX, padding, intrinsicSize.width, intrinsicSize.height);
+  [_mathView setNeedsDisplay:YES];
+#endif
+}
+
+#if TARGET_OS_OSX
+- (void)layout
+{
+  [super layout];
+  [self layoutSubviews];
+}
+#endif
+
+- (NSString *)accessibilityLabel
+{
+  return [NSString stringWithFormat:@"Math equation: %@", _cachedLatex];
+}
+
+#if !TARGET_OS_OSX
+- (UIAccessibilityTraits)accessibilityTraits
+{
+  return UIAccessibilityTraitStaticText;
+}
+#endif
+
+@end
+
+#endif

package/ios/views/ENRMTableGridView.h

@@ -0,0 +1,36 @@
+#pragma once
+
+#include <TargetConditionals.h>
+#if TARGET_OS_OSX
+
+#import "ENRMUIKit.h"
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface ENRMMacOSTableRowData : NSObject
+@property (nonatomic, strong) NSArray<NSAttributedString *> *cellTexts;
+@property (nonatomic, strong) NSColor *backgroundColor;
+@end
+
+/// Flipped NSView that draws the entire table (backgrounds, borders, text) in a
+/// single drawRect: pass. Avoids all NSView subview hierarchy and CALayer
+/// compositing issues on macOS where child views of layer-backed RCTUIViews
+/// frequently fail to composite correctly.
+@interface ENRMTableGridView : NSView
+
+@property (nonatomic, copy, nullable) NSMenu *_Nullable (^menuProvider)(void);
+
+- (void)updateWithRows:(NSArray<ENRMMacOSTableRowData *> *)rows
+             columnWidths:(NSArray<NSNumber *> *)columnWidths
+               rowHeights:(NSArray<NSNumber *> *)rowHeights
+              borderColor:(NSColor *)borderColor
+              borderWidth:(CGFloat)borderWidth
+    horizontalCellPadding:(CGFloat)horizontalCellPadding
+      verticalCellPadding:(CGFloat)verticalCellPadding
+             cornerRadius:(CGFloat)cornerRadius;
+
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif // TARGET_OS_OSX

package/ios/views/ENRMTableGridView.m

@@ -0,0 +1,98 @@
+#import "ENRMTableGridView.h"
+#import "ENRMMenuAction.h"
+
+#if TARGET_OS_OSX
+
+@implementation ENRMMacOSTableRowData
+@end
+
+@implementation ENRMTableGridView {
+  NSArray<ENRMMacOSTableRowData *> *_tableRows;
+  NSArray<NSNumber *> *_columnWidths;
+  NSArray<NSNumber *> *_rowHeights;
+  NSColor *_borderColor;
+  CGFloat _borderWidth;
+  CGFloat _horizontalCellPadding;
+  CGFloat _verticalCellPadding;
+  CGFloat _cornerRadius;
+}
+
+- (BOOL)isFlipped
+{
+  return YES;
+}
+
+- (void)updateWithRows:(NSArray<ENRMMacOSTableRowData *> *)rows
+             columnWidths:(NSArray<NSNumber *> *)columnWidths
+               rowHeights:(NSArray<NSNumber *> *)rowHeights
+              borderColor:(NSColor *)borderColor
+              borderWidth:(CGFloat)borderWidth
+    horizontalCellPadding:(CGFloat)horizontalCellPadding
+      verticalCellPadding:(CGFloat)verticalCellPadding
+             cornerRadius:(CGFloat)cornerRadius
+{
+  _tableRows = rows;
+  _columnWidths = columnWidths;
+  _rowHeights = rowHeights;
+  _borderColor = borderColor;
+  _borderWidth = borderWidth;
+  _horizontalCellPadding = horizontalCellPadding;
+  _verticalCellPadding = verticalCellPadding;
+  _cornerRadius = cornerRadius;
+  [self setNeedsDisplay:YES];
+}
+
+- (NSMenu *)menuForEvent:(NSEvent *)event
+{
+  return _menuProvider ? _menuProvider() : [super menuForEvent:event];
+}
+
+- (void)drawRect:(NSRect)dirtyRect
+{
+  if (!_tableRows.count || !_columnWidths.count || !_rowHeights.count)
+    return;
+
+  [[NSGraphicsContext currentContext] saveGraphicsState];
+
+  if (_cornerRadius > 0) {
+    [[NSBezierPath bezierPathWithRoundedRect:self.bounds xRadius:_cornerRadius yRadius:_cornerRadius] setClip];
+  }
+
+  CGFloat yOffset = 0;
+  for (NSUInteger r = 0; r < _tableRows.count; r++) {
+    ENRMMacOSTableRowData *rowData = _tableRows[r];
+    CGFloat rowHeight = [_rowHeights[r] doubleValue];
+    CGFloat xOffset = 0;
+
+    for (NSUInteger c = 0; c < rowData.cellTexts.count; c++) {
+      CGFloat columnWidth = [_columnWidths[c] doubleValue];
+      NSRect cellRect = NSMakeRect(xOffset, yOffset, columnWidth + _borderWidth, rowHeight + _borderWidth);
+
+      [rowData.backgroundColor setFill];
+      NSRectFill(cellRect);
+
+      [_borderColor setStroke];
+      NSBezierPath *border = [NSBezierPath bezierPathWithRect:cellRect];
+      border.lineWidth = _borderWidth;
+      [border stroke];
+
+      NSAttributedString *text = rowData.cellTexts[c];
+      if (text.length > 0) {
+        NSRect textRect = NSMakeRect(xOffset + _horizontalCellPadding, yOffset + _verticalCellPadding,
+                                     columnWidth - _horizontalCellPadding * 2, rowHeight - _verticalCellPadding * 2);
+        [text drawWithRect:textRect
+                   options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading
+                   context:nil];
+      }
+
+      xOffset += columnWidth;
+    }
+    yOffset += rowHeight;
+  }
+
+  [[NSGraphicsContext currentContext] restoreGraphicsState];
+}
+
+@end
+
+#endif // TARGET_OS_OSX

package/ios/views/EnrichedMarkdownInternalText.h

@@ -0,0 +1,42 @@
+#pragma once
+#import "ENRMContextMenuTextView+macOS.h"
+#import "ENRMSpoilerCapable.h"
+#import "ENRMSpoilerOverlayView.h"
+#import "ENRMUIKit.h"
+#import "LinkTapUtils.h"
+#import "StyleConfig.h"
+
+@class RenderContext;
+@class AccessibilityInfo;
+@class ENRMSpoilerOverlayManager;
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface EnrichedMarkdownInternalText : RCTUIView <ENRMSpoilerCapable>
+
+- (instancetype)initWithConfig:(StyleConfig *)config;
+
+- (void)applyAttributedText:(NSMutableAttributedString *)text context:(RenderContext *)context;
+
+- (CGFloat)measureHeight:(CGFloat)maxWidth;
+- (CGSize)measureSize:(CGFloat)maxWidth;
+
+@property (nonatomic, readonly) ENRMPlatformTextView *textView;
+@property (nonatomic, readonly) ENRMSpoilerOverlayManager *spoilerManager;
+@property (nonatomic) ENRMSpoilerOverlay spoilerOverlay;
+
+@property (nonatomic, strong, nullable) AccessibilityInfo *accessibilityInfo;
+
+@property (nonatomic, strong) StyleConfig *config;
+
+@property (nonatomic, assign) BOOL allowTrailingMargin;
+
+@property (nonatomic, assign) CGFloat lastElementMarginBottom;
+
+#if TARGET_OS_OSX
+- (void)setContextMenuProvider:(ENRMContextMenuProvider)provider;
+#endif
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/views/EnrichedMarkdownInternalText.m

@@ -0,0 +1,161 @@
+#import "EnrichedMarkdownInternalText.h"
+#import "ENRMContextMenuTextView+macOS.h"
+#import "ENRMSpoilerOverlayManager.h"
+#import "ENRMTextViewSetup.h"
+#import "MarkdownAccessibilityElementBuilder.h"
+#import "RuntimeKeys.h"
+#include <TargetConditionals.h>
+
+@implementation EnrichedMarkdownInternalText {
+  ENRMPlatformTextView *_textView;
+#if !TARGET_OS_OSX
+  NSMutableArray<UIAccessibilityElement *> *_accessibilityElements;
+#else
+  NSMutableArray *_accessibilityElements;
+#endif
+  BOOL _accessibilityNeedsRebuild;
+  ENRMSpoilerOverlayManager *_spoilerManager;
+}
+
+@synthesize textView = _textView;
+@synthesize spoilerManager = _spoilerManager;
+
+- (instancetype)initWithConfig:(StyleConfig *)config
+{
+  if (self = [super init]) {
+    _config = config;
+    _allowTrailingMargin = NO;
+    _lastElementMarginBottom = 0;
+    [self setupTextView];
+  }
+  return self;
+}
+
+- (void)setupTextView
+{
+#if !TARGET_OS_OSX
+  _textView = [[ENRMPlatformTextView alloc] init];
+  _textView.text = @"";
+#else
+  _textView = [[ENRMContextMenuTextView alloc] init];
+  _textView.string = @"";
+#endif
+  ENRMConfigureMarkdownTextView(_textView);
+
+  [self addSubview:_textView];
+
+  [self setupLayoutManager];
+
+  _spoilerManager = [[ENRMSpoilerOverlayManager alloc] initWithTextView:_textView config:_config];
+  _spoilerManager.spoilerOverlay = _spoilerOverlay;
+}
+
+- (void)setupLayoutManager
+{
+  ENRMAttachLayoutManager(_textView, _config);
+}
+
+- (void)setSpoilerOverlay:(ENRMSpoilerOverlay)spoilerOverlay
+{
+  _spoilerOverlay = spoilerOverlay;
+  _spoilerManager.spoilerOverlay = spoilerOverlay;
+}
+
+- (void)applyAttributedText:(NSMutableAttributedString *)text context:(RenderContext *)context
+{
+  NSLayoutManager *layoutManager = _textView.layoutManager;
+  if ([layoutManager isKindOfClass:[TextViewLayoutManager class]]) {
+    [layoutManager setValue:_config forKey:@"config"];
+  }
+
+  objc_setAssociatedObject(_textView.textContainer, kTextViewKey, _textView, OBJC_ASSOCIATION_ASSIGN);
+
+  _accessibilityElements = nil;
+  _accessibilityNeedsRebuild = YES;
+
+  ENRMSetAttributedText(_textView, text);
+
+  [_textView.layoutManager invalidateLayoutForCharacterRange:NSMakeRange(0, text.length) actualCharacterRange:NULL];
+
+  [_spoilerManager setNeedsUpdate];
+  [self setNeedsLayout];
+
+#if !TARGET_OS_OSX
+  [_textView setNeedsLayout];
+#endif
+  ENRMSetNeedsDisplay(_textView);
+}
+
+- (CGFloat)measureHeight:(CGFloat)maxWidth
+{
+  return [self measureSize:maxWidth].height;
+}
+
+- (CGSize)measureSize:(CGFloat)maxWidth
+{
+  return ENRMMeasureMarkdownText(_textView, maxWidth, _config, _allowTrailingMargin, _lastElementMarginBottom);
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+  _textView.frame = self.bounds;
+
+  [_spoilerManager updateIfNeeded];
+}
+
+#pragma mark - Accessibility
+
+- (void)rebuildAccessibilityElementsIfNeeded
+{
+  if (!_accessibilityNeedsRebuild) {
+    return;
+  }
+  _accessibilityNeedsRebuild = NO;
+#if !TARGET_OS_OSX
+  _accessibilityElements = [MarkdownAccessibilityElementBuilder buildElementsForTextView:_textView
+                                                                                    info:_accessibilityInfo
+                                                                               container:self];
+#endif
+}
+
+- (BOOL)isAccessibilityElement
+{
+  return NO;
+}
+
+- (NSInteger)accessibilityElementCount
+{
+  [self rebuildAccessibilityElementsIfNeeded];
+  return _accessibilityElements.count;
+}
+
+- (id)accessibilityElementAtIndex:(NSInteger)index
+{
+  [self rebuildAccessibilityElementsIfNeeded];
+  if (index < 0 || index >= (NSInteger)_accessibilityElements.count) {
+    return nil;
+  }
+  return _accessibilityElements[index];
+}
+
+- (NSInteger)indexOfAccessibilityElement:(id)element
+{
+  [self rebuildAccessibilityElementsIfNeeded];
+  return [_accessibilityElements indexOfObject:element];
+}
+
+- (NSArray *)accessibilityElements
+{
+  [self rebuildAccessibilityElementsIfNeeded];
+  return _accessibilityElements;
+}
+
+#if TARGET_OS_OSX
+- (void)setContextMenuProvider:(ENRMContextMenuProvider)provider
+{
+  ((ENRMContextMenuTextView *)_textView).contextMenuProvider = provider;
+}
+#endif
+
+@end

package/ios/views/TableContainerView.h

@@ -0,0 +1,39 @@
+#pragma once
+#import "ENRMUIKit.h"
+#import "ParagraphStyleUtils.h"
+#import "StyleConfig.h"
+
+@class MarkdownASTNode;
+
+NS_ASSUME_NONNULL_BEGIN
+
+typedef void (^TableLinkPressBlock)(NSString *url);
+
+@interface TableContainerView : RCTUIView
+
+- (instancetype)initWithConfig:(StyleConfig *)config;
+
+- (void)applyTableNode:(MarkdownASTNode *)tableNode;
+
+- (CGFloat)measureHeight:(CGFloat)maxWidth;
+
+@property (nonatomic, strong) StyleConfig *config;
+
+@property (nonatomic, assign) BOOL allowFontScaling;
+@property (nonatomic, assign) CGFloat maxFontSizeMultiplier;
+
+@property (nonatomic, copy, nullable) TableLinkPressBlock onLinkPress;
+@property (nonatomic, copy, nullable) TableLinkPressBlock onLinkLongPress;
+
+@property (nonatomic, assign) BOOL enableLinkPreview;
+
+@property (nonatomic, assign) ENRMWritingDirectionMode writingDirectionMode;
+@property (nonatomic, assign) NSWritingDirection resolvedLayoutDirection;
+
+@property (nonatomic, readonly) NSUInteger rowCount;
+
+- (void)animateNewRowsFromPreviousCount:(NSUInteger)previousRowCount duration:(NSTimeInterval)duration;
+
+@end
+
+NS_ASSUME_NONNULL_END