Merge pull request #218 from cartridge-gg/lattice/1774647610

Larkooo · web-flow · commit 63d5c0310f26 · 2026-03-27T16:47:29.000-05:00
fix: remove PWA service worker caching
diff --git a/client/index.html b/client/index.html
@@ -8,13 +8,7 @@
     />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <link rel="manifest" href="/manifest.webmanifest" />
     <meta name="theme-color" content="#591FFF" />
-    <meta name="application-name" content="Glitch Bomb" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-title" content="Glitch Bomb" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-    <meta name="mobile-web-app-capable" content="yes" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
@@ -25,6 +19,14 @@
   </head>
   <body>
     <div id="root"></div>
+    <script>
+      // Unregister any existing service workers from the old PWA setup
+      if ("serviceWorker" in navigator) {
+        navigator.serviceWorker.getRegistrations().then((registrations) => {
+          for (var r of registrations) r.unregister();
+        });
+      }
+    </script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/client/package.json b/client/package.json
@@ -95,7 +95,7 @@
     "typescript": "^5.5.4",
     "typescript-eslint": "^8.0.0",
     "vite": "^5.2.0",
-    "vite-plugin-pwa": "^1.0.3",
+
     "vite-plugin-static-copy": "^2.2.0",
     "vite-tsconfig-paths": "^5.1.4"
   },
diff --git a/client/vite.config.ts b/client/vite.config.ts
@@ -2,65 +2,14 @@ import path from "node:path";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import mkcert from "vite-plugin-mkcert";
-import { VitePWA } from "vite-plugin-pwa";
+
 import topLevelAwait from "vite-plugin-top-level-await";
 import wasm from "vite-plugin-wasm";
 import tsconfigPaths from "vite-tsconfig-paths";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    react(),
-    wasm(),
-    topLevelAwait(),
-    tsconfigPaths(),
-    mkcert(),
-    VitePWA({
-      registerType: "autoUpdate",
-      workbox: {
-        maximumFileSizeToCacheInBytes: 4000000, // 4 MB
-        navigateFallback: "/index.html",
-      },
-      includeAssets: ["apple-touch-icon.png"],
-      manifest: {
-        name: "Glitch Bomb",
-        short_name: "Glitch Bomb",
-        description: "Play Glitch Bomb and manage your on-chain profile.",
-        start_url: "/",
-        scope: "/",
-        id: "/",
-        icons: [
-          {
-            src: "/web-app-manifest-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-            purpose: "any",
-          },
-          {
-            src: "/web-app-manifest-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-            purpose: "any",
-          },
-          {
-            src: "/web-app-manifest-192x192-maskable.png",
-            sizes: "192x192",
-            type: "image/png",
-            purpose: "maskable",
-          },
-          {
-            src: "/web-app-manifest-512x512-maskable.png",
-            sizes: "512x512",
-            type: "image/png",
-            purpose: "maskable",
-          },
-        ],
-        theme_color: "#591FFF",
-        background_color: "#591FFF",
-        display: "standalone",
-      },
-    }),
-  ],
+  plugins: [react(), wasm(), topLevelAwait(), tsconfigPaths(), mkcert()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
