fix(webapi): refactor webapi to not import util.ts directly

Author: JiaLiPassion

Diff for: dist/webapis-media-query.min.js

@@ -92,11 +92,19 @@ gulp.task('build/zone.min.js', ['compile-esm'], function(cb) {
 });
 
 gulp.task('build/webapis-media-query.js', ['compile-esm'], function(cb) {
-    return generateScript('./lib/browser/webapis-media-query.ts', 'webapis-media-query.js', true, cb);
+    return generateScript('./lib/browser/webapis-media-query.ts', 'webapis-media-query.js', false, cb);
+});
+
+gulp.task('build/webapis-media-query.min.js', ['compile-esm'], function(cb) {
+    return generateScript('./lib/browser/webapis-media-query.ts', 'webapis-media-query.min.js', true, cb);
 });
 
 gulp.task('build/webapis-notification.js', ['compile-esm'], function(cb) {
-    return generateScript('./lib/browser/webapis-notification.ts', 'webapis-notification.js', true, cb);
+    return generateScript('./lib/browser/webapis-notification.ts', 'webapis-notification.js', false, cb);
+});
+
+gulp.task('build/webapis-notification.min.js', ['compile-esm'], function(cb) {
+    return generateScript('./lib/browser/webapis-notification.ts', 'webapis-notification.min.js', true, cb);
 });
 
 gulp.task('build/jasmine-patch.js', ['compile-esm'], function(cb) {
@@ -165,7 +173,9 @@ gulp.task('build', [
   'build/zone.min.js',
   'build/zone-node.js',
   'build/webapis-media-query.js',
+  'build/webapis-media-query.min.js',
   'build/webapis-notification.js',
+  'build/webapis-notification.min.js',
   'build/zone-mix.js',
   'build/jasmine-patch.js',
   'build/jasmine-patch.min.js',

Diff for: dist/webapis-notification.min.js

@@ -5,8 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import {NestedEventListenerOrEventListenerObject, patchEventTargetMethods} from '../common/utils';
-
 ((_global: any) => {
   // patch MediaQuery
   patchMediaQuery(_global);
@@ -15,6 +13,7 @@ import {NestedEventListenerOrEventListenerObject, patchEventTargetMethods} from
     if (!_global['MediaQueryList']) {
       return;
     }
+    const patchEventTargetMethods = Zone[Zone['__symbol__']('patchEventTargetMethods')];
     patchEventTargetMethods(
         _global['MediaQueryList'].prototype, 'addListener', 'removeListener', (self, args) => {
           return {
@@ -23,16 +22,14 @@ import {NestedEventListenerOrEventListenerObject, patchEventTargetMethods} from
             handler: args[0],
             target: self || _global,
             name: 'mediaQuery',
-            invokeAddFunc: function(
-                addFnSymbol: any, delegate: Task|NestedEventListenerOrEventListenerObject) {
+            invokeAddFunc: function(addFnSymbol: any, delegate) {
               if (delegate && (<Task>delegate).invoke) {
                 return this.target[addFnSymbol]((<Task>delegate).invoke);
               } else {
                 return this.target[addFnSymbol](delegate);
               }
             },
-            invokeRemoveFunc: function(
-                removeFnSymbol: any, delegate: Task|NestedEventListenerOrEventListenerObject) {
+            invokeRemoveFunc: function(removeFnSymbol: any, delegate) {
               if (delegate && (<Task>delegate).invoke) {
                 return this.target[removeFnSymbol]((<Task>delegate).invoke);
               } else {

Diff for: gulpfile.js

@@ -5,8 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import {patchOnProperties} from '../common/utils';
-
 ((_global: any) => {
   // patch Notification
   patchNotification(_global);
@@ -16,7 +14,7 @@ import {patchOnProperties} from '../common/utils';
     if (!Notification || !Notification.prototype) {
       return;
     }
-
+    const patchOnProperties = Zone[Zone['__symbol__']('patchOnProperties')];
     patchOnProperties(Notification.prototype, null);
   }
 })(typeof window === 'object' && window || typeof self === 'object' && self || global);

Diff for: lib/browser/webapis-media-query.ts

@@ -569,3 +569,14 @@ export function findEventTask(target: any, evtName: string): Task[] {
   }
   return result;
 }
+
+Zone[zoneSymbol('patchEventTargetMethods')] = patchEventTargetMethods;
+Zone[zoneSymbol('patchMicroTask')] = patchMicroTask;
+Zone[zoneSymbol('patchMacroTask')] = patchMacroTask;
+Zone[zoneSymbol('patchClass')] = patchClass;
+Zone[zoneSymbol('patchProperty')] = patchProperty;
+Zone[zoneSymbol('patchOnProperties')] = patchOnProperties;
+Zone[zoneSymbol('isNode')] = isNode;
+Zone[zoneSymbol('isBrowser')] = isBrowser;
+Zone[zoneSymbol('isMix')] = isMix;
+Zone[zoneSymbol('isWebWorker')] = isWebWorker;

Diff for: lib/browser/webapis-notification.ts

@@ -21,7 +21,7 @@ describe('test mediaQuery patch', ifEnvSupports(supportMediaQuery, () => {
            it('test whether addListener is patched', () => {
              const mqList = window.matchMedia('min-width:500px');
              if (mqList && mqList['addListener']) {
-               expect(mqList[zoneSymbol('addListener')]).not.toBe(undefined);
+               expect(mqList[zoneSymbol('addListener')]).toBeTruthy();
              }
            });
          }));

Diff for: lib/common/utils.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import '../../lib/browser/webapis-notification';
+
+import {zoneSymbol} from '../../lib/common/utils';
+import {ifEnvSupports} from '../test-util';
+
+describe('Notification API', ifEnvSupports('Notification', function() {
+           it('Notification API should be patched by Zone', () => {
+             const _global =
+                 typeof window === 'object' && window || typeof self === 'object' && self || global;
+             const Notification = _global['Notification'];
+             expect(Notification.prototype[zoneSymbol('addEventListener')]).toBeTruthy();
+           });
+         }));

Diff for: test/browser/MediaQuery.spec.ts

@@ -20,4 +20,5 @@ import './browser/requestAnimationFrame.spec';
 import './browser/WebSocket.spec';
 import './browser/XMLHttpRequest.spec';
 import './browser/MediaQuery.spec';
+import './browser/Notification.spec';
 import './mocha-patch.spec';