fix(overmind-angular): arguments and updating devtools fix

Author: christianalfoni

packages/node_modules/overmind-angular/src/index.ts

@@ -4,6 +4,7 @@ import { Overmind, EventType } from 'overmind'
 import { BehaviorSubject, Observable } from 'rxjs'
 import { map } from 'rxjs/operators'
 
+// @ts-ignore
 const IS_PRODUCTION = process.env.NODE_ENV === 'production'
 
 let nextComponentId = 0
@@ -20,16 +21,16 @@ export const Track = (Component) => {
     return Object.keys(target).find((key) => target[key] instanceof Service)
   }
 
-  const targetNgOnInit = Component.prototype.ngOnInit
-  Component.prototype.ngOnInit = function() {
+  const targetNgAfterViewInit = Component.prototype.ngAfterViewInit
+  Component.prototype.ngAfterViewInit = function() {
     const service = this[findService(this)]
     service.addComponent({
       componentId,
       componentInstanceId: componentInstanceId++,
       name: Component.name,
     })
 
-    targetNgOnInit && targetNgOnInit.call(this)
+    targetNgAfterViewInit && targetNgAfterViewInit.call(this)
   }
 }
 
@@ -67,12 +68,14 @@ export class Service<App extends Overmind<any>> {
     this.tree.track(this.onUpdate)
     this.subject.next(this.tree.state)
     if (this.componentDetails) {
-      this.overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
-        componentId: this.componentDetails.componentId,
-        componentInstanceId: this.componentDetails.componentInstanceId,
-        name: this.componentDetails.name,
-        paths: Array.from(this.tree.pathDependencies) as any,
-        flushId,
+      ;(window['__zone_symbol__setTimeout'] || setTimeout)(() => {
+        this.overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
+          componentId: this.componentDetails.componentId,
+          componentInstanceId: this.componentDetails.componentInstanceId,
+          name: this.componentDetails.name,
+          paths: Array.from(this.tree.pathDependencies) as any,
+          flushId,
+        })
       })
     }
   }