fix: convert html to markdown before save to obsidian

Author: hyoban

apps/renderer/package.json

@@ -62,6 +62,7 @@
     "franc-min": "6.2.0",
     "fuse.js": "7.0.0",
     "hast-util-to-jsx-runtime": "2.3.2",
+    "hast-util-to-mdast": "^10.1.0",
     "hast-util-to-text": "4.0.2",
     "i18next": "^23.16.0",
     "i18next-browser-languagedetector": "8.0.0",
@@ -72,6 +73,7 @@
     "lethargy": "1.0.9",
     "lodash-es": "4.17.21",
     "masonic": "4.0.1",
+    "mdast-util-to-markdown": "^2.1.0",
     "nanoid": "5.0.7",
     "ofetch": "1.4.1",
     "path-to-regexp": "8.2.0",

apps/renderer/src/hooks/biz/useEntryActions.tsx

@@ -33,6 +33,7 @@ import { shortcuts } from "~/constants/shortcuts"
 import { tipcClient } from "~/lib/client"
 import { nextFrame } from "~/lib/dom"
 import { FeedViewType } from "~/lib/enum"
+import { parseHtml } from "~/lib/parse-html"
 import { getOS } from "~/lib/utils"
 import StarAnimationUri from "~/lottie/star.lottie?url"
 import type { CombinedEntryModel } from "~/models"
@@ -427,7 +428,7 @@ export const useEntryActions = ({
           saveToObsidian.mutate({
             url: populatedEntry.entries.url,
             title: populatedEntry.entries.title || "",
-            content: populatedEntry.entries.content || "",
+            content: parseHtml(populatedEntry.entries.content || "").toMarkdown(),
             author: populatedEntry.entries.author || "",
             publishedAt: populatedEntry.entries.publishedAt || "",
             vaultPath: obsidianVaultPath,

apps/renderer/src/lib/parse-html.ts

@@ -2,7 +2,9 @@ import type { Element, Parent, Text } from "hast"
 import type { Schema } from "hast-util-sanitize"
 import type { Components } from "hast-util-to-jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
+import { toMdast } from "hast-util-to-mdast"
 import { toText } from "hast-util-to-text"
+import { toMarkdown } from "mdast-util-to-markdown"
 import { createElement } from "react"
 import { Fragment, jsx, jsxs } from "react/jsx-runtime"
 import { renderToString } from "react-dom/server"
@@ -235,6 +237,7 @@ export const parseHtml = (
         },
       }),
     toText: () => toText(hastTree),
+    toMarkdown: () => toMarkdown(toMdast(hastTree)),
   }
 }