feat(minify): use SWC

Author: avivkeller

.github/dependabot.yml

@@ -62,7 +62,7 @@ updates:
           - 'recma-*'
       compiling:
         patterns:
-          - '@minify-html/wasm'
+          - '@swc/html-wasm'
           - '@rollup/*'
           - 'rolldown'
           - 'lightningcss-wasm'

npm-shrinkwrap.json

@@ -43,12 +43,12 @@
   "dependencies": {
     "@actions/core": "^3.0.0",
     "@heroicons/react": "^2.2.0",
-    "@minify-html/wasm": "^0.18.1",
     "@node-core/rehype-shiki": "^1.4.0",
     "@node-core/ui-components": "^1.6.0",
     "@orama/orama": "^3.1.18",
     "@orama/ui": "^1.5.4",
     "@rollup/plugin-virtual": "^3.0.2",
+    "@swc/html-wasm": "^1.15.17",
     "acorn": "^8.15.0",
     "commander": "^14.0.3",
     "dedent": "^1.7.1",

package.json

@@ -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) {

src/generators/legacy-html-all/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);

src/generators/legacy-html/generate.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 };
     })
   );
 

src/generators/web/utils/processing.mjs

@@ -1,24 +1,20 @@
-import { minify } from '@minify-html/wasm';
+import { readFile } from 'node:fs/promises';
 
-const DEFAULT_HTML_MINIFIER_OPTIONS = {
-  minify_css: true,
-  minify_js: true,
-};
+import { minify, default as initSync } from '@swc/html-wasm';
 
-const textEncoder = new TextEncoder();
-const textDecoder = new TextDecoder();
+// See https://github.com/swc-project/swc/issues/11599 for why we need to load
+// the WASM file in this way
+await initSync(
+  readFile(new URL(import.meta.resolve('@swc/html-wasm/wasm_bg.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 = {}) =>
+  (await minify(html, options)).code;