@expensify/react-native-live-markdown 0.1.255 → 0.1.257

package/apple/MarkdownTextInputDecoratorShadowNode.mm

@@ -0,0 +1,271 @@
+#include "MarkdownTextInputDecoratorShadowNode.h"
+
+#include <react/renderer/components/iostextinput/TextInputState.h>
+
+#include <React/RCTUtils.h>
+#include <react/renderer/components/view/conversions.h>
+#include <react/renderer/core/ComponentDescriptor.h>
+#include <react/renderer/textlayoutmanager/RCTAttributedTextUtils.h>
+#include <yoga/Yoga.h>
+
+#include "RCTMarkdownStyle.h"
+#include "RCTMarkdownUtils.h"
+
+namespace facebook {
+namespace react {
+
+extern const char MarkdownTextInputDecoratorViewComponentName[] =
+    "MarkdownTextInputDecoratorView";
+
+void MarkdownTextInputDecoratorShadowNode::initialize() {
+  // Setting display: contents style results in ForceFlattenView trait being set
+  // on the shadow node. This trait causes the node not to have a host view. By
+  // removing the trait, it's possible to force RN to create a host view, layout
+  // of which can then be customized.
+  ShadowNode::traits_.unset(ShadowNodeTraits::ForceFlattenView);
+}
+
+void MarkdownTextInputDecoratorShadowNode::overwriteMeasureCallbackConnector() {
+  const auto &children = getChildren();
+  if (children.empty()) {
+    return;
+  }
+  react_native_assert(
+      children.size() == 1 &&
+      "MarkdownTextInputDecoratorView received more than one child");
+
+  const auto child = std::dynamic_pointer_cast<const TextInputShadowNode>(children[0]);
+  react_native_assert(
+      child != nullptr &&
+      "MarkdownTextInputDecoratorView received child other than a TextInput");
+  child->ensureUnsealed();
+  
+  // This is obviously not correct, but since both MarkdownTextInputDecoratorShadowNode and
+  // TextInputShadowNode inherit from YogaLayoutableShadowNode by doing this cast it's
+  // possible to access protected members from TextInputShadowNode like yogaNode_.
+  // As only things from YogaLayoutableShadowNode are accessed, it should be safe,
+  // since the vtable should be the same between them.
+  const auto &nodeWithAccessibleYogaNode =
+      std::reinterpret_pointer_cast<const MarkdownTextInputDecoratorShadowNode>(child);
+  
+  // decorator node cannot have a measure function since it's not a leaf node
+  // but we can redirect measuring of the child input to call measureContent
+  // on the decorator
+  const auto &yogaNode = &nodeWithAccessibleYogaNode->yogaNode_;
+  YGNodeSetMeasureFunc(yogaNode, yogaNodeMeasureCallbackConnector);
+}
+
+void MarkdownTextInputDecoratorShadowNode::appendChild(
+    const ShadowNode::Shared &child) {
+  YogaLayoutableShadowNode::appendChild(child);
+
+  overwriteMeasureCallbackConnector();
+}
+
+void MarkdownTextInputDecoratorShadowNode::replaceChild(
+    const ShadowNode &oldChild, const ShadowNode::Shared &newChild,
+    size_t suggestedIndex) {
+  YogaLayoutableShadowNode::replaceChild(oldChild, newChild, suggestedIndex);
+
+  overwriteMeasureCallbackConnector();
+};
+
+Size MarkdownTextInputDecoratorShadowNode::measureContent(
+    const LayoutContext &layoutContext,
+    const LayoutConstraints &layoutConstraints) const {
+  const auto &children = getChildren();
+  react_native_assert(
+      children.size() == 1 &&
+      "MarkdownTextInputDecoratorView received wrong number of children");
+
+  const auto child =
+      std::static_pointer_cast<const TextInputShadowNode>(children[0]);
+
+  child->ensureUnsealed();
+
+  // apply markdown formatting before measuring the child
+  const auto &mutableChild =
+      std::const_pointer_cast<TextInputShadowNode>(child);
+  applyMarkdownFormattingToTextInputState(mutableChild, layoutContext);
+
+  return child->measureContent(layoutContext, layoutConstraints);
+}
+
+void MarkdownTextInputDecoratorShadowNode::layout(LayoutContext layoutContext) {
+  YogaLayoutableShadowNode::layout(layoutContext);
+
+  const auto &children = getChildren();
+  react_native_assert(
+      children.size() == 1 &&
+      "MarkdownTextInputDecoratorView didn't receive exactly one child");
+
+  const auto child =
+      std::static_pointer_cast<const TextInputShadowNode>(children[0]);
+
+  child->ensureUnsealed();
+
+  const auto &mutableChild =
+      std::const_pointer_cast<TextInputShadowNode>(child);
+
+  // TODO: this may not be the correct way to do this
+  // Since nodes with display: contents are skipped during layout, they have
+  // zero-layout. To properly display the view, assign the layout metrics from
+  // the child (text input, which was calculated by Yoga) to the decorator view.
+  auto childMetrics = child->getLayoutMetrics();
+  setLayoutMetrics(childMetrics);
+
+  // Then, it's also needed to update the metrics on the child as the position
+  // is relative to the parent, which was just moved above. By zeroing the
+  // origin, the child is effectively moved to the same position it was before
+  // the manipulation here.
+  childMetrics.frame.origin = Point{};
+  mutableChild->setLayoutMetrics(childMetrics);
+}
+
+void MarkdownTextInputDecoratorShadowNode::applyMarkdownFormattingToTextInputState(
+    std::shared_ptr<TextInputShadowNode> textInput,
+    const LayoutContext &layoutContext) const {
+
+  const auto &textInputState =
+      *std::static_pointer_cast<const react::ConcreteState<TextInputState>>(
+          textInput->getState());
+  const auto &stateData = textInputState.getData();
+  const auto fontSizeMultiplier = layoutContext.fontSizeMultiplier;
+
+  const auto &decoratorProps =
+      *std::static_pointer_cast<MarkdownTextInputDecoratorViewProps const>(
+          getProps());
+  const auto &textInputProps =
+      *std::static_pointer_cast<TextInputProps const>(textInput->getProps());
+
+  const auto defaultTextAttributes =
+      textInputProps.getEffectiveTextAttributes(fontSizeMultiplier);
+  const auto defaultNSTextAttributes =
+      RCTNSTextAttributesFromTextAttributes(defaultTextAttributes);
+
+  // this can possibly be optimized
+  RCTMarkdownStyle *markdownStyle =
+      [[RCTMarkdownStyle alloc] initWithStruct:decoratorProps.markdownStyle];
+  RCTMarkdownUtils *utils = [[RCTMarkdownUtils alloc] init];
+  [utils setMarkdownStyle:markdownStyle];
+  [utils setParserId:[NSNumber numberWithInt:decoratorProps.parserId]];
+
+  // convert the attibuted string stored in state to
+  // NSAttributedString
+  auto nsAttributedString = RCTNSAttributedStringFromAttributedStringBox(
+      stateData.attributedStringBox);
+
+  auto newStateData = TextInputState(stateData);
+
+  if (stateData.attributedStringBox.getMode() ==
+      AttributedStringBox::Mode::Value) {
+
+    // 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
+    if (textInputState.getRevision() == State::initialRevisionValue) {
+      auto plainStringFromState =
+          std::string([[nsAttributedString string] UTF8String]);
+
+      if (plainStringFromState != 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, *textInput, attributedString, attachments);
+
+        // convert the newly created attributed string to
+        // NSAttributedString
+        nsAttributedString = RCTNSAttributedStringFromAttributedStringBox(
+            AttributedStringBox{attributedString});
+      }
+    }
+
+    // apply markdown
+    auto newString = [utils parseMarkdown:nsAttributedString
+                withDefaultTextAttributes:defaultNSTextAttributes];
+
+    // create a clone of the old TextInputState and update the
+    // attributed string box to point to the string with markdown
+    // applied
+    newStateData.attributedStringBox =
+        RCTAttributedStringBoxFromNSAttributedString(newString);
+  } else if (stateData.attributedStringBox.getMode() ==
+             AttributedStringBox::Mode::OpaquePointer) {
+
+    // apply markdown
+    auto newString = [utils parseMarkdown:nsAttributedString
+                withDefaultTextAttributes:defaultNSTextAttributes];
+
+    // create a clone of the old TextInputState and update the
+    // attributed string box to point to the string with markdown
+    // applied
+    newStateData.attributedStringBox =
+        RCTAttributedStringBoxFromNSAttributedString(newString);
+  }
+
+  textInput->setStateData(std::move(newStateData));
+}
+
+// this is private in YogaLayoutableShadowNode
+YGSize MarkdownTextInputDecoratorShadowNode::yogaNodeMeasureCallbackConnector(
+    YGNodeConstRef yogaNode, float width, YGMeasureMode widthMode, float height,
+    YGMeasureMode heightMode) {
+
+  auto minimumSize = Size{0, 0};
+  auto maximumSize = Size{std::numeric_limits<Float>::infinity(),
+                          std::numeric_limits<Float>::infinity()};
+
+  switch (widthMode) {
+  case YGMeasureModeUndefined:
+    break;
+  case YGMeasureModeExactly:
+    minimumSize.width = floatFromYogaFloat(width);
+    maximumSize.width = floatFromYogaFloat(width);
+    break;
+  case YGMeasureModeAtMost:
+    maximumSize.width = floatFromYogaFloat(width);
+    break;
+  }
+
+  switch (heightMode) {
+  case YGMeasureModeUndefined:
+    break;
+  case YGMeasureModeExactly:
+    minimumSize.height = floatFromYogaFloat(height);
+    maximumSize.height = floatFromYogaFloat(height);
+    break;
+  case YGMeasureModeAtMost:
+    maximumSize.height = floatFromYogaFloat(height);
+    break;
+  }
+
+  // This is where changes begin compared to the copied code
+  const auto &decoratorYogaNode = YGNodeGetParent(const_cast<YGNodeRef>(yogaNode));
+  const auto &decoratorShadowNode = shadowNodeFromContext(decoratorYogaNode);
+
+  LayoutContext context{};
+  context.fontSizeMultiplier = RCTFontSizeMultiplier();
+
+  const auto size = decoratorShadowNode.measureContent(context, {minimumSize, maximumSize});
+
+  return YGSize{yogaFloatFromFloat(size.width),
+                yogaFloatFromFloat(size.height)};
+}
+
+// this is private in YogaLayoutableShadowNode
+YogaLayoutableShadowNode &
+MarkdownTextInputDecoratorShadowNode::shadowNodeFromContext(
+    YGNodeConstRef yogaNode) {
+  return dynamic_cast<YogaLayoutableShadowNode &>(
+      *static_cast<ShadowNode *>(YGNodeGetContext(yogaNode)));
+}
+
+} // namespace react
+} // namespace facebook

