refactor: remove mustache (#361)

araujogui · web-flow · commit 93e0cbec3604 · 2025-07-19T13:21:29.000-03:00
* refactor: remove mustache

* chore: oops

* chore: oops

* fix: use replacer fn
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -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,7 @@
 </head>
 
 <body>
-  <div id="root">{{{dehydrated}}}</div>
-  <script>{{{javascript}}}</script>
+  <div id="root">{{dehydrated}}</div>
+  <script>{{clientBundleJs}}</script>
 </body>
-
-</html>
+</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,13 @@ 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`;
+
+  // Replace template placeholders with actual content
+  const renderedHtml = template
+    .replace('{{title}}', title)
+    .replace('{{dehydrated}}', dehydrated ?? '')
+    .replace('{{clientBundleJs}}', () => clientBundle.js);
 
   // The input to `minify` must be a Buffer.
   const finalHTMLBuffer = HTMLMinifier.minify(Buffer.from(renderedHtml), {});
