react-native 0.83.5 → 0.83.7

package/React/CoreModules/RCTRedBox.mm

@@ -16,451 +16,15 @@
 #import <React/RCTRedBoxExtraDataViewController.h>
 #import <React/RCTReloadCommand.h>
 #import <React/RCTUtils.h>
-
-#import <objc/runtime.h>
+#import <react/featureflags/ReactNativeFeatureFlags.h>
 
 #import "CoreModulesPlugins.h"
+#import "RCTRedBox+Internal.h"
+#import "RCTRedBox2Controller+Internal.h"
+#import "RCTRedBoxController+Internal.h"
 
 #if RCT_DEV_MENU
 
-@class RCTRedBoxController;
-
-@interface UIButton (RCTRedBox)
-
-@property (nonatomic) RCTRedBoxButtonPressHandler rct_handler;
-
-- (void)rct_addBlock:(RCTRedBoxButtonPressHandler)handler forControlEvents:(UIControlEvents)controlEvents;
-
-@end
-
-@implementation UIButton (RCTRedBox)
-
-- (RCTRedBoxButtonPressHandler)rct_handler
-{
-  return objc_getAssociatedObject(self, @selector(rct_handler));
-}
-
-- (void)setRct_handler:(RCTRedBoxButtonPressHandler)rct_handler
-{
-  objc_setAssociatedObject(self, @selector(rct_handler), rct_handler, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
-}
-
-- (void)rct_callBlock
-{
-  if (self.rct_handler) {
-    self.rct_handler();
-  }
-}
-
-- (void)rct_addBlock:(RCTRedBoxButtonPressHandler)handler forControlEvents:(UIControlEvents)controlEvents
-{
-  self.rct_handler = handler;
-  [self addTarget:self action:@selector(rct_callBlock) forControlEvents:controlEvents];
-}
-
-@end
-
-@protocol RCTRedBoxControllerActionDelegate <NSObject>
-
-- (void)redBoxController:(RCTRedBoxController *)redBoxController openStackFrameInEditor:(RCTJSStackFrame *)stackFrame;
-- (void)reloadFromRedBoxController:(RCTRedBoxController *)redBoxController;
-- (void)loadExtraDataViewController;
-
-@end
-
-@interface RCTRedBoxController : UIViewController <UITableViewDelegate, UITableViewDataSource>
-@property (nonatomic, weak) id<RCTRedBoxControllerActionDelegate> actionDelegate;
-@end
-
-@implementation RCTRedBoxController {
-  UITableView *_stackTraceTableView;
-  NSString *_lastErrorMessage;
-  NSArray<RCTJSStackFrame *> *_lastStackTrace;
-  NSArray<NSString *> *_customButtonTitles;
-  NSArray<RCTRedBoxButtonPressHandler> *_customButtonHandlers;
-  int _lastErrorCookie;
-}
-
-- (instancetype)initWithCustomButtonTitles:(NSArray<NSString *> *)customButtonTitles
-                      customButtonHandlers:(NSArray<RCTRedBoxButtonPressHandler> *)customButtonHandlers
-{
-  if (self = [super init]) {
-    _lastErrorCookie = -1;
-    _customButtonTitles = customButtonTitles;
-    _customButtonHandlers = customButtonHandlers;
-  }
-
-  return self;
-}
-
-- (void)viewDidLoad
-{
-  [super viewDidLoad];
-  self.view.backgroundColor = [UIColor blackColor];
-
-  const CGFloat buttonHeight = 60;
-
-  CGRect detailsFrame = self.view.bounds;
-  detailsFrame.size.height -= buttonHeight + (double)[self bottomSafeViewHeight];
-
-  _stackTraceTableView = [[UITableView alloc] initWithFrame:detailsFrame style:UITableViewStylePlain];
-  _stackTraceTableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-  _stackTraceTableView.delegate = self;
-  _stackTraceTableView.dataSource = self;
-  _stackTraceTableView.backgroundColor = [UIColor clearColor];
-  _stackTraceTableView.separatorColor = [UIColor colorWithWhite:1 alpha:0.3];
-  _stackTraceTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
-  _stackTraceTableView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
-  [self.view addSubview:_stackTraceTableView];
-
-#if TARGET_OS_SIMULATOR || TARGET_OS_MACCATALYST
-  NSString *reloadText = @"Reload\n(\u2318R)";
-  NSString *dismissText = @"Dismiss\n(ESC)";
-  NSString *copyText = @"Copy\n(\u2325\u2318C)";
-  NSString *extraText = @"Extra Info\n(\u2318E)";
-#else
-  NSString *reloadText = @"Reload JS";
-  NSString *dismissText = @"Dismiss";
-  NSString *copyText = @"Copy";
-  NSString *extraText = @"Extra Info";
-#endif
-
-  UIButton *dismissButton = [self redBoxButton:dismissText
-                       accessibilityIdentifier:@"redbox-dismiss"
-                                      selector:@selector(dismiss)
-                                         block:nil];
-  UIButton *reloadButton = [self redBoxButton:reloadText
-                      accessibilityIdentifier:@"redbox-reload"
-                                     selector:@selector(reload)
-                                        block:nil];
-  UIButton *copyButton = [self redBoxButton:copyText
-                    accessibilityIdentifier:@"redbox-copy"
-                                   selector:@selector(copyStack)
-                                      block:nil];
-  UIButton *extraButton = [self redBoxButton:extraText
-                     accessibilityIdentifier:@"redbox-extra"
-                                    selector:@selector(showExtraDataViewController)
-                                       block:nil];
-
-  [NSLayoutConstraint activateConstraints:@[
-    [dismissButton.heightAnchor constraintEqualToConstant:buttonHeight],
-    [reloadButton.heightAnchor constraintEqualToConstant:buttonHeight],
-    [copyButton.heightAnchor constraintEqualToConstant:buttonHeight],
-    [extraButton.heightAnchor constraintEqualToConstant:buttonHeight]
-  ]];
-
-  UIStackView *buttonStackView = [[UIStackView alloc] init];
-  buttonStackView.translatesAutoresizingMaskIntoConstraints = NO;
-  buttonStackView.axis = UILayoutConstraintAxisHorizontal;
-  buttonStackView.distribution = UIStackViewDistributionFillEqually;
-  buttonStackView.alignment = UIStackViewAlignmentTop;
-  buttonStackView.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
-
-  [buttonStackView addArrangedSubview:dismissButton];
-  [buttonStackView addArrangedSubview:reloadButton];
-  [buttonStackView addArrangedSubview:copyButton];
-  [buttonStackView addArrangedSubview:extraButton];
-
-  [self.view addSubview:buttonStackView];
-
-  [NSLayoutConstraint activateConstraints:@[
-    [buttonStackView.heightAnchor constraintEqualToConstant:buttonHeight + [self bottomSafeViewHeight]],
-    [buttonStackView.leadingAnchor constraintEqualToAnchor:self.view.leadingAnchor],
-    [buttonStackView.trailingAnchor constraintEqualToAnchor:self.view.trailingAnchor],
-    [buttonStackView.bottomAnchor constraintEqualToAnchor:self.view.bottomAnchor]
-  ]];
-
-  for (NSUInteger i = 0; i < [_customButtonTitles count]; i++) {
-    UIButton *button = [self redBoxButton:_customButtonTitles[i]
-                  accessibilityIdentifier:@""
-                                 selector:nil
-                                    block:_customButtonHandlers[i]];
-    [button.heightAnchor constraintEqualToConstant:buttonHeight].active = YES;
-    [buttonStackView addArrangedSubview:button];
-  }
-
-  UIView *topBorder = [[UIView alloc] init];
-  topBorder.translatesAutoresizingMaskIntoConstraints = NO;
-  topBorder.backgroundColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-  [topBorder.heightAnchor constraintEqualToConstant:1].active = YES;
-
-  [self.view addSubview:topBorder];
-
-  [NSLayoutConstraint activateConstraints:@[
-    [topBorder.leadingAnchor constraintEqualToAnchor:self.view.leadingAnchor],
-    [topBorder.trailingAnchor constraintEqualToAnchor:self.view.trailingAnchor],
-    [topBorder.bottomAnchor constraintEqualToAnchor:buttonStackView.topAnchor],
-  ]];
-}
-
-- (UIButton *)redBoxButton:(NSString *)title
-    accessibilityIdentifier:(NSString *)accessibilityIdentifier
-                   selector:(SEL)selector
-                      block:(RCTRedBoxButtonPressHandler)block
-{
-  UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
-  button.autoresizingMask =
-      UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleRightMargin;
-  button.accessibilityIdentifier = accessibilityIdentifier;
-  button.titleLabel.font = [UIFont systemFontOfSize:13];
-  button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
-  button.titleLabel.textAlignment = NSTextAlignmentCenter;
-  button.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
-  [button setTitle:title forState:UIControlStateNormal];
-  [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
-  [button setTitleColor:[UIColor colorWithWhite:1 alpha:0.5] forState:UIControlStateHighlighted];
-  if (selector) {
-    [button addTarget:self action:selector forControlEvents:UIControlEventTouchUpInside];
-  } else if (block) {
-    [button rct_addBlock:block forControlEvents:UIControlEventTouchUpInside];
-  }
-  return button;
-}
-
-- (NSInteger)bottomSafeViewHeight
-{
-#if TARGET_OS_MACCATALYST
-  return 0;
-#else
-  return RCTKeyWindow().safeAreaInsets.bottom;
-#endif
-}
-
-RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
-
-- (NSString *)stripAnsi:(NSString *)text
-{
-  NSError *error = nil;
-  NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\x1b\\[[0-9;]*m"
-                                                                         options:NSRegularExpressionCaseInsensitive
-                                                                           error:&error];
-  return [regex stringByReplacingMatchesInString:text options:0 range:NSMakeRange(0, [text length]) withTemplate:@""];
-}
-
-- (void)showErrorMessage:(NSString *)message
-               withStack:(NSArray<RCTJSStackFrame *> *)stack
-                isUpdate:(BOOL)isUpdate
-             errorCookie:(int)errorCookie
-{
-  // Remove ANSI color codes from the message
-  NSString *messageWithoutAnsi = [self stripAnsi:message];
-
-  BOOL isRootViewControllerPresented = self.presentingViewController != nil;
-  // Show if this is a new message, or if we're updating the previous message
-  BOOL isNew = !isRootViewControllerPresented && !isUpdate;
-  BOOL isUpdateForSameMessage = !isNew &&
-      (isRootViewControllerPresented && isUpdate &&
-       ((errorCookie == -1 && [_lastErrorMessage isEqualToString:messageWithoutAnsi]) ||
-        (errorCookie == _lastErrorCookie)));
-  if (isNew || isUpdateForSameMessage) {
-    _lastStackTrace = stack;
-    // message is displayed using UILabel, which is unable to render text of
-    // unlimited length, so we truncate it
-    _lastErrorMessage = [messageWithoutAnsi substringToIndex:MIN((NSUInteger)10000, messageWithoutAnsi.length)];
-    _lastErrorCookie = errorCookie;
-
-    [_stackTraceTableView reloadData];
-
-    if (!isRootViewControllerPresented) {
-      [_stackTraceTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0]
-                                  atScrollPosition:UITableViewScrollPositionTop
-                                          animated:NO];
-      [RCTKeyWindow().rootViewController presentViewController:self animated:YES completion:nil];
-    }
-  }
-}
-
-- (void)dismiss
-{
-  [self dismissViewControllerAnimated:YES completion:nil];
-}
-
-- (void)reload
-{
-  if (_actionDelegate != nil) {
-    [_actionDelegate reloadFromRedBoxController:self];
-  } else {
-    // In bridgeless mode `RCTRedBox` gets deallocated, we need to notify listeners anyway.
-    RCTTriggerReloadCommandListeners(@"Redbox");
-    [self dismiss];
-  }
-}
-
-- (void)showExtraDataViewController
-{
-  [_actionDelegate loadExtraDataViewController];
-}
-
-- (void)copyStack
-{
-  NSMutableString *fullStackTrace;
-
-  if (_lastErrorMessage != nil) {
-    fullStackTrace = [_lastErrorMessage mutableCopy];
-    [fullStackTrace appendString:@"\n\n"];
-  } else {
-    fullStackTrace = [NSMutableString string];
-  }
-
-  for (RCTJSStackFrame *stackFrame in _lastStackTrace) {
-    [fullStackTrace appendString:[NSString stringWithFormat:@"%@\n", stackFrame.methodName]];
-    if (stackFrame.file) {
-      [fullStackTrace appendFormat:@"    %@\n", [self formatFrameSource:stackFrame]];
-    }
-  }
-  UIPasteboard *pb = [UIPasteboard generalPasteboard];
-  [pb setString:fullStackTrace];
-}
-
-- (NSString *)formatFrameSource:(RCTJSStackFrame *)stackFrame
-{
-  NSString *fileName = RCTNilIfNull(stackFrame.file) ? [stackFrame.file lastPathComponent] : @"<unknown file>";
-  NSString *lineInfo = [NSString stringWithFormat:@"%@:%lld", fileName, (long long)stackFrame.lineNumber];
-
-  if (stackFrame.column != 0) {
-    lineInfo = [lineInfo stringByAppendingFormat:@":%lld", (long long)stackFrame.column];
-  }
-  return lineInfo;
-}
-
-#pragma mark - TableView
-
-- (NSInteger)numberOfSectionsInTableView:(__unused UITableView *)tableView
-{
-  return 2;
-}
-
-- (NSInteger)tableView:(__unused UITableView *)tableView numberOfRowsInSection:(NSInteger)section
-{
-  return section == 0 ? 1 : _lastStackTrace.count;
-}
-
-- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
-{
-  if (indexPath.section == 0) {
-    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"msg-cell"];
-    return [self reuseCell:cell forErrorMessage:_lastErrorMessage];
-  }
-  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
-  NSUInteger index = indexPath.row;
-  RCTJSStackFrame *stackFrame = _lastStackTrace[index];
-  return [self reuseCell:cell forStackFrame:stackFrame];
-}
-
-- (UITableViewCell *)reuseCell:(UITableViewCell *)cell forErrorMessage:(NSString *)message
-{
-  if (!cell) {
-    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"msg-cell"];
-    cell.textLabel.accessibilityIdentifier = @"redbox-error";
-    cell.textLabel.textColor = [UIColor whiteColor];
-
-    // Prefer a monofont for formatting messages that were designed
-    // to be displayed in a terminal.
-    cell.textLabel.font = [UIFont monospacedSystemFontOfSize:14 weight:UIFontWeightBold];
-
-    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
-    cell.textLabel.numberOfLines = 0;
-    cell.detailTextLabel.textColor = [UIColor whiteColor];
-    cell.backgroundColor = [UIColor colorWithRed:0.82 green:0.10 blue:0.15 alpha:1.0];
-    cell.selectionStyle = UITableViewCellSelectionStyleNone;
-  }
-
-  cell.textLabel.text = message;
-
-  return cell;
-}
-
-- (UITableViewCell *)reuseCell:(UITableViewCell *)cell forStackFrame:(RCTJSStackFrame *)stackFrame
-{
-  if (!cell) {
-    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
-    cell.textLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:14];
-    cell.textLabel.lineBreakMode = NSLineBreakByCharWrapping;
-    cell.textLabel.numberOfLines = 2;
-    cell.detailTextLabel.textColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-    cell.detailTextLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:11];
-    cell.detailTextLabel.lineBreakMode = NSLineBreakByTruncatingMiddle;
-    cell.backgroundColor = [UIColor clearColor];
-    cell.selectedBackgroundView = [UIView new];
-    cell.selectedBackgroundView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.2];
-  }
-
-  cell.textLabel.text = stackFrame.methodName ?: @"(unnamed method)";
-  if (stackFrame.file) {
-    cell.detailTextLabel.text = [self formatFrameSource:stackFrame];
-  } else {
-    cell.detailTextLabel.text = @"";
-  }
-  cell.textLabel.textColor = stackFrame.collapse ? [UIColor lightGrayColor] : [UIColor whiteColor];
-  cell.detailTextLabel.textColor = stackFrame.collapse ? [UIColor colorWithRed:0.50 green:0.50 blue:0.50 alpha:1.0]
-                                                       : [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-  return cell;
-}
-
-- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
-{
-  if (indexPath.section == 0) {
-    NSMutableParagraphStyle *paragraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
-    paragraphStyle.lineBreakMode = NSLineBreakByWordWrapping;
-
-    NSDictionary *attributes =
-        @{NSFontAttributeName : [UIFont boldSystemFontOfSize:16], NSParagraphStyleAttributeName : paragraphStyle};
-    CGRect boundingRect =
-        [_lastErrorMessage boundingRectWithSize:CGSizeMake(tableView.frame.size.width - 30, CGFLOAT_MAX)
-                                        options:NSStringDrawingUsesLineFragmentOrigin
-                                     attributes:attributes
-                                        context:nil];
-    return ceil(boundingRect.size.height) + 40;
-  } else {
-    return 50;
-  }
-}
-
-- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
-{
-  if (indexPath.section == 1) {
-    NSUInteger row = indexPath.row;
-    RCTJSStackFrame *stackFrame = _lastStackTrace[row];
-    [_actionDelegate redBoxController:self openStackFrameInEditor:stackFrame];
-  }
-  [tableView deselectRowAtIndexPath:indexPath animated:YES];
-}
-
-#pragma mark - Key commands
-
-- (NSArray<UIKeyCommand *> *)keyCommands
-{
-  // NOTE: We could use RCTKeyCommands for this, but since
-  // we control this window, we can use the standard, non-hacky
-  // mechanism instead
-
-  return @[
-    // Dismiss red box
-    [UIKeyCommand keyCommandWithInput:UIKeyInputEscape modifierFlags:0 action:@selector(dismiss)],
-
-    // Reload
-    [UIKeyCommand keyCommandWithInput:@"r" modifierFlags:UIKeyModifierCommand action:@selector(reload)],
-
-    // Copy = Cmd-Option C since Cmd-C in the simulator copies the pasteboard from
-    // the simulator to the desktop pasteboard.
-    [UIKeyCommand keyCommandWithInput:@"c"
-                        modifierFlags:UIKeyModifierCommand | UIKeyModifierAlternate
-                               action:@selector(copyStack)],
-
-    // Extra data
-    [UIKeyCommand keyCommandWithInput:@"e"
-                        modifierFlags:UIKeyModifierCommand
-                               action:@selector(showExtraDataViewController)]
-  ];
-}
-
-- (BOOL)canBecomeFirstResponder
-{
-  return YES;
-}
-
-@end
-
 @interface RCTRedBox () <
     RCTInvalidating,
     RCTRedBoxControllerActionDelegate,
