Squashed commit of the following:

commit c414219c36405e004f6eb3d874becc0c33cc5fed
Author: gantrol <[email protected]>
Date:   Thu Feb 16 18:06:52 2023 +0800

    fix: 一堆问题，不过md导出能用了

commit e08cc1b32e138569e5cf3731315d84c3d708c3b0
Author: gantrol <[email protected]>
Date:   Thu Feb 16 17:13:23 2023 +0800

    feat: md dirty impl

    fix: index problem in export json refs

commit 24adcb30eff23be9c440ca6af343f80c52fc3e63
Author: gantrol <[email protected]>
Date:   Thu Feb 16 10:28:14 2023 +0800

    typo: 调整样式

content.ts

@@ -19,9 +19,11 @@ const init = async () => {
 
 
 const addButtonGroups = (actionsArea, WaitingButton) => {
+  // TODO: 加折叠，或者
   addButton(actionsArea, WaitingButton, PNG);
   addButton(actionsArea, WaitingButton, JPG);
   addButton(actionsArea, WaitingButton, JSON);
+  addButton(actionsArea, WaitingButton, MD);
 };
 
 const addButton = (actionsArea, WaitingButton, type) => {
@@ -44,4 +46,5 @@ const addButton = (actionsArea, WaitingButton, type) => {
   actionsArea.appendChild(downloadButton);
 };
 
+
 init();

docs/manual.md

@@ -159,3 +159,7 @@ Bing: I’m sorry, I don’t know your location [^1]. The weather depends on whe
 [qq15725/modern-screenshot: 📸 Fast generates an image from a DOM node using HTML5 canvas and SVG. (github.com)](https://github.com/qq15725/modern-screenshot)
 
 [bubkoo/html-to-image: ✂️ Generates an image from a DOM node using HTML5 canvas and SVG. (github.com)](https://github.com/bubkoo/html-to-image)
+
+https://github.com/mixmark-io/turndown/
+
+

jest.config.mjs

@@ -0,0 +1,25 @@
+import { createRequire } from "module"
+import { pathsToModuleNameMapper } from "ts-jest"
+
+const require = createRequire(import.meta.url)
+const tsconfig = require("./tsconfig.json")
+
+/**
+ * @type {import('@jest/types').Config.InitialOptions}
+ */
+
+const config = {
+  setupFiles: ["jest-webextension-mock"],
+  extensionsToTreatAsEsm: [".ts", ".tsx"],
+  testRegex: ["^.+\\.test.tsx?$"],
+  moduleNameMapper: pathsToModuleNameMapper(tsconfig.compilerOptions.paths, {
+    prefix: "<rootDir>/"
+  }),
+  testEnvironment: "jsdom",
+  transform: {
+    "^.+\\.ts?$": ["ts-jest", { isolatedModules: true, useESM: true }],
+    "^.+\\.tsx?$": ["ts-jest", { useESM: true, tsconfig: { jsx: "react-jsx" } }]
+  }
+}
+
+export default config

package.json

@@ -6,20 +6,29 @@
   "author": "gantrol",
   "scripts": {
     "dev": "plasmo dev",
+    "test": "jest",
     "build": "plasmo build",
+
     "package": "plasmo package"
   },
   "dependencies": {
     "modern-screenshot": "^4.3.4",
     "plasmo": "0.65.0",
     "svelte": "3.55.1",
-    "svelte-preprocess": "5.0.1"
+    "svelte-preprocess": "5.0.1",
+    "turndown": "^7.1.1"
   },
   "devDependencies": {
+    "@jest/globals": "29.4.1",
+    "@jest/types": "29.4.1",
     "@plasmohq/prettier-plugin-sort-imports": "3.6.1",
     "@types/chrome": "0.0.210",
     "@types/node": "18.11.18",
+    "jest": "29.4.1",
+    "jest-environment-jsdom": "29.4.1",
+    "jest-webextension-mock": "3.8.8",
     "prettier": "2.8.3",
+    "ts-jest": "^29.0.5",
     "typescript": "4.9.4"
   },
   "manifest": {