@expensify/react-native-live-markdown 0.1.44 → 0.1.45

package/RNLiveMarkdown.podspec

@@ -14,9 +14,16 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "11.0" }
   s.source       = { :git => "https://github.com/expensify/react-native-live-markdown.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm}"
+  s.source_files = "ios/**/*.{h,m,mm,cpp}"
 
   s.resources = "parser/react-native-live-markdown-parser.js"
 
   install_modules_dependencies(s)
+
+  if ENV['USE_FRAMEWORKS'] && ENV['RCT_NEW_ARCH_ENABLED']
+    add_dependency(s, "React-Fabric", :additional_framework_paths => [
+      "react/renderer/textlayoutmanager/platform/ios",
+      "react/renderer/components/textinput/iostextinput",
+    ])
+  end
 end

package/ios/MarkdownCommitHook.h

@@ -0,0 +1,42 @@
+#pragma once
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include <react/renderer/components/iostextinput/TextInputShadowNode.h>
+#include <react/renderer/uimanager/UIManager.h>
+#include <react/renderer/uimanager/UIManagerCommitHook.h>
+
+#include <memory>
+
+#include "MarkdownTextInputDecoratorShadowNode.h"
+
+using namespace facebook::react;
+
+namespace livemarkdown {
+
+struct MarkdownTextInputDecoratorPair {
+  const std::shared_ptr<const TextInputShadowNode> textInput;
+  const std::shared_ptr<const MarkdownTextInputDecoratorShadowNode> decorator;
+};
+
+class MarkdownCommitHook : public UIManagerCommitHook {
+public:
+  MarkdownCommitHook(const std::shared_ptr<UIManager> &uiManager);
+
+  ~MarkdownCommitHook() noexcept override;
+
+  void commitHookWasRegistered(UIManager const &) noexcept override {}
+
+  void commitHookWasUnregistered(UIManager const &) noexcept override {}
+
+  RootShadowNode::Unshared shadowTreeWillCommit(
+      ShadowTree const &shadowTree,
+      RootShadowNode::Shared const &oldRootShadowNode,
+      RootShadowNode::Unshared const &newRootShadowNode) noexcept override;
+
+private:
+  const std::shared_ptr<UIManager> uiManager_;
+};
+
+} // namespace livemarkdown
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/MarkdownCommitHook.mm

@@ -0,0 +1,195 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include <React/RCTUtils.h>
+#include <react/renderer/core/ComponentDescriptor.h>
+#include <react/renderer/textlayoutmanager/RCTAttributedTextUtils.h>
+
+#include "MarkdownCommitHook.h"
+#include "MarkdownShadowFamilyRegistry.h"
+#include "RCTMarkdownStyle.h"
+#include "RCTMarkdownUtils.h"
+
+using namespace facebook::react;
+
+namespace livemarkdown {
+
+MarkdownCommitHook::MarkdownCommitHook(
+    const std::shared_ptr<UIManager> &uiManager)
+    : uiManager_(uiManager) {
+  uiManager_->registerCommitHook(*this);
+}
+
+MarkdownCommitHook::~MarkdownCommitHook() noexcept {
+  uiManager_->unregisterCommitHook(*this);
+}
+
+RootShadowNode::Unshared MarkdownCommitHook::shadowTreeWillCommit(
+    ShadowTree const &, RootShadowNode::Shared const &,
+    RootShadowNode::Unshared const &newRootShadowNode) noexcept {
+  auto rootNode = newRootShadowNode->ShadowNode::clone(ShadowNodeFragment{});
+
+  // A preface to why we do the weird thing below:
+  // On the new architecture there are two ways of measuring text on iOS: by
+  // value and by pointer. When done by value, the attributed string to be
+  // measured is created on the c++ side. We cannot modify this process as we do
+  // not extend TextInputShadowNode. We also cannot really change the layout
+  // manager used to do this, since it's a private field (ok, we can but in a
+  // not very nice way). But also, the logic for parsing and applying markdown
+  // is written in JS/ObjC and we really wouldn't want to reimplement it in c++.
+  //
+  // Nice thing is that it can also be done by pointer to NSAttributedString,
+  // which is the platform's way to handle styled text, and is also used by Live
+  // Markdown. On this path, the measurement is done by the OS APIs. The thing
+  // we want to make sure of, is that markdown-decorated text input always uses
+  // this path and uses a pointer to a string with markdown styles applied.
+  // Thankfully, RN provides nice utility functions that allow to convert
+  // between the RN's AttributedString and iOS's NSAttributedString. The logic
+  // below does exactly that.
+
+  // In order to properly apply markdown formatting to the text input, we need
+  // to update the TextInputShadowNode's state with styled string, but we only
+  // have access to the ShadowNodeFamilies of the decorator components. We also
+  // know that a markdown decorator is always preceded with the TextInput to
+  // decorate, so we need to take the sibling.
+  std::vector<MarkdownTextInputDecoratorPair> nodesToUpdate;
+  MarkdownShadowFamilyRegistry::runForEveryFamily([&rootNode, &nodesToUpdate](
+                                                      ShadowNodeFamily::Shared
+                                                          family) {
+    // get the path from the root to the node from the decorator family
+    const auto ancestors = family->getAncestors(*rootNode);
+
+    if (!ancestors.empty()) {
+      auto &parentNode = ancestors.back().first.get();
+      auto index = ancestors.back().second;
+
+      // this is node represented by one of the registered families and since we
+      // only register markdown decorator shadow families, static casting should
+      // be safe here
+      const auto &decoratorNode =
+          std::static_pointer_cast<const MarkdownTextInputDecoratorShadowNode>(
+              parentNode.getChildren().at(index));
+      // text input always precedes the decorator component
+      const auto &previousSibling = parentNode.getChildren().at(index - 1);
+
+      if (const auto &textInputNode =
+              std::dynamic_pointer_cast<const TextInputShadowNode>(
+                  previousSibling)) {
+        // store the pair of text input and decorator to update in the next step
+        // we need both, decorator to get markdown style and text input to
+        // update it
+        nodesToUpdate.push_back({
+            textInputNode,
+            decoratorNode,
+        });
+      }
+    }
+  });
+
+  for (const auto &nodes : nodesToUpdate) {
+    const auto &textInputState =
+        *std::static_pointer_cast<const ConcreteState<TextInputState>>(
+            nodes.textInput->getState());
+    const auto &stateData = textInputState.getData();
+    const auto fontSizeMultiplier =
+        newRootShadowNode->getConcreteProps().layoutContext.fontSizeMultiplier;
+
+    // We only want to update the shadow node when the attributed string is
+    // stored by value If it's stored by pointer, the markdown formatting should
+    // already by applied to it, since the only source of that pointer (besides
+    // this commit hook) is RCTTextInputComponentView, which has the relevant
+    // method swizzled to make sure the markdown styles are always applied
+    // before updating state. There are two caveats:
+    // 1. On the first render the swizzled method will not apply markdown since
+    // the native component
+    //   is not mounted yet. In that case we save the tag to update in the
+    //   method applying markdown formatting and apply it here instead,
+    //   preventing wrong layout on reloads.
+    // 2. When the markdown style prop is changed, the native state needs to be
+    // updated to reflect
+    //    them. In that case the relevant tag is saved in the registry when the
+    //    new shadow node is created.
+    if (stateData.attributedStringBox.getMode() ==
+            AttributedStringBox::Mode::Value ||
+        MarkdownShadowFamilyRegistry::shouldForceUpdate(
+            nodes.textInput->getTag())) {
+      rootNode = rootNode->cloneTree(
+          nodes.textInput->getFamily(),
+          [&nodes, &textInputState, &stateData,
+           fontSizeMultiplier](const ShadowNode &node) {
+            const auto &markdownProps = *std::static_pointer_cast<
+                MarkdownTextInputDecoratorViewProps const>(
+                nodes.decorator->getProps());
+            const auto &textInputProps =
+                *std::static_pointer_cast<TextInputProps const>(
+                    nodes.textInput->getProps());
+
+            const auto defaultTextAttributes =
+                textInputProps.getEffectiveTextAttributes(fontSizeMultiplier);
+            const auto defaultNSTextAttributes =
+                RCTNSTextAttributesFromTextAttributes(defaultTextAttributes);
+
+            // this can possibly be optimized
+            RCTMarkdownStyle *markdownStyle = [[RCTMarkdownStyle alloc]
+                initWithStruct:markdownProps.markdownStyle];
+            RCTMarkdownUtils *utils = [[RCTMarkdownUtils alloc] init];
+            [utils setMarkdownStyle:markdownStyle];
+
+            // convert the attibuted string stored in state to
+            // NSAttributedString
+            auto nsAttributedString =
+                RCTNSAttributedStringFromAttributedStringBox(
+                    stateData.attributedStringBox);
+
+            // Handles the first render, where the text stored in props is
+            // different than the one stored in state The one in state is empty,
+            // while the one in props is passed from JS If we don't update the
+            // state here, we'll end up with a one-default-line-sized text
+            // input. A better condition to do that can be probably chosen, but
+            // this seems to work
+            auto plainString =
+                std::string([[nsAttributedString string] UTF8String]);
+            if (plainString != textInputProps.text) {
+              // creates new AttributedString from props, adapted from
+              // TextInputShadowNode (ios one, text inputs are
+              // platform-specific)
+              auto attributedString = AttributedString{};
+              attributedString.appendFragment(AttributedString::Fragment{
+                  textInputProps.text, defaultTextAttributes});
+
+              auto attachments = BaseTextShadowNode::Attachments{};
+              BaseTextShadowNode::buildAttributedString(
+                  defaultTextAttributes, *nodes.textInput, attributedString,
+                  attachments);
+
+              // convert the newly created attributed string to
+              // NSAttributedString
+              nsAttributedString = RCTNSAttributedStringFromAttributedStringBox(
+                  AttributedStringBox{attributedString});
+            }
+
+            // apply markdown
+            auto newString = [utils parseMarkdown:nsAttributedString
+                                   withAttributes:defaultNSTextAttributes];
+
+            // create a clone of the old TextInputState and update the
+            // attributed string box to point to the string with markdown
+            // applied
+            auto newStateData = std::make_shared<TextInputState>(stateData);
+            newStateData->attributedStringBox =
+                RCTAttributedStringBoxFromNSAttributedString(newString);
+
+            // clone the text input with the new state
+            return node.clone({
+                .state = std::make_shared<const ConcreteState<TextInputState>>(
+                    newStateData, textInputState),
+            });
+          });
+    }
+  }
+
+  return std::static_pointer_cast<RootShadowNode>(rootNode);
+}
+
+} // namespace livemarkdown
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/MarkdownShadowFamilyRegistry.cpp

@@ -0,0 +1,58 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include "MarkdownShadowFamilyRegistry.h"
+
+std::set<facebook::react::ShadowNodeFamily::Shared>
+    MarkdownShadowFamilyRegistry::familiesToUpdate_;
+std::set<facebook::react::Tag> MarkdownShadowFamilyRegistry::forcedUpdates_;
+std::mutex MarkdownShadowFamilyRegistry::mutex_;
+
+void MarkdownShadowFamilyRegistry::registerFamilyForUpdates(
+    facebook::react::ShadowNodeFamily::Shared family) {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  MarkdownShadowFamilyRegistry::familiesToUpdate_.insert(family);
+}
+
+void MarkdownShadowFamilyRegistry::unregisterFamilyForUpdates(
+    facebook::react::ShadowNodeFamily::Shared family) {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  MarkdownShadowFamilyRegistry::familiesToUpdate_.erase(family);
+}
+
+void MarkdownShadowFamilyRegistry::reset() {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  MarkdownShadowFamilyRegistry::familiesToUpdate_.clear();
+  MarkdownShadowFamilyRegistry::forcedUpdates_.clear();
+}
+
+void MarkdownShadowFamilyRegistry::runForEveryFamily(
+    std::function<void(facebook::react::ShadowNodeFamily::Shared)> fun) {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  for (auto &family : MarkdownShadowFamilyRegistry::familiesToUpdate_) {
+    fun(family);
+  }
+}
+
+void MarkdownShadowFamilyRegistry::forceNextStateUpdate(
+    facebook::react::Tag tag) {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  forcedUpdates_.insert(tag);
+}
+
+bool MarkdownShadowFamilyRegistry::shouldForceUpdate(facebook::react::Tag tag) {
+  auto lock =
+      std::unique_lock<std::mutex>(MarkdownShadowFamilyRegistry::mutex_);
+  bool force = forcedUpdates_.contains(tag);
+  if (force) {
+    forcedUpdates_.erase(tag);
+    return true;
+  }
+  return false;
+}
+
+#endif

package/ios/MarkdownShadowFamilyRegistry.h

@@ -0,0 +1,35 @@
+#pragma once
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include <react/renderer/components/iostextinput/TextInputShadowNode.h>
+
+#include <mutex>
+#include <set>
+
+// A registry to store pointers to the ShadowNodeFamilies of markdown
+// decorators. The only place we can _legally_ access the family of shadow node
+// is in the constructor and we need it inside commit hook. To achieve it, we
+// use this simple registry where families are registered when nodes are created
+// and cleaned up when native view is removed from window or when a turbomodule
+// is deallocated.
+
+class MarkdownShadowFamilyRegistry {
+public:
+  static void
+  registerFamilyForUpdates(facebook::react::ShadowNodeFamily::Shared family);
+  static void
+  unregisterFamilyForUpdates(facebook::react::ShadowNodeFamily::Shared family);
+  static void reset();
+  static void runForEveryFamily(
+      std::function<void(facebook::react::ShadowNodeFamily::Shared family)>
+          fun);
+  static void forceNextStateUpdate(facebook::react::Tag tag);
+  static bool shouldForceUpdate(facebook::react::Tag tag);
+
+private:
+  static std::set<facebook::react::ShadowNodeFamily::Shared> familiesToUpdate_;
+  static std::set<facebook::react::Tag> forcedUpdates_;
+  static std::mutex mutex_;
+};
+
+#endif

package/ios/MarkdownTextInputDecoratorComponentDescriptor.h

@@ -0,0 +1,17 @@
+#pragma once
+
+#include "MarkdownTextInputDecoratorShadowNode.h"
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+class MarkdownTextInputDecoratorComponentDescriptor final
+    : public ConcreteComponentDescriptor<MarkdownTextInputDecoratorShadowNode> {
+public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+};
+
+} // namespace react
+} // namespace facebook