@@ -469,7 +33,7 @@ RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 @end
 
 @implementation RCTRedBox {
-  RCTRedBoxController *_controller;
+  id<RCTRedBoxControlling> _controller;
   NSMutableArray<id<RCTErrorCustomizer>> *_errorCustomizers;
   RCTRedBoxExtraDataViewController *_extraDataViewController;
   NSMutableArray<NSString *> *_customButtonTitles;
@@ -601,6 +165,14 @@ RCT_EXPORT_MODULE()
   [self showErrorMessage:message withParsedStack:stack isUpdate:YES errorCookie:errorCookie];
 }
 
+- (id<RCTRedBox2Controlling>)_redBox2Controller
+{
+  if ([_controller conformsToProtocol:@protocol(RCTRedBox2Controlling)]) {
+    return (id<RCTRedBox2Controlling>)_controller;
+  }
+  return nil;
+}
+
 - (void)showErrorMessage:(NSString *)message
          withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
                 isUpdate:(BOOL)isUpdate
@@ -617,14 +189,21 @@ RCT_EXPORT_MODULE()
     [[self->_moduleRegistry moduleForName:"EventDispatcher"] sendDeviceEventWithName:@"collectRedBoxExtraData"
                                                                                 body:nil];
 #pragma clang diagnostic pop
