@expensify/react-native-live-markdown 0.1.3

package/ios/RCTUITextView+Markdown.mm

@@ -0,0 +1,42 @@
+#import <RNLiveMarkdown/RCTUITextView+Markdown.h>
+#import <RNLiveMarkdown/RCTMarkdownUtils.h>
+#import <objc/message.h>
+
+@implementation RCTUITextView (Markdown)
+
+- (void)setMarkdownUtils:(RCTMarkdownUtils *)markdownUtils {
+  objc_setAssociatedObject(self, @selector(getMarkdownUtils), markdownUtils, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+}
+
+- (RCTMarkdownUtils *)getMarkdownUtils {
+  return objc_getAssociatedObject(self, @selector(getMarkdownUtils));
+}
+
+- (void)markdown_textDidChange
+{
+  RCTMarkdownUtils *markdownUtils = [self getMarkdownUtils];
+  if (markdownUtils != nil) {
+    UITextRange *range = self.selectedTextRange;
+    super.attributedText = [markdownUtils parseMarkdown:self.attributedText];
+    [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
+  }
+
+  // Call the original method
+  [self markdown_textDidChange];
+}
+
++ (void)load
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    Class cls = [self class];
+    SEL originalSelector = @selector(textDidChange);
+    SEL swizzledSelector = @selector(markdown_textDidChange);
+    Method originalMethod = class_getInstanceMethod(cls, originalSelector);
+    Method swizzledMethod = class_getInstanceMethod(cls, swizzledSelector);
+    method_exchangeImplementations(originalMethod, swizzledMethod);
+  });
+}
+
+@end

package/lib/commonjs/MarkdownTextInput.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _MarkdownTextInputDecoratorViewNativeComponent = _interopRequireDefault(require("./MarkdownTextInputDecoratorViewNativeComponent"));
+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); }
+const FONT_FAMILY_MONOSPACE = _reactNative.Platform.select({
+  ios: 'Courier',
+  default: 'monospace'
+});
+function makeDefaultMarkdownStyle() {
+  return {
+    syntax: {
+      color: 'gray'
+    },
+    link: {
+      color: 'blue'
+    },
+    h1: {
+      fontSize: 25
+    },
+    blockquote: {
+      borderColor: 'gray',
+      borderWidth: 6,
+      marginLeft: 6,
+      paddingLeft: 6
+    },
+    code: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      color: 'black',
+      backgroundColor: 'lightgray'
+    },
+    pre: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      color: 'black',
+      backgroundColor: 'lightgray'
+    },
+    mentionHere: {
+      color: 'green',
+      backgroundColor: 'lime'
+    },
+    mentionUser: {
+      color: 'blue',
+      backgroundColor: 'cyan'
+    }
+  };
+}
+function mergeMarkdownStyleWithDefault(input) {
+  const output = makeDefaultMarkdownStyle();
+  if (input !== undefined) {
+    Object.keys(input).forEach(key => {
+      if (!(key in output)) {
+        return;
+      }
+      Object.assign(output[key], input[key]);
+    });
+  }
+  return output;
+}
+function processColorsInMarkdownStyle(input) {
+  const output = JSON.parse(JSON.stringify(input));
+  Object.keys(output).forEach(key => {
+    const obj = output[key];
+    Object.keys(obj).forEach(prop => {
+      // TODO: use ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes'
+      if (!(prop === 'color' || prop.endsWith('Color'))) {
+        return;
+      }
+      obj[prop] = (0, _reactNative.processColor)(obj[prop]);
+    });
+  });
+  return output;
+}
+function processMarkdownStyle(input) {
+  return processColorsInMarkdownStyle(mergeMarkdownStyleWithDefault(input));
+}
+const MarkdownTextInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const IS_FABRIC = ('nativeFabricUIManager' in global);
+  const markdownStyle = _react.default.useMemo(() => processMarkdownStyle(props.markdownStyle), [props.markdownStyle]);
+  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: IS_FABRIC ? styles.farAway : styles.displayNone,
+    markdownStyle: markdownStyle
+  }));
+});
+const styles = _reactNative.StyleSheet.create({
+  displayNone: {
+    display: 'none'
+  },
+  farAway: {
+    position: 'absolute',
+    top: 1e8,
+    left: 1e8
+  }
+});
+var _default = exports.default = MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.js.map

package/lib/commonjs/MarkdownTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MarkdownTextInputDecoratorViewNativeComponent","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FONT_FAMILY_MONOSPACE","Platform","select","ios","makeDefaultMarkdownStyle","syntax","color","link","h1","fontSize","blockquote","borderColor","borderWidth","marginLeft","paddingLeft","code","fontFamily","backgroundColor","pre","mentionHere","mentionUser","mergeMarkdownStyleWithDefault","input","output","undefined","keys","forEach","processColorsInMarkdownStyle","JSON","parse","stringify","prop","endsWith","processColor","processMarkdownStyle","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/MarkdownTextInput.web.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+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); }
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+// eslint-disable-next-line arrow-body-style
+const MarkdownTextInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  // TODO: add web implementation here
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({}, props, {
+    ref: ref
+  }));
+});
+var _default = exports.default = MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.web.js.map

