feat: add pwa support

4gray · Jan 3, 2022 · 5a5085d · 5a5085d
1 parent db0df76
commit 5a5085d
Show file tree

Hide file tree

Showing 14 changed files with 275 additions and 263 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -36,8 +36,8 @@ jobs:
             - name: Checkout
               uses: actions/checkout@v2
 
-            - name: Build and Deploy
-              uses: JamesIves/github-pages-deploy-action@master
+            - name: Build and Deploy 🚀
+              uses: JamesIves/github-pages-deploy-action@4.1.7
               env:
                   ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
                   BRANCH: gh-pages

diff --git a/angular.json b/angular.json
@@ -6,7 +6,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "angular-electron": {
+    "iptvnator": {
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
@@ -26,7 +26,8 @@
             "polyfills": "src/polyfills.ts",
             "assets": [
               "src/favicon.ico",
-              "src/assets"
+              "src/assets",
+              "src/manifest.webmanifest"
             ],
             "styles": [
               "src/styles.scss"
@@ -35,7 +36,9 @@
             "customWebpackConfig": {
               "path": "./angular.webpack.js",
               "replaceDuplicatePlugins": true
-            }
+            },
+            "serviceWorker": true,
+            "ngswConfigPath": "ngsw-config.json"
           },
           "configurations": {
             "dev": {
@@ -91,24 +94,24 @@
         "serve": {
           "builder": "@angular-builders/custom-webpack:dev-server",
           "options": {
-            "browserTarget": "angular-electron:build"
+            "browserTarget": "iptvnator:build"
           },
           "configurations": {
             "dev": {
-              "browserTarget": "angular-electron:build:dev"
+              "browserTarget": "iptvnator:build:dev"
             },
             "web": {
-              "browserTarget": "angular-electron:build:web"
+              "browserTarget": "iptvnator:build:web"
             },
             "production": {
-              "browserTarget": "angular-electron:build:production"
+              "browserTarget": "iptvnator:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "angular-electron:build"
+            "browserTarget": "iptvnator:build"
           }
         },
         "test": {
@@ -142,7 +145,7 @@
         }
       }
     },
-    "angular-electron-e2e": {
+    "iptvnator-e2e": {
       "root": "e2e",
       "projectType": "application",
       "architect": {
@@ -157,7 +160,7 @@
       }
     }
   },
-  "defaultProject": "angular-electron",
+  "defaultProject": "iptvnator",
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",

diff --git a/e2e/main.e2e.ts b/e2e/main.e2e.ts
@@ -3,7 +3,7 @@ import { SpectronClient } from 'spectron';
 
 import commonSetup from './common-setup';
 
-describe('angular-electron App', function () {
+describe('iptvnator App', function () {
     commonSetup.apply(this);
 
     let client: SpectronClient;

diff --git a/ngsw-config.json b/ngsw-config.json
@@ -0,0 +1,30 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js"
+        ]
+      }
+    },
+    {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(svg|cur|jpg|jpeg|png|apng|webp|avif|gif|otf|ttf|woff|woff2)"
+        ]
+      }
+    }
+  ]
+}