package/ios/MarkdownTextInputDecoratorComponentView.mm

@@ -1,23 +1,25 @@
 // This guard prevent this file to be compiled in the old architecture.
 #ifdef RCT_NEW_ARCH_ENABLED
-#import <react/renderer/components/RNLiveMarkdownSpec/ComponentDescriptors.h>
 #import <react/renderer/components/RNLiveMarkdownSpec/Props.h>
 
 #import <RNLiveMarkdown/MarkdownTextInputDecoratorComponentView.h>
 #import <RNLiveMarkdown/MarkdownTextInputDecoratorView.h>
 #import <RNLiveMarkdown/RCTMarkdownStyle.h>
 
+#import "MarkdownTextInputDecoratorComponentDescriptor.h"
+#import "MarkdownShadowFamilyRegistry.h"
 #import "RCTFabricComponentsPlugins.h"
 
 using namespace facebook::react;
 
 @implementation MarkdownTextInputDecoratorComponentView {
   MarkdownTextInputDecoratorView *_view;
+  ShadowNodeFamily::Shared _decoratorFamily;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
 {
-  return concreteComponentDescriptorProvider<MarkdownTextInputDecoratorViewComponentDescriptor>();
+  return concreteComponentDescriptorProvider<MarkdownTextInputDecoratorComponentDescriptor>();
 }
 
 - (instancetype)initWithFrame:(CGRect)frame
@@ -34,6 +36,27 @@ using namespace facebook::react;
   return self;
 }
 
