refactor: remove mustache

araujogui · araujogui · commit 5de047058b90 · 2025-07-17T21:31:17.000-03:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
     "test:update-snapshots": "node --test --experimental-test-module-mocks --test-update-snapshots",
     "test:watch": "node --test --experimental-test-module-mocks --watch",
     "prepare": "husky",
-    "run": "node bin/cli.mjs",
+    "run": "node --inspect bin/cli.mjs ",
     "watch": "node --watch bin/cli.mjs"
   },
   "main": "./src/index.mjs",
@@ -60,7 +60,6 @@
     "hastscript": "^9.0.1",
     "lightningcss": "^1.30.1",
     "mdast-util-slice-markdown": "^2.0.1",
-    "mustache": "^4.2.0",
     "preact": "^10.26.9",
     "preact-render-to-string": "^6.5.13",
     "reading-time": "^1.5.0",
diff --git a/src/generators/web/template.html b/src/generators/web/template.html
@@ -18,8 +18,6 @@
 </head>
 
 <body>
-  <div id="root">{{{dehydrated}}}</div>
-  <script>{{{javascript}}}</script>
-</body>
+  <div id="root">{{dehydrated}}</div>
+
 
-</html>
diff --git a/src/generators/web/utils/processing.mjs b/src/generators/web/utils/processing.mjs
@@ -1,6 +1,5 @@
 import HTMLMinifier from '@minify-html/node';
 import { toJs, jsx } from 'estree-util-to-js';
-import Mustache from 'mustache';
 
 import bundleCode from './bundle.mjs';
 
@@ -72,12 +71,18 @@ export async function processJSXEntry(
   const clientCode = buildClientProgram(code);
   const clientBundle = await bundleCode(clientCode);
 
-  // TODO(@avivkeller): Don't depend on Mustache
-  const renderedHtml = Mustache.render(template, {
-    title: `${entry.data.heading.data.name} | Node.js v${version} Documentation`,
-    dehydrated,
-    javascript: clientBundle.js,
-  });
+  const title = `${entry.data.heading.data.name} | Node.js v${version} Documentation`;
+
+  const scriptTag = `<script>${clientBundle.js}</script>`;
+
+  // Replace template placeholders with actual content
+  const filledTemplate = template
+    .replace('{{title}}', title)
+    .replace('{{dehydrated}}', dehydrated ?? '');
+
+  const renderedHtml = `${filledTemplate}
+${scriptTag}
+</body></html>`;
 
   // The input to `minify` must be a Buffer.
   const finalHTMLBuffer = HTMLMinifier.minify(Buffer.from(renderedHtml), {});
