Use custom HTML minifier to fix build fail

Author: mcecode

package-lock.json

@@ -7,7 +7,8 @@
     "preview": "npm run build && vite preview"
   },
   "devDependencies": {
-    "@sergeymakinen/vite-plugin-html-minimize": "^2.0.0",
+    "@types/html-minifier-next": "^1.1.0",
+    "html-minifier-next": "^1.1.5",
     "typescript": "^5.3.3",
     "vite": "^7.1.2"
   }

package.json

@@ -5,6 +5,9 @@
     "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
+    // Prevent Node.js types from overriding Browser types. See:
+    // https://guilhermesimoes.github.io/blog/making-settimeout-return-number-in-typescript
+    "types": [],
 
     /* Bundler mode */
     "moduleResolution": "bundler",

tsconfig.json

@@ -1,22 +1,47 @@
+import type { MinifierOptions } from "html-minifier-next";
 import type { UserConfig } from "vite";
 
-import htmlMinimize from "@sergeymakinen/vite-plugin-html-minimize";
+import { minify } from "html-minifier-next";
+import { createFilter } from "vite";
+
+const filter = createFilter("**/*.html");
+const options: MinifierOptions = {
+  collapseWhitespace: true,
+  html5: true,
+  minifyCSS: true,
+  minifyJS: true,
+  removeAttributeQuotes: true,
+  removeComments: true,
+  removeRedundantAttributes: true,
+  removeScriptTypeAttributes: true,
+  removeStyleLinkTypeAttributes: true,
+  useShortDoctype: true
+};
 
 export default <UserConfig>{
   plugins: [
-    htmlMinimize({
-      minifierOptions: {
-        collapseWhitespace: true,
-        html5: true,
-        minifyCSS: true,
-        minifyJS: true,
-        removeAttributeQuotes: true,
-        removeComments: true,
-        removeRedundantAttributes: true,
-        removeScriptTypeAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        useShortDoctype: true
+    {
+      // Yoinked from `@sergeymakinen/vite-plugin-html-minimize` with some
+      // changes.
+      name: "html-minifier",
+      apply: "build",
+      enforce: "post",
+      generateBundle: {
+        order: "post",
+        async handler(_, bundle) {
+          for (const assetOrChunk of Object.values(bundle)) {
+            if (
+              assetOrChunk.type === "asset" &&
+              filter(assetOrChunk.fileName)
+            ) {
+              assetOrChunk.source = await minify(
+                assetOrChunk.source.toString(),
+                options
+              );
+            }
+          }
+        }
       }
-    })
+    }
   ]
 };