+- (void)updateState:(const facebook::react::State::Shared &)state oldState:(const facebook::react::State::Shared &)oldState
+{
+    auto data = std::static_pointer_cast<MarkdownTextInputDecoratorShadowNode::ConcreteState const>(state)->getData();
+    
+    if (_decoratorFamily != nullptr) {
+        MarkdownShadowFamilyRegistry::unregisterFamilyForUpdates(_decoratorFamily);
+    }
+    
+    _decoratorFamily = data.decoratorFamily;
+    MarkdownShadowFamilyRegistry::registerFamilyForUpdates(_decoratorFamily);
+}
+
+- (void)willMoveToSuperview:(UIView *)newSuperview {
+    if (newSuperview == nil) {
+        MarkdownShadowFamilyRegistry::unregisterFamilyForUpdates(_decoratorFamily);
+      _decoratorFamily = nullptr;
+    }
+    
+    [super willMoveToSuperview:newSuperview];
+}
+
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
     const auto &oldViewProps = *std::static_pointer_cast<MarkdownTextInputDecoratorViewProps const>(_props);

package/ios/MarkdownTextInputDecoratorShadowNode.cpp

@@ -0,0 +1,38 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include <react/renderer/core/LayoutContext.h>
+
+#include "MarkdownShadowFamilyRegistry.h"
+#include "MarkdownTextInputDecoratorShadowNode.h"
+
+namespace facebook {
+namespace react {
+
+extern const char MarkdownTextInputDecoratorViewComponentName[] =
+    "MarkdownTextInputDecoratorView";
+
+const ShadowNodeFragment::Value
+MarkdownTextInputDecoratorShadowNode::updateFragmentState(
+    ShadowNodeFragment const &fragment,
+    ShadowNodeFamily::Shared const &family) {
+  const auto newStateData =
+      std::make_shared<MarkdownTextInputDecoratorState>(family);
+
+  MarkdownShadowFamilyRegistry::registerFamilyForUpdates(family);
+
+  // we pass the pointer to the ShadowNodeFamily in the initial state, so it's
+  // propagated on every clone we need it to clear the reference in the registry
+  // when the view is removed from window it cannot be done in the destructor,
+  // as multiple shadow nodes for the same family may be created
+  return ShadowNodeFragment::Value({
+      .props = fragment.props,
+      .children = fragment.children,
+      .state =
+          std::make_shared<const ConcreteState>(newStateData, *fragment.state),
+  });
+}
+
+} // namespace react
+} // namespace facebook
+
+#endif

package/ios/MarkdownTextInputDecoratorShadowNode.h

@@ -0,0 +1,49 @@
+#pragma once
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#include "MarkdownShadowFamilyRegistry.h"
+#include "MarkdownTextInputDecoratorState.h"
+#include <jsi/jsi.h>
+#include <react/renderer/components/RNLiveMarkdownSpec/EventEmitters.h>
+#include <react/renderer/components/RNLiveMarkdownSpec/Props.h>
+#include <react/renderer/components/iostextinput/TextInputShadowNode.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+JSI_EXPORT extern const char MarkdownTextInputDecoratorViewComponentName[];
+
+class JSI_EXPORT MarkdownTextInputDecoratorShadowNode final
+    : public ConcreteViewShadowNode<MarkdownTextInputDecoratorViewComponentName,
+                                    MarkdownTextInputDecoratorViewProps,
+                                    MarkdownTextInputDecoratorViewEventEmitter,
+                                    MarkdownTextInputDecoratorState> {
+public:
+  MarkdownTextInputDecoratorShadowNode(ShadowNodeFragment const &fragment,
+                                       ShadowNodeFamily::Shared const &family,
+                                       ShadowNodeTraits traits)
+      : ConcreteViewShadowNode(static_cast<ShadowNodeFragment>(
+                                   updateFragmentState(fragment, family)),
+                               family, traits) {}
+
+  MarkdownTextInputDecoratorShadowNode(ShadowNode const &sourceShadowNode,
+                                       ShadowNodeFragment const &fragment)
+      : ConcreteViewShadowNode(sourceShadowNode, fragment) {
+    // if the props changed, we need to update the shadow node state to reflect
+    // potential style changes
+    if (fragment.props != ShadowNodeFragment::propsPlaceholder()) {
+      MarkdownShadowFamilyRegistry::forceNextStateUpdate(this->getTag());
+    }
+  }
+
+private:
+  static const ShadowNodeFragment::Value
+  updateFragmentState(ShadowNodeFragment const &fragment,
+                      ShadowNodeFamily::Shared const &family);
+};
+
+} // namespace react
+} // namespace facebook
+
+#endif

package/ios/MarkdownTextInputDecoratorState.h

