Migrate to Ionic 4

sw-cache/.editorconfig

@@ -1,17 +1,13 @@
-# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
 trim_trailing_whitespace = false

sw-cache/.gitignore

@@ -19,16 +19,14 @@ npm-debug.log*
 .tmp/
 .versions/
 coverage/
-dist/
+www/
 node_modules/
 tmp/
 temp/
-hooks/
 platforms/
 plugins/
 plugins/android.json
 plugins/ios.json
-www/
 $RECYCLE.BIN/
 
 .DS_Store

sw-cache/README.md

@@ -1 +1 @@
-Source code for the blog post: https://golb.hplar.ch/p/A-closer-look-at-the-Cache-API
+Source code for the blog post: https://golb.hplar.ch/2018/01/A-closer-look-at-the-Cache-API.html

sw-cache/angular.json

@@ -0,0 +1,104 @@
+{
+  "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
+  "version": 1,
+  "defaultProject": "app",
+  "newProjectRoot": "projects",
+  "projects": {
+    "app": {
+      "root": "",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {},
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "www",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
+            "assets": [
+              "src/manifest.json",
+              "src/service-worker.js",
+              {
+                "glob": "**/*",
+                "input": "src/assets",
+                "output": "assets"
+              }
+            ],
+            "styles": [
+              {
+                "input": "src/theme/variables.scss"
+              },
+              {
+                "input": "src/global.scss"
+              }
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "app:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "app:build:production"
+            }
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "src/tsconfig.app.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "defaultCollection": "@ionic/angular-toolkit"
+  },
+  "schematics": {
+    "@ionic/angular-toolkit:component": {
+      "styleext": "scss"
+    },
+    "@ionic/angular-toolkit:page": {
+      "styleext": "scss"
+    }
+  }
+}

sw-cache/ionic.config.json

@@ -1,7 +1,5 @@
 {
-  "name": "sw-cache",
-  "app_id": "",
-  "type": "ionic-angular",
+  "name": "soandsoblank",
   "integrations": {},
-  "hooks": {}
+  "type": "angular"
 }

sw-cache/package.json

@@ -1,30 +1,43 @@
 {
-  "name": "sw-cache",
+  "name": "soandsoblank",
   "version": "0.0.1",
-  "private": true,
   "scripts": {
-    "start": "ionic-app-scripts serve",
-    "clean": "ionic-app-scripts clean",
-    "build": "ionic-app-scripts build",
-    "lint": "ionic-app-scripts lint"
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "build-prod": "ng build --prod",
+    "serve-www": "http-server www -o -a localhost -p 1234",
+    "lint": "ng lint"
   },
+  "private": true,
   "dependencies": {
-    "@angular/common": "6.1.10",
-    "@angular/compiler": "6.1.10",
-    "@angular/compiler-cli": "6.1.10",
-    "@angular/core": "6.1.10",
-    "@angular/forms": "6.1.10",
-    "@angular/platform-browser": "6.1.10",
-    "@angular/platform-browser-dynamic": "6.1.10",
-    "@ionic/storage": "2.2.0",
-    "ionic-angular": "3.9.2",
-    "ionicons": "4.4.8",
+    "@angular/common": "7.1.1",
+    "@angular/core": "7.1.1",
+    "@angular/forms": "7.1.1",
+    "@angular/http": "7.1.1",
+    "@angular/platform-browser": "7.1.1",
+    "@angular/platform-browser-dynamic": "7.1.1",
+    "@angular/router": "7.1.1",
+    "@ionic/angular": "4.0.0-beta.17",
+    "core-js": "2.6.0",
     "rxjs": "6.3.3",
-    "rxjs-compat": "6.3.3",
     "zone.js": "0.8.26"
   },
   "devDependencies": {
-    "@ionic/app-scripts": "3.2.1",
-    "typescript": "2.7.2"
+    "@angular-devkit/architect": "0.11.1",
+    "@angular-devkit/build-angular": "0.11.1",
+    "@angular-devkit/core": "7.1.1",
+    "@angular-devkit/schematics": "7.1.1",
+    "@angular/cli": "7.1.1",
+    "@angular/compiler": "7.1.1",
+    "@angular/compiler-cli": "7.1.1",
+    "@angular/language-service": "7.1.1",
+    "@ionic/angular-toolkit": "1.2.0",
+    "@types/node": "10.12.12",
+    "codelyzer": "4.5.0",
+    "http-server": "0.11.1",
+    "ts-node": "7.0.1",
+    "tslint": "5.11.0",
+    "typescript": "3.1.6"
   }
 }

sw-cache/src/app/app.component.html

@@ -0,0 +1,3 @@
+<ion-app>
+  <ion-router-outlet></ion-router-outlet>
+</ion-app>

sw-cache/src/app/app.component.ts

@@ -1,10 +1,8 @@
 import {Component} from '@angular/core';
-import {HomePage} from '../pages/home/home';
 
 @Component({
-  templateUrl: 'app.html'
+  selector: 'app-root',
+  templateUrl: 'app.component.html'
 })
-export class MyApp {
-  rootPage: any = HomePage;
+export class AppComponent {
 }
-