react-native-enriched-markdown-scaffold 0.7.4-scaffold.9 → 1.0.2-scaffold.2

package/ios/styles/StyleConfig.h

@@ -208,12 +208,20 @@ NS_ASSUME_NONNULL_BEGIN
 // Image properties
 - (CGFloat)imageHeight;
 - (void)setImageHeight:(CGFloat)newValue;
+- (CGFloat)imageMaxHeight;
+- (void)setImageMaxHeight:(CGFloat)newValue;
+- (CGFloat)imageAspectRatio;
+- (void)setImageAspectRatio:(CGFloat)newValue;
+- (NSString *)imageResizeMode;
+- (void)setImageResizeMode:(NSString *)newValue;
 - (CGFloat)imageBorderRadius;
 - (void)setImageBorderRadius:(CGFloat)newValue;
 - (CGFloat)imageMarginTop;
 - (void)setImageMarginTop:(CGFloat)newValue;
 - (CGFloat)imageMarginBottom;
 - (void)setImageMarginBottom:(CGFloat)newValue;
+- (nullable NSDictionary<NSString *, NSString *> *)imageRequestHeaders;
+- (void)setImageRequestHeaders:(nullable NSDictionary<NSString *, NSString *> *)newValue;
 // Inline image properties
 - (CGFloat)inlineImageSize;
 - (void)setInlineImageSize:(CGFloat)newValue;
@@ -241,6 +249,10 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setBlockquoteGapWidth:(CGFloat)newValue;
 - (RCTUIColor *)blockquoteBackgroundColor;
 - (void)setBlockquoteBackgroundColor:(RCTUIColor *)newValue;
+- (CGFloat)blockquoteBorderRadius;
+- (void)setBlockquoteBorderRadius:(CGFloat)newValue;
+- (CGFloat)blockquotePadding;
+- (void)setBlockquotePadding:(CGFloat)newValue;
 // List style properties (combined for both ordered and unordered lists)
 - (CGFloat)listStyleFontSize;
 - (void)setListStyleFontSize:(CGFloat)newValue;
@@ -270,6 +282,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setListStyleGapWidth:(CGFloat)newValue;
 - (CGFloat)listStyleMarginLeft;
 - (void)setListStyleMarginLeft:(CGFloat)newValue;
+- (CGFloat)listStyleItemSpacing;
+- (void)setListStyleItemSpacing:(CGFloat)newValue;
 - (UIFont *)listMarkerFont;
 - (UIFont *)listStyleFont;
 - (CGFloat)effectiveListGapWidth;
@@ -302,6 +316,10 @@ NS_ASSUME_NONNULL_BEGIN
 - (CGFloat)codeBlockPadding;
 - (void)setCodeBlockPadding:(CGFloat)newValue;
 - (UIFont *)codeBlockFont;
+// Syntax highlight colors, indexed by HighlightTokenType ordinal. Resolved on
+// the JS side; the getter returns a cached color with no allocation.
+- (RCTUIColor *_Nullable)codeBlockSyntaxColorForToken:(NSInteger)tokenType;
+- (void)setCodeBlockSyntaxColor:(RCTUIColor *)newValue forToken:(NSInteger)tokenType;
 // Thematic break properties
 - (RCTUIColor *)thematicBreakColor;
 - (void)setThematicBreakColor:(RCTUIColor *)newValue;
@@ -348,6 +366,10 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)setTableCellPaddingHorizontal:(CGFloat)newValue;
 - (CGFloat)tableCellPaddingVertical;
 - (void)setTableCellPaddingVertical:(CGFloat)newValue;
+- (CGFloat)tableHorizontalOverflow;
+- (void)setTableHorizontalOverflow:(CGFloat)newValue;
+- (NSString *)tableAlign;
+- (void)setTableAlign:(NSString *)newValue;
 // Task list checkbox properties
 - (RCTUIColor *)taskListCheckedColor;
 - (void)setTaskListCheckedColor:(RCTUIColor *)newValue;