@@ -0,0 +1,21 @@
+#pragma once
+
+#include <react/renderer/core/ShadowNodeFamily.h>
+
+namespace facebook {
+namespace react {
+
+class JSI_EXPORT MarkdownTextInputDecoratorState final {
+public:
+  using Shared = std::shared_ptr<const MarkdownTextInputDecoratorState>;
+
+  MarkdownTextInputDecoratorState() : decoratorFamily(nullptr){};
+  MarkdownTextInputDecoratorState(
+      const ShadowNodeFamily::Shared textInputFamily_)
+      : decoratorFamily(textInputFamily_){};
+
+  const ShadowNodeFamily::Shared decoratorFamily;
+};
+
+} // namespace react
+} // namespace facebook

package/ios/MarkdownTextInputDecoratorView.mm

@@ -58,7 +58,7 @@
   UIView<RCTBackedTextInputViewProtocol> *backedTextInputView = _textInput.backedTextInputView;
 #endif /* RCT_NEW_ARCH_ENABLED */
 
-  _markdownUtils = [[RCTMarkdownUtils alloc] initWithBackedTextInputView:backedTextInputView];
+  _markdownUtils = [[RCTMarkdownUtils alloc] init];
   react_native_assert(_markdownStyle != nil);
   [_markdownUtils setMarkdownStyle:_markdownStyle];
 
@@ -100,7 +100,11 @@
 {
   _markdownStyle = markdownStyle;
   [_markdownUtils setMarkdownStyle:markdownStyle];
+#ifdef RCT_NEW_ARCH_ENABLED
+  [_textInput textInputDidChange]; // apply new styles
+#else
   [_textInput setAttributedText:_textInput.attributedText]; // apply new styles
+#endif
 }
 
 @end

package/ios/RCTBackedTextFieldDelegateAdapter+Markdown.m

@@ -19,7 +19,7 @@
   if (markdownUtils != nil) {
     RCTUITextField *backedTextInputView = [self valueForKey:@"_backedTextInputView"];
     UITextRange *range = backedTextInputView.selectedTextRange;
-    backedTextInputView.attributedText = [markdownUtils parseMarkdown:backedTextInputView.attributedText];
+    backedTextInputView.attributedText = [markdownUtils parseMarkdown:backedTextInputView.attributedText withAttributes:backedTextInputView.defaultTextAttributes];
     [backedTextInputView setSelectedTextRange:range notifyDelegate:YES];
   }
 

package/ios/RCTBaseTextInputView+Markdown.m

