Add recma debugger

Author: pomber

apps/web/content/blog/from-remark-to-rsc.mdx

@@ -6,4 +6,6 @@ authors: [pomber]
 draft: true
 ---
 
+Content usually needs some kind of transformation before being rendered.
+
 A remark plugin is a function that transforms pieces of a markdown file.

apps/web/next.config.mjs

@@ -1,5 +1,16 @@
 import createNextDocsMDX from "next-docs-mdx/config"
 import { remarkCodeHike, recmaCodeHike } from "codehike/mdx"
+// import fs from "node:fs"
+// import { jsx, toJs } from "estree-util-to-js"
+// function recmaPlugin() {
+//   return (tree) => {
+//     const result = toJs(tree, { handlers: jsx })
+//     // console.log("```js")
+//     // console.log(result.value)
+//     // console.log("```")
+//     fs.writeFileSync("recma.js", result.value)
+//   }
+// }
 
 /** @type {import('codehike/mdx').CodeHikeConfig} */
 const chConfig = {
@@ -17,7 +28,7 @@ const withMDX = createNextDocsMDX({
   mdxOptions: {
     remarkPlugins: [[remarkCodeHike, chConfig]],
     recmaPlugins: [[recmaCodeHike, chConfig]],
-    jsx: true,
+    // jsx: true,
   },
 })
 

apps/web/package.json

@@ -24,6 +24,7 @@
     "codehike": "workspace:*",
     "diff": "^5.1.0",
     "dotenv": "^16.4.1",
+    "estree-util-to-js": "^2.0.0",
     "lucide-react": "^0.303.0",
     "next": "14.1.0",
     "next-docs-mdx": "7.1.2",