package/ios/styles/StyleConfig.mm

@@ -1,9 +1,13 @@
 #import "StyleConfig.h"
+#include "CodeBlockHighlighter.hpp"
 #import "ENRMFontSlot.h"
 #import "FontUtils.h"
 #import <React/RCTFont.h>
 #import <React/RCTUtils.h>
 
+static const NSInteger kENRMCodeBlockSyntaxColorCount =
+    static_cast<NSInteger>(Markdown::HighlightTokenType::Embedded) + 1;
+
 static inline NSString *normalizedFontWeight(NSString *fontWeight)
 {
   // If nil or empty string, return nil to let RCTFont use fontFamily as-is
@@ -134,9 +138,13 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   RCTUIColor *_codeBorderColor;
   // Image properties
   CGFloat _imageHeight;
+  CGFloat _imageMaxHeight;
+  CGFloat _imageAspectRatio;
+  NSString *_imageResizeMode;
   CGFloat _imageBorderRadius;
   CGFloat _imageMarginTop;
   CGFloat _imageMarginBottom;
+  NSDictionary<NSString *, NSString *> *_imageRequestHeaders;
   // Inline image properties
   CGFloat _inlineImageSize;
   // Blockquote properties
@@ -151,6 +159,8 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   CGFloat _blockquoteBorderWidth;
   CGFloat _blockquoteGapWidth;
   RCTUIColor *_blockquoteBackgroundColor;
+  CGFloat _blockquoteBorderRadius;
+  CGFloat _blockquotePadding;
   ENRMFontSlot *_blockquoteFont;
   // List style properties (combined for both ordered and unordered lists)
   CGFloat _listStyleFontSize;
@@ -167,6 +177,7 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   NSString *_listStyleMarkerFontWeight;
   CGFloat _listStyleGapWidth;
   CGFloat _listStyleMarginLeft;
+  CGFloat _listStyleItemSpacing;
   ENRMFontSlot *_listMarkerFont;
   ENRMFontSlot *_listStyleFont;
   // Code block properties
@@ -182,6 +193,7 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   CGFloat _codeBlockBorderRadius;
   CGFloat _codeBlockBorderWidth;
   CGFloat _codeBlockPadding;
+  RCTUIColor *_codeBlockSyntaxColors[kENRMCodeBlockSyntaxColorCount];
   ENRMFontSlot *_codeBlockFont;
   // Thematic break properties
   RCTUIColor *_thematicBreakColor;
@@ -208,6 +220,8 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   CGFloat _tableBorderRadius;
   CGFloat _tableCellPaddingHorizontal;
   CGFloat _tableCellPaddingVertical;
+  CGFloat _tableHorizontalOverflow;
+  NSString *_tableAlign;
   // Task list checkbox
   RCTUIColor *_taskListCheckedColor;
   RCTUIColor *_taskListBorderColor;
@@ -409,9 +423,13 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_codeBackgroundColor = [_codeBackgroundColor copy];
   copy->_codeBorderColor = [_codeBorderColor copy];
   copy->_imageHeight = _imageHeight;
+  copy->_imageMaxHeight = _imageMaxHeight;
+  copy->_imageAspectRatio = _imageAspectRatio;
+  copy->_imageResizeMode = [_imageResizeMode copy];
   copy->_imageBorderRadius = _imageBorderRadius;
   copy->_imageMarginTop = _imageMarginTop;
   copy->_imageMarginBottom = _imageMarginBottom;
+  copy->_imageRequestHeaders = [_imageRequestHeaders copy];
   copy->_inlineImageSize = _inlineImageSize;
   copy->_blockquoteFontSize = _blockquoteFontSize;
   copy->_blockquoteFontFamily = [_blockquoteFontFamily copy];
@@ -424,6 +442,8 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_blockquoteBorderWidth = _blockquoteBorderWidth;
   copy->_blockquoteGapWidth = _blockquoteGapWidth;
   copy->_blockquoteBackgroundColor = [_blockquoteBackgroundColor copy];
+  copy->_blockquoteBorderRadius = _blockquoteBorderRadius;
+  copy->_blockquotePadding = _blockquotePadding;
   copy->_listStyleFontSize = _listStyleFontSize;
   copy->_listStyleFontFamily = [_listStyleFontFamily copy];
   copy->_listStyleFontWeight = [_listStyleFontWeight copy];
@@ -438,6 +458,7 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_listStyleMarkerFontWeight = [_listStyleMarkerFontWeight copy];
   copy->_listStyleGapWidth = _listStyleGapWidth;
   copy->_listStyleMarginLeft = _listStyleMarginLeft;
+  copy->_listStyleItemSpacing = _listStyleItemSpacing;
   copy->_codeBlockFontSize = _codeBlockFontSize;
   copy->_codeBlockFontFamily = [_codeBlockFontFamily copy];
   copy->_codeBlockFontWeight = [_codeBlockFontWeight copy];
@@ -450,6 +471,9 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_codeBlockBorderRadius = _codeBlockBorderRadius;
   copy->_codeBlockBorderWidth = _codeBlockBorderWidth;
   copy->_codeBlockPadding = _codeBlockPadding;
+  for (NSInteger i = 0; i < kENRMCodeBlockSyntaxColorCount; i++) {
+    copy->_codeBlockSyntaxColors[i] = [_codeBlockSyntaxColors[i] copy];
+  }
   copy->_thematicBreakColor = [_thematicBreakColor copy];
   copy->_thematicBreakHeight = _thematicBreakHeight;
   copy->_thematicBreakMarginTop = _thematicBreakMarginTop;
@@ -471,6 +495,8 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   copy->_tableBorderRadius = _tableBorderRadius;
   copy->_tableCellPaddingHorizontal = _tableCellPaddingHorizontal;
   copy->_tableCellPaddingVertical = _tableCellPaddingVertical;
+  copy->_tableHorizontalOverflow = _tableHorizontalOverflow;
+  copy->_tableAlign = [_tableAlign copy];
   copy->_taskListCheckedColor = [_taskListCheckedColor copy];
   copy->_taskListBorderColor = [_taskListBorderColor copy];
   copy->_taskListCheckboxSize = _taskListCheckboxSize;
@@ -1509,6 +1535,36 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   _imageHeight = newValue;
 }
 
