cacheableresponse plugin fixes img sw cache

packages/app/package.json

@@ -44,6 +44,7 @@
     "use-long-press": "^3.2.0",
     "use-sync-external-store": "^1.2.0",
     "uuid": "^9.0.0",
+    "workbox-cacheable-response": "^7.0.0",
     "workbox-core": "^6.4.2",
     "workbox-expiration": "^7.0.0",
     "workbox-precaching": "^7.0.0",

packages/app/src/service-worker.ts

@@ -1,4 +1,6 @@
 /// <reference lib="webworker" />
+import { CacheableResponsePlugin } from "workbox-cacheable-response";
+
 declare const self: ServiceWorkerGlobalScope & {
   __WB_MANIFEST: (string | PrecacheEntry)[];
 };
@@ -53,6 +55,9 @@ registerRoute(
           ignoreVary: true,
         },
       }),
+      new CacheableResponsePlugin({
+        statuses: [0, 200],
+      }),
     ],
   }),
 );
@@ -61,7 +66,7 @@ registerRoute(
   ({ url }) => url.origin === "https://api.snort.social" && url.pathname.startsWith("/api/v1/preview"),
   new StaleWhileRevalidate({
     cacheName: "preview-cache",
-    plugins: [new ExpirationPlugin({ maxAgeSeconds: 4 * 60 * 60 })],
+    plugins: [new ExpirationPlugin({ maxAgeSeconds: 24 * 60 * 60 })],
   }),
 );