feat(app) : pwa

angular.json

@@ -46,7 +46,8 @@
                 "glob": "**/*",
                 "input": "./node_modules/@igo2/geo/assets/",
                 "output": "./assets/igo2/geo/"
-              }
+              },
+              "src/manifest.webmanifest"
             ],
             "styles": ["src/styles.scss"],
             "scripts": [],
@@ -124,7 +125,8 @@
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": true,
-              "buildOptimizer": false
+              "buildOptimizer": false,
+              "serviceWorker": false
             },
             "developpement": {
               "buildOptimizer": false,
@@ -154,7 +156,32 @@
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": true,
-              "buildOptimizer": false
+              "buildOptimizer": false,
+              "serviceWorker": false
+            },
+            "pwa": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "12kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.pwa.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": true,
+              "buildOptimizer": false,
+              "serviceWorker": true,
+              "ngswConfigPath": "ngsw-config.json"
             }
           }
         },
@@ -191,14 +218,18 @@
             "karmaConfig": "src/karma.conf.js",
             "styles": ["src/styles.scss"],
             "scripts": [],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              "src/manifest.webmanifest"
+            ],
             "stylePreprocessorOptions": {
               "includePaths": [
                 "src/style/partial",
                 "src/app/pages/portal",
                 "node_modules"
               ]
-            },
-            "assets": ["src/favicon.ico", "src/assets"]
+            }
           }
         },
         "lint": {

gulpfile.js

@@ -1,5 +1,7 @@
 /*jshint esversion: 6 */
-var gulp = require('gulp');
+const gulp = require('gulp');
+const bump = require('gulp-bump');
+const package = require('./package.json')
 
 gulp.task('copyLocaleFromLib', done => {
   gulp
@@ -13,5 +15,9 @@ gulp.task('watch:locale', function () {
   gulp.watch('./node_modules/@igo2/core/locale/*.json', gulp.series('copyLocaleFromLib'));
 });
 
-
-
+gulp.task('bumpPwaVersionDev', done => {
+  gulp.src(['./ngsw-config.json'])
+    .pipe(bump({ type: 'prerelease' }))
+    .pipe(gulp.dest('./'));
+  done();
+});

ngsw-config.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+  "index": "/index.html",
+  "appData": {
+    "changelog": "Initial version",
+    "version": "1.13.4"
+  },
+  "assetGroups": [
+    {
+      "name": "data",
+      "installMode": "prefetch",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/data/**"
+        ]
+      }
+    },
+    {
+      "name": "contexts",
+      "installMode": "prefetch",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/contexts/**"
+        ]
+      }
+    },
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/favicon.ico",
+          "/index.html",
+          "/manifest.webmanifest",
+          "/*.css",
+          "/*.js",
+          "/locale/**",
+          "/config/**"
+        ]
+      }
+    }, {
+      "name": "assets",
+      "installMode": "prefetch",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/assets/**",
+          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+        ]
+      }
+    }
+  ]
+}