feat(cli/web): pwa push notifications

Author: CFT-Chris

cli/package-lock.json

@@ -14,7 +14,7 @@
   "main": "./dist/index.js",
   "scripts": {
     "build": "npm run clean && npm run assets && tsc",
-    "clean": "rm -rf ./dist",
+    "clean": "rimraf ./dist",
     "deploy": "np",
     "lint": "tslint --project tsconfig.json",
     "assets": "node scripts/copy-assets.js",
@@ -60,15 +60,18 @@
     "@types/fs-extra": "^4.0.5",
     "@types/inquirer": "0.0.35",
     "@types/jest": "^23.3.9",
+    "@types/lodash": "^4.14.137",
     "@types/mock-fs": "^3.6.30",
     "@types/open": "^6.1.0",
     "@types/ora": "^1.3.1",
     "@types/semver": "^5.4.0",
     "@types/which": "^1.0.28",
     "@types/xml2js": "^0.4.2",
     "jest": "^23.6.0",
+    "lodash": "^4.17.15",
     "mock-fs": "^4.4.2",
     "np": "^2.18.2",
+    "rimraf": "^3.0.0",
     "tmp": "0.0.33",
     "ts-jest": "^23.10.4",
     "tslint": "^5.8.0",

cli/package.json

@@ -3,6 +3,7 @@ import { basename, join, resolve } from 'path';
 import { logFatal, readJSON } from './common';
 import { CliConfig, ExternalConfig, OS, PackageJson } from './definitions';
 import { execSync } from 'child_process';
+import * as _ from 'lodash';
 
 let Package: PackageJson;
 let ExtConfig: ExternalConfig;
@@ -86,6 +87,20 @@ export class Config implements CliConfig {
     extConfigFilePath: '',
     extConfig: ExtConfig,
     bundledWebRuntime: false,
+    serviceWorker: {
+      name: 'capacitor-sw.js',
+      firebaseConfig: {
+        apiKey: '',
+        authDomain: '',
+        databaseURL: '',
+        projectId: '',
+        storageBucket: '',
+        messagingSenderId: '',
+        appId: '',
+        vapidKey: ''
+      },
+      combineOtherWorker: ''
+    },
     plugins: {},
     assets: {
       templateName: 'app-template',
@@ -227,7 +242,7 @@ export class Config implements CliConfig {
   private mergeConfigData() {
     const extConfig: ExternalConfig = this.app.extConfig || {};
 
-    Object.assign(this.app, extConfig);
+    _.merge(this.app, extConfig);
 
     // Build the absolute path to the web directory
     this.app.webDirAbs = resolve(this.app.rootDir, this.app.webDir);

cli/src/config.ts

@@ -83,6 +83,7 @@ export interface CliConfigApp {
    * module imports, set this to "true" and import "capacitor.js" manually.
    */
   bundledWebRuntime: boolean;
+  serviceWorker: CliConfigServiceWorker;
   assets: CliConfigPlatformAssets;
 }
 
@@ -100,3 +101,20 @@ export interface CliConfig {
   app: CliConfigApp;
   plugins: CliConfigPlugins;
 }
+
+export interface CliConfigServiceWorker {
+  name: string;
+  firebaseConfig: CliConfigFirebase;
+  combineOtherWorker: string;
+}
+
+export interface CliConfigFirebase {
+  apiKey: string;
+  authDomain: string;
+  databaseURL: string;
+  projectId: string;
+  storageBucket: string;
+  messagingSenderId: string;
+  appId: string;
+  vapidKey: string;
+}

cli/src/definitions.ts

@@ -41,6 +41,7 @@ export async function copy(config: Config, platformName: string) {
       await copyCapacitorConfig(config, join(config.android.platformDir, 'app/src/main/assets'));
       await copyCordovaJSFiles(config, platformName);
     } else if (platformName === config.web.name) {
+      await copyCapacitorConfig(config, config.app.webDirAbs);
       await copyWeb(config);
     } else if (platformName === config.electron.name) {
       await copyElectron(config);