feat: add pwa support

src/app/app.module.ts

@@ -20,6 +20,7 @@ import { DataService } from './services/data.service';
 import { NgxIndexedDBModule, NgxIndexedDBService } from 'ngx-indexed-db';
 import { AppConfig } from '../environments/environment';
 import { dbConfig } from './indexed-db.config';
+import { ServiceWorkerModule } from '@angular/service-worker';
 
 // AoT requires an exported function for factories
 export function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {
@@ -65,6 +66,12 @@ export function DataFactory(dbService: NgxIndexedDBService, http: HttpClient) {
                 deps: [HttpClient],
             },
         }),
+        ServiceWorkerModule.register('ngsw-worker.js', {
+            enabled: AppConfig.production,
+            // Register the ServiceWorker as soon as the app is stable
+            // or after 30 seconds (whichever comes first).
+            registrationStrategy: 'registerWhenStable:30000',
+        }),
     ],
     providers: [
         {

src/index.html

@@ -6,6 +6,8 @@
         <base href="/" />
 
         <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="manifest" href="manifest.webmanifest">
+        <link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png"/>
         <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico" />
         <script>
             if (global === undefined) {

src/manifest.webmanifest

@@ -0,0 +1,34 @@
+{
+  "name": "iptvnator",
+  "description": "IPTVnator is a tool to watch and manage your IPTV playlists.",
+  "short_name": "iptvnator",
+  "theme_color": "#000",
+  "background_color": "#fafafa",
+  "display": "standalone",
+  "scope": "./",
+  "start_url": "./",
+  "icons": [
+    {
+      "src": "assets/icons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+        "src": "assets/icons/android-chrome-512x512.png",
+        "sizes": "512x512",
+        "type": "image/png"
+    },
+    {
+      "src": "assets/icons/android-chrome-maskable-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "assets/icons/android-chrome-maskable-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}