The Twilight Zone

twilight-zone.ts

const events: any = {
  'addEventListener:scroll': true,
  'addEventListener:mouseenter': false,
  'addEventListener:mouseleave' : false,
  'addEventListener:mousemove': true,
};

// const twilightZone = Zone.current.fork(Zone['wtfZoneSpec']).fork({
const twilightZone = Zone.current.fork({
  name: 'twilight',
  onScheduleTask : function (parentZoneDelegate: ZoneDelegate, currentZone: Zone, targetZone: Zone, task: Task): Task {
    let cancel = false;
    if (task.type === 'eventTask') {
      const parts = task.source.split('.');
      if (events[parts[1]]) {
        cancel = true;
      }
    } else if (task.type === 'macroTask') {
      if (task.source === 'requestAnimationFrame') {
        cancel = true;
      }
    }
    if (cancel) {
      // console.log("Escaping NgZone", task.source);
      task.cancelScheduleRequest();
      return currentZone.parent.scheduleTask(task);
    }
    return parentZoneDelegate.scheduleTask(targetZone, task);
  }
});

twilightZone.run(() => {
  platformBrowserDynamic().bootstrapModule(SpinnakerModule);
});