chore: stale while revalidate

thepassle · Apr 4, 2024 · ec5b02a · ec5b02a
1 parent 199f359
commit ec5b02a
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/packages/core/README.md b/packages/core/README.md
@@ -361,8 +361,9 @@ const template = html`
 ```
 
 If you're using SWTL in a more SPA-like PWA app, you can also use the following strategies:
+
 ```js
-import { networkFirst, networkOnly, cacheFirst, cacheOnly } from 'swtl';
+import { networkFirst, networkOnly, cacheFirst, cacheOnly, staleWhileRevalidate } from 'swtl';
 
 import { Router } from 'swtl';
 

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "swtl",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "",
   "main": "index.js",
   "type": "module",

diff --git a/packages/core/strategies.js b/packages/core/strategies.js
@@ -28,4 +28,17 @@ export const cacheFirst = (request) => caches.match(request).then(r => r || fetc
 export const cacheOnly = (request) => caches.match(request);
 
 /** @param {Request} request */
-export const networkOnly = (request) => fetch(request);
+export const networkOnly = (request) => fetch(request);
+
+/** @param {Request} request */
+export const staleWhileRevalidate = (request) =>
+  caches.open("swtl-cache").then((cache) =>
+    cache.match(request).then(
+      (response) =>
+        response ||
+        fetch(request).then((networkResponse) => {
+          cache.put(request, networkResponse.clone());
+          return networkResponse;
+        })
+    )
+  );