working pwa serviceworker and manifest

Author: adelpro

.firebase/hosting.YnVpbGQ.cache

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "openadhan"
+  }
+}

.firebaserc

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

firebase.json

@@ -8,20 +8,88 @@
     />
     <meta name="theme-color" content="#000000" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/images/16x16.png" />
+    <!-- Only for iOS: Configs -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta name="apple-mobile-web-app-title" content="OpenAdhan" />
+    <!-- Icons -->
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/images/76x76.png"
+      sizes="76x76"
+    />
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/images/120x120.png"
+      sizes="120x120"
+    />
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/images/152x152.png"
+      sizes="152x152"
+    />
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/images/180x180.png"
+      sizes="180x180"
+    />
+    <link
+      rel="apple-touch-icon"
+      href="%PUBLIC_URL%/images/1024x1024.png"
+      sizes="1024x1024"
+    />
+    <!-- Splash Screen -->
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/640x960.png"
+      sizes="640x960"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="/%PUBLIC_URL%/images/640x1136.png"
+      sizes="640x1136"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/750x1334.png"
+      sizes="750x1334"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/768x1024.png"
+      sizes="768x1024"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/1024x768.png"
+      sizes="1024x768"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/1242x2208.png"
+      sizes="1242x2208"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/1334x750.png"
+      sizes="1334x750"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/1536x2048.png"
+      sizes="1536x2048"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="%PUBLIC_URL%/images/2048x1536.png"
+      sizes="2048x1536"
+    />
+    <link
+      rel="apple-touch-startup-image"
+      href="/%PUBLIC_URL%/images/2208x1242.png"
+      sizes="2208x1242"
+    />
     <title>OpenAdhan</title>
   </head>
 

images/android/android-launchericon-144-144.png

@@ -1,15 +1,55 @@
 {
   "short_name": "OpenAdhan",
   "name": "OpenAdhan",
+  "categories": ["social", "education", "books"],
+  "lang": "ar",
+  "url": "/",
+  "scope": "/",
+  "id": "nhadonnpnhmghdaakodelnkkljdempbk",
+  "shortcuts": [
+    {
+      "name": "حول الموقع",
+      "short_name": "حول الموقع",
+      "description": "حول الموقع",
+      "url": "./about",
+      "icons": [
+        {
+          "src": "images/192x192.png",
+          "sizes": "192x192",
+          "type": "image/png",
+          "purpose": "any maskable"
+        }
+      ]
+    },
+    {
+      "name": "الإعدادات",
+      "short_name": "الإعدادات",
+      "description": "الإعدادات",
+      "url": "./config",
+      "icons": [
+        {
+          "src": "images/192x192.png",
+          "sizes": "192x192",
+          "type": "image/png",
+          "purpose": "any maskable"
+        }
+      ]
+    }
+  ],
   "icons": [
     {
-      "src": "/assets/openadhan.ico",
+      "src": "/images/openadhan.ico",
       "sizes": "32x32",
       "type": "image/ico"
     },
     {
-      "src": "/assets/openadhan.png",
-      "sizes": "500x500",
+      "src": "/images/192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/images/512x512.png",
+      "sizes": "512x512",
       "type": "image/png"
     }
   ],

images/android/android-launchericon-192-192.png

@@ -24,7 +24,7 @@ ReactDOM.render(
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://cra.link/PWA
-serviceWorkerRegistration.unregister();
+serviceWorkerRegistration.register();
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))