improve cordova integration

Author: dweber019

README.md

@@ -175,7 +175,7 @@ You can also add more environments with ```--env.target <env-name>``` but there
 run throw so if your like to set the evnirnment for ```npm start``` you have to do this like so:
 
   ```shell
-  npm start -- -- --env.target <json-file-name-without-extension>
+  npm start -- -- -- --env.target <json-file-name-without-extension>
   ```
 
 This because ```npm start``` runs ```npm run server:dev``` and then the target command, so we have to to pass the ```--env.target``` by providing two times ```--```.

src/app/app.vm.ts

@@ -1,22 +1,27 @@
-import { autoinject } from 'aurelia-framework';
+import { Lazy, inject } from 'aurelia-framework';
 import { Router, RouterConfiguration } from 'aurelia-router';
 import { I18N } from 'aurelia-i18n';
 import { AppConfigService } from './services/app-config.service';
+import { CordovaService } from './services/cordova.service';
 
-@autoinject
+@inject(I18N, AppConfigService, Lazy.of(CordovaService))
 export class AppViewModel {
   public router: Router;
 
   constructor(
     private i18n: I18N,
-    private appConfigService: AppConfigService
+    private appConfigService: AppConfigService,
+    private cordovaServiceFn: () => CordovaService
   ) { }
 
   public configureRouter(config: RouterConfiguration, router: Router): void {
     config.title = this.i18n.tr('TITLE');
-    if (this.appConfigService.getPlatform() === 'web') {
+    if (this.appConfigService.platformIsBrowser()) {
       config.options.pushState = true;
     }
+    if (this.appConfigService.platformIsMobile()) {
+      this.cordovaServiceFn();
+    }
     config.map([
       {
         route: ['', 'welcome'],

src/app/models/platforms.ts

@@ -0,0 +1,4 @@
+export const platforms = {
+  BROWSER: 'browser',
+  MOBILE: 'mobile'
+};

src/app/modules/welcome/welcome.vm.ts

@@ -1,5 +1,5 @@
 import { autoinject } from 'aurelia-framework';
-import { LogManager, Logger} from './../../services/logging.service';
+import { LogManager, Logger} from './../../services/logger.service';
 import { AppConfigService } from './../../services/app-config.service';
 
 @autoinject

src/app/services/app-config.service.ts

@@ -1,3 +1,5 @@
+import { platforms } from './../models/platforms';
+
 /**
  * Gets and defines the environment configruation
  */
@@ -32,4 +34,6 @@ export class AppConfigService {
   public getEnv(): string { return this.env; }
   public getPlatform(): string { return this.platform; }
   public getConfig(): IAppConfigEnv { return this.config; }
+  public platformIsBrowser(): boolean { return this.platform === platforms.BROWSER; }
+  public platformIsMobile(): boolean { return this.platform === platforms.MOBILE; }
 }

src/app/services/cordova.service.ts

@@ -0,0 +1,34 @@
+import { LogManager, Logger} from './logger.service';
+
+export class CordovaService {
+
+  private logger: Logger;
+  private cordovaReady: boolean = false;
+
+  constructor() {
+    this.logger = LogManager.getLogger('CordovaService');
+    this.logger.debug('Cordova service initialized');
+    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
+  }
+
+  public isCordovaReady(): boolean {
+    return this.cordovaReady;
+  }
+
+  private onDeviceReady(): void {
+    this.cordovaReady = true;
+
+    document.addEventListener('pause', this.onPause.bind(this), false);
+    document.addEventListener('resume', this.onResume.bind(this), false);
+
+    this.logger.debug('Cordova platform:', window.cordova.platformId);
+  };
+
+  private onPause(): void {
+    this.logger.debug('Cordova onPause');
+  };
+
+  private onResume(): void {
+    this.logger.debug('Cordova onResume');
+  };
+}

src/app/services/logging.service.ts src/app/services/logger.service.tssrc/app/services/logging.service.ts renamed to src/app/services/logger.service.ts

@@ -44,7 +44,7 @@ describe('the App module', () => {
 
     appConfigSub = new AppConfigService();
 
-		sut = new AppViewModel(sut, appConfigSub);
+    sut = new AppViewModel(sut, appConfigSub, (<any>undefined));
 		sut.configureRouter(mockedRouter, mockedRouter);
 	});
 

test/unit/app.spec.ts

@@ -2,6 +2,7 @@
   "name": "aurelia-skeleton-navigation-webpack",
   "dependencies": {},
   "globalDependencies": {
+    "cordova": "registry:dt/cordova#0.0.0+20160819210047",
     "jasmine": "registry:dt/jasmine#2.5.0+20161003201800",
     "jquery": "registry:dt/jquery#1.10.0+20160704162008",
     "lodash": "registry:dt/lodash#4.14.0+20160817155621",

typings.json

@@ -13,7 +13,7 @@ module.exports = function (envArguments) {
   let config;
   const ENV = process.env.NODE_ENV && process.env.NODE_ENV.toLowerCase() || 'development';
   const pkg = require(path.join(process.cwd(), 'package.json'));
-  let PLATFORM = 'web';
+  let PLATFORM = 'browser';
   let TARGET = ENV;
   let DOCS = false;
   if (envArguments) {
@@ -98,8 +98,7 @@ module.exports = function (envArguments) {
     },
     output: {
       path: outDir,
-    },
-    externals: [ /cordova(\.js)?$/ ]
+    }
   };
 
   const configAurelia = {