feat: math plugin

packages/plugin-math/.gitignore

@@ -0,0 +1,2 @@
+src/*.js
+src/*.d.ts

packages/plugin-math/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@bytemd/plugin-math",
+  "version": "0.0.1",
+  "description": "@bytemd/plugin-math",
+  "author": "Rongjian Zhang <pd4d10@gmail.com>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "src/index.d.ts",
+  "files": [
+    "**/dist",
+    "src/*.{js,d.ts}"
+  ],
+  "dependencies": {
+    "rehype-katex": "^3.0.0",
+    "remark-math": "^2.0.1"
+  },
+  "peerDependencies": {
+    "bytemd": "*"
+  }
+}

packages/plugin-math/src/index.ts

@@ -0,0 +1,16 @@
+import { BytemdPlugin } from 'bytemd';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
+
+export default function math(): BytemdPlugin {
+  return {
+    remarkTransformer: (u) => u.use(remarkMath),
+    rehypeTransformer: (u) => u.use(rehypeKatex),
+    sanitizeSchema: {
+      attributes: {
+        span: ['className', 'style'],
+        // TODO: svg
+      },
+    },
+  };
+}

rollup.config.js

@@ -19,6 +19,7 @@ const packageConfigs = {
   //   external: ['bytemd', 'react'],
   // },
   'plugin-highlight': {},
+  'plugin-math': {},
 };
 
 /** @type {import('rollup').Plugin} */