fix: make sure install button is available (#1678)

updated manifest file
Aam-Digital · Jan 26, 2023 · 8fdf016 · 8fdf016
1 parent 7db1a6d
commit 8fdf016
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 11 deletions.
diff --git a/angular.json b/angular.json
@@ -23,7 +23,7 @@
             "assets": [
               "src/assets",
               "src/favicon.ico",
-              "src/manifest.json",
+              "src/manifest.webmanifest",
               {
                 "glob": "**/*",
                 "input": "node_modules/leaflet/dist/images/",
@@ -63,7 +63,8 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "serviceWorker": true
+              "serviceWorker": true,
+              "ngswConfigPath": "ngsw-config.json"
             },
             "development": {}
           },
@@ -104,7 +105,7 @@
             "assets": [
               "src/assets",
               "src/favicon.ico",
-              "src/manifest.json"
+              "src/manifest.webmanifest"
             ]
           }
         },

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -82,7 +82,7 @@ import { TodosModule } from "./features/todos/todos.module";
   declarations: [AppComponent],
   imports: [
     // Global Angular modules
-    ServiceWorkerModule.register("/ngsw-worker.js", {
+    ServiceWorkerModule.register("ngsw-worker.js", {
       enabled: environment.production,
     }),
     Angulartics2Module.forRoot({

diff --git a/src/index.html b/src/index.html
@@ -25,7 +25,7 @@
         content="width=device-width, initial-scale=1,  maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 
-  <link rel="manifest" href="manifest.json">
+  <link rel="manifest" href="manifest.webmanifest">
   <meta name="theme-color" content="#1976d2">
 
   <meta name="apple-mobile-web-app-capable" content="yes">

diff --git a/src/manifest.json → src/manifest.webmanifest b/src/manifest.json → src/manifest.webmanifest
@@ -4,8 +4,8 @@
   "theme_color": "#1976d2",
   "background_color": "#fafafa",
   "display": "standalone",
-  "scope": ".",
-  "start_url": ".",
+  "scope": "./",
+  "start_url": "./",
   "icons": [
     {
       "src": "assets/icons/icon-72x72.png",
@@ -33,21 +33,31 @@
       "type": "image/png"
     },
     {
-      "src": "manifest-icon-192.png",
+      "src": "assets/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/icons/manifest-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable any"
+      "purpose": "maskable"
     },
     {
       "src": "assets/icons/icon-384x384.png",
       "sizes": "384x384",
       "type": "image/png"
     },
     {
-      "src": "manifest-icon-512.png",
+      "src": "assets/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/icons/manifest-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable any"
+      "purpose": "maskable"
     }
   ]
 }