+- (CGFloat)imageMaxHeight
+{
+  return _imageMaxHeight;
+}
+
+- (void)setImageMaxHeight:(CGFloat)newValue
+{
+  _imageMaxHeight = newValue;
+}
+
+- (CGFloat)imageAspectRatio
+{
+  return _imageAspectRatio;
+}
+
+- (void)setImageAspectRatio:(CGFloat)newValue
+{
+  _imageAspectRatio = newValue;
+}
+
+- (NSString *)imageResizeMode
+{
+  return _imageResizeMode ?: @"";
+}
+
+- (void)setImageResizeMode:(NSString *)newValue
+{
+  _imageResizeMode = newValue;
+}
+
 - (CGFloat)imageBorderRadius
 {
   return _imageBorderRadius;
@@ -1539,6 +1595,16 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   _imageMarginBottom = newValue;
 }
 
+- (NSDictionary<NSString *, NSString *> *)imageRequestHeaders
+{
+  return _imageRequestHeaders;
+}
+
+- (void)setImageRequestHeaders:(NSDictionary<NSString *, NSString *> *)newValue
+{
+  _imageRequestHeaders = [newValue copy];
+}
+
 - (CGFloat)inlineImageSize
 {
   return _inlineImageSize;
@@ -1681,6 +1747,26 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   _blockquoteBackgroundColor = newValue;
 }
 