package/apple/RCTMarkdownUtils.mm

@@ -29,6 +29,12 @@
     if (input == nil) {
       return nil;
     }
+    
+    // `_markdownStyle` and `_parserId` may not be initialized immediately due to the order of mount instructions
+    // props update will be executed after the view hierarchy is initialized.
+    if (_markdownStyle == nil || _parserId == nil) {
+      return nil;
+    }
 
     NSString *inputString = [input string];
     if ([inputString isEqualToString:_prevInputString] && [defaultTextAttributes isEqualToDictionary:_prevDefaultTextAttributes] && [_markdownStyle isEqual:_prevMarkdownStyle] && [_parserId isEqualToNumber:_prevParserId]) {

package/apple/RCTTextInputComponentView+Markdown.mm

@@ -3,20 +3,10 @@
 #import <React/RCTUITextField.h>
 #import <objc/message.h>
 
-#import "MarkdownShadowFamilyRegistry.h"
-
-using namespace expensify::livemarkdown;
-
 @implementation RCTTextInputComponentView (Markdown)
 
 - (void)setMarkdownUtils:(RCTMarkdownUtils *)markdownUtils {
   objc_setAssociatedObject(self, @selector(getMarkdownUtils), markdownUtils, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
-
-  if (markdownUtils != nil) {
-    // force Markdown formatting on first render because `_setAttributedText` is called before `setMarkdownUtils`
-    RCTUITextField *backedTextInputView = [self getBackedTextInputView];
-    backedTextInputView.attributedText = [markdownUtils parseMarkdown:backedTextInputView.attributedText withDefaultTextAttributes:backedTextInputView.defaultTextAttributes];
-  }
 }
 
 - (RCTMarkdownUtils *)getMarkdownUtils {
@@ -34,12 +24,6 @@ using namespace expensify::livemarkdown;
   RCTUITextField *backedTextInputView = [self getBackedTextInputView];
   if (markdownUtils != nil && backedTextInputView != nil) {
     attributedString = [markdownUtils parseMarkdown:attributedString withDefaultTextAttributes: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/cpp/react/renderer/components/RNLiveMarkdownSpec/MarkdownTextInputDecoratorState.h

@@ -10,29 +10,16 @@ class JSI_EXPORT MarkdownTextInputDecoratorState final {
 public:
   using Shared = std::shared_ptr<const MarkdownTextInputDecoratorState>;
 
-  MarkdownTextInputDecoratorState()
-      : decoratorFamily(nullptr), markdownUtils(nullptr){};
-  MarkdownTextInputDecoratorState(
-      const ShadowNodeFamily::Shared textInputFamily_)
-      : decoratorFamily(textInputFamily_), markdownUtils(nullptr){};
-  MarkdownTextInputDecoratorState(
-      const ShadowNodeFamily::Shared textInputFamily_,
-      const std::shared_ptr<void> markdownUtils_)
-      : decoratorFamily(textInputFamily_), markdownUtils(markdownUtils_){};
+  MarkdownTextInputDecoratorState(){};
 
 #ifdef ANDROID
   MarkdownTextInputDecoratorState(
-      MarkdownTextInputDecoratorState const &previousState, folly::dynamic data)
-      : decoratorFamily(previousState.decoratorFamily),
-        markdownUtils(nullptr){};
+      MarkdownTextInputDecoratorState const &previousState, folly::dynamic data){};
 #endif
 
-  const ShadowNodeFamily::Shared decoratorFamily;
-  const std::shared_ptr<void> markdownUtils;
-
 #ifdef ANDROID
   folly::dynamic getDynamic() const {
-    return folly::dynamic::object("decoratorFamily", "pointer should be here?");
+    return {};
   }
   MapBuffer getMapBuffer() const { return MapBufferBuilder::EMPTY(); };
 #endif

package/lib/commonjs/MarkdownTextInput.js

@@ -78,19 +78,17 @@ const MarkdownTextInput = /*#__PURE__*/_react.default.forwardRef((props, ref) =>
   _react.default.useEffect(() => {
     return () => unregisterParser(parserId);
   }, [parserId]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({}, props, {
-    ref: ref
-  })), /*#__PURE__*/_react.default.createElement(_MarkdownTextInputDecoratorViewNativeComponent.default, {
-    style: styles.farAway,
+  return /*#__PURE__*/_react.default.createElement(_MarkdownTextInputDecoratorViewNativeComponent.default, {
+    style: styles.displayContents,
     markdownStyle: markdownStyle,
     parserId: parserId
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({}, props, {
+    ref: ref
+  })));
 });
 const styles = _reactNative.StyleSheet.create({
-  farAway: {
-    position: 'absolute',
-    top: 1e8,
-    left: 1e8
+  displayContents: {
+    display: 'contents'
   }
 });
 var _default = exports.default = MarkdownTextInput;

package/lib/commonjs/MarkdownTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeReanimated","_MarkdownTextInputDecoratorViewNativeComponent","_NativeLiveMarkdownModule","_styleUtils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeLiveMarkdownIfNeeded","NativeLiveMarkdownModule","install","global","jsi_setMarkdownRuntime","createWorkletRuntime","registerParser","parser","shareableWorklet","makeShareableCloneRecursive","parserId","jsi_registerMarkdownWorklet","unregisterParser","jsi_unregisterMarkdownWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","keys","forEach","key","obj","prop","endsWith","processColor","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","React","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","createElement","Fragment","TextInput","style","styles","farAway","StyleSheet","create","position","top","left","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeReanimated","_MarkdownTextInputDecoratorViewNativeComponent","_NativeLiveMarkdownModule","_styleUtils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeLiveMarkdownIfNeeded","NativeLiveMarkdownModule","install","global","jsi_setMarkdownRuntime","createWorkletRuntime","registerParser","parser","shareableWorklet","makeShareableCloneRecursive","parserId","jsi_registerMarkdownWorklet","unregisterParser","jsi_unregisterMarkdownWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","keys","forEach","key","obj","prop","endsWith","processColor","processMarkdownStyle","mergeMarkdownStyleWithDefault","MarkdownTextInput","React","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","createElement","style","styles","displayContents","TextInput","StyleSheet","create","display","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/MarkdownTextInput.js

@@ -70,19 +70,17 @@ const MarkdownTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   React.useEffect(() => {
     return () => unregisterParser(parserId);
   }, [parserId]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
-    ref: ref
-  })), /*#__PURE__*/React.createElement(MarkdownTextInputDecoratorViewNativeComponent, {
-    style: styles.farAway,
+  return /*#__PURE__*/React.createElement(MarkdownTextInputDecoratorViewNativeComponent, {
+    style: styles.displayContents,
     markdownStyle: markdownStyle,
     parserId: parserId
-  }));
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+    ref: ref
+  })));
 });
 const styles = StyleSheet.create({
-  farAway: {
-    position: 'absolute',
-    top: 1e8,
-    left: 1e8
+  displayContents: {
+    display: 'contents'
   }
 });
 export default MarkdownTextInput;

package/lib/module/MarkdownTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","TextInput","processColor","React","createWorkletRuntime","makeShareableCloneRecursive","MarkdownTextInputDecoratorViewNativeComponent","NativeLiveMarkdownModule","mergeMarkdownStyleWithDefault","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeLiveMarkdownIfNeeded","install","global","jsi_setMarkdownRuntime","registerParser","parser","shareableWorklet","parserId","jsi_registerMarkdownWorklet","unregisterParser","jsi_unregisterMarkdownWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processMarkdownStyle","MarkdownTextInput","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","createElement","Fragment","_extends","style","styles","farAway","create","position","top","left"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","TextInput","processColor","React","createWorkletRuntime","makeShareableCloneRecursive","MarkdownTextInputDecoratorViewNativeComponent","NativeLiveMarkdownModule","mergeMarkdownStyleWithDefault","initialized","workletRuntime","getWorkletRuntime","undefined","Error","initializeLiveMarkdownIfNeeded","install","global","jsi_setMarkdownRuntime","registerParser","parser","shareableWorklet","parserId","jsi_registerMarkdownWorklet","unregisterParser","jsi_unregisterMarkdownWorklet","processColorsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","endsWith","processMarkdownStyle","MarkdownTextInput","forwardRef","props","ref","markdownStyle","useMemo","workletHash","__workletHash","useEffect","createElement","style","styles","displayContents","_extends","create","display"],"sourceRoot":"../../src","sources":["MarkdownTextInput.tsx"],"mappings":"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","ignoreList":[]}

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;AAEjD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,oDAAoD,CAAC;AAMtG,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAC,sBAAsB,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AAEzE,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,sBAAsB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAE9D,IAAI,2BAA2B,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC;IAExH,IAAI,6BAA6B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAKD,iBAAS,iBAAiB,IAAI,cAAc,CAO3C;AA4BD,UAAU,sBAAuB,SAAQ,cAAc,EAAE,sBAAsB;IAC7E,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,qBAAqB,CAAC;IAC/H,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,CAAC;CAC5C;AAED,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,iBAAiB,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAuB7E,QAAA,MAAM,iBAAiB,kGAkCrB,CAAC;AAUH,YAAY,EAAC,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAC,CAAC;AAE5E,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAC,iBAAiB,EAAC,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;AAEjD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,oDAAoD,CAAC;AAMtG,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AACvD,OAAO,KAAK,EAAC,sBAAsB,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AAEzE,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,sBAAsB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAE9D,IAAI,2BAA2B,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC;IAExH,IAAI,6BAA6B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAKD,iBAAS,iBAAiB,IAAI,cAAc,CAO3C;AA4BD,UAAU,sBAAuB,SAAQ,cAAc,EAAE,sBAAsB;IAC7E,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,qBAAqB,CAAC;IAC/H,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,CAAC;CAC5C;AAED,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,iBAAiB,GAAG,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAuB7E,QAAA,MAAM,iBAAiB,kGAiCrB,CAAC;AAQH,YAAY,EAAC,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAC,CAAC;AAE5E,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAC,iBAAiB,EAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.255",
+  "version": "0.1.257",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/MarkdownTextInput.tsx

