justinkook · justinkook · Nov 25, 2019 · Nov 25, 2019 · Nov 25, 2019 · Nov 25, 2019
diff --git a/Procfile b/Procfile
@@ -0,0 +1 @@
+web: node heroku.js
diff --git a/app-template/bitpay/img/192x192.png b/app-template/bitpay/img/192x192.png
diff --git a/app-template/copay/img/192x192.png b/app-template/copay/img/192x192.png
diff --git a/app-template/index-template.html b/app-template/index-template.html
@@ -11,10 +11,17 @@
 
   <link rel="shortcut icon" href="assets/img/app/favicon.ico">
   <link rel="manifest" href="manifest.json">
-  <meta name="theme-color" content="*THEMECOLOR*">
-
+  <meta name="theme-color" content="#ffffff">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="default">
+
   <link href="build/main.css" rel="stylesheet">
 
+  <link
+    rel="apple-touch-icon"
+    sizes="512x512"
+    href="assets/icon.png"
+  />
 </head>
 
 <body>
@@ -28,6 +35,8 @@
   <!-- Ionic's root component and where the app will load -->
   <ion-app></ion-app>
 
+  <noscript>Your browser does not support JavaScript!</noscript>
+
   <!-- The polyfills js is generated during the build process -->
   <script src="build/polyfills.js"></script>
 
@@ -40,7 +49,7 @@
 
   <!-- The main bundle js is generated during the build process -->
   <script src="build/main.js"></script>
-
+  
 </body>
 
 </html>
diff --git a/app-template/manifest.ionic-template.json b/app-template/manifest.ionic-template.json
@@ -8,8 +8,18 @@
       "src": "assets/img/app/logo.png",
       "sizes": "150x65",
       "type": "image/png"
+    },
+    {
+      "src": "assets/img/app/192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "assets/img/app/logo.png",
+      "sizes": "512x512",
+      "type": "image/png"
     }
   ],
-  "background_color": "*THEMECOLOR*",
-  "theme_color": "*THEMECOLOR*"
-}
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff"
+}
diff --git a/heroku.js b/heroku.js
@@ -0,0 +1,34 @@
+var express = require('express');
+var app = express();
+var path = require('path');
+var bodyParser = require('body-parser');
+var cors = require('cors');
+
+app.get('*', (req, res, next) => {
+  if (
+    req.headers['x-forwarded-proto'] !== 'https' &&
+    process.env.NODE_ENV === 'production'
+  )
+    res.redirect('https://' + req.headers.host + req.url);
+  else next(); /* Continue to other routes if we're not redirecting */
+});
+
+app.use(bodyParser.urlencoded({ extended: 'true' }));
+app.use(bodyParser.json());
+app.use(cors());
+
+app.use(function(req, res, next) {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header('Access-Control-Allow-Methods', 'DELETE, PUT');
+  res.header(
+    'Access-Control-Allow-Headers',
+    'Origin, X-Requested-With, Content-Type, Accept'
+  );
+  next();
+});
+
+app.use(express.static(path.join(__dirname, 'www')));
+app.set('port', process.env.PORT || 5000);
+app.listen(app.get('port'), function() {
+  console.log('Express server listening on port ' + app.get('port'));
+});
diff --git a/ngsw-worker.js b/ngsw-worker.js
@@ -0,0 +1,18 @@
+// This is the "Offline copy of assets" service worker
+
+const CACHE = "pwabuilder-offline";
+
+importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+workbox.routing.registerRoute(
+  new RegExp('/*'),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE
+  })
+);
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,6 +11,10 @@
     "multisignature",
     "bitcore"
   ],
+  "engines": {
+    "node": "10.9.0",
+    "npm": "6.4.1"
+  },
   "main": "electron/main.js",
   "title": "Copay",
   "user-agent": "%name %ver (%osinfo)",
@@ -32,6 +36,8 @@
   },
   "scripts": {
     "postinstall": "npm run env:dev && npm run prompt",
+    "heroku-postbuild": "npm run apply:bitpay && npm run build:desktop && npm run ngsw-apply",
+    "ngsw-apply": "cp ngsw-worker.js www/",
     "electron:patch": "(! grep -q 'com.apple.security.app-sandbox' ./node_modules/app-builder-lib/templates/entitlements.mac.plist && sed -i -e \"/<dict>/ a\\ \n<key>com.apple.security.app-sandbox</key><true/>\" ./node_modules/app-builder-lib/templates/entitlements.mac.plist) | echo 'electron patched.'",
     "prompt": "\n\n\n\n\n\n#\n#  Choose a distribution with:\n#\n#     $ npm run apply:copay\n#              or\n#     $ npm run apply:bitpay\n#\n",
     "start": "npm run ionic:serve",
@@ -101,6 +107,7 @@
     "@angular/http": "5.2.10",
     "@angular/platform-browser": "5.2.10",
     "@angular/platform-browser-dynamic": "5.2.10",
+    "@angular/service-worker": "5.2.10",
     "@angular/tsc-wrapped": "4.4.6",
     "@ionic-native/android-fingerprint-auth": "4.14.0",
     "@ionic-native/clipboard": "4.14.0",
@@ -272,4 +279,4 @@
   "prettier": {
     "singleQuote": true
   }
-}
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,5 +1,6 @@
 import { HttpClientModule } from '@angular/common/http';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ServiceWorkerModule } from '@angular/service-worker';
 import { IonicImageLoader } from 'ionic-image-loader';
 import { MarkdownModule } from 'ngx-markdown';
 import { NgxTextOverflowClampModule } from 'ngx-text-overflow-clamp';
@@ -135,7 +136,11 @@ export class MyMissingTranslationHandler implements MissingTranslationHandler {
         useClass: LanguageLoader
       }
     }),
-    ZXingScannerModule.forRoot()
+    ZXingScannerModule.forRoot(),
+    /* Enable Service Workers for Production */
+    ServiceWorkerModule.register('./ngsw-worker.js', {
+      enabled: true
+    })
   ],
   bootstrap: [IonicApp],
   entryComponents: [CopayApp, ...PAGES, ...COMPONENTS],