@expensify/react-native-live-markdown 0.1.3 → 0.1.5

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

@@ -1,11 +1,8 @@
-import React from 'react';
 import { TextInput } from 'react-native';
+import React from 'react';
 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]>;
-}>;
+import type * as StyleUtilsTypes from './styleUtils';
+type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
 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,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"}
+{"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"}

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

@@ -1,7 +1,14 @@
-import { TextInput } from 'react-native';
+import type { TextInput, TextInputProps } from 'react-native';
 import React from 'react';
-import type { TextInputProps } from 'react-native';
+import type { MouseEvent } from 'react';
+import type * as MarkdownTextInputDecoratorViewNativeComponent from './MarkdownTextInputDecoratorViewNativeComponent';
+import './web/MarkdownTextInput.css';
+type MarkdownStyle = MarkdownTextInputDecoratorViewNativeComponent.MarkdownStyle;
 interface MarkdownTextInputProps extends TextInputProps {
+    markdownStyle?: MarkdownStyle;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    dir?: string;
+    disabled?: boolean;
 }
 declare const MarkdownTextInput: React.ForwardRefExoticComponent<MarkdownTextInputProps & React.RefAttributes<TextInput>>;
 export default MarkdownTextInput;

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":"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"}
+{"version":3,"file":"MarkdownTextInput.web.d.ts","sourceRoot":"","sources":["../../../src/MarkdownTextInput.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EAKT,cAAc,EAGf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAwE,UAAU,EAAgC,MAAM,OAAO,CAAC;AAK5I,OAAO,KAAK,KAAK,6CAA6C,MAAM,iDAAiD,CAAC;AACtH,OAAO,6BAA6B,CAAC;AAgCrC,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;AAkED,QAAA,MAAM,iBAAiB,0FA0XtB,CAAC;AAoBF,eAAe,iBAAiB,CAAC;AAEjC,YAAY,EAAC,sBAAsB,EAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import type * as MarkdownTextInputDecoractorView from './MarkdownTextInputDecoratorViewNativeComponent';
+type MarkdownStyle = MarkdownTextInputDecoractorView.MarkdownStyle;
+type PartialMarkdownStyle = Partial<{
+    [K in keyof MarkdownStyle]: Partial<MarkdownStyle[K]>;
+}>;
+declare function mergeMarkdownStyleWithDefault(input: PartialMarkdownStyle | undefined): MarkdownStyle;
+export type { PartialMarkdownStyle };
+export { mergeMarkdownStyleWithDefault };
+//# sourceMappingURL=styleUtils.d.ts.map

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

@@ -0,0 +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;AA6CH,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/InputHistory.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="node" />
+type HistoryItem = {
+    text: string;
+    cursorPosition: number | null;
+};
+export default class InputHistory {
+    depth: number;
+    history: HistoryItem[];
+    historyIndex: number;
+    currentText: string | null;
+    timeout: NodeJS.Timeout | null;
+    debounceTime: number;
+    constructor(depth: number, debounceTime?: number);
+    getCurrentItem(): HistoryItem | null;
+    setHistory(newHistory: HistoryItem[]): void;
+    setHistoryIndex(index: number): void;
+    clear(): void;
+    debouncedAdd(text: string, cursorPosition: number): void;
+    add(text: string, cursorPosition: number): void;
+    undo(): HistoryItem | null;
+    redo(): HistoryItem | null;
+}
+export {};
+//# sourceMappingURL=InputHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputHistory.d.ts","sourceRoot":"","sources":["../../../../src/web/InputHistory.ts"],"names":[],"mappings":";AAAA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,YAAY;IAC/B,KAAK,EAAE,MAAM,CAAC;IAEd,OAAO,EAAE,WAAW,EAAE,CAAC;IAEvB,YAAY,EAAE,MAAM,CAAC;IAErB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAElC,OAAO,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI,CAAQ;IAEtC,YAAY,EAAE,MAAM,CAAC;gBAET,KAAK,EAAE,MAAM,EAAE,YAAY,SAAM;IAO7C,cAAc,IAAI,WAAW,GAAG,IAAI;IAIpC,UAAU,CAAC,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI;IAK3C,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIpC,KAAK,IAAI,IAAI;IAKb,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI;IAgBxD,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI;IAoB/C,IAAI,IAAI,WAAW,GAAG,IAAI;IAgB1B,IAAI,IAAI,WAAW,GAAG,IAAI;CAkB3B"}

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

@@ -0,0 +1,8 @@
+declare function setCursorPosition(target: HTMLElement, targetPosition: number, ignoreNewLines?: boolean): void;
+declare function moveCursorToEnd(target: HTMLElement): void;
+declare function getCurrentCursorPosition(target: HTMLElement): {
+    start: number;
+    end: number;
+};
+export { getCurrentCursorPosition, moveCursorToEnd, setCursorPosition };
+//# sourceMappingURL=cursorUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cursorUtils.d.ts","sourceRoot":"","sources":["../../../../src/web/cursorUtils.ts"],"names":[],"mappings":"AAsCA,iBAAS,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,UAAQ,QAQ7F;AAED,iBAAS,eAAe,CAAC,MAAM,EAAE,WAAW,QAS3C;AAiBD,iBAAS,wBAAwB,CAAC,MAAM,EAAE,WAAW;;;EAUpD;AAED,OAAO,EAAC,wBAAwB,EAAE,eAAe,EAAE,iBAAiB,EAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import type * as StyleUtilsTypes from '../styleUtils';
+type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
+type MarkdownType = 'bold' | 'italic' | 'strikethrough' | 'link' | 'code' | 'pre' | 'blockquote' | 'h1' | 'syntax' | 'mention-here' | 'mention-user';
+type MarkdownRange = {
+    type: MarkdownType;
+    startIndex: number;
+    length: number;
+};
+declare function parseRangesToHTMLNodes(text: string, ranges: MarkdownRange[], markdownStyle?: PartialMarkdownStyle, disableInlineStyles?: boolean): HTMLElement;
+declare function parseText(target: HTMLElement, text: string, curosrPositionIndex: number | null, markdownStyle?: PartialMarkdownStyle, disableNewLinesInCursorPositioning?: boolean, alwaysMoveCursorToTheEnd?: boolean): {
+    text: string;
+    cursorPosition: number;
+};
+export { parseText, parseRangesToHTMLNodes };
+export type { MarkdownRange, MarkdownType };
+//# sourceMappingURL=parserUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parserUtils.d.ts","sourceRoot":"","sources":["../../../../src/web/parserUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,eAAe,MAAM,eAAe,CAAC;AAEtD,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC;AAEjE,KAAK,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,YAAY,GAAG,IAAI,GAAG,QAAQ,GAAG,cAAc,GAAG,cAAc,CAAC;AAErJ,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAoEF,iBAAS,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,aAAa,GAAE,oBAAyB,EAAE,mBAAmB,UAAQ,GAAG,WAAW,CAkEzJ;AAED,iBAAS,SAAS,CAChB,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,aAAa,GAAE,oBAAyB,EACxC,kCAAkC,UAAQ,EAC1C,wBAAwB,UAAQ;;;EAoCjC;AAED,OAAO,EAAC,SAAS,EAAE,sBAAsB,EAAC,CAAC;AAE3C,YAAY,EAAC,aAAa,EAAE,YAAY,EAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -36,7 +36,7 @@
     "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",
+    "prepare": "bob build && mkdir -p lib/parser && cp parser/react-native-live-markdown-parser.js lib/parser/react-native-live-markdown-parser.js",
     "release": "release-it"
   },
   "keywords": [
@@ -85,11 +85,13 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-tsdoc": "^0.2.17",
     "jest": "^28.1.1",
+    "jest-environment-jsdom": "^29.7.0",
     "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",
+    "react-native-web": "^0.19.10",
     "release-it": "^15.0.0",
     "turbo": "^1.10.7",
     "typescript": "^5.3.3"
@@ -113,7 +115,8 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
-    ]
+    ],
+    "testEnvironment": "jsdom"
   },
   "commitlint": {
     "extends": [