working pwa serviceworker and manifest

adelpro · Feb 7, 2022 · 316fa08 · 316fa08
1 parent 309467c
commit 316fa08
Show file tree

Hide file tree

Showing 137 changed files with 293 additions and 18 deletions.
diff --git a/.firebase/hosting.YnVpbGQ.cache b/.firebase/hosting.YnVpbGQ.cache
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "openadhan"
+  }
+}
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/images/android/android-launchericon-144-144.png b/images/android/android-launchericon-144-144.png
diff --git a/images/android/android-launchericon-192-192.png b/images/android/android-launchericon-192-192.png
diff --git a/images/android/android-launchericon-48-48.png b/images/android/android-launchericon-48-48.png
diff --git a/images/android/android-launchericon-512-512.png b/images/android/android-launchericon-512-512.png
diff --git a/images/android/android-launchericon-72-72.png b/images/android/android-launchericon-72-72.png
diff --git a/images/android/android-launchericon-96-96.png b/images/android/android-launchericon-96-96.png
diff --git a/images/ios/100.png b/images/ios/100.png
diff --git a/images/ios/1024.png b/images/ios/1024.png
diff --git a/images/ios/114.png b/images/ios/114.png
diff --git a/images/ios/120.png b/images/ios/120.png
diff --git a/images/ios/128.png b/images/ios/128.png
diff --git a/images/ios/144.png b/images/ios/144.png
diff --git a/images/ios/152.png b/images/ios/152.png
diff --git a/images/ios/16.png b/images/ios/16.png
diff --git a/images/ios/167.png b/images/ios/167.png
diff --git a/images/ios/180.png b/images/ios/180.png
diff --git a/images/ios/192.png b/images/ios/192.png
diff --git a/images/ios/20.png b/images/ios/20.png
diff --git a/images/ios/256.png b/images/ios/256.png
diff --git a/images/ios/29.png b/images/ios/29.png
diff --git a/images/ios/32.png b/images/ios/32.png
diff --git a/images/ios/40.png b/images/ios/40.png
diff --git a/images/ios/50.png b/images/ios/50.png
diff --git a/images/ios/512.png b/images/ios/512.png
diff --git a/images/ios/57.png b/images/ios/57.png
diff --git a/images/ios/58.png b/images/ios/58.png
diff --git a/images/ios/60.png b/images/ios/60.png
diff --git a/images/ios/64.png b/images/ios/64.png
diff --git a/images/ios/72.png b/images/ios/72.png
diff --git a/images/ios/76.png b/images/ios/76.png
diff --git a/images/ios/80.png b/images/ios/80.png
diff --git a/images/ios/87.png b/images/ios/87.png
diff --git a/images/windows11/LargeTile.scale-100.png b/images/windows11/LargeTile.scale-100.png
diff --git a/images/windows11/LargeTile.scale-125.png b/images/windows11/LargeTile.scale-125.png
diff --git a/images/windows11/LargeTile.scale-150.png b/images/windows11/LargeTile.scale-150.png
diff --git a/images/windows11/LargeTile.scale-200.png b/images/windows11/LargeTile.scale-200.png
diff --git a/images/windows11/LargeTile.scale-400.png b/images/windows11/LargeTile.scale-400.png
diff --git a/images/windows11/SmallTile.scale-100.png b/images/windows11/SmallTile.scale-100.png
diff --git a/images/windows11/SmallTile.scale-125.png b/images/windows11/SmallTile.scale-125.png
diff --git a/images/windows11/SmallTile.scale-150.png b/images/windows11/SmallTile.scale-150.png
diff --git a/images/windows11/SmallTile.scale-200.png b/images/windows11/SmallTile.scale-200.png
diff --git a/images/windows11/SmallTile.scale-400.png b/images/windows11/SmallTile.scale-400.png
diff --git a/images/windows11/SplashScreen.scale-100.png b/images/windows11/SplashScreen.scale-100.png
diff --git a/images/windows11/SplashScreen.scale-125.png b/images/windows11/SplashScreen.scale-125.png
diff --git a/images/windows11/SplashScreen.scale-150.png b/images/windows11/SplashScreen.scale-150.png
diff --git a/images/windows11/SplashScreen.scale-200.png b/images/windows11/SplashScreen.scale-200.png
diff --git a/images/windows11/SplashScreen.scale-400.png b/images/windows11/SplashScreen.scale-400.png
diff --git a/images/windows11/Square150x150Logo.scale-100.png b/images/windows11/Square150x150Logo.scale-100.png
diff --git a/images/windows11/Square150x150Logo.scale-125.png b/images/windows11/Square150x150Logo.scale-125.png
diff --git a/images/windows11/Square150x150Logo.scale-150.png b/images/windows11/Square150x150Logo.scale-150.png
diff --git a/images/windows11/Square150x150Logo.scale-200.png b/images/windows11/Square150x150Logo.scale-200.png
diff --git a/images/windows11/Square150x150Logo.scale-400.png b/images/windows11/Square150x150Logo.scale-400.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png
diff --git a/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png b/images/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-16.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-16.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-20.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-20.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-24.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-24.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-256.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-256.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-30.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-30.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-32.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-32.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-36.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-36.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-40.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-40.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-44.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-44.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-48.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-48.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-60.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-60.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-64.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-64.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-72.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-72.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-80.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-80.png
diff --git a/images/windows11/Square44x44Logo.altform-unplated_targetsize-96.png b/images/windows11/Square44x44Logo.altform-unplated_targetsize-96.png
diff --git a/images/windows11/Square44x44Logo.scale-100.png b/images/windows11/Square44x44Logo.scale-100.png
diff --git a/images/windows11/Square44x44Logo.scale-125.png b/images/windows11/Square44x44Logo.scale-125.png
diff --git a/images/windows11/Square44x44Logo.scale-150.png b/images/windows11/Square44x44Logo.scale-150.png
diff --git a/images/windows11/Square44x44Logo.scale-200.png b/images/windows11/Square44x44Logo.scale-200.png
diff --git a/images/windows11/Square44x44Logo.scale-400.png b/images/windows11/Square44x44Logo.scale-400.png
diff --git a/images/windows11/Square44x44Logo.targetsize-16.png b/images/windows11/Square44x44Logo.targetsize-16.png
diff --git a/images/windows11/Square44x44Logo.targetsize-20.png b/images/windows11/Square44x44Logo.targetsize-20.png
diff --git a/images/windows11/Square44x44Logo.targetsize-24.png b/images/windows11/Square44x44Logo.targetsize-24.png
diff --git a/images/windows11/Square44x44Logo.targetsize-256.png b/images/windows11/Square44x44Logo.targetsize-256.png
diff --git a/images/windows11/Square44x44Logo.targetsize-30.png b/images/windows11/Square44x44Logo.targetsize-30.png
diff --git a/images/windows11/Square44x44Logo.targetsize-32.png b/images/windows11/Square44x44Logo.targetsize-32.png
diff --git a/images/windows11/Square44x44Logo.targetsize-36.png b/images/windows11/Square44x44Logo.targetsize-36.png
diff --git a/images/windows11/Square44x44Logo.targetsize-40.png b/images/windows11/Square44x44Logo.targetsize-40.png
diff --git a/images/windows11/Square44x44Logo.targetsize-44.png b/images/windows11/Square44x44Logo.targetsize-44.png
diff --git a/images/windows11/Square44x44Logo.targetsize-48.png b/images/windows11/Square44x44Logo.targetsize-48.png
diff --git a/images/windows11/Square44x44Logo.targetsize-60.png b/images/windows11/Square44x44Logo.targetsize-60.png
diff --git a/images/windows11/Square44x44Logo.targetsize-64.png b/images/windows11/Square44x44Logo.targetsize-64.png
diff --git a/images/windows11/Square44x44Logo.targetsize-72.png b/images/windows11/Square44x44Logo.targetsize-72.png
diff --git a/images/windows11/Square44x44Logo.targetsize-80.png b/images/windows11/Square44x44Logo.targetsize-80.png
diff --git a/images/windows11/Square44x44Logo.targetsize-96.png b/images/windows11/Square44x44Logo.targetsize-96.png
diff --git a/images/windows11/StoreLogo.scale-100.png b/images/windows11/StoreLogo.scale-100.png
diff --git a/images/windows11/StoreLogo.scale-125.png b/images/windows11/StoreLogo.scale-125.png
diff --git a/images/windows11/StoreLogo.scale-150.png b/images/windows11/StoreLogo.scale-150.png
diff --git a/images/windows11/StoreLogo.scale-200.png b/images/windows11/StoreLogo.scale-200.png
diff --git a/images/windows11/StoreLogo.scale-400.png b/images/windows11/StoreLogo.scale-400.png
diff --git a/images/windows11/Wide310x150Logo.scale-100.png b/images/windows11/Wide310x150Logo.scale-100.png
diff --git a/images/windows11/Wide310x150Logo.scale-125.png b/images/windows11/Wide310x150Logo.scale-125.png
diff --git a/images/windows11/Wide310x150Logo.scale-150.png b/images/windows11/Wide310x150Logo.scale-150.png
diff --git a/images/windows11/Wide310x150Logo.scale-200.png b/images/windows11/Wide310x150Logo.scale-200.png
diff --git a/images/windows11/Wide310x150Logo.scale-400.png b/images/windows11/Wide310x150Logo.scale-400.png
diff --git a/public/images/1024.png b/public/images/1024.png
diff --git a/public/images/1024x768.png b/public/images/1024x768.png
diff --git a/public/images/120x120.png b/public/images/120x120.png
diff --git a/public/images/1242x2208.png b/public/images/1242x2208.png
diff --git a/public/images/1334x750.png b/public/images/1334x750.png
diff --git a/public/images/152x152.png b/public/images/152x152.png
diff --git a/public/images/1536x2048.png b/public/images/1536x2048.png
diff --git a/public/images/16x16.png b/public/images/16x16.png
diff --git a/public/images/180x180.png b/public/images/180x180.png
diff --git a/public/images/192x192.png b/public/images/192x192.png
diff --git a/public/images/2048x1536.png b/public/images/2048x1536.png
diff --git a/public/images/2208x1242.png b/public/images/2208x1242.png
diff --git a/public/images/32x32.png b/public/images/32x32.png
diff --git a/public/images/512x512.png b/public/images/512x512.png
diff --git a/public/images/640x1136.png b/public/images/640x1136.png
diff --git a/public/images/640x960.png b/public/images/640x960.png
diff --git a/public/images/750x1334.png b/public/images/750x1334.png
diff --git a/public/images/76x76.png b/public/images/76x76.png
diff --git a/public/images/openadhan.ico b/public/images/openadhan.ico
diff --git a/public/index.html b/public/index.html
@@ -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>
 

diff --git a/public/manifest.json b/public/manifest.json
@@ -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"
     }
   ],

diff --git a/src/index.js b/src/index.js
@@ -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))