updated pwa

manifest.json

@@ -8,71 +8,66 @@
     ],
     "start_url": ".?utm_source=pwa",
     "display": "standalone",
-    "theme_color": "#FFFFFF",
-    "background_color": "#FFFFFF",
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
     "orientation": "any",
+    "android_package_name": "com.akaunting.akaunting",
+    "prefer_related_applications": true,
+    "related_applications": [
+        {
+            "id": "com.akaunting.akaunting",
+            "platform": "play",
+            "url": "https://play.google.com/store/apps/details?id=com.akaunting.akaunting"
+        },
+        {
+            "platform": "itunes",
+            "url": "https://apps.apple.com/us/app/akaunting/id1573240410"
+        }
+    ],
     "splash": {
-        "640x1136":  "public/img/icons/splash-640x1136.png",
-        "750x1334":  "public/img/icons/splash-750x1334.png",
-        "828x1792":  "public/img/icons/splash-828x1792.png",
-        "1125x2436": "public/img/icons/splash-1125x2436.png",
-        "1242x2208": "public/img/icons/splash-1242x2208.png",
-        "1242x2688": "public/img/icons/splash-1242x2688.png",
-        "1536x2048": "public/img/icons/splash-1536x2048.png",
-        "1668x2224": "public/img/icons/splash-1668x2224.png",
-        "1668x2388": "public/img/icons/splash-1668x2388.png",
-        "2048x2732": "public/img/icons/splash-2048x2732.png"
+        "640x1136":  "public/img/pwa/splash-640x1136.png",
+        "750x1334":  "public/img/pwa/splash-750x1334.png",
+        "828x1792":  "public/img/pwa/splash-828x1792.png",
+        "1125x2436": "public/img/pwa/splash-1125x2436.png",
+        "1242x2208": "public/img/pwa/splash-1242x2208.png",
+        "1242x2688": "public/img/pwa/splash-1242x2688.png",
+        "1536x2048": "public/img/pwa/splash-1536x2048.png",
+        "1668x2224": "public/img/pwa/splash-1668x2224.png",
+        "1668x2388": "public/img/pwa/splash-1668x2388.png",
+        "2048x2732": "public/img/pwa/splash-2048x2732.png"
     },
     "icons": [
         {
-            "src": "public/img/icons/akaunting-72x72.png",
-            "type": "image/png",
-            "sizes": "72x72"
-        },
-        {
-            "src": "public/img/icons/akaunting-96x96.png",
-            "type": "image/png",
-            "sizes": "96x96"
-        },
-        {
-            "src": "public/img/icons/akaunting-128x128.png",
-            "type": "image/png",
-            "sizes": "128x128"
-        },
-        {
-            "src": "public/img/icons/akaunting-144x144.png",
-            "type": "image/png",
-            "sizes": "144x144"
-        },
-        {
-            "src": "public/img/icons/akaunting-152x152.png",
-            "type": "image/png",
-            "sizes": "152x152"
-        },
-        {
-            "src": "public/img/icons/akaunting-192x192.png",
+            "src": "public/img/pwa/icon-192x192.png",
             "type": "image/png",
             "sizes": "192x192"
         },
         {
-            "src": "public/img/icons/akaunting-384x384.png",
+            "purpose": "maskable",
+            "src": "public/img/pwa/icon-192x192-maskable.png",
             "type": "image/png",
-            "sizes": "384x384"
+            "sizes": "192x192"
         },
         {
-            "src": "public/img/icons/akaunting-512x512.png",
-            "type": "image/png",
-            "sizes": "512x512"
+            "src": "public/img/pwa/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "purpose": "maskable",
+            "src": "public/img/pwa/icon-512x512-maskable.png",
+            "sizes": "512x512",
+            "type": "image/png"
         }
     ],
     "screenshots": [
         {
-            "src": "public/img/screenshots/dashboard.png",
+            "src": "public/img/pwa/screenshot-dashboard.png",
             "sizes": "1932x1394",
             "type": "image/png"
         },
         {
-            "src": "public/img/screenshots/invoice.png",
+            "src": "public/img/pwa/screenshot-invoice.png",
             "sizes": "2748x1986",
             "type": "image/png"
         }
@@ -85,8 +80,8 @@
             "url": "sales/invoices/create?utm_source=pwa",
             "icons": [
                 {
-                    "src": "public/img/icons/akaunting-192x192.png",
-                    "sizes": "192x192"
+                    "src": "public/img/pwa/icon-192x192.png",
+					"sizes": "192x192"
                 }
             ]
         },
