@expensify/react-native-live-markdown 0.1.116 → 0.1.118

package/lib/module/web/utils/webStyleUtils.js

@@ -0,0 +1,45 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import { mergeMarkdownStyleWithDefault } from '../../styleUtils';
+let createReactDOMStyle;
+try {
+  createReactDOMStyle =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/exports/StyleSheet/compiler/createReactDOMStyle').default;
+} catch (e) {
+  throw new Error('[react-native-live-markdown] Function `createReactDOMStyle` from react-native-web not found. Please make sure that you are using React Native Web 0.18 or newer.');
+}
+let preprocessStyle;
+try {
+  preprocessStyle =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/exports/StyleSheet/preprocess').default;
+} catch (e) {
+  throw new Error('[react-native-live-markdown] Function `preprocessStyle` from react-native-web not found.');
+}
+let dangerousStyleValue;
+try {
+  dangerousStyleValue =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require('react-native-web/dist/modules/setValueForStyles/dangerousStyleValue').default;
+} catch (e) {
+  throw new Error('[react-native-live-markdown] Function `dangerousStyleValue` from react-native-web not found.');
+}
+function processUnitsInMarkdownStyle(input) {
+  const output = JSON.parse(JSON.stringify(input));
+  Object.keys(output).forEach(key => {
+    const obj = output[key];
+    Object.keys(obj).forEach(prop => {
+      obj[prop] = dangerousStyleValue(prop, obj[prop], false);
+    });
+  });
+  return output;
+}
+function processMarkdownStyle(input) {
+  return processUnitsInMarkdownStyle(mergeMarkdownStyleWithDefault(input));
+}
+function parseToReactDOMStyle(style) {
+  return createReactDOMStyle(preprocessStyle(style));
+}
+export { parseToReactDOMStyle, processMarkdownStyle };
+//# sourceMappingURL=webStyleUtils.js.map

package/lib/module/web/utils/webStyleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mergeMarkdownStyleWithDefault","createReactDOMStyle","require","default","e","Error","preprocessStyle","dangerousStyleValue","processUnitsInMarkdownStyle","input","output","JSON","parse","stringify","Object","keys","forEach","key","obj","prop","processMarkdownStyle","parseToReactDOMStyle","style"],"sourceRoot":"../../../../src","sources":["web/utils/webStyleUtils.ts"],"mappings":"AAAA;;AAGA,SAAQA,6BAA6B,QAAO,kBAAkB;AAE9D,IAAIC,mBAAwC;AAC5C,IAAI;EACFA,mBAAmB;EACjB;EACAC,OAAO,CAAC,uEAAuE,CAAC,CAACC,OAAO;AAC5F,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV,MAAM,IAAIC,KAAK,CAAC,kKAAkK,CAAC;AACrL;AAEA,IAAIC,eAAoC;AACxC,IAAI;EACFA,eAAe;EACb;EACAJ,OAAO,CAAC,qDAAqD,CAAC,CAACC,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV,MAAM,IAAIC,KAAK,CAAC,0FAA0F,CAAC;AAC7G;AAEA,IAAIE,mBAAiF;AACrF,IAAI;EACFA,mBAAmB;EACjB;EACAL,OAAO,CAAC,qEAAqE,CAAC,CAACC,OAAO;AAC1F,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV,MAAM,IAAIC,KAAK,CAAC,8FAA8F,CAAC;AACjH;AAEA,SAASG,2BAA2BA,CAACC,KAAoB,EAAiB;EACxE,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;MACjCD,GAAG,CAACC,IAAI,CAAC,GAAGZ,mBAAmB,CAACY,IAAI,EAAED,GAAG,CAACC,IAAI,CAAC,EAAE,KAAK,CAAC;IACzD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf;AAEA,SAASU,oBAAoBA,CAACX,KAAgC,EAAiB;EAC7E,OAAOD,2BAA2B,CAACR,6BAA6B,CAACS,KAAK,CAAC,CAAC;AAC1E;AAEA,SAASY,oBAAoBA,CAACC,KAAgB,EAAO;EACnD,OAAOrB,mBAAmB,CAACK,eAAe,CAACgB,KAAK,CAAC,CAAC;AACpD;AAEA,SAAQD,oBAAoB,EAAED,oBAAoB"}

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

