fix: support table for markdown #7

package.json

@@ -48,6 +48,8 @@
     "redux-persist-webextension-storage": "^1.0.2",
     "rehype-parse": "^9.0.0",
     "rehype-remark": "^10.0.0",
+    "remark-gfm": "4.0.0",
+    "remark-pangu": "^2.2.0",
     "remark-stringify": "^11.0.0",
     "rfdc": "^1.3.0",
     "tiny-delay": "^1.0.6",
@@ -103,4 +105,4 @@
       "@crxjs/vite-plugin@2.0.0-beta.19": "patches/@crxjs__vite-plugin@2.0.0-beta.19.patch"
     }
   }
-}
+}

src/popup/hooks/useTransformFormat.ts

@@ -5,6 +5,10 @@ import { md2tid } from 'md-to-tid';
 import { Dispatch, SetStateAction, useEffect, useRef } from 'react';
 import rehypeParse from 'rehype-parse';
 import rehypeRemark from 'rehype-remark';
+import remarkGfm from 'remark-gfm';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import remarkPangu from 'remark-pangu';
 import remarkStringify from 'remark-stringify';
 import { unified } from 'unified';
 
@@ -17,8 +21,11 @@ export interface IContent {
 
 const html2mdParser = unified()
   .use(rehypeParse)
+  .use(remarkGfm)
   .use(rehypeRemark)
-  .use(remarkStringify);
+  .use(remarkStringify)
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+  .use(remarkPangu);
 
 export function useTransformFormat(
   content: IContent,
@@ -56,7 +63,12 @@ export function useTransformFormat(
     if (!isEqual(newContent, content)) {
       setContent(newContent);
     }
-  }, [content.html, options.toMd, options.toTid, setContent]) as () => Promise<void>;
+  }, [
+    content.html,
+    options.toMd,
+    options.toTid,
+    setContent,
+  ]) as () => Promise<void>;
   useEffect(() => {
     void transformHTML();
     // don't add newContent.markdown or newContent.wikitext to the dependency array, to avoid infinite loop