@@ -16,7 +16,7 @@
 {
   RCTMarkdownUtils *markdownUtils = [self getMarkdownUtils];
   if (markdownUtils != nil) {
-    attributedText = [markdownUtils parseMarkdown:attributedText];
+    attributedText = [markdownUtils parseMarkdown:attributedText withAttributes:self.backedTextInputView.defaultTextAttributes];
   }
 
   // Call the original method
@@ -29,7 +29,7 @@
   if (markdownUtils != nil) {
     id<RCTBackedTextInputViewProtocol> backedTextInputView = self.backedTextInputView;
     NSAttributedString *oldAttributedText = backedTextInputView.attributedText;
-    NSAttributedString *newAttributedText = [markdownUtils parseMarkdown:oldAttributedText];
+    NSAttributedString *newAttributedText = [markdownUtils parseMarkdown:oldAttributedText withAttributes:backedTextInputView.defaultTextAttributes];
     UITextRange *range = backedTextInputView.selectedTextRange;
 
     // update attributed text without emitting onSelectionChange event

package/ios/RCTLiveMarkdownModule.h

@@ -0,0 +1,12 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <RNLiveMarkdownSpec/RNLiveMarkdownSpec.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTUIManager.h>
+
+// Without inheriting after RCTEventEmitter we don't get access to bridge
+@interface RCTLiveMarkdownModule
+    : RCTEventEmitter <NativeLiveMarkdownModuleSpec>
+@end
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RCTLiveMarkdownModule.mm

@@ -0,0 +1,48 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTScheduler.h>
+#import <React/RCTSurfacePresenter.h>
+
+#import "MarkdownCommitHook.h"
+#import "MarkdownShadowFamilyRegistry.h"
+#import "RCTLiveMarkdownModule.h"
+
+// A turbomodule used to register the commit hook
+// I think this is the easiest way to access the UIManager, which we need to
+// actually register the hook
+
+@implementation RCTLiveMarkdownModule {
+  BOOL installed_;
+  std::shared_ptr<livemarkdown::MarkdownCommitHook> commitHook_;
+}
+
+RCT_EXPORT_MODULE(@"LiveMarkdownModule")
+
+- (NSNumber *)install {
+  if (!installed_) {
+    installed_ = YES;
+
+    RCTBridge *bridge = self.bridge;
+    RCTSurfacePresenter *surfacePresenter = bridge.surfacePresenter;
+    RCTScheduler *scheduler = [surfacePresenter scheduler];
+
+    commitHook_ =
+        std::make_shared<livemarkdown::MarkdownCommitHook>(scheduler.uiManager);
+  }
+  return @1;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params {
+  return std::make_shared<facebook::react::NativeLiveMarkdownModuleSpecJSI>(
+      params);
+}
+
+- (void)invalidate {
+  MarkdownShadowFamilyRegistry::reset();
+  [super invalidate];
+}
+
+@end
+
+#endif // RCT_NEW_ARCH_ENABLED

package/ios/RCTMarkdownUtils.h

@@ -9,9 +9,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic) NSMutableArray<NSDictionary *> *blockquoteRangesAndLevels;
 @property (weak, nonatomic) UIView<RCTBackedTextInputViewProtocol> *backedTextInputView;
 
-- (instancetype)initWithBackedTextInputView:(UIView<RCTBackedTextInputViewProtocol> *)backedTextInputView;
-
-- (NSAttributedString *)parseMarkdown:(nullable NSAttributedString *)input;
+- (NSAttributedString *)parseMarkdown:(nullable NSAttributedString *)input withAttributes:(nullable NSDictionary<NSAttributedStringKey, id>*)attributes;
 
 @end
 

package/ios/RCTMarkdownUtils.mm

@@ -11,145 +11,138 @@
   __weak RCTMarkdownStyle *_prevMarkdownStyle;
 }
 
-- (instancetype)initWithBackedTextInputView:(UIView<RCTBackedTextInputViewProtocol> *)backedTextInputView
+- (NSAttributedString *)parseMarkdown:(nullable NSAttributedString *)input withAttributes:(nullable NSDictionary<NSAttributedStringKey,id> *)attributes
 {
-  if (self = [super init]) {
-    _backedTextInputView = backedTextInputView;
-  }
-  return self;
-}
-
-- (NSAttributedString *)parseMarkdown:(nullable NSAttributedString *)input
-{
-  RCTAssertMainQueue();
-
-  if (input == nil) {
-    return nil;
-  }
-
-  NSString *inputString = [input string];
-  if ([inputString isEqualToString:_prevInputString] && [_backedTextInputView.defaultTextAttributes isEqualToDictionary:_prevTextAttributes] && [_markdownStyle isEqual:_prevMarkdownStyle]) {
-    return _prevAttributedString;
-  }
-
-  static JSContext *ctx = nil;
-  static JSValue *function = nil;
-  if (ctx == nil) {
-    NSString *path = [[NSBundle mainBundle] pathForResource:@"react-native-live-markdown-parser" ofType:@"js"];
-    assert(path != nil && "[react-native-live-markdown] Markdown parser bundle not found");
-    NSString *content = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:NULL];
-    assert(content != nil && "[react-native-live-markdown] Markdown parser bundle is empty");
-    ctx = [[JSContext alloc] init];
-    [ctx evaluateScript:content];
-    function = ctx[@"parseExpensiMarkToRanges"];
-  }
-
-  JSValue *result = [function callWithArguments:@[inputString]];
-  NSArray *ranges = [result toArray];
-
-  NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:inputString attributes:_backedTextInputView.defaultTextAttributes];
-  [attributedString beginEditing];
-
-  // If the attributed string ends with underlined text, blurring the single-line input imprints the underline style across the whole string.
-  // It looks like a bug in iOS, as there is no underline style to be found in the attributed string, especially after formatting.
-  // This is a workaround that applies the NSUnderlineStyleNone to the string before iterating over ranges which resolves this problem.
-  [attributedString addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleNone] range:NSMakeRange(0, attributedString.length)];
-
-  _blockquoteRangesAndLevels = [NSMutableArray new];
-
-  [ranges enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
-    NSDictionary *item = obj;
-    NSString *type = [item valueForKey:@"type"];
-    NSInteger location = [[item valueForKey:@"start"] unsignedIntegerValue];
-    NSInteger length = [[item valueForKey:@"length"] unsignedIntegerValue];
-    NSInteger depth = [[item valueForKey:@"depth"] unsignedIntegerValue] ?: 1;
-    NSRange range = NSMakeRange(location, length);
-
-    if ([type isEqualToString:@"bold"] || [type isEqualToString:@"italic"] || [type isEqualToString:@"code"] || [type isEqualToString:@"pre"] || [type isEqualToString:@"h1"] || [type isEqualToString:@"emoji"]) {
-      UIFont *font = [attributedString attribute:NSFontAttributeName atIndex:location effectiveRange:NULL];
-      if ([type isEqualToString:@"bold"]) {
-        font = [RCTFont updateFont:font withWeight:@"bold"];
-      } else if ([type isEqualToString:@"italic"]) {
-        font = [RCTFont updateFont:font withStyle:@"italic"];
-      } else if ([type isEqualToString:@"code"]) {
-        font = [RCTFont updateFont:font withFamily:_markdownStyle.codeFontFamily
-                                              size:[NSNumber numberWithFloat:_markdownStyle.codeFontSize]
-                                            weight:nil
-                                             style:nil
-                                           variant:nil
-                                   scaleMultiplier:0];
-      } else if ([type isEqualToString:@"pre"]) {
-        font = [RCTFont updateFont:font withFamily:_markdownStyle.preFontFamily
-                                              size:[NSNumber numberWithFloat:_markdownStyle.preFontSize]
-                                            weight:nil
-                                             style:nil
-                                           variant:nil
-                                   scaleMultiplier:0];
-      } else if ([type isEqualToString:@"h1"]) {
-        font = [RCTFont updateFont:font withFamily:nil
-                                              size:[NSNumber numberWithFloat:_markdownStyle.h1FontSize]
-                                            weight:@"bold"
-                                             style:nil
-                                           variant:nil
-                                   scaleMultiplier:0];
-      } else if ([type isEqualToString:@"emoji"]) {
-        font = [RCTFont updateFont:font withFamily:nil
-                                              size:[NSNumber numberWithFloat:_markdownStyle.emojiFontSize]
-                                            weight:nil
-                                             style:nil
-                                           variant:nil
-                                   scaleMultiplier:0];
-      }
-      [attributedString addAttribute:NSFontAttributeName value:font range:range];
-    }
+    @synchronized (self) {
+        if (input == nil) {
+            return nil;
+        }
+
+        NSString *inputString = [input string];
+        if ([inputString isEqualToString:_prevInputString] && [attributes isEqualToDictionary:_prevTextAttributes] && [_markdownStyle isEqual:_prevMarkdownStyle]) {
+            return _prevAttributedString;
+        }
+
+        static JSContext *ctx = nil;
+        static JSValue *function = nil;
+        if (ctx == nil) {
+            NSString *path = [[NSBundle mainBundle] pathForResource:@"react-native-live-markdown-parser" ofType:@"js"];
+            assert(path != nil && "[react-native-live-markdown] Markdown parser bundle not found");
+            NSString *content = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:NULL];
+            assert(content != nil && "[react-native-live-markdown] Markdown parser bundle is empty");
+            ctx = [[JSContext alloc] init];
+            [ctx evaluateScript:content];
+            function = ctx[@"parseExpensiMarkToRanges"];
+        }
+
+        JSValue *result = [function callWithArguments:@[inputString]];
+        NSArray *ranges = [result toArray];
+
+        NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:inputString attributes:attributes];
+        [attributedString beginEditing];
+
+        // If the attributed string ends with underlined text, blurring the single-line input imprints the underline style across the whole string.
+        // It looks like a bug in iOS, as there is no underline style to be found in the attributed string, especially after formatting.
+        // This is a workaround that applies the NSUnderlineStyleNone to the string before iterating over ranges which resolves this problem.
+        [attributedString addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleNone] range:NSMakeRange(0, attributedString.length)];
+
+        _blockquoteRangesAndLevels = [NSMutableArray new];
+
+        [ranges enumerateObjectsUsingBlock:^(id _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
+            NSDictionary *item = obj;
+            NSString *type = [item valueForKey:@"type"];
+            NSInteger location = [[item valueForKey:@"start"] unsignedIntegerValue];
+            NSInteger length = [[item valueForKey:@"length"] unsignedIntegerValue];
+            NSInteger depth = [[item valueForKey:@"depth"] unsignedIntegerValue] ?: 1;
+            NSRange range = NSMakeRange(location, length);
+
+            if ([type isEqualToString:@"bold"] || [type isEqualToString:@"italic"] || [type isEqualToString:@"code"] || [type isEqualToString:@"pre"] || [type isEqualToString:@"h1"] || [type isEqualToString:@"emoji"]) {
+                UIFont *font = [attributedString attribute:NSFontAttributeName atIndex:location effectiveRange:NULL];
+                if ([type isEqualToString:@"bold"]) {
+                    font = [RCTFont updateFont:font withWeight:@"bold"];
+                } else if ([type isEqualToString:@"italic"]) {
+                    font = [RCTFont updateFont:font withStyle:@"italic"];
+                } else if ([type isEqualToString:@"code"]) {
+                    font = [RCTFont updateFont:font withFamily:_markdownStyle.codeFontFamily
+                                                          size:[NSNumber numberWithFloat:_markdownStyle.codeFontSize]
+                                                        weight:nil
+                                                         style:nil
+                                                       variant:nil
+                                               scaleMultiplier:0];
+                } else if ([type isEqualToString:@"pre"]) {
+                    font = [RCTFont updateFont:font withFamily:_markdownStyle.preFontFamily
+                                                          size:[NSNumber numberWithFloat:_markdownStyle.preFontSize]
+                                                        weight:nil
+                                                        style:nil
+                                                      variant:nil
+                                              scaleMultiplier:0];
+                } else if ([type isEqualToString:@"h1"]) {
+                    font = [RCTFont updateFont:font withFamily:nil
+                                                          size:[NSNumber numberWithFloat:_markdownStyle.h1FontSize]
+                                                        weight:@"bold"
+                                                         style:nil
+                                                       variant:nil
+                                               scaleMultiplier:0];
+                } else if ([type isEqualToString:@"emoji"]) {
+                    font = [RCTFont updateFont:font withFamily:nil
+                                                          size:[NSNumber numberWithFloat:_markdownStyle.emojiFontSize]
+                                                        weight:nil
+                                                         style:nil
+                                                       variant:nil
+                                               scaleMultiplier:0];
+                }
+                [attributedString addAttribute:NSFontAttributeName value:font range:range];
+            }
+
+            if ([type isEqualToString:@"syntax"]) {
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.syntaxColor range:range];
+            } else if ([type isEqualToString:@"strikethrough"]) {
+                [attributedString addAttribute:NSStrikethroughStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:range];
+            } else if ([type isEqualToString:@"code"]) {
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.codeColor range:range];
+                [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.codeBackgroundColor range:range];
+            } else if ([type isEqualToString:@"mention-here"]) {
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.mentionHereColor range:range];
+                [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.mentionHereBackgroundColor range:range];
+            } else if ([type isEqualToString:@"mention-user"]) {
+                // TODO: change mention color when it mentions current user
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.mentionUserColor range:range];
+                [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.mentionUserBackgroundColor range:range];
+            } else if ([type isEqualToString:@"link"]) {
+                [attributedString addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:range];
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.linkColor range:range];
+            } else if ([type isEqualToString:@"blockquote"]) {
+                CGFloat indent = (_markdownStyle.blockquoteMarginLeft + _markdownStyle.blockquoteBorderWidth + _markdownStyle.blockquotePaddingLeft) * depth;
+                NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
+                paragraphStyle.firstLineHeadIndent = indent;
+                paragraphStyle.headIndent = indent;
+                [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:range];
+                [_blockquoteRangesAndLevels addObject:@{
+                    @"range": [NSValue valueWithRange:range],
+                    @"depth": @(depth)
+                }];
+            } else if ([type isEqualToString:@"pre"]) {
+                [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.preColor range:range];
+                NSRange rangeForBackground = [inputString characterAtIndex:range.location] == '\n' ? NSMakeRange(range.location + 1, range.length - 1) : range;
+                [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.preBackgroundColor range:rangeForBackground];
+                // TODO: pass background color and ranges to layout manager
+            } else if ([type isEqualToString:@"h1"]) {
+                NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
+                NSRange rangeWithHashAndSpace = NSMakeRange(range.location - 2, range.length + 2); // we also need to include prepending "# "
+                [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:rangeWithHashAndSpace];
+            }
+        }];
+
+        [attributedString endEditing];
+
+        _prevInputString = inputString;
+        _prevAttributedString = attributedString;
+        _prevTextAttributes = attributes;
+        _prevMarkdownStyle = _markdownStyle;
+
+        return attributedString;
 
