inject manifest

moira-alert · Oct 16, 2024 · def5e59 · def5e59
1 parent 242bdb2
commit def5e59
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 22 deletions.
diff --git a/service-worker.js b/service-worker.js
@@ -0,0 +1,18 @@
+import { precacheAndRoute } from "workbox-precaching/precacheAndRoute";
+
+precacheAndRoute(self.__WB_MANIFEST);
+
+// interface CustomFetchEvent extends Event {
+//     request: Request;
+//     respondWith(response: Promise<Response> | Response): void;
+// }
+
+self.addEventListener("fetch", (event) => {
+    console.log("Fetch event triggered");
+
+    const fetchEvent = event;
+    const url = fetchEvent.request.url;
+    if (url.includes("oauth")) {
+        fetchEvent.respondWith(fetch(fetchEvent.request));
+    }
+});
diff --git a/src/sw.js b/src/sw.js
diff --git a/webpack.config.js b/webpack.config.js
@@ -4,7 +4,7 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const ContextReplacementPlugin = webpack.ContextReplacementPlugin;
 const TerserPlugin = require("terser-webpack-plugin");
-const { GenerateSW } = require("workbox-webpack-plugin");
+const { InjectManifest } = require("workbox-webpack-plugin");
 const supportedLocales = ["en"];
 
 const isDev = process.argv.includes("--mode=development");
@@ -21,18 +21,20 @@ module.exports = {
         clean: true,
     },
     plugins: [
-        !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,
-                importScripts: ["/sw.js"],
-            }),
+        // !isDev &&
+        new InjectManifest({
+            //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,
+            swSrc: "/service-worker.js",
+            swDest: "service-worker.js",
+        }),
         new ContextReplacementPlugin(
             /date-fns[\/\\]/,
             new RegExp(`[/\\\\\](${supportedLocales.join("|")})[/\\\\\]`)