@@ -115,25 +115,22 @@ const MarkdownTextInput = React.forwardRef<MarkdownTextInput, MarkdownTextInputP
   }, [parserId]);
 
   return (
-    <>
+    <MarkdownTextInputDecoratorViewNativeComponent
+      style={styles.displayContents}
+      markdownStyle={markdownStyle}
+      parserId={parserId}
+    >
       <TextInput
         {...props}
         ref={ref}
       />
-      <MarkdownTextInputDecoratorViewNativeComponent
-        style={styles.farAway}
-        markdownStyle={markdownStyle}
-        parserId={parserId}
-      />
-    </>
+    </MarkdownTextInputDecoratorViewNativeComponent>
   );
 });
 
 const styles = StyleSheet.create({
-  farAway: {
-    position: 'absolute',
-    top: 1e8,
-    left: 1e8,
+  displayContents: {
+    display: 'contents',
   },
 });
 

package/android/src/main/java/com/expensify/livemarkdown/NativeProxy.java

@@ -1,24 +0,0 @@
-package com.expensify.livemarkdown;
-
-import com.facebook.jni.HybridData;
-import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.fabric.FabricUIManager;
-import com.facebook.soloader.SoLoader;
-
-public class NativeProxy {
-  static {
-    SoLoader.loadLibrary("react_codegen_RNLiveMarkdownSpec");
-  }
-  
-  @DoNotStrip
-  @SuppressWarnings("unused")
-  private final HybridData mHybridData;
-
-  public NativeProxy() {
-    mHybridData = initHybrid();
-  }
-
-  private native HybridData initHybrid();
-
-  public native void createCommitHook(FabricUIManager fabricUIManager);
-}