-    if ([type isEqualToString:@"syntax"]) {
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.syntaxColor range:range];
-    } else if ([type isEqualToString:@"strikethrough"]) {
-      [attributedString addAttribute:NSStrikethroughStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:range];
-    } else if ([type isEqualToString:@"code"]) {
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.codeColor range:range];
-      [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.codeBackgroundColor range:range];
-    } else if ([type isEqualToString:@"mention-here"]) {
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.mentionHereColor range:range];
-      [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.mentionHereBackgroundColor range:range];
-    } else if ([type isEqualToString:@"mention-user"]) {
-      // TODO: change mention color when it mentions current user
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.mentionUserColor range:range];
-      [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.mentionUserBackgroundColor range:range];
-    } else if ([type isEqualToString:@"link"]) {
-      [attributedString addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:range];
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.linkColor range:range];
-    } else if ([type isEqualToString:@"blockquote"]) {
-      CGFloat indent = (_markdownStyle.blockquoteMarginLeft + _markdownStyle.blockquoteBorderWidth + _markdownStyle.blockquotePaddingLeft) * depth;
-      NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
-      paragraphStyle.firstLineHeadIndent = indent;
-      paragraphStyle.headIndent = indent;
-      [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:range];
-      [_blockquoteRangesAndLevels addObject:@{
-        @"range": [NSValue valueWithRange:range],
-        @"depth": @(depth)
-      }];
-    } else if ([type isEqualToString:@"pre"]) {
-      [attributedString addAttribute:NSForegroundColorAttributeName value:_markdownStyle.preColor range:range];
-      NSRange rangeForBackground = [inputString characterAtIndex:range.location] == '\n' ? NSMakeRange(range.location + 1, range.length - 1) : range;
-      [attributedString addAttribute:NSBackgroundColorAttributeName value:_markdownStyle.preBackgroundColor range:rangeForBackground];
-      // TODO: pass background color and ranges to layout manager
-    } else if ([type isEqualToString:@"h1"]) {
-      NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
-      NSRange rangeWithHashAndSpace = NSMakeRange(range.location - 2, range.length + 2); // we also need to include prepending "# "
-      [attributedString addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:rangeWithHashAndSpace];
     }
-  }];
-
-  [attributedString endEditing];
-
-  _prevInputString = inputString;
-  _prevAttributedString = attributedString;
-  _prevTextAttributes = _backedTextInputView.defaultTextAttributes;
-  _prevMarkdownStyle = _markdownStyle;
-
-  return attributedString;
 }
 
 @end

package/ios/RCTTextInputComponentView+Markdown.mm

@@ -6,6 +6,8 @@
 #import <React/RCTUITextField.h>
 #import <objc/message.h>
 
+#import "MarkdownShadowFamilyRegistry.h"
+
 @implementation RCTTextInputComponentView (Markdown)
 
 - (void)setMarkdownUtils:(RCTMarkdownUtils *)markdownUtils {
@@ -13,8 +15,8 @@
 
   if (markdownUtils != nil) {
     // force Markdown formatting on first render because `_setAttributedText` is called before `setMarkdownUtils`
-    RCTUITextField *backedTextInputView = [self valueForKey:@"_backedTextInputView"];
-    backedTextInputView.attributedText = [markdownUtils parseMarkdown:backedTextInputView.attributedText];
+    RCTUITextField *backedTextInputView = [self getBackedTextInputView];
+    backedTextInputView.attributedText = [markdownUtils parseMarkdown:backedTextInputView.attributedText withAttributes:backedTextInputView.defaultTextAttributes];
   }
 }
 