package/lib/commonjs/MarkdownTextInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","MarkdownTextInput","React","forwardRef","props","ref","createElement","TextInput","_default","exports"],"sourceRoot":"../../src","sources":["MarkdownTextInput.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAG1B;;AAKA;AACA,MAAMQ,iBAAiB,gBAAGC,cAAK,CAACC,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5F;EACA,oBACEvB,MAAA,CAAAI,OAAA,CAAAoB,aAAA,CAAC1B,YAAA,CAAA2B,SAAS,EAAApB,QAAA,KACJiB,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEYe,iBAAiB"}

package/lib/commonjs/MarkdownTextInputDecoratorViewNativeComponent.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _codegenNativeComponent.default)('MarkdownTextInputDecoratorView');
+//# sourceMappingURL=MarkdownTextInputDecoratorViewNativeComponent.js.map

package/lib/commonjs/MarkdownTextInputDecoratorViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","obj","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["MarkdownTextInputDecoratorViewNativeComponent.ts"],"mappings":";;;;;;AAGA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GA0C9E,IAAAG,+BAAsB,EAAc,gCAAgC,CAAC"}

package/lib/commonjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MarkdownTextInput", {
+  enumerable: true,
+  get: function () {
+    return _MarkdownTextInput.default;
+  }
+});
+var _MarkdownTextInput = _interopRequireDefault(require("./MarkdownTextInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MarkdownTextInput","_interopRequireDefault","require","obj","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiE,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/lib/module/MarkdownTextInput.js

@@ -0,0 +1,96 @@
+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); }
+import React from 'react';
+import { Platform, StyleSheet, TextInput, processColor } from 'react-native';
+import MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+const FONT_FAMILY_MONOSPACE = Platform.select({
+  ios: 'Courier',
+  default: 'monospace'
+});
+function makeDefaultMarkdownStyle() {
+  return {
+    syntax: {
+      color: 'gray'
+    },
+    link: {
+      color: 'blue'
+    },
+    h1: {
+      fontSize: 25
+    },
+    blockquote: {
+      borderColor: 'gray',
+      borderWidth: 6,
+      marginLeft: 6,
+      paddingLeft: 6
+    },
+    code: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      color: 'black',
+      backgroundColor: 'lightgray'
+    },
+    pre: {
+      fontFamily: FONT_FAMILY_MONOSPACE,
+      color: 'black',
+      backgroundColor: 'lightgray'
+    },
+    mentionHere: {
+      color: 'green',
+      backgroundColor: 'lime'
+    },
+    mentionUser: {
+      color: 'blue',
+      backgroundColor: 'cyan'
+    }
+  };
+}
+function mergeMarkdownStyleWithDefault(input) {
+  const output = makeDefaultMarkdownStyle();
+  if (input !== undefined) {
+    Object.keys(input).forEach(key => {
+      if (!(key in output)) {
+        return;
+      }
+      Object.assign(output[key], input[key]);
+    });
+  }
+  return output;
+}
+function processColorsInMarkdownStyle(input) {
+  const output = JSON.parse(JSON.stringify(input));
+  Object.keys(output).forEach(key => {
+    const obj = output[key];
+    Object.keys(obj).forEach(prop => {
+      // TODO: use ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes'
+      if (!(prop === 'color' || prop.endsWith('Color'))) {
+        return;
+      }
+      obj[prop] = processColor(obj[prop]);
+    });
+  });
+  return output;
+}
+function processMarkdownStyle(input) {
+  return processColorsInMarkdownStyle(mergeMarkdownStyleWithDefault(input));
+}
+const MarkdownTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const IS_FABRIC = ('nativeFabricUIManager' in global);
+  const markdownStyle = React.useMemo(() => processMarkdownStyle(props.markdownStyle), [props.markdownStyle]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+    ref: ref
+  })), /*#__PURE__*/React.createElement(MarkdownTextInputDecoratorViewNativeComponent, {
+    style: IS_FABRIC ? styles.farAway : styles.displayNone,
+    markdownStyle: markdownStyle
+  }));
+});
+const styles = StyleSheet.create({
+  displayNone: {
+    display: 'none'
+  },
+  farAway: {
+    position: 'absolute',
+    top: 1e8,
+    left: 1e8
+  }
+});
+export default MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.js.map

