mode check added

Author: kunjee17

.gitignore

@@ -273,4 +273,5 @@ $RECYCLE.BIN/
 # Windows shortcuts
 *.lnk
 
+
 # End of https://www.toptal.com/developers/gitignore/api/windows,linux,macos,react,visualstudiocode,node

biome.jsonc

@@ -10,6 +10,6 @@
 		}
 	},
 	"files": {
-		"ignore": ["dist", "node_modules", "pnpm-lock.yaml"]
+		"ignore": ["dist", "node_modules", "pnpm-lock.yaml", "dev-dist"]
 	}
 }

dev-dist/registerSW.js

@@ -0,0 +1,5 @@
+if ("serviceWorker" in navigator)
+	navigator.serviceWorker.register("/react_pwa/dev-sw.js?dev-sw", {
+		scope: "/react_pwa/",
+		type: "classic",
+	});

dev-dist/sw.js

@@ -0,0 +1,99 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// If the loader is already loaded, just stop.
+if (!self.define) {
+	const registry = {};
+
+	// Used for `eval` and `importScripts` where we can't get script URL by other means.
+	// In both cases, it's safe to use a global var because those functions are synchronous.
+	let nextDefineUri;
+
+	const singleRequire = (uri, parentUri) => {
+		uri = new URL(uri + ".js", parentUri).href;
+		return (
+			registry[uri] ||
+			new Promise((resolve) => {
+				if ("document" in self) {
+					const script = document.createElement("script");
+					script.src = uri;
+					script.onload = resolve;
+					document.head.appendChild(script);
+				} else {
+					nextDefineUri = uri;
+					importScripts(uri);
+					resolve();
+				}
+			}).then(() => {
+				const promise = registry[uri];
+				if (!promise) {
+					throw new Error(`Module ${uri} didn’t register its module`);
+				}
+				return promise;
+			})
+		);
+	};
+
+	self.define = (depsNames, factory) => {
+		const uri =
+			nextDefineUri ||
+			("document" in self ? document.currentScript.src : "") ||
+			location.href;
+		if (registry[uri]) {
+			// Module is already loading or loaded.
+			return;
+		}
+		const exports = {};
+		const require = (depUri) => singleRequire(depUri, uri);
+		const specialDeps = {
+			module: { uri },
+			exports,
+			require,
+		};
+		registry[uri] = Promise.all(
+			depsNames.map((depName) => specialDeps[depName] || require(depName)),
+		).then((deps) => {
+			factory(...deps);
+			return exports;
+		});
+	};
+}
+define(["./workbox-c676b6d3"], (workbox) => {
+	self.skipWaiting();
+	workbox.clientsClaim();
+
+	/**
+	 * The precacheAndRoute() method efficiently caches and responds to
+	 * requests for URLs in the manifest.
+	 * See https://goo.gl/S9QRab
+	 */
+	workbox.precacheAndRoute(
+		[
+			{
+				url: "registerSW.js",
+				revision: "711bd134fba5e3500fbfc72b61696bf7",
+			},
+			{
+				url: "index.html",
+				revision: "0.gg92c0fmgi",
+			},
+		],
+		{},
+	);
+	workbox.cleanupOutdatedCaches();
+	workbox.registerRoute(
+		new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
+			allowlist: [/^\/$/],
+		}),
+	);
+});