feat(minify): use SWC (#621)

avivkeller · ovflowd · web-flow · commit a41a0d3671a7 · 2026-03-03T20:15:13.000Z
* feat(minify): use SWC

* fixup!

* Update html-minifier.mjs

Co-authored-by: Claudio Wunder &lt;cwunder@gnome.org&gt;

* fixup!

---------

Co-authored-by: Claudio Wunder &lt;cwunder@gnome.org&gt;
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -62,7 +62,7 @@ updates:
           - 'recma-*'
       compiling:
         patterns:
-          - '@minify-html/wasm'
+          - '@swc/html-wasm'
           - '@rollup/*'
           - 'rolldown'
           - 'lightningcss-wasm'
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
diff --git a/package.json b/package.json
@@ -49,6 +49,7 @@
     "@orama/orama": "^3.1.18",
     "@orama/ui": "^1.5.4",
     "@rollup/plugin-virtual": "^3.0.2",
+    "@swc/html-wasm": "^1.15.18",
     "acorn": "^8.16.0",
     "commander": "^14.0.3",
     "dedent": "^1.7.1",
diff --git a/src/generators/legacy-html-all/generate.mjs b/src/generators/legacy-html-all/generate.mjs
@@ -63,7 +63,7 @@ export async function generate(input) {
   });
 
   if (config.minify) {
-    result = Buffer.from(await minifyHTML(result));
+    result = await minifyHTML(result);
   }
 
   if (config.output) {
diff --git a/src/generators/legacy-html/generate.mjs b/src/generators/legacy-html/generate.mjs
@@ -130,7 +130,7 @@ export async function* generate(input, worker) {
         let result = replaceTemplateValues(apiTemplate, template, config);
 
         if (config.minify) {
-          result = Buffer.from(await minifyHTML(result));
+          result = await minifyHTML(result);
         }
 
         await writeFile(join(config.output, `${template.api}.html`), result);
diff --git a/src/generators/web/utils/processing.mjs b/src/generators/web/utils/processing.mjs
@@ -123,10 +123,7 @@ export async function processJSXEntries(
         .replace('{{speculationRules}}', SPECULATION_RULES)
         .replace('{{ogTitle}}', title);
 
-      const minifiedHtml = await minifyHTML(renderedHtml);
-      const html = Buffer.from(minifiedHtml);
-
-      return { html, api };
+      return { html: await minifyHTML(renderedHtml), api };
     })
   );
 
diff --git a/src/utils/html-minifier.mjs b/src/utils/html-minifier.mjs
@@ -1,24 +1,12 @@
-import { minify } from '@minify-html/wasm';
-
-const DEFAULT_HTML_MINIFIER_OPTIONS = {
-  minify_css: true,
-  minify_js: true,
-};
-
-const textEncoder = new TextEncoder();
-const textDecoder = new TextDecoder();
+import { minify } from '@swc/html-wasm';
 
 /**
- * Minifies HTML with project defaults and optional overrides.
+ * Minifies HTML with project defaults and optional overrides. At the moment,
+ * swc's defaults are suitable for our needs, but in the event that this changes,
+ * allowing project defaults is beneficial.
  *
  * @param {string} html
- * @param {Record<string, boolean | number | string | string[]>} [overrides]
+ * @param {import('@swc/html-wasm').Options} [options]
  */
-export const minifyHTML = async (html, overrides = {}) => {
-  const minified = minify(textEncoder.encode(html), {
-    ...DEFAULT_HTML_MINIFIER_OPTIONS,
-    ...overrides,
-  });
-
-  return textDecoder.decode(minified);
-};
+export const minifyHTML = async (html, options = {}) =>
+  minify(html, options).then(({ code }) => code);

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ export async function generate(input) {`
`63`	`63`	`});`
`64`	`64`
`65`	`65`	`if (config.minify) {`
`66`		`- result = Buffer.from(await minifyHTML(result));`
	`66`	`+ result = await minifyHTML(result);`
`67`	`67`	`}`
`68`	`68`
`69`	`69`	`if (config.output) {`
Original file line number	Diff line number	Diff line change
`@@ -130,7 +130,7 @@ export async function* generate(input, worker) {`
`130`	`130`	`let result = replaceTemplateValues(apiTemplate, template, config);`
`131`	`131`
`132`	`132`	`if (config.minify) {`
`133`		`- result = Buffer.from(await minifyHTML(result));`
	`133`	`+ result = await minifyHTML(result);`
`134`	`134`	`}`
`135`	`135`
`136`	`136`	await writeFile(join(config.output, `${template.api}.html`), result);