initial files

.gitignore

@@ -0,0 +1,2 @@
+dist
+node_modules

package.json

@@ -0,0 +1,40 @@
+{
+  "name": "rehype-katex-svelte",
+  "version": "1.0.0",
+  "description": "Like rehype-katex, but Svelte-friendly",
+  "main": "dist/index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "prepublish": "tsc"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kwshi/rehype-katex-svelte.git"
+  },
+  "keywords": [
+    "rehype",
+    "katex",
+    "svelte",
+    "mdsvex",
+    "svx"
+  ],
+  "author": "Kye Shi",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/kwshi/rehype-katex-svelte/issues"
+  },
+  "homepage": "https://github.com/kwshi/rehype-katex-svelte#readme",
+  "dependencies": {
+    "hast-util-from-string": "^1.0.4",
+    "hast-util-select": "^4.0.2",
+    "hast-util-to-string": "^1.0.4",
+    "katex": "^0.12.0",
+    "vfile": "^4.2.1"
+  },
+  "devDependencies": {
+    "@types/hast": "^2.3.1",
+    "@types/katex": "^0.11.0",
+    "@types/unist": "^2.0.3",
+    "typescript": "^4.1.3"
+  }
+}

src/hast-util-from-string.d.ts

@@ -0,0 +1,4 @@
+declare module "hast-util-from-string" {
+  import type { Node } from "hast";
+  export default function (node: Node, value: string): void;
+}

src/hast-util-select.d.ts

@@ -0,0 +1,4 @@
+declare module "hast-util-select" {
+  import type { Node, Element } from "hast";
+  export const selectAll: (selector: string, node: Node) => Element[];
+}

src/hast-util-to-string.d.ts

@@ -0,0 +1,4 @@
+declare module "hast-util-to-string" {
+  import type { Node } from "hast";
+  export default function (node: Node): string;
+}

src/index.ts

@@ -0,0 +1,22 @@
+import { selectAll } from "hast-util-select";
+import hastToString from "hast-util-to-string";
+import hastFromString from "hast-util-from-string";
+import type { Node } from "hast";
+import type { VFile } from "vfile";
+
+import { renderToString } from "katex";
+import type { KatexOptions } from "katex";
+
+export default (options: KatexOptions = {}) => (tree: Node, file: VFile) => {
+  if (file.filename !== "src/routes/index.svx") return;
+  for (const node of selectAll(".math", tree)) {
+    const displayMode = (<string[] | undefined>(
+      node.properties?.className
+    ))?.includes("math-display");
+    const rendered = renderToString(hastToString(node), {
+      ...options,
+      displayMode,
+    });
+    hastFromString(node, `{@html ${JSON.stringify(rendered)}}`);
+  }
+};

tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es2017", "dom"],
+    "module": "commonjs",
+    "strict": true,
+    "outDir": "dist",
+    "declaration": true
+  }
+}