-    if (!self->_controller) {
-      self->_controller = [[RCTRedBoxController alloc] initWithCustomButtonTitles:self->_customButtonTitles
-                                                             customButtonHandlers:self->_customButtonHandlers];
-      self->_controller.actionDelegate = self;
-    }
 
     RCTErrorInfo *errorInfo = [[RCTErrorInfo alloc] initWithErrorMessage:message stack:stack];
     errorInfo = [self _customizeError:errorInfo];
+
+    if (self->_controller == nullptr) {
+      if (facebook::react::ReactNativeFeatureFlags::redBoxV2IOS()) {
+        self->_controller = [[RCTRedBox2Controller alloc] initWithCustomButtonTitles:self->_customButtonTitles
+                                                                customButtonHandlers:self->_customButtonHandlers];
+      } else {
+        self->_controller = [[RCTRedBoxController alloc] initWithCustomButtonTitles:self->_customButtonTitles
+                                                               customButtonHandlers:self->_customButtonHandlers];
+      }
+      self->_controller.actionDelegate = self;
+    }
+    [self _redBox2Controller].bundleURL = self->_overrideBundleURL ?: self->_bundleManager.bundleURL;
     [self->_controller showErrorMessage:errorInfo.errorMessage
                               withStack:errorInfo.stack
                                isUpdate:isUpdate
@@ -635,9 +214,10 @@ RCT_EXPORT_MODULE()
 - (void)loadExtraDataViewController
 {
   dispatch_async(dispatch_get_main_queue(), ^{
+    UIViewController *controller = static_cast<UIViewController *>(self->_controller);
     // Make sure the CMD+E shortcut doesn't call this twice
-    if (self->_extraDataViewController != nil && ![self->_controller presentedViewController]) {
-      [self->_controller presentViewController:self->_extraDataViewController animated:YES completion:nil];
+    if (self->_extraDataViewController != nil && ([controller presentedViewController] == nullptr)) {
+      [controller presentViewController:self->_extraDataViewController animated:YES completion:nil];
     }
   });
 }
@@ -659,7 +239,7 @@ RCT_EXPORT_METHOD(dismiss)
   [self dismiss];
 }
 
-- (void)redBoxController:(__unused RCTRedBoxController *)redBoxController
+- (void)redBoxController:(__unused UIViewController *)redBoxController
     openStackFrameInEditor:(RCTJSStackFrame *)stackFrame
 {
   NSURL *const bundleURL = _overrideBundleURL ?: _bundleManager.bundleURL;
@@ -686,7 +266,7 @@ RCT_EXPORT_METHOD(dismiss)
   [self reloadFromRedBoxController:nil];
 }
 
-- (void)reloadFromRedBoxController:(__unused RCTRedBoxController *)redBoxController
+- (void)reloadFromRedBoxController:(__unused UIViewController *)redBoxController
 {
   if (_overrideReloadAction) {
     _overrideReloadAction();

package/React/CoreModules/RCTRedBox2AnsiParser+Internal.h

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <UIKit/UIKit.h>
+
+/**
+ * Parses ANSI escape sequences in text and produces an NSAttributedString
+ * with the corresponding foreground/background colors applied.
+ *
+ * Uses the Afterglow color theme (matching LogBox's AnsiHighlight.js).
+ */
+@interface RCTRedBox2AnsiParser : NSObject
+
++ (NSAttributedString *)attributedStringFromAnsiText:(NSString *)text
+                                            baseFont:(UIFont *)font
+                                           baseColor:(UIColor *)color;
+
+@end

package/React/CoreModules/RCTRedBox2AnsiParser.mm

@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTRedBox2AnsiParser+Internal.h"
+
+#import <React/RCTDefines.h>
+#import <react/debug/redbox/AnsiParser.h>
+
+#if RCT_DEV_MENU
+
+using facebook::react::unstable_redbox::AnsiColor;
+using facebook::react::unstable_redbox::parseAnsi;
+
+static UIColor *RCTUIColorFromAnsiColor(const AnsiColor &c)
+{
+  return [UIColor colorWithRed:c.r / 255.0 green:c.g / 255.0 blue:c.b / 255.0 alpha:1.0];
+}
+
+@implementation RCTRedBox2AnsiParser
+
++ (NSAttributedString *)attributedStringFromAnsiText:(NSString *)text baseFont:(UIFont *)font baseColor:(UIColor *)color
+{
+  if (text == nil) {
+    return [[NSAttributedString alloc] init];
+  }
+
+  auto spans = parseAnsi(text.UTF8String);
+  NSMutableAttributedString *result =[NSMutableAttributedString new];
+  NSDictionary *baseAttributes = @{NSFontAttributeName : font, NSForegroundColorAttributeName : color};
+
+  for (const auto &span : spans) {
+    NSString *str = [NSString stringWithUTF8String:span.text.c_str()];
+    if (str == nil) {
+      continue;
+    }
+    NSMutableDictionary *attrs = [baseAttributes mutableCopy];
+    if (span.foregroundColor.has_value()) {
+      attrs[NSForegroundColorAttributeName] = RCTUIColorFromAnsiColor(*span.foregroundColor);
+    }
+    if (span.backgroundColor.has_value()) {
+      attrs[NSBackgroundColorAttributeName] = RCTUIColorFromAnsiColor(*span.backgroundColor);
+    }
+    [result appendAttributedString:[[NSAttributedString alloc] initWithString:str attributes:attrs]];
+  }
+
+  return result;
+}
+
+@end
+
+#endif

package/React/CoreModules/RCTRedBox2Controller+Internal.h

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTDefines.h>
+
+#import "RCTRedBox+Internal.h"
+
+#if RCT_DEV_MENU
+
+typedef void (^RCTRedBox2ButtonPressHandler)(void);
+
+@interface RCTRedBox2Controller : UIViewController <RCTRedBox2Controlling, UITableViewDelegate, UITableViewDataSource>
+
+@property (nonatomic, weak) id<RCTRedBoxControllerActionDelegate> actionDelegate;
+
+- (instancetype)initWithCustomButtonTitles:(NSArray<NSString *> *)customButtonTitles
+                      customButtonHandlers:(NSArray<RCTRedBox2ButtonPressHandler> *)customButtonHandlers;
+
+- (void)showErrorMessage:(NSString *)message
+               withStack:(NSArray<RCTJSStackFrame *> *)stack
+                isUpdate:(BOOL)isUpdate
+             errorCookie:(int)errorCookie;
+
+/// The bundle URL used by the app, for the native HMR connection.
+@property (nonatomic, strong, nullable) NSURL *bundleURL;
+
+- (void)dismiss;
+@end
+
+#endif