+- (CGFloat)blockquoteBorderRadius
+{
+  return _blockquoteBorderRadius;
+}
+
+- (void)setBlockquoteBorderRadius:(CGFloat)newValue
+{
+  _blockquoteBorderRadius = newValue;
+}
+
+- (CGFloat)blockquotePadding
+{
+  return _blockquotePadding;
+}
+
+- (void)setBlockquotePadding:(CGFloat)newValue
+{
+  _blockquotePadding = newValue;
+}
+
 // List style properties (combined for both ordered and unordered lists)
 - (CGFloat)listStyleFontSize
 {
@@ -1831,6 +1917,16 @@ static inline NSString *normalizedFontWeight(NSString *fontWeight)
   _listStyleMarginLeft = newValue;
 }
 
+- (CGFloat)listStyleItemSpacing
+{
+  return _listStyleItemSpacing;
+}
+
+- (void)setListStyleItemSpacing:(CGFloat)newValue
+{
+  _listStyleItemSpacing = newValue;
+}
+
 - (UIFont *)listMarkerFont
 {
   if (_listMarkerFont.needsRecreation || !_listMarkerFont.cachedFont) {
@@ -2028,6 +2124,22 @@ static const CGFloat kDefaultMinGap = 4.0;
   return _codeBlockFont.cachedFont;
 }
 
+- (RCTUIColor *)codeBlockSyntaxColorForToken:(NSInteger)tokenType
+{
+  if (tokenType < 0 || tokenType >= kENRMCodeBlockSyntaxColorCount) {
+    return nil;
+  }
+  return _codeBlockSyntaxColors[tokenType];
+}
+
+- (void)setCodeBlockSyntaxColor:(RCTUIColor *)newValue forToken:(NSInteger)tokenType
+{
+  if (tokenType < 0 || tokenType >= kENRMCodeBlockSyntaxColorCount) {
+    return;
+  }
+  _codeBlockSyntaxColors[tokenType] = newValue;
+}
+
 // Thematic break properties
 - (RCTUIColor *)thematicBreakColor
 {
@@ -2280,6 +2392,26 @@ static const CGFloat kDefaultMinGap = 4.0;
   _tableCellPaddingVertical = newValue;
 }
 
+- (CGFloat)tableHorizontalOverflow
+{
+  return _tableHorizontalOverflow;
+}
+
+- (void)setTableHorizontalOverflow:(CGFloat)newValue
+{
+  _tableHorizontalOverflow = newValue;
+}
+
+- (NSString *)tableAlign
+{
+  return _tableAlign ?: @"";
+}
+
+- (void)setTableAlign:(NSString *)newValue
+{
+  _tableAlign = newValue;
+}
+
 // Task list
 
 - (RCTUIColor *)taskListCheckedColor

package/ios/utils/BlockquoteBorder.h

@@ -6,6 +6,12 @@ NS_ASSUME_NONNULL_BEGIN
 
 extern NSString *const BlockquoteDepthAttributeName;
 extern NSString *const BlockquoteBackgroundColorAttributeName;
+extern NSString *const BlockquoteSpacerAttributeName;
+
+static inline CGFloat blockquoteIndentForDepth(NSInteger depth, CGFloat levelSpacing)
+{
+  return depth * levelSpacing;
+}
 
 @interface BlockquoteBorder : NSObject
 

package/ios/utils/BlockquoteBorder.m

@@ -5,6 +5,7 @@
 // Attribute constants for identifying blockquote segments in text storage
 NSString *const BlockquoteDepthAttributeName = @"BlockquoteDepth";
 NSString *const BlockquoteBackgroundColorAttributeName = @"BlockquoteBackgroundColor";
+NSString *const BlockquoteSpacerAttributeName = @"BlockquoteSpacer";
 
 @implementation BlockquoteBorder {
   StyleConfig *_config;
@@ -20,7 +21,15 @@ NSString *const BlockquoteBackgroundColorAttributeName = @"BlockquoteBackgroundC
 
 /**
  * Main drawing entry point called by the LayoutManager.
- * Iterates through line fragments to draw backgrounds and borders for nested blockquotes.
+ * Collects contiguous blockquote regions and draws each as one rounded box:
+ * background fill first, then the vertical borders clipped to the box shape.
+ * When a border radius is set, each nested quote's stripes are additionally
+ * clipped to that quote's own rounded box, mirroring per-element CSS
+ * border-radius on web.
+ * Regions are discovered by scanning only the drawn character range; regions
+ * touching its edges are extended run-by-run to their true boundaries, so the
+ * cost scales with the visible text plus the intersecting quotes rather than
+ * the whole document.
  */
 - (void)drawBordersForGlyphRange:(NSRange)glyphsToShow
                    layoutManager:(NSLayoutManager *)layoutManager
@@ -32,66 +41,254 @@ NSString *const BlockquoteBackgroundColorAttributeName = @"BlockquoteBackgroundC
     return;
   }
 
+  NSRange charRange = [layoutManager characterRangeForGlyphRange:glyphsToShow actualGlyphRange:NULL];
+  if (charRange.location == NSNotFound || charRange.length == 0) {
+    return;
+  }
+
+  NSMutableArray<NSValue *> *regions = [NSMutableArray array];
+  __block NSRange currentRegion = NSMakeRange(NSNotFound, 0);
+  [textStorage enumerateAttribute:BlockquoteDepthAttributeName
+                          inRange:charRange
+                          options:0
+                       usingBlock:^(id value, NSRange range, BOOL *stop) {
+                         if (!value) {
+                           if (currentRegion.location != NSNotFound) {
+                             [regions addObject:[NSValue valueWithRange:currentRegion]];
+                             currentRegion = NSMakeRange(NSNotFound, 0);
+                           }
+                           return;
+                         }
+                         currentRegion =
+                             currentRegion.location == NSNotFound ? range : NSUnionRange(currentRegion, range);
+                       }];
+  if (currentRegion.location != NSNotFound) {
+    [regions addObject:[NSValue valueWithRange:currentRegion]];
+  }
+
+  if (regions.count == 0) {
+    return;
+  }
+
+  NSRange firstRegion = regions.firstObject.rangeValue;
+  if (firstRegion.location == charRange.location) {
+    while (firstRegion.location > 0) {
+      NSRange runRange;
+      if (![textStorage attribute:BlockquoteDepthAttributeName
+                          atIndex:firstRegion.location - 1
+                   effectiveRange:&runRange]) {
+        break;
+      }
+      firstRegion = NSUnionRange(firstRegion, runRange);
+    }
+    regions[0] = [NSValue valueWithRange:firstRegion];
+  }
+
+  NSRange lastRegion = regions.lastObject.rangeValue;
+  if (NSMaxRange(lastRegion) == NSMaxRange(charRange)) {
+    while (NSMaxRange(lastRegion) < textStorage.length) {
+      NSRange runRange;
+      if (![textStorage attribute:BlockquoteDepthAttributeName
+                          atIndex:NSMaxRange(lastRegion)
+                   effectiveRange:&runRange]) {
+        break;
+      }
+      lastRegion = NSUnionRange(lastRegion, runRange);
+    }
+    regions[regions.count - 1] = [NSValue valueWithRange:lastRegion];
+  }
+
+  for (NSValue *value in regions) {
+    [self drawBlockquoteRegion:value.rangeValue layoutManager:layoutManager textContainer:textContainer atPoint:origin];
+  }
+}
+
+/**
+ * Groups the depth runs of a region into nested quote boxes: for each level
+ * >= 1, a box is a maximal contiguous stretch where depth >= level (a nested
+ * quote's own range). Outputs parallel arrays of ranges and levels.
+ */
+static void collectNestedBoxes(NSArray<NSValue *> *runRanges, NSArray<NSNumber *> *runDepths,
+                               NSMutableArray<NSValue *> *boxRanges, NSMutableArray<NSNumber *> *boxLevels)
+{
+  NSInteger maxDepth = 0;
+  for (NSNumber *depth in runDepths) {
+    maxDepth = MAX(maxDepth, depth.integerValue);
+  }
+
+  for (NSInteger level = 1; level <= maxDepth; level++) {
+    NSRange current = NSMakeRange(NSNotFound, 0);
+    for (NSUInteger i = 0; i < runRanges.count; i++) {
+      if (runDepths[i].integerValue >= level) {
+        NSRange runRange = runRanges[i].rangeValue;
+        current = current.location == NSNotFound ? runRange : NSUnionRange(current, runRange);
+      } else if (current.location != NSNotFound) {
+        [boxRanges addObject:[NSValue valueWithRange:current]];
+        [boxLevels addObject:@(level)];
+        current = NSMakeRange(NSNotFound, 0);
+      }
+    }
+    if (current.location != NSNotFound) {
+      [boxRanges addObject:[NSValue valueWithRange:current]];
+      [boxLevels addObject:@(level)];
+    }
+  }
+}
+
+- (void)drawBlockquoteRegion:(NSRange)region
+               layoutManager:(NSLayoutManager *)layoutManager
+               textContainer:(NSTextContainer *)textContainer
+                     atPoint:(CGPoint)origin
+{
+  NSTextStorage *textStorage = layoutManager.textStorage;
+
   // Cache configuration values to minimize pointer chasing and method lookups in the loop
   StyleConfig *c = _config;
   CGFloat borderWidth = c.blockquoteBorderWidth;
   CGFloat gapWidth = c.blockquoteGapWidth;
   CGFloat levelSpacing = borderWidth + gapWidth;
+  CGFloat borderRadius = c.blockquoteBorderRadius;
   CGFloat containerWidth = textContainer.size.width;
   RCTUIColor *defaultBgColor = c.blockquoteBackgroundColor;
   RCTUIColor *borderColor = c.blockquoteBorderColor;
 
-  UIBezierPath *borderPath = [UIBezierPath bezierPath];
-
-  [layoutManager
-      enumerateLineFragmentsForGlyphRange:glyphsToShow
-                               usingBlock:^(CGRect rect, CGRect usedRect, NSTextContainer *container,
-                                            NSRange glyphRange, BOOL *stop) {
-                                 // Map the glyph range back to character indices to retrieve attributes
-                                 NSRange charRange = [layoutManager characterRangeForGlyphRange:glyphRange
-                                                                               actualGlyphRange:NULL];
-                                 if (charRange.location == NSNotFound || charRange.length == 0) {
-                                   return;
-                                 }
-
-                                 // Perform a single attribute lookup for the current line fragment
-                                 NSDictionary *attrs = [textStorage attributesAtIndex:charRange.location
-                                                                       effectiveRange:NULL];
-                                 NSNumber *depthNum = attrs[BlockquoteDepthAttributeName];
-
-                                 // If no depth is found, this fragment is not part of a blockquote
-                                 if (!depthNum) {
-                                   return;
-                                 }
-
-                                 NSInteger depth = [depthNum integerValue];
-                                 CGFloat baseY = origin.y + rect.origin.y;
-                                 BOOL isRTL = ENRMParagraphIsRTL(attrs[NSParagraphStyleAttributeName]);
-
-                                 // 1. Draw Background (Painter's algorithm: draw backgrounds before borders)
-                                 RCTUIColor *bgColor = attrs[BlockquoteBackgroundColorAttributeName] ?: defaultBgColor;
-                                 if (bgColor && bgColor != [RCTUIColor clearColor]) {
-                                   CGContextRef ctx = UIGraphicsGetCurrentContext();
-                                   [bgColor setFill];
-                                   CGContextFillRect(ctx,
-                                                     CGRectMake(origin.x, baseY, containerWidth, rect.size.height));
-                                 }
-
-                                 // 2. Aggregate vertical borders into the batch path
-                                 for (NSInteger level = 0; level <= depth; level++) {
-                                   CGFloat borderX =
-                                       isRTL ? origin.x + containerWidth - borderWidth - (levelSpacing * level)
-                                             : origin.x + (levelSpacing * level);
-                                   CGRect borderRect = CGRectMake(borderX, baseY, borderWidth, rect.size.height);
-                                   UIBezierPathAppendPath(borderPath, [UIBezierPath bezierPathWithRect:borderRect]);
-                                 }
-                               }];
-
-  // 3. Perform a single batch fill for all borders
-  if (!borderPath.isEmpty) {
-    [borderColor setFill];
-    [borderPath fill];
+  NSRange glyphRange = [layoutManager glyphRangeForCharacterRange:region actualCharacterRange:NULL];
+  CGRect blockRect = [layoutManager boundingRectForGlyphRange:glyphRange inTextContainer:textContainer];
+  if (CGRectIsEmpty(blockRect)) {
+    return;
+  }
+
+  blockRect.origin.x = origin.x;
+  blockRect.origin.y += origin.y;
+  blockRect.size.width = containerWidth;
+
+  BOOL isLastBlockquote = (NSMaxRange(region) == textStorage.length);
+  if (isLastBlockquote) {
+    blockRect.size.height += c.blockquotePadding;
+  }
+
+  NSMutableArray<NSValue *> *boxRanges = [NSMutableArray array];
+  NSMutableArray<NSNumber *> *boxLevels = [NSMutableArray array];
+  NSMutableArray<UIBezierPath *> *boxStripePaths = [NSMutableArray array];
+  if (borderRadius > 0) {
+    NSMutableArray<NSValue *> *runRanges = [NSMutableArray array];
+    NSMutableArray<NSNumber *> *runDepths = [NSMutableArray array];
+    [textStorage enumerateAttribute:BlockquoteDepthAttributeName
+                            inRange:region
+                            options:0
+                         usingBlock:^(id value, NSRange range, BOOL *stop) {
+                           if (!value) {
+                             return;
+                           }
+                           [runRanges addObject:[NSValue valueWithRange:range]];
+                           [runDepths addObject:value];
+                         }];
+    collectNestedBoxes(runRanges, runDepths, boxRanges, boxLevels);
+    for (NSUInteger i = 0; i < boxRanges.count; i++) {
+      [boxStripePaths addObject:[UIBezierPath bezierPath]];
+    }
+  }
+
+  CGContextRef ctx = UIGraphicsGetCurrentContext();
+  CGContextSaveGState(ctx);
+  {
+    UIBezierPath *boxPath = UIBezierPathWithRoundedRect(blockRect, MAX(0, borderRadius));
+    [boxPath addClip];
+
+    // 1. Draw Background (Painter's algorithm: draw backgrounds before borders)
+    RCTUIColor *bgColor = [textStorage attribute:BlockquoteBackgroundColorAttributeName
+                                         atIndex:region.location
+                                  effectiveRange:NULL]
+                              ?: defaultBgColor;
+    if (bgColor && bgColor != [RCTUIColor clearColor]) {
+      [bgColor setFill];
+      CGContextFillRect(ctx, blockRect);
+    }
+
+    // 2. Aggregate vertical borders into batch paths; level-0 stripes are
+    // rounded by the region clip, nested stripes by their own box clip below
+    UIBezierPath *borderPath = [UIBezierPath bezierPath];
+    [layoutManager
+        enumerateLineFragmentsForGlyphRange:glyphRange
+                                 usingBlock:^(CGRect rect, CGRect usedRect, NSTextContainer *container,
+                                              NSRange lineGlyphRange, BOOL *stop) {
+                                   NSRange lineCharRange = [layoutManager characterRangeForGlyphRange:lineGlyphRange
+                                                                                     actualGlyphRange:NULL];
+                                   if (lineCharRange.location == NSNotFound || lineCharRange.length == 0) {
+                                     return;
+                                   }
+
+                                   NSDictionary *attrs = [textStorage attributesAtIndex:lineCharRange.location
+                                                                         effectiveRange:NULL];
+                                   NSNumber *depthNum = attrs[BlockquoteDepthAttributeName];
+
+                                   if (!depthNum) {
+                                     return;
+                                   }
+
+                                   NSInteger depth = [depthNum integerValue];
+                                   CGFloat baseY = origin.y + rect.origin.y;
+                                   CGFloat lineHeight = rect.size.height;
+                                   BOOL isLastLine = NSMaxRange(lineGlyphRange) == NSMaxRange(glyphRange);
+                                   if (isLastBlockquote && isLastLine) {
+                                     lineHeight += c.blockquotePadding;
+                                   }
+                                   BOOL isRTL = ENRMParagraphIsRTL(attrs[NSParagraphStyleAttributeName]);
+
+                                   for (NSInteger level = 0; level <= depth; level++) {
+                                     CGFloat borderX =
+                                         isRTL ? origin.x + containerWidth - borderWidth - (levelSpacing * level)
+                                               : origin.x + (levelSpacing * level);
+                                     CGRect borderRect = CGRectMake(borderX, baseY, borderWidth, lineHeight);
+
+                                     UIBezierPath *target = borderPath;
+                                     for (NSUInteger b = 0; b < boxRanges.count; b++) {
+                                       if (boxLevels[b].integerValue == level &&
+                                           NSLocationInRange(lineCharRange.location, boxRanges[b].rangeValue)) {
+                                         target = boxStripePaths[b];
+                                         break;
+                                       }
+                                     }
+                                     UIBezierPathAppendPath(target, [UIBezierPath bezierPathWithRect:borderRect]);
+                                   }
+                                 }];
+
+    // 3. Perform a single batch fill for the root-level borders
+    if (!borderPath.isEmpty) {
+      [borderColor setFill];
+      [borderPath fill];
+    }
+
+    // 4. Nested stripes: clip each to its own quote's rounded box (the clips
+    // compose with the still-active region clip)
+    for (NSUInteger b = 0; b < boxRanges.count; b++) {
+      UIBezierPath *stripes = boxStripePaths[b];
+      if (stripes.isEmpty) {
+        continue;
+      }
+
+      NSRange boxRange = boxRanges[b].rangeValue;
+      NSRange boxGlyphRange = [layoutManager glyphRangeForCharacterRange:boxRange actualCharacterRange:NULL];
+      CGRect boxRect = [layoutManager boundingRectForGlyphRange:boxGlyphRange inTextContainer:textContainer];
+      if (CGRectIsEmpty(boxRect)) {
+        continue;
+      }
+
+      NSDictionary *boxAttrs = [textStorage attributesAtIndex:boxRange.location effectiveRange:NULL];
+      BOOL boxRTL = ENRMParagraphIsRTL(boxAttrs[NSParagraphStyleAttributeName]);
+      CGFloat leadingInset = levelSpacing * boxLevels[b].integerValue;
+      boxRect.origin.x = boxRTL ? origin.x : origin.x + leadingInset;
+      boxRect.origin.y += origin.y;
+      boxRect.size.width = containerWidth - leadingInset;
+
+      CGContextSaveGState(ctx);
+      [UIBezierPathWithRoundedRect(boxRect, borderRadius) addClip];
+      [borderColor setFill];
+      [stripes fill];
+      CGContextRestoreGState(ctx);
+    }
   }
+  CGContextRestoreGState(ctx);
 }
 
-@end
+@end