package/lib/module/MarkdownTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","processColor","MarkdownTextInputDecoratorViewNativeComponent","FONT_FAMILY_MONOSPACE","select","ios","default","makeDefaultMarkdownStyle","syntax","color","link","h1","fontSize","blockquote","borderColor","borderWidth","marginLeft","paddingLeft","code","fontFamily","backgroundColor","pre","mentionHere","mentionUser","mergeMarkdownStyleWithDefault","input","output","undefined","Object","keys","forEach","key","assign","processColorsInMarkdownStyle","JSON","parse","stringify","obj","prop","endsWith","processMarkdownStyle","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":"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"}

package/lib/module/MarkdownTextInput.web.js

@@ -0,0 +1,15 @@
+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); }
+import { TextInput } from 'react-native';
+import React from 'react';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+// eslint-disable-next-line arrow-body-style
+const MarkdownTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  // TODO: add web implementation here
+  return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+    ref: ref
+  }));
+});
+export default MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.web.js.map

package/lib/module/MarkdownTextInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","React","MarkdownTextInput","forwardRef","props","ref","createElement","_extends"],"sourceRoot":"../../src","sources":["MarkdownTextInput.web.tsx"],"mappings":";AAAA,SAAQA,SAAS,QAAO,cAAc;AAEtC,OAAOC,KAAK,MAAM,OAAO;;AAGzB;;AAKA;AACA,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5F;EACA,oBACEJ,KAAA,CAAAK,aAAA,CAACN,SAAS,EAAAO,QAAA,KACJH,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC;AAEF,eAAeH,iBAAiB"}

package/lib/module/MarkdownTextInputDecoratorViewNativeComponent.js

@@ -0,0 +1,3 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('MarkdownTextInputDecoratorView');
+//# sourceMappingURL=MarkdownTextInputDecoratorViewNativeComponent.js.map

package/lib/module/MarkdownTextInputDecoratorViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["MarkdownTextInputDecoratorViewNativeComponent.ts"],"mappings":"AAGA,OAAOA,sBAAsB,MAAM,yDAAyD;AA0C5F,eAAeA,sBAAsB,CAAc,gCAAgC,CAAC"}

package/lib/module/index.js

@@ -0,0 +1,2 @@
+export { default as MarkdownTextInput } from './MarkdownTextInput';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","MarkdownTextInput"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,iBAAiB,QAAO,qBAAqB"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import type { TextInputProps } from 'react-native';
+import type * as MarkdownTextInputDecoractorView from './MarkdownTextInputDecoratorViewNativeComponent';
+type MarkdownStyle = MarkdownTextInputDecoractorView.MarkdownStyle;
+type PartialMarkdownStyle = Partial<{
+    [K in keyof MarkdownStyle]: Partial<MarkdownStyle[K]>;
+}>;
+interface MarkdownTextInputProps extends TextInputProps {
+    markdownStyle?: PartialMarkdownStyle;
+}
+declare const MarkdownTextInput: React.ForwardRefExoticComponent<MarkdownTextInputProps & React.RefAttributes<TextInput>>;
+export type { PartialMarkdownStyle as MarkdownStyle, MarkdownTextInputProps };
+export default MarkdownTextInput;
+//# sourceMappingURL=MarkdownTextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTextInput.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,SAAS,EAAe,MAAM,cAAc,CAAC;AAC3E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAEjD,OAAO,KAAK,KAAK,+BAA+B,MAAM,iDAAiD,CAAC;AAGxG,KAAK,aAAa,GAAG,+BAA+B,CAAC,aAAa,CAAC;AA6CnE,KAAK,oBAAoB,GAAG,OAAO,CAAC;KACjC,CAAC,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CACtD,CAAC,CAAC;AAsCH,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAED,QAAA,MAAM,iBAAiB,0FAiBrB,CAAC;AAaH,YAAY,EAAC,oBAAoB,IAAI,aAAa,EAAE,sBAAsB,EAAC,CAAC;AAE5E,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { TextInput } from 'react-native';
+import React from 'react';
+import type { TextInputProps } from 'react-native';
+interface MarkdownTextInputProps extends TextInputProps {
+}
+declare const MarkdownTextInput: React.ForwardRefExoticComponent<MarkdownTextInputProps & React.RefAttributes<TextInput>>;
+export default MarkdownTextInput;
+export type { MarkdownTextInputProps };
+//# sourceMappingURL=MarkdownTextInput.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTextInput.web.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAEvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAGjD,UAAU,sBAAuB,SAAQ,cAAc;CAEtD;AAGD,QAAA,MAAM,iBAAiB,0FAQrB,CAAC;AAEH,eAAe,iBAAiB,CAAC;AAEjC,YAAY,EAAC,sBAAsB,EAAC,CAAC"}

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