@@ -1,8 +1,7 @@
 import { TextInput } from 'react-native';
 import React from 'react';
 import type { TextInputProps } from 'react-native';
-import type * as StyleUtilsTypes from './styleUtils';
-type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
+import type { PartialMarkdownStyle } from './styleUtils';
 interface MarkdownTextInputProps extends TextInputProps {
     markdownStyle?: PartialMarkdownStyle;
 }

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;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"}
+{"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,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAMvD,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/MarkdownTextInput.web.d.ts

@@ -1,16 +1,22 @@
 import type { TextInput, TextInputProps } from 'react-native';
 import React from 'react';
 import type { MouseEvent } from 'react';
-import type * as MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+import type { TreeNode } from './web/utils/treeUtils';
 import './web/MarkdownTextInput.css';
-type MarkdownStyle = MarkdownTextInputDecoratorViewNativeComponent.MarkdownStyle;
+import type { MarkdownStyle } from './MarkdownTextInputDecoratorViewNativeComponent';
 interface MarkdownTextInputProps extends TextInputProps {
     markdownStyle?: MarkdownStyle;
     onClick?: (e: MouseEvent<HTMLDivElement>) => void;
     dir?: string;
     disabled?: boolean;
 }
+type MarkdownTextInputElement = HTMLDivElement & HTMLInputElement & {
+    tree: TreeNode;
+};
+type HTMLMarkdownElement = HTMLElement & {
+    value: string;
+};
 declare const MarkdownTextInput: React.ForwardRefExoticComponent<MarkdownTextInputProps & React.RefAttributes<TextInput>>;
 export default MarkdownTextInput;
-export type { MarkdownTextInputProps };
+export type { MarkdownTextInputProps, MarkdownTextInputElement, HTMLMarkdownElement };
 //# sourceMappingURL=MarkdownTextInput.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTextInput.web.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EAKT,cAAc,EAIf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAiE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAwE,UAAU,EAAgC,MAAM,OAAO,CAAC;AAK5I,OAAO,KAAK,KAAK,6CAA6C,MAAM,iDAAiD,CAAC;AACtH,OAAO,6BAA6B,CAAC;AAkCrC,KAAK,aAAa,GAAG,6CAA6C,CAAC,aAAa,CAAC;AAEjF,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgFD,QAAA,MAAM,iBAAiB,0FAsjBtB,CAAC;AAqBF,eAAe,iBAAiB,CAAC;AAEjC,YAAY,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"MarkdownTextInput.web.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EAKT,cAAc,EAIf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAiE,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAwE,UAAU,EAAuD,MAAM,OAAO,CAAC;AAInK,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAEpD,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAQnF,UAAU,sBAAuB,SAAQ,cAAc;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,KAAK,wBAAwB,GAAG,cAAc,GAC5C,gBAAgB,GAAG;IACjB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEJ,KAAK,mBAAmB,GAAG,WAAW,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,iBAAiB,0FAomBtB,CAAC;AAqBF,eAAe,iBAAiB,CAAC;AAEjC,YAAY,EAAC,sBAAsB,EAAE,wBAAwB,EAAE,mBAAmB,EAAC,CAAC"}

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

@@ -1,5 +1,4 @@
-import type * as MarkdownTextInputDecoractorView from './MarkdownTextInputDecoratorViewNativeComponent';
-type MarkdownStyle = MarkdownTextInputDecoractorView.MarkdownStyle;
+import type { MarkdownStyle } from './MarkdownTextInputDecoratorViewNativeComponent';
 type PartialMarkdownStyle = Partial<{
     [K in keyof MarkdownStyle]: Partial<MarkdownStyle[K]>;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../src/styleUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,+BAA+B,MAAM,iDAAiD,CAAC;AAExG,KAAK,aAAa,GAAG,+BAA+B,CAAC,aAAa,CAAC;AAEnE,KAAK,oBAAoB,GAAG,OAAO,CAAC;KACjC,CAAC,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CACtD,CAAC,CAAC;AAsDH,iBAAS,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,GAAG,aAAa,CAa7F;AAED,YAAY,EAAC,oBAAoB,EAAC,CAAC;AAEnC,OAAO,EAAC,6BAA6B,EAAC,CAAC"}
+{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../src/styleUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAEnF,KAAK,oBAAoB,GAAG,OAAO,CAAC;KACjC,CAAC,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;CACtD,CAAC,CAAC;AAsDH,iBAAS,6BAA6B,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,GAAG,aAAa,CAa7F;AAED,YAAY,EAAC,oBAAoB,EAAC,CAAC;AAEnC,OAAO,EAAC,6BAA6B,EAAC,CAAC"}

package/lib/typescript/src/web/utils/blockUtils.d.ts

@@ -0,0 +1,5 @@
+import type { PartialMarkdownStyle } from '../../styleUtils';
+import type { NodeType } from './treeUtils';
+declare function addStyleToBlock(targetElement: HTMLElement, type: NodeType, markdownStyle: PartialMarkdownStyle): void;
+export { addStyleToBlock };
+//# sourceMappingURL=blockUtils.d.ts.map

package/lib/typescript/src/web/utils/blockUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/blockUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAE1C,iBAAS,eAAe,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,oBAAoB,QAiEvG;AAGD,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/lib/typescript/src/web/utils/browserUtils.d.ts

@@ -0,0 +1,12 @@
+declare const BrowserUtils: {
+    isFirefox: boolean;
+    isChromium: boolean;
+    /**
+     * Whether the platform is a mobile browser.
+     * Copied from Expensify App https://github.com/Expensify/App/blob/90dee7accae79c49debf30354c160cab6c52c423/src/libs/Browser/index.website.ts#L41
+     *
+     */
+    isMobile: boolean;
+};
+export default BrowserUtils;
+//# sourceMappingURL=browserUtils.d.ts.map

package/lib/typescript/src/web/utils/browserUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/browserUtils.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;IAIhB;;;;OAIG;;CAEJ,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/web/utils/cursorUtils.d.ts

@@ -0,0 +1,12 @@
+import type { MarkdownTextInputElement } from '../../MarkdownTextInput.web';
+import type { TreeNode } from './treeUtils';
+declare function setCursorPosition(target: MarkdownTextInputElement, startIndex: number, endIndex?: number | null): void;
+declare function scrollIntoView(node: TreeNode): void;
+declare function moveCursorToEnd(target: HTMLElement): void;
+declare function getCurrentCursorPosition(target: MarkdownTextInputElement): {
+    start: number;
+    end: number;
+} | null;
+declare function removeSelection(): void;
+export { getCurrentCursorPosition, moveCursorToEnd, setCursorPosition, removeSelection, scrollIntoView };
+//# sourceMappingURL=cursorUtils.d.ts.map

package/lib/typescript/src/web/utils/cursorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursorUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/cursorUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAE1E,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAE1C,iBAAS,iBAAiB,CAAC,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAM,GAAG,IAAW,QA4C9G;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,QAAQ,QAWrC;AAED,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,QAQ3C;AAED,iBAAS,wBAAwB,CAAC,MAAM,EAAE,wBAAwB;;;SAiCjE;AAED,iBAAS,eAAe,SAKvB;AAED,OAAO,EAAC,wBAAwB,EAAE,eAAe,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAC,CAAC"}

package/lib/typescript/src/web/utils/inputUtils.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from 'react';
+import type { MarkdownTextInputElement } from '../../MarkdownTextInput.web';
+declare function isEventComposing(nativeEvent: globalThis.KeyboardEvent): boolean;
+declare function getPlaceholderValue(placeholder: string | undefined): string;
+declare function getElementHeight(node: HTMLDivElement, styles: CSSProperties, numberOfLines: number | undefined): string;
+declare function normalizeValue(value: string): string;
+declare function parseInnerHTMLToText(target: MarkdownTextInputElement): string;
+export { isEventComposing, getPlaceholderValue, getElementHeight, parseInnerHTMLToText, normalizeValue };
+//# sourceMappingURL=inputUtils.d.ts.map

package/lib/typescript/src/web/utils/inputUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/inputUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAM1E,iBAAS,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,aAAa,WAE9D;AAED,iBAAS,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,UAK3D;AAED,iBAAS,gBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,GAAG,SAAS,UAcvG;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,UAEpC;AAGD,iBAAS,oBAAoB,CAAC,MAAM,EAAE,wBAAwB,GAAG,MAAM,CAgEtE;AAED,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,cAAc,EAAC,CAAC"}

package/lib/typescript/src/web/utils/parserUtils.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLMarkdownElement, MarkdownTextInputElement } from '../../MarkdownTextInput.web';
+import type { TreeNode } from './treeUtils';
+import type { PartialMarkdownStyle } from '../../styleUtils';
+type MarkdownType = 'bold' | 'italic' | 'strikethrough' | 'emoji' | 'link' | 'code' | 'pre' | 'blockquote' | 'h1' | 'syntax' | 'mention-here' | 'mention-user' | 'mention-report';
+type MarkdownRange = {
+    type: MarkdownType;
+    start: number;
+    length: number;
+    depth?: number;
+};
+/** Builds HTML DOM structure based on passed text and markdown ranges */
+declare function parseRangesToHTMLNodes(text: string, ranges: MarkdownRange[], markdownStyle?: PartialMarkdownStyle, disableInlineStyles?: boolean): {
+    dom: HTMLMarkdownElement;
+    tree: TreeNode;
+};
+declare function updateInputStructure(target: MarkdownTextInputElement, text: string, cursorPositionIndex: number | null, markdownStyle?: PartialMarkdownStyle, alwaysMoveCursorToTheEnd?: boolean, shouldForceDOMUpdate?: boolean): {
+    text: string;
+    cursorPosition: number;
+};
+export { updateInputStructure, parseRangesToHTMLNodes };
+export type { MarkdownRange, MarkdownType };
+//# sourceMappingURL=parserUtils.d.ts.map

package/lib/typescript/src/web/utils/parserUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parserUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/parserUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAE/F,OAAO,KAAK,EAAW,QAAQ,EAAC,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAI3D,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAElL,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmIF,yEAAyE;AACzE,iBAAS,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,aAAa,GAAE,oBAAyB,EAAE,mBAAmB,UAAQ;;;EAiG3I;AAaD,iBAAS,oBAAoB,CAC3B,MAAM,EAAE,wBAAwB,EAChC,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,aAAa,GAAE,oBAAyB,EACxC,wBAAwB,UAAQ,EAChC,oBAAoB,UAAQ;;;EAmC7B;AAED,OAAO,EAAC,oBAAoB,EAAE,sBAAsB,EAAC,CAAC;AAEtD,YAAY,EAAC,aAAa,EAAE,YAAY,EAAC,CAAC"}

package/lib/typescript/src/web/utils/treeUtils.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLMarkdownElement } from '../../MarkdownTextInput.web';
+import type { MarkdownRange, MarkdownType } from './parserUtils';
+type NodeType = MarkdownType | 'line' | 'text' | 'br' | 'root';
+type TreeNode = Omit<MarkdownRange, 'type'> & {
+    element: HTMLMarkdownElement;
+    parentNode: TreeNode | null;
+    childNodes: TreeNode[];
+    type: NodeType;
+    orderIndex: string;
+    isGeneratingNewline: boolean;
+};
+declare function addNodeToTree(element: HTMLMarkdownElement, parentTreeNode: TreeNode, type: NodeType, length?: number | null): TreeNode;
+declare function findHTMLElementInTree(treeRoot: TreeNode, element: HTMLElement): TreeNode | null;
+declare function getTreeNodeByIndex(treeRoot: TreeNode, index: number): TreeNode | null;
+export { addNodeToTree, findHTMLElementInTree, getTreeNodeByIndex };
+export type { TreeNode, NodeType };
+//# sourceMappingURL=treeUtils.d.ts.map

package/lib/typescript/src/web/utils/treeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,KAAK,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAE/D,KAAK,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D,KAAK,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAC5C,OAAO,EAAE,mBAAmB,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,iBAAS,aAAa,CAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAE,MAAM,GAAG,IAAW,YA2B1H;AAED,iBAAS,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,CAuBxF;AAED,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CA8B9E;AAED,OAAO,EAAC,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,EAAC,CAAC;AAElE,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC"}

package/lib/typescript/src/web/utils/webStyleUtils.d.ts

@@ -0,0 +1,6 @@
+import type { TextStyle } from 'react-native';
+import type { MarkdownStyle } from '../../MarkdownTextInputDecoratorViewNativeComponent';
+declare function processMarkdownStyle(input: MarkdownStyle | undefined): MarkdownStyle;
+declare function parseToReactDOMStyle(style: TextStyle): any;
+export { parseToReactDOMStyle, processMarkdownStyle };
+//# sourceMappingURL=webStyleUtils.d.ts.map

package/lib/typescript/src/web/utils/webStyleUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webStyleUtils.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/webStyleUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qDAAqD,CAAC;AA2CvF,iBAAS,oBAAoB,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,aAAa,CAE7E;AAED,iBAAS,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAEnD;AAED,OAAO,EAAC,oBAAoB,EAAE,oBAAoB,EAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.116",
+  "version": "0.1.118",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -38,6 +38,7 @@
     "lint:WebExample": "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 && mkdir -p lib/parser && cp parser/react-native-live-markdown-parser.js lib/parser/react-native-live-markdown-parser.js",
+    "build:watch": "nodemon --watch src --ext .ts,.tsx,.css --exec \"rm -f .build_complete && yarn prepare && yarn pack && touch .build_complete\"",
     "release": "release-it"
   },
   "keywords": [
@@ -87,6 +88,7 @@
     "eslint-plugin-tsdoc": "^0.2.17",
     "jest": "^29.6.3",
     "jest-environment-jsdom": "^29.7.0",
+    "nodemon": "^3.1.3",
     "prettier": "2.8.8",
     "react": "18.2.0",
     "react-native": "0.73.4",
@@ -97,7 +99,8 @@
     "typescript": "^5.3.3"
   },
   "resolutions": {
-    "@types/react": "17.0.21"
+    "@types/react": "17.0.21",
+    "link@^2.1.1": "patch:link@npm%3A2.1.1#./.yarn/patches/link-npm-2.1.1-1c9fea076e.patch"
   },
   "peerDependencies": {
     "react": "*",

package/src/MarkdownTextInput.tsx

@@ -2,18 +2,15 @@ import {StyleSheet, TextInput, processColor} from 'react-native';
 import React from 'react';
 import type {TextInputProps} from 'react-native';
 import MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+import type {MarkdownStyle} from './MarkdownTextInputDecoratorViewNativeComponent';
 import NativeLiveMarkdownModule from './NativeLiveMarkdownModule';
-import type * as MarkdownTextInputDecoratorViewNativeComponentTypes from './MarkdownTextInputDecoratorViewNativeComponent';
-import * as StyleUtils from './styleUtils';
-import type * as StyleUtilsTypes from './styleUtils';
+import {mergeMarkdownStyleWithDefault} from './styleUtils';
+import type {PartialMarkdownStyle} from './styleUtils';
 
 if (NativeLiveMarkdownModule) {
   NativeLiveMarkdownModule.install();
 }
 
-type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
-type MarkdownStyle = MarkdownTextInputDecoratorViewNativeComponentTypes.MarkdownStyle;
-
 interface MarkdownTextInputProps extends TextInputProps {
   markdownStyle?: PartialMarkdownStyle;
 }
@@ -36,7 +33,7 @@ function processColorsInMarkdownStyle(input: MarkdownStyle): MarkdownStyle {
 }
 
 function processMarkdownStyle(input: PartialMarkdownStyle | undefined): MarkdownStyle {
-  return processColorsInMarkdownStyle(StyleUtils.mergeMarkdownStyleWithDefault(input));
+  return processColorsInMarkdownStyle(mergeMarkdownStyleWithDefault(input));
 }
 
 const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>((props, ref) => {