fix(isomorphic): Remove use of CustomEvent. Detect root scope (global…

…/window/self) for nodejs, browser, or web-worker.

One ramification of this change is that `onChange` listeners no longer receive a 'real' fake locationchange Event object when `fireAfterUpdate` is true.

src/common/common.ts

@@ -12,8 +12,11 @@ import { all, any, prop, curry, not } from "./hof";
 import { services } from "./coreservices";
 import { StateObject } from "../state/stateObject";
 
-let w: any = typeof window === 'undefined' ? {} : window;
-let angular = w.angular || {};
+declare const global;
+export const root: any = (typeof self === 'object' && self.self === self && self) ||
+  (typeof global === 'object' && global.global === global && global) || this;
+const angular = root.angular || {};
+
 export const fromJson = angular.fromJson || JSON.parse.bind(JSON);
 export const toJson = angular.toJson || JSON.stringify.bind(JSON);
 export const forEach = angular.forEach || _forEach;

src/vanilla/baseLocationService.ts

@@ -3,21 +3,17 @@
  * @module vanilla
  */ /** */
 
-import { LocationServices } from "../common/coreservices";
-import { Disposable } from "../interface";
-import { UIRouter } from "../router";
-import { LocationLike, HistoryLike } from "./interface";
-import { parseUrl, getParams, buildUrl, getCustomEventCtor } from "./utils";
-import { isDefined } from "../common/predicates";
-import { extend, deregAll, removeFrom } from "../common/common";
-
-const Evt: typeof CustomEvent = getCustomEventCtor();
+import { deregAll, isDefined, LocationServices, removeFrom, root } from '../common';
+import { Disposable } from '../interface';
+import { UIRouter } from '../router';
+import { HistoryLike, LocationLike } from './interface';
+import { buildUrl, getParams, parseUrl } from './utils';
 
 /** A base `LocationServices` */
 export abstract class BaseLocationServices implements LocationServices, Disposable {
   constructor(router: UIRouter, public fireAfterUpdate: boolean) {
-    this._location = self && self.location;
-    this._history = self && self.history;
+    this._location = root.location;
+    this._history = root.history;
   }
 
   _listener = evt => this._listeners.forEach(cb => cb(evt));
@@ -62,8 +58,7 @@ export abstract class BaseLocationServices implements LocationServices, Disposab
       this._set(null, null, url, replace);
 
       if (this.fireAfterUpdate) {
-        let evt = extend(new Evt("locationchange"), { url });
-        this._listeners.forEach(cb => cb(evt));
+        this._listeners.forEach(cb => cb({ url }));
       }
     }
 

src/vanilla/hashLocationService.ts

@@ -3,15 +3,15 @@
  * @module vanilla
  */
 /** */
-import { trimHashVal } from "../common/strings";
-import { UIRouter } from "../router";
-import { BaseLocationServices } from "./baseLocationService";
+import { root, trimHashVal } from '../common';
+import { UIRouter } from '../router';
+import { BaseLocationServices } from './baseLocationService';
 
 /** A `LocationServices` that uses the browser hash "#" to get/set the current location */
 export class HashLocationService extends BaseLocationServices {
   constructor(router: UIRouter) {
     super(router, false);
-    self.addEventListener('hashchange', this._listener, false);
+    root.addEventListener('hashchange', this._listener, false);
   }
 
   _get() {
@@ -23,7 +23,7 @@ export class HashLocationService extends BaseLocationServices {
 
   dispose (router: UIRouter) {
     super.dispose(router);
-    self.removeEventListener('hashchange', this._listener);
+    root.removeEventListener('hashchange', this._listener);
   }
 }
 

src/vanilla/memoryLocationService.ts

@@ -3,8 +3,8 @@
  * @module vanilla
  */
 /** */
-import { BaseLocationServices } from "./baseLocationService";
-import { UIRouter } from "../router";
+import { BaseLocationServices } from './baseLocationService';
+import { UIRouter } from '../router';
 
 /** A `LocationServices` that gets/sets the current location from an in-memory object */
 export class MemoryLocationService extends BaseLocationServices {

src/vanilla/pushStateLocationService.ts

@@ -3,10 +3,9 @@
  * @module vanilla
  */
 /** */
-import { LocationConfig } from "../common/coreservices";
-import { UIRouter } from "../router";
-import { BaseLocationServices } from "./baseLocationService";
-import { splitQuery, splitHash, stripFile } from "../common/strings";
+import { UIRouter } from '../router';
+import { BaseLocationServices } from './baseLocationService';
+import { LocationConfig, root, splitHash, splitQuery, stripFile } from '../common';
 
 /**
  * A `LocationServices` that gets/sets the current location using the browser's `location` and `history` apis
@@ -19,7 +18,7 @@ export class PushStateLocationService extends BaseLocationServices {
   constructor(router: UIRouter) {
     super(router, true);
     this._config = router.urlService.config;
-    self.addEventListener("popstate", this._listener, false);
+    root.addEventListener('popstate', this._listener, false);
   };
 
   /**
@@ -47,7 +46,7 @@ export class PushStateLocationService extends BaseLocationServices {
     let startsWith = pathname.startsWith(basePrefix);
     pathname = exactMatch ? '/' : startsWith ? pathname.substring(basePrefix.length) : pathname;
 
-    return pathname + (search ? "?" + search : "") + (hash ? "#" + hash : "");
+    return pathname + (search ? '?' + search : '') + (hash ? '#' + hash : '');
   }
 
   _set(state: any, title: string, url: string, replace: boolean) {
@@ -62,7 +61,7 @@ export class PushStateLocationService extends BaseLocationServices {
 
   dispose(router: UIRouter) {
     super.dispose(router);
-    self.removeEventListener("popstate", this._listener);
+    root.removeEventListener('popstate', this._listener);
   }
 }
 

src/vanilla/utils.ts

@@ -62,21 +62,3 @@ export function locationPluginFactory(
     return { name, service, configuration, dispose };
   };
 }
-
-export function getCustomEventCtor(): typeof CustomEvent {
-  // CustomEvent Polyfill
-  function _CustomEvent(event, params) {
-    params = params || { bubbles: false, cancelable: false, detail: undefined };
-    let evt = document.createEvent( 'CustomEvent' );
-    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
-    return evt;
-  }
-  _CustomEvent.prototype = Event.prototype;
-
-  try {
-    new CustomEvent('foo');
-    return CustomEvent;
-  } catch (_err) {
-    return _CustomEvent as any;
-  }
-}