@@ -0,0 +1,46 @@
+/// <reference types="react-native/types/modules/Codegen" />
+/// <reference types="react-native/Codegen" />
+import type { ColorValue, ViewProps } from 'react-native';
+import type { Float } from 'react-native/Libraries/Types/CodegenTypes';
+interface MarkdownStyle {
+    syntax: {
+        color: ColorValue;
+    };
+    link: {
+        color: ColorValue;
+    };
+    h1: {
+        fontSize: Float;
+    };
+    blockquote: {
+        borderColor: ColorValue;
+        borderWidth: Float;
+        marginLeft: Float;
+        paddingLeft: Float;
+    };
+    code: {
+        fontFamily: string;
+        color: ColorValue;
+        backgroundColor: ColorValue;
+    };
+    pre: {
+        fontFamily: string;
+        color: ColorValue;
+        backgroundColor: ColorValue;
+    };
+    mentionHere: {
+        color: ColorValue;
+        backgroundColor: ColorValue;
+    };
+    mentionUser: {
+        color: ColorValue;
+        backgroundColor: ColorValue;
+    };
+}
+interface NativeProps extends ViewProps {
+    markdownStyle: MarkdownStyle;
+}
+declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+export default _default;
+export type { MarkdownStyle };
+//# sourceMappingURL=MarkdownTextInputDecoratorViewNativeComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTextInputDecoratorViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInputDecoratorViewNativeComponent.ts"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,2CAA2C,CAAC;AAGrE,UAAU,aAAa;IACrB,MAAM,EAAE;QACN,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;IACF,EAAE,EAAE;QACF,QAAQ,EAAE,KAAK,CAAC;KACjB,CAAC;IACF,UAAU,EAAE;QACV,WAAW,EAAE,UAAU,CAAC;QACxB,WAAW,EAAE,KAAK,CAAC;QACnB,UAAU,EAAE,KAAK,CAAC;QAClB,WAAW,EAAE,KAAK,CAAC;KACpB,CAAC;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,UAAU,CAAC;QAClB,eAAe,EAAE,UAAU,CAAC;KAC7B,CAAC;IACF,GAAG,EAAE;QACH,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,UAAU,CAAC;QAClB,eAAe,EAAE,UAAU,CAAC;KAC7B,CAAC;IACF,WAAW,EAAE;QACX,KAAK,EAAE,UAAU,CAAC;QAClB,eAAe,EAAE,UAAU,CAAC;KAC7B,CAAC;IACF,WAAW,EAAE;QACX,KAAK,EAAE,UAAU,CAAC;QAClB,eAAe,EAAE,UAAU,CAAC;KAC7B,CAAC;CACH;AAED,UAAU,WAAY,SAAQ,SAAS;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B;;AAED,wBAAqF;AAErF,YAAY,EAAC,aAAa,EAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as MarkdownTextInput } from './MarkdownTextInput';
+export type { MarkdownTextInputProps, MarkdownStyle } from './MarkdownTextInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAC,sBAAsB,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -0,0 +1,159 @@
+{
+  "name": "@expensify/react-native-live-markdown",
+  "version": "0.1.3",
+  "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "parser/react-native-live-markdown-parser.js",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace @expensify/react-native-live-markdown-example",
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .js,.ts,.tsx",
+    "lint:root": "eslint . --ext .js,.ts,.tsx --ignore-pattern '/example/**/*' --ignore-pattern '/WebExample/**/*' --ignore-pattern '/parser/**/*'",
+    "lint:example": "eslint example --ext .js,.ts,.tsx",
+    "lint:parser": "eslint parser --ext .js,.ts,.tsx",
+    "lint:web": "eslint WebExample --ext .js,.ts,.tsx",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/expensify/react-native-live-markdown.git"
+  },
+  "author": "Expensify, Inc.",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/expensify/react-native-live-markdown/issues"
+  },
+  "homepage": "https://github.com/expensify/react-native-live-markdown#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@lwc/eslint-plugin-lwc": "^1.7.2",
+    "@react-native/eslint-config": "^0.72.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "@typescript-eslint/eslint-plugin": "^6.15.0",
+    "@typescript-eslint/parser": "^6.15.0",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-expensify": "^2.0.24",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-deprecation": "^2.0.0",
+    "eslint-plugin-es": "^4.1.0",
+    "eslint-plugin-filenames": "^1.3.2",
+    "eslint-plugin-header": "^3.1.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-tsdoc": "^0.2.17",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.2.0",
+    "react-native": "0.72.9",
+    "react-native-builder-bob": "^0.20.0",
+    "release-it": "^15.0.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.3.3"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "engines": {
+    "node": ">= 18.0.0"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RNLiveMarkdownSpec",
+    "type": "components",
+    "jsSrcsDir": "src"
+  }
+}