@@ -97,8 +92,8 @@
             "url": "banking/transactions/create?type=income&utm_source=pwa",
             "icons": [
                 {
-                    "src": "public/img/icons/akaunting-192x192.png",
-                    "sizes": "192x192"
+                    "src": "public/img/pwa/icon-192x192.png",
+					"sizes": "192x192"
                 }
             ]
         },
@@ -109,8 +104,8 @@
             "url": "purchases/bills/create?utm_source=pwa",
             "icons": [
                 {
-                    "src": "public/img/icons/akaunting-192x192.png",
-                    "sizes": "192x192"
+                    "src": "public/img/pwa/icon-192x192.png",
+					"sizes": "192x192"
                 }
             ]
         },
@@ -121,8 +116,8 @@
             "url": "banking/transactions/create?type=expense&utm_source=pwa",
             "icons": [
                 {
-                    "src": "public/img/icons/akaunting-192x192.png",
-                    "sizes": "192x192"
+                    "src": "public/img/pwa/icon-192x192.png",
+					"sizes": "192x192"
                 }
             ]
         }

resources/views/components/layouts/pwa/head.blade.php

@@ -2,37 +2,35 @@
 <link rel="manifest" href="{{ asset('manifest.json') }}">
 
 <!-- Chrome for Android theme color -->
-<meta name="theme-color" content="#FFFFFF">
+<meta name="theme-color" content="#ffffff">
 
 <!-- Add to homescreen for Chrome on Android -->
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="application-name" content="{{ config('app.name') }}">
-<link rel="icon" sizes="512x512" href="{{ asset('public/img/icons/akaunting-512x512.png') }}">
+<link rel="icon" sizes="512x512" href="{{ asset('public/img/pwa/akaunting-512x512.png') }}">
 
 <!-- Add to homescreen for Safari on iOS -->
 <meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-status-bar-style" content="#FFFFFF">
+<meta name="apple-mobile-web-app-status-bar-style" content="#ffffff">
 <meta name="apple-mobile-web-app-title" content="{{ config('app.name') }}">
-<link rel="apple-touch-icon" href="{{ asset('public/img/icons/akaunting-512x512.png') }}">
+<link rel="apple-touch-icon" href="{{ asset('public/img/pwa/akaunting-512x512.png') }}">
 
-<link href="{{ asset('public/img/icons/splash-640x1136.png') }}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-750x1334.png') }}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-828x1792.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-1242x2208.png') }}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-1242x2688.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-1536x2048.png') }}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-1668x2224.png') }}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-1668x2388.png') }}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
-<link href="{{ asset('public/img/icons/splash-2048x2732.png') }}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-640x1136.png') }}" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-750x1334.png') }}" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-828x1792.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-1242x2208.png') }}" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-1242x2688.png') }}" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-1536x2048.png') }}" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-1668x2224.png') }}" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-1668x2388.png') }}" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
+<link href="{{ asset('public/img/pwa/splash-2048x2732.png') }}" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
 
 <!-- Tile for Win8 -->
-<meta name="msapplication-TileColor" content="#FFFFFF">
-<meta name="msapplication-TileImage" content="{{ asset('public/img/icons/akaunting-512x512.png') }}">
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage" content="{{ asset('public/img/pwa/akaunting-512x512.png') }}">
 
 <script type="text/javascript">
-
     if ('serviceWorker' in navigator) {
         navigator.serviceWorker.register("{{ asset('serviceworker.js') }}");
     }
-
 </script>

serviceworker.js

@@ -1,13 +1,7 @@
 var staticCacheName = "pwa-v" + new Date().getTime();
 var filesToCache = [
-    'public/img/icons/akaunting-72x72.png',
-    'public/img/icons/akaunting-96x96.png',
-    'public/img/icons/akaunting-128x128.png',
-    'public/img/icons/akaunting-144x144.png',
-    'public/img/icons/akaunting-152x152.png',
-    'public/img/icons/akaunting-192x192.png',
-    'public/img/icons/akaunting-384x384.png',
-    'public/img/icons/akaunting-512x512.png'
+    'public/img/pwa/akaunting-192x192.png',
+    'public/img/pwa/akaunting-512x512.png'
 ];
 
 /*