@@ -22,11 +24,23 @@
   return objc_getAssociatedObject(self, @selector(getMarkdownUtils));
 }
 
+- (RCTUITextField *)getBackedTextInputView {
+  RCTUITextField *backedTextInputView = [self valueForKey:@"_backedTextInputView"];
+  return backedTextInputView;
+}
+
 - (void)markdown__setAttributedString:(NSAttributedString *)attributedString
 {
   RCTMarkdownUtils *markdownUtils = [self getMarkdownUtils];
-  if (markdownUtils != nil) {
-    attributedString = [markdownUtils parseMarkdown:attributedString];
+  RCTUITextField *backedTextInputView = [self getBackedTextInputView];
+  if (markdownUtils != nil && backedTextInputView != nil) {
+    attributedString = [markdownUtils parseMarkdown:attributedString withAttributes:backedTextInputView.defaultTextAttributes];
+  } else {
+    // If markdownUtils is undefined, the text input hasn't been mounted yet. It will
+    // update its state with the unformatted attributed string, we want to prevent displaying
+    // this state by applying markdown in the commit hook where we can read markdown styles
+    // from decorator props.
+    MarkdownShadowFamilyRegistry::forceNextStateUpdate((facebook::react::Tag)self.tag);
   }
 
   // Call the original method

package/ios/RCTUITextView+Markdown.mm

@@ -17,7 +17,7 @@
   RCTMarkdownUtils *markdownUtils = [self getMarkdownUtils];
   if (markdownUtils != nil) {
     UITextRange *range = self.selectedTextRange;
-    super.attributedText = [markdownUtils parseMarkdown:self.attributedText];
+    super.attributedText = [markdownUtils parseMarkdown:self.attributedText withAttributes:self.defaultTextAttributes];
     [super setSelectedTextRange:range]; // prevents cursor from jumping at the end when typing in the middle of the text
     self.typingAttributes = self.defaultTextAttributes; // removes indent in new line when typing after blockquote
   }

package/lib/commonjs/MarkdownTextInput.js

@@ -7,11 +7,15 @@ exports.default = void 0;
 var _reactNative = require("react-native");
 var _react = _interopRequireDefault(require("react"));
 var _MarkdownTextInputDecoratorViewNativeComponent = _interopRequireDefault(require("./MarkdownTextInputDecoratorViewNativeComponent"));
+var _NativeLiveMarkdownModule = _interopRequireDefault(require("./NativeLiveMarkdownModule"));
 var StyleUtils = _interopRequireWildcard(require("./styleUtils"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+if (_NativeLiveMarkdownModule.default) {
+  _NativeLiveMarkdownModule.default.install();
+}
 function processColorsInMarkdownStyle(input) {
   const output = JSON.parse(JSON.stringify(input));
   Object.keys(output).forEach(key => {

package/lib/commonjs/MarkdownTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_MarkdownTextInputDecoratorViewNativeComponent","StyleUtils","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","keys","forEach","prop","endsWith","processColor","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","React","forwardRef","props","ref","IS_FABRIC","global","markdownStyle","useMemo","createElement","Fragment","TextInput","style","styles","farAway","displayNone","StyleSheet","create","display","position","top","left","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_MarkdownTextInputDecoratorViewNativeComponent","_NativeLiveMarkdownModule","StyleUtils","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","NativeLiveMarkdownModule","install","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","keys","forEach","prop","endsWith","processColor","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","React","forwardRef","props","ref","IS_FABRIC","global","markdownStyle","useMemo","createElement","Fragment","TextInput","style","styles","farAway","displayNone","StyleSheet","create","display","position","top","left","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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"}

package/lib/commonjs/NativeLiveMarkdownModule.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.TurboModuleRegistry.get('LiveMarkdownModule');
+//# sourceMappingURL=NativeLiveMarkdownModule.js.map

package/lib/commonjs/NativeLiveMarkdownModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","TurboModuleRegistry","get"],"sourceRoot":"../../src","sources":["NativeLiveMarkdownModule.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAiD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAMlCC,gCAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC"}

package/lib/module/MarkdownTextInput.js

@@ -2,7 +2,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { StyleSheet, TextInput, processColor } from 'react-native';
 import React from 'react';
 import MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+import NativeLiveMarkdownModule from './NativeLiveMarkdownModule';
 import * as StyleUtils from './styleUtils';
+if (NativeLiveMarkdownModule) {
+  NativeLiveMarkdownModule.install();
+}
 function processColorsInMarkdownStyle(input) {
   const output = JSON.parse(JSON.stringify(input));
   Object.keys(output).forEach(key => {

package/lib/module/MarkdownTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","TextInput","processColor","React","MarkdownTextInputDecoratorViewNativeComponent","StyleUtils","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","forwardRef","props","ref","IS_FABRIC","global","markdownStyle","useMemo","createElement","Fragment","_extends","style","styles","farAway","displayNone","create","display","position","top","left"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,SAAS,EAAEC,YAAY,QAAO,cAAc;AAChE,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,6CAA6C,MAAM,iDAAiD;AAE3G,OAAO,KAAKC,UAAU,MAAM,cAAc;AAU1C,SAASC,4BAA4BA,CAACC,KAAoB,EAAiB;EACzE,MAAMC,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACJ,KAAK,CAAC,CAAC;EAEhDK,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC,CAACM,OAAO,CAAEC,GAAG,IAAK;IACnC,MAAMC,GAAG,GAAGR,MAAM,CAACO,GAAG,CAAC;IACvBH,MAAM,CAACC,IAAI,CAACG,GAAG,CAAC,CAACF,OAAO,CAAEG,IAAI,IAAK;MACjC;MACA,IAAI,EAAEA,IAAI,KAAK,OAAO,IAAIA,IAAI,CAACC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE;QACjD;MACF;MACAF,GAAG,CAACC,IAAI,CAAC,GAAGf,YAAY,CAACc,GAAG,CAACC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf;AAEA,SAASW,oBAAoBA,CAACZ,KAAuC,EAAiB;EACpF,OAAOD,4BAA4B,CAACD,UAAU,CAACe,6BAA6B,CAACb,KAAK,CAAC,CAAC;AACtF;AAEA,MAAMc,iBAAiB,gBAAGlB,KAAK,CAACmB,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5F,MAAMC,SAAS,IAAG,uBAAuB,IAAIC,MAAM;EAEnD,MAAMC,aAAa,GAAGxB,KAAK,CAACyB,OAAO,CAAC,MAAMT,oBAAoB,CAACI,KAAK,CAACI,aAAa,CAAC,EAAE,CAACJ,KAAK,CAACI,aAAa,CAAC,CAAC;EAE3G,oBACExB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAA0B,aAAA,CAAC5B,SAAS,EAAA8B,QAAA,KACJR,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC,eACFrB,KAAA,CAAA0B,aAAA,CAACzB,6CAA6C;IAC5C4B,KAAK,EAAEP,SAAS,GAAGQ,MAAM,CAACC,OAAO,GAAGD,MAAM,CAACE,WAAY;IACvDR,aAAa,EAAEA;EAAc,CAC9B,CACD,CAAC;AAEP,CAAC,CAAC;AAEF,MAAMM,MAAM,GAAGjC,UAAU,CAACoC,MAAM,CAAC;EAC/BD,WAAW,EAAE;IACXE,OAAO,EAAE;EACX,CAAC;EACDH,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAIF,eAAenB,iBAAiB"}
+{"version":3,"names":["StyleSheet","TextInput","processColor","React","MarkdownTextInputDecoratorViewNativeComponent","NativeLiveMarkdownModule","StyleUtils","install","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","forwardRef","props","ref","IS_FABRIC","global","markdownStyle","useMemo","createElement","Fragment","_extends","style","styles","farAway","displayNone","create","display","position","top","left"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":";AAAA,SAAQA,UAAU,EAAEC,SAAS,EAAEC,YAAY,QAAO,cAAc;AAChE,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,6CAA6C,MAAM,iDAAiD;AAC3G,OAAOC,wBAAwB,MAAM,4BAA4B;AAEjE,OAAO,KAAKC,UAAU,MAAM,cAAc;AAG1C,IAAID,wBAAwB,EAAE;EAC5BA,wBAAwB,CAACE,OAAO,CAAC,CAAC;AACpC;AASA,SAASC,4BAA4BA,CAACC,KAAoB,EAAiB;EACzE,MAAMC,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACJ,KAAK,CAAC,CAAC;EAEhDK,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC,CAACM,OAAO,CAAEC,GAAG,IAAK;IACnC,MAAMC,GAAG,GAAGR,MAAM,CAACO,GAAG,CAAC;IACvBH,MAAM,CAACC,IAAI,CAACG,GAAG,CAAC,CAACF,OAAO,CAAEG,IAAI,IAAK;MACjC;MACA,IAAI,EAAEA,IAAI,KAAK,OAAO,IAAIA,IAAI,CAACC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE;QACjD;MACF;MACAF,GAAG,CAACC,IAAI,CAAC,GAAGjB,YAAY,CAACgB,GAAG,CAACC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf;AAEA,SAASW,oBAAoBA,CAACZ,KAAuC,EAAiB;EACpF,OAAOD,4BAA4B,CAACF,UAAU,CAACgB,6BAA6B,CAACb,KAAK,CAAC,CAAC;AACtF;AAEA,MAAMc,iBAAiB,gBAAGpB,KAAK,CAACqB,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5F,MAAMC,SAAS,IAAG,uBAAuB,IAAIC,MAAM;EAEnD,MAAMC,aAAa,GAAG1B,KAAK,CAAC2B,OAAO,CAAC,MAAMT,oBAAoB,CAACI,KAAK,CAACI,aAAa,CAAC,EAAE,CAACJ,KAAK,CAACI,aAAa,CAAC,CAAC;EAE3G,oBACE1B,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAAC9B,SAAS,EAAAgC,QAAA,KACJR,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC,eACFvB,KAAA,CAAA4B,aAAA,CAAC3B,6CAA6C;IAC5C8B,KAAK,EAAEP,SAAS,GAAGQ,MAAM,CAACC,OAAO,GAAGD,MAAM,CAACE,WAAY;IACvDR,aAAa,EAAEA;EAAc,CAC9B,CACD,CAAC;AAEP,CAAC,CAAC;AAEF,MAAMM,MAAM,GAAGnC,UAAU,CAACsC,MAAM,CAAC;EAC/BD,WAAW,EAAE;IACXE,OAAO,EAAE;EACX,CAAC;EACDH,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,GAAG;IACRC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAIF,eAAenB,iBAAiB"}

package/lib/module/NativeLiveMarkdownModule.js

@@ -0,0 +1,3 @@
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.get('LiveMarkdownModule');
+//# sourceMappingURL=NativeLiveMarkdownModule.js.map

package/lib/module/NativeLiveMarkdownModule.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"../../src","sources":["NativeLiveMarkdownModule.ts"],"mappings":"AACA,SAAQA,mBAAmB,QAAO,cAAc;AAMhD,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC"}

package/lib/typescript/src/MarkdownTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAe,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAIjD,OAAO,KAAK,KAAK,eAAe,MAAM,cAAc,CAAC;AAErD,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC;AAGjE,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAuBD,QAAA,MAAM,iBAAiB,0FAiBrB,CAAC;AAaH,YAAY,EAAC,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAC,CAAC;AAE5E,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAe,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAKjD,OAAO,KAAK,KAAK,eAAe,MAAM,cAAc,CAAC;AAMrD,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC;AAGjE,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAuBD,QAAA,MAAM,iBAAiB,0FAiBrB,CAAC;AAaH,YAAY,EAAC,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAC,CAAC;AAE5E,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/NativeLiveMarkdownModule.d.ts

@@ -0,0 +1,7 @@
+import type { TurboModule } from 'react-native';
+interface Spec extends TurboModule {
+    install: () => boolean;
+}
+declare const _default: Spec | null;
+export default _default;
+//# sourceMappingURL=NativeLiveMarkdownModule.d.ts.map

package/lib/typescript/src/NativeLiveMarkdownModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeLiveMarkdownModule.d.ts","sourceRoot":"","sources":["../../../src/NativeLiveMarkdownModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAG9C,UAAU,IAAK,SAAQ,WAAW;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC;CACxB;;AAED,wBAAmE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -156,7 +156,7 @@
   },
   "codegenConfig": {
     "name": "RNLiveMarkdownSpec",
-    "type": "components",
+    "type": "all",
     "jsSrcsDir": "src"
   }
 }

package/src/MarkdownTextInput.tsx

@@ -2,10 +2,15 @@ import {StyleSheet, TextInput, processColor} from 'react-native';
 import React from 'react';
 import type {TextInputProps} from 'react-native';
 import MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+import NativeLiveMarkdownModule from './NativeLiveMarkdownModule';
 import type * as MarkdownTextInputDecoratorViewNativeComponentTypes from './MarkdownTextInputDecoratorViewNativeComponent';
 import * as StyleUtils from './styleUtils';
 import type * as StyleUtilsTypes from './styleUtils';
 
+if (NativeLiveMarkdownModule) {
+  NativeLiveMarkdownModule.install();
+}
+
 type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
 type MarkdownStyle = MarkdownTextInputDecoratorViewNativeComponentTypes.MarkdownStyle;
 

package/src/NativeLiveMarkdownModule.ts

@@ -0,0 +1,8 @@
+import type {TurboModule} from 'react-native';
+import {TurboModuleRegistry} from 'react-native';
+
+interface Spec extends TurboModule {
+  install: () => boolean;
+}
+
+export default TurboModuleRegistry.get<Spec>('LiveMarkdownModule');