Fix offline functionality after dependency upgrades (#147)

aeharding · May 5, 2024 · d135d00 · d135d00
1 parent ca3a3e8
commit d135d00
Show file tree

Hide file tree

Showing 4 changed files with 104 additions and 260 deletions.
diff --git a/package.json b/package.json
@@ -54,18 +54,7 @@
     "react-transition-group": "^4.4.2",
     "suncalc": "^1.9.0",
     "typescript": "^5.0.2",
-    "velitherm": "^1.2.0",
-    "workbox-background-sync": "^7.1.0",
-    "workbox-broadcast-update": "^7.1.0",
-    "workbox-cacheable-response": "^7.1.0",
-    "workbox-core": "^7.1.0",
-    "workbox-expiration": "^7.1.0",
-    "workbox-navigation-preload": "^7.1.0",
-    "workbox-precaching": "^7.1.0",
-    "workbox-range-requests": "^7.1.0",
-    "workbox-routing": "^7.1.0",
-    "workbox-strategies": "^7.1.0",
-    "workbox-streams": "^7.1.0"
+    "velitherm": "^1.2.0"
   },
   "scripts": {
     "start": "vite",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/service-worker.ts b/src/service-worker.ts
diff --git a/vite.config.ts b/vite.config.ts
@@ -21,10 +21,111 @@ export default defineConfig(() => {
       }),
       svgr(),
       VitePWA({
-        strategies: "injectManifest",
         srcDir: "src",
-        filename: "service-worker.ts",
         registerType: "autoUpdate",
+        workbox: {
+          runtimeCaching: [
+            {
+              handler: "CacheFirst",
+              urlPattern: /\/api\/position.*/,
+              options: {
+                cacheName: "apiPositionCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 24 * 7, // 7 Days
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/rap.*/,
+              options: {
+                cacheName: "apiRapCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/weather.*/,
+              options: {
+                cacheName: "apiWeatherCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/weather.*/,
+              options: {
+                cacheName: "apiWeatherCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/tfr.*/,
+              options: {
+                cacheName: "apiTfrCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/pqs.*/,
+              options: {
+                cacheName: "apiElevationCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 24 * 7, // 7 Days
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/googleelevation.*/,
+              options: {
+                cacheName: "apiGoogleElevationCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 24 * 7, // 7 Days
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/aviationweather.*/,
+              options: {
+                cacheName: "apiAviationWeatherCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+            {
+              handler: "NetworkFirst",
+              urlPattern: /\/api\/aviationalerts.*/,
+              options: {
+                cacheName: "apiAviationAlertsCache",
+                expiration: {
+                  maxEntries: 100,
+                  maxAgeSeconds: 60 * 60 * 4, // 4 Hours
+                },
+              },
+            },
+          ],
+        },
         manifest: {
           name: "PPG.report",
           short_name: "PPG.report",