feat: minify html

.github/workflows/deploy.yaml

@@ -43,7 +43,7 @@ jobs:
           key: ${{ runner.os }}-bun-turbo-${{ hashFiles('**/turbo.json') }}
 
       - name: Install dependencies
-        run: bun install --frozen-lockfile
+        run: bun --bun install --frozen-lockfile
 
       - name: Lint & Vite Build
         # Sharp is buggy w/Bun.

package.json

@@ -43,13 +43,15 @@
     "@sherifforg/types": "^3.0.0",
     "@types/bun": "^1.0.7",
     "@types/eslint": "^8.56.3",
+    "@types/html-minifier-terser": "^7.0.2",
     "@types/pathfinding": "^0.0.9",
     "@vite-pwa/assets-generator": "^0.2.4",
     "browserslist": "^4.23.0",
     "browserslist-to-esbuild": "^2.1.1",
-    "eslint": "^8.56.0",
+    "eslint": "^8.57.0",
     "eslint-config-sheriff": "^18.1.0",
     "eslint-define-config": "^2.1.0",
+    "html-minifier-terser": "^7.2.0",
     "lightningcss": "^1.24.0",
     "prettier": "3.2.5",
     "turbo": "^1.12.4",

vite.config.ts

@@ -5,6 +5,7 @@ import { browserslistToTargets } from "lightningcss";
 import { defineConfig } from "vite";
 import { VitePWA } from "vite-plugin-pwa";
 import webfontDownload from "vite-plugin-webfont-dl";
+import { minify } from "html-minifier-terser";
 
 const browsersList = browserslist();
 const basename = "/PHS-Map/";
@@ -31,6 +32,28 @@ export default defineConfig({
   },
   plugins: [
     webfontDownload(["https://fonts.googleapis.com/css?family=Lato"]),
+    {
+      name: "html-minify", // Name of the plugin
+      transformIndexHtml: {
+        order: "post",
+        handler: async (html: string): Promise<string> =>
+          minify(html, {
+            removeAttributeQuotes: true,
+            collapseWhitespace: true,
+            removeComments: true,
+            removeRedundantAttributes: true,
+            useShortDoctype: true,
+            removeEmptyAttributes: true,
+            collapseBooleanAttributes: true,
+            minifyURLs: true,
+            collapseInlineTagWhitespace: true,
+            decodeEntities: true,
+            noNewlinesBeforeTagClose: true,
+            removeStyleLinkTypeAttributes: true,
+            removeScriptTypeAttributes: true,
+          }),
+      },
+    },
     VitePWA({
       strategies: "injectManifest",
       injectManifest: {