update package.json

Author: DylanDylann

Mobile-Expensify

@@ -46,7 +46,7 @@
     "test:debug": "TZ=utc NODE_OPTIONS='--inspect-brk --experimental-vm-modules' jest --runInBand",
     "perf-test": "NODE_OPTIONS=--experimental-vm-modules npx reassure",
     "typecheck": "NODE_OPTIONS=--max_old_space_size=8192 tsc",
-    "lint": "NODE_OPTIONS=--max_old_space_size=8192 eslint . --max-warnings=311 --cache --cache-location=node_modules/.cache/eslint",
+    "lint": "NODE_OPTIONS=--max_old_space_size=8192 eslint . --max-warnings=310 --cache --cache-location=node_modules/.cache/eslint",
     "lint-changed": "NODE_OPTIONS=--max_old_space_size=8192 ./scripts/lintChanged.sh",
     "lint-watch": "npx eslint-watch --watch --changed",
     "shellcheck": "./scripts/shellCheck.sh",

package.json

@@ -0,0 +1,76 @@
+// eslint-disable-next-line no-restricted-imports
+import React, {createContext, useMemo} from 'react';
+import useOnyx from '@hooks/useOnyx';
+import ExpensiMark from '@libs/Parser';
+import ONYXKEYS from '@src/ONYXKEYS';
+
+type Extras = {
+    reportIDToName?: Record<string, string>;
+    accountIDToName?: Record<string, string>;
+    cacheVideoAttributes?: (vidSource: string, attrs: string) => void;
+    videoAttributeCache?: Record<string, string>;
+};
+type ParserContextProps = {
+    htmlToMarkdown: (htmlString: string, extras?: Extras) => string;
+    htmlToText: (htmlString: string, extras?: Extras) => string;
+};
+type ParserContextProviderProps = {children: React.ReactNode};
+const ParserContext = createContext<ParserContextProps>({
+    htmlToMarkdown: () => '',
+    htmlToText: () => '',
+});
+
+function ParserContextProvider({children}: ParserContextProviderProps) {
+    const [reports] = useOnyx(ONYXKEYS.COLLECTION.REPORT);
+    const [personalDetailsList] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST);
+
+    const reportIDToNameMap = useMemo(() => {
+        const map: Record<string, string> = {};
+        Object.values(reports ?? {}).forEach((report) => {
+            if (!report) {
+                return;
+            }
+            map[report.reportID] = report.reportName ?? report.reportID;
+        });
+        return map;
+    }, [reports]);
+
+    const accountIDToNameMap = useMemo(() => {
+        const map: Record<string, string> = {};
+        Object.values(personalDetailsList ?? {}).forEach((personalDetails) => {
+            if (!personalDetails) {
+                return;
+            }
+            map[personalDetails.accountID] = personalDetails.login ?? personalDetails.displayName ?? '';
+        });
+        return map;
+    }, [personalDetailsList]);
+
+    const Parser = React.useMemo<ParserContextProps>(() => {
+        const parser = ExpensiMark as unknown as Record<string, unknown>;
+
+        return {
+            ...parser,
+            htmlToMarkdown: (htmlString: string, extras?: Extras) =>
+                (parser.htmlToMarkdown as (htmlString: string, extras?: Extras) => string)(htmlString, {
+                    reportIDToName: extras?.reportIDToName ?? reportIDToNameMap,
+                    accountIDToName: extras?.accountIDToName ?? accountIDToNameMap,
+                    cacheVideoAttributes: extras?.cacheVideoAttributes,
+                }),
+            htmlToText: (htmlString: string, extras?: Extras) =>
+                (parser.htmlToText as (htmlString: string, extras?: Extras) => string)(htmlString, {
+                    reportIDToName: extras?.reportIDToName ?? reportIDToNameMap,
+                    accountIDToName: extras?.accountIDToName ?? accountIDToNameMap,
+                    cacheVideoAttributes: extras?.cacheVideoAttributes,
+                }),
+        };
+    }, [reportIDToNameMap, accountIDToNameMap]);
+
+    const contextValue = useMemo<ParserContextProps>(() => Parser, [Parser]);
+
+    return <ParserContext.Provider value={contextValue}>{children}</ParserContext.Provider>;
+}
+
+ParserContextProvider.displayName = 'ParserContextProvider';
+
+export {ParserContext, ParserContextProvider};