fix/oauth_cache (#552)

src/serviceWorkerRegistration.ts

@@ -1,24 +1,9 @@
-import { registerRoute } from "workbox-routing";
-import { NetworkOnly } from "workbox-strategies";
-
-registerRoute(({ url }) => {
-    return url.pathname.includes("/oauth");
-}, new NetworkOnly());
-
 export function register(onUpdate: () => void) {
     if ("serviceWorker" in navigator) {
         window.addEventListener("load", async () => {
             try {
                 const registration = await navigator.serviceWorker.register("/service-worker.js");
 
-                setInterval(async () => {
-                    try {
-                        await registration.update();
-                    } catch (error) {
-                        console.error("Error updating service worker:", error);
-                    }
-                }, 1000 * 60);
-
                 registration.onupdatefound = () => {
                     const installingWorker = registration.installing;
                     if (installingWorker) {

webpack.config.js

@@ -5,6 +5,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const ContextReplacementPlugin = webpack.ContextReplacementPlugin;
 const TerserPlugin = require("terser-webpack-plugin");
 const { GenerateSW } = require("workbox-webpack-plugin");
+
 const supportedLocales = ["en"];
 
 const isDev = process.argv.includes("--mode=development");
@@ -21,16 +22,31 @@ module.exports = {
         clean: true,
     },
     plugins: [
-        //https://developer.chrome.com/docs/workbox/modules/workbox-webpack-plugin#type-GenerateSW
-        new GenerateSW({
-            // default maximum size is 3mb while our main chunk is 4mb
-            // that's why size is sincreased to 6mb
-            maximumFileSizeToCacheInBytes: 6291456,
-            cleanupOutdatedCaches: true,
-            clientsClaim: true,
-            sourcemap: false,
-            skipWaiting: true,
-        }),
+        !isDev &&
+            new GenerateSW({
+                //https://developer.chrome.com/docs/workbox/modules/workbox-webpack-plugin#type-GenerateSW
+                // default maximum size is 3mb while our main chunk is 4mb
+                // that's why size is sincreased to 6mb
+                maximumFileSizeToCacheInBytes: 6291456,
+                cleanupOutdatedCaches: true,
+                clientsClaim: true,
+                sourcemap: false,
+                skipWaiting: true,
+                exclude: [/index\.html$/, /.*oauth.*/, /\.map$/],
+                runtimeCaching: [
+                    {
+                        urlPattern: ({ request }) =>
+                            (request.mode === "navigate" ||
+                                request.headers.get("accept")?.includes("text/html")) &&
+                            !request.url.includes("oauth"),
+
+                        handler: "NetworkFirst",
+                        options: {
+                            cacheName: "html-pages",
+                        },
+                    },
+                ],
+            }),
         new ContextReplacementPlugin(
             /date-fns[\/\\]/,
             new RegExp(`[/\\\\\](${supportedLocales.join("|")})[/\\\\\]`)