updated manifest.json file and used register by register-pwa.js inste…

…ad of directly register from index.html
Moamal-2000 · Mar 28, 2024 · adde1f7 · adde1f7
1 parent 33653ec
commit adde1f7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -21,23 +21,6 @@
 <body>
   <div id="root"></div>
   <script type="module" src="src/main.jsx"></script>
-
-  <script>
-    async function register() {
-      if ("serviceWorker" in navigator) {
-        try {
-          const registration = await navigator.serviceWorker.register(
-            "./sw.js"
-          );
-
-          console.log("registered", registration);
-        } catch (e) {
-          console.log("failed to register", e);
-        }
-      }
-    }
-    register()
-  </script>
 </body>
 
 </html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -1,4 +1,5 @@
 {
+  "registerType": "prompt",
   "name": "E-Commerce",
   "short_name": "E-Commerce",
   "description": "Your ultimate destination for effortless online shopping. Discover curated collections, easily add items to your cart and wishlist, and enjoy detailed product descriptions with captivating previews. Experience convenience like never before with our intuitive interface. Shop smarter with us today.",
@@ -30,8 +31,10 @@
       "type": "image/png"
     }
   ],
-  "theme_color": "#181818",
-  "background_color": "#181818",
+  "start_url": ".",
+  "scope": "/",
   "display": "standalone",
-  "start_url": "."
+  "orientation": "portrait",
+  "theme_color": "#181818",
+  "background_color": "#181818"
 }
diff --git a/src/main.jsx b/src/main.jsx
@@ -2,10 +2,10 @@ import React, { StrictMode } from "react";
 import ReactDOM from "react-dom/client";
 import { HelmetProvider } from "react-helmet-async";
 import { Provider } from "react-redux";
+import * as servicerWorker from "../public/register-pwa.js";
 import App from "./App.jsx";
 import { store } from "./App/store.jsx";
 import "./Styles/main.scss";
-// import * as servicerWorker from "../public/register-pwa.js";
 
 ReactDOM.createRoot(document.getElementById("root")).render(
   <StrictMode>
@@ -17,4 +17,4 @@ ReactDOM.createRoot(document.getElementById("root")).render(
   </StrictMode>
 );
 
-// servicerWorker.register();
+servicerWorker.register();