Transform links to .md to .html

Author: jdesrosiers

remark/rehype-link-transformer.js

@@ -0,0 +1,18 @@
+import { existsSync } from "fs";
+import { visit } from "unist-util-visit";
+import url from "url";
+
+
+const rehypeLinkTransformer = () => (tree, vfile) => {
+  visit(tree, "element", (node) => {
+    if (node.tagName === "a") {
+      const href = url.parse(node.properties.href);
+      if (href.hostname === null && href.pathname?.endsWith(".md") && existsSync(vfile.history[0])) {
+        href.pathname = href.pathname.replace(/.md$/, ".html");
+        node.properties.href = url.format(href);
+      }
+    }
+  });
+};
+
+export default rehypeLinkTransformer;

specs/.remarkrc-build.js

@@ -6,6 +6,7 @@ import remarkRehype from "remark-rehype";
 import rehypeStringify from "rehype-stringify";
 import rehypeDocument from "rehype-document";
 import specsPreset from "./.remarkrc-specs.js";
+import rehypeLinkTransformer from "../remark/rehype-link-transformer.js";
 
 
 dotenv.config();
@@ -15,6 +16,7 @@ export default {
     specsPreset,
     remarkTorchLight,
     remarkRehype,
+    rehypeLinkTransformer,
     [rehypeDocument, {
       css: ["https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css"],
       style: readFileSync(resolve(import.meta.dirname, "spec.css"), "utf8")