refactor(WebWorker): Abstract message passing and serialization to UIMessageBroker

closes #3703

Closes #3815

modules/angular2/src/web_workers/shared/client_message_broker.ts

@@ -14,15 +14,15 @@ import {Injectable} from "angular2/di";
 import {Type} from "angular2/src/facade/lang";
 
 @Injectable()
-export class MessageBrokerFactory {
+export class ClientMessageBrokerFactory {
   constructor(private _messageBus: MessageBus, protected _serializer: Serializer) {}
 
-  createMessageBroker(channel: string): MessageBroker {
-    return new MessageBroker(this._messageBus, this._serializer, channel);
+  createMessageBroker(channel: string): ClientMessageBroker {
+    return new ClientMessageBroker(this._messageBus, this._serializer, channel);
   }
 }
 
-export class MessageBroker {
+export class ClientMessageBroker {
   private _pending: Map<string, PromiseCompleter<any>> = new Map<string, PromiseCompleter<any>>();
   private _sink: EventEmitter;
 

modules/angular2/src/web_workers/shared/serializer.ts

@@ -40,6 +40,10 @@ import {
   RenderViewWithFragmentsStore
 } from 'angular2/src/web_workers/shared/render_view_with_fragments_store';
 
+// PRIMITIVE is any type that does not need to be serialized (string, number, boolean)
+// We set it to String so that it is considered a Type.
+export const PRIMITIVE: Type = String;
+
 @Injectable()
 export class Serializer {
   private _enumRegistry: Map<any, Map<number, any>>;
@@ -76,7 +80,7 @@ export class Serializer {
       ListWrapper.forEach(obj, (val) => { serializedObj.push(this.serialize(val, type)); });
       return serializedObj;
     }
-    if (type == String) {
+    if (type == PRIMITIVE) {
       return obj;
     }
     if (type == ViewDefinition) {
@@ -119,7 +123,7 @@ export class Serializer {
       ListWrapper.forEach(map, (val) => { obj.push(this.deserialize(val, type, data)); });
       return obj;
     }
-    if (type == String) {
+    if (type == PRIMITIVE) {
       return map;
     }
 

modules/angular2/src/web_workers/shared/service_message_broker.ts

@@ -0,0 +1,78 @@
+import {Injectable} from 'angular2/di';
+import {ListWrapper, Map, MapWrapper} from 'angular2/src/facade/collection';
+import {Serializer} from "angular2/src/web_workers/shared/serializer";
+import {isPresent, Type, FunctionWrapper} from "angular2/src/facade/lang";
+import {MessageBus} from "angular2/src/web_workers/shared/message_bus";
+import {EventEmitter, Promise, PromiseWrapper, ObservableWrapper} from 'angular2/src/facade/async';
+
+@Injectable()
+export class ServiceMessageBrokerFactory {
+  constructor(private _messageBus: MessageBus, protected _serializer: Serializer) {}
+
+  createMessageBroker(channel: string): ServiceMessageBroker {
+    return new ServiceMessageBroker(this._messageBus, this._serializer, channel);
+  }
+}
+
+/**
+ * Helper class for UIComponents that allows components to register methods.
+ * If a registered method message is received from the broker on the worker,
+ * the UIMessageBroker desererializes its arguments and calls the registered method.
+ * If that method returns a promise, the UIMessageBroker returns the result to the worker.
+ */
+export class ServiceMessageBroker {
+  private _sink: EventEmitter;
+  private _methods: Map<string, Function> = new Map<string, Function>();
+
+  constructor(messageBus: MessageBus, private _serializer: Serializer, public channel) {
+    this._sink = messageBus.to(channel);
+    var source = messageBus.from(channel);
+    ObservableWrapper.subscribe(source, (message) => this._handleMessage(message));
+  }
+
+  registerMethod(methodName: string, signature: List<Type>, method: Function, returnType?: Type):
+      void {
+    this._methods.set(methodName, (message: ReceivedMessage) => {
+      var serializedArgs = message.args;
+      var deserializedArgs: List<any> = ListWrapper.createFixedSize(signature.length);
+      for (var i = 0; i < signature.length; i++) {
+        var serializedArg = serializedArgs[i];
+        deserializedArgs[i] = this._serializer.deserialize(serializedArg, signature[i]);
+      }
+
+      var promise = FunctionWrapper.apply(method, deserializedArgs);
+      if (isPresent(returnType) && isPresent(promise)) {
+        this._wrapWebWorkerPromise(message.id, promise, returnType);
+      }
+    });
+  }
+
+  private _handleMessage(map: StringMap<string, any>): void {
+    var message = new ReceivedMessage(map);
+    if (this._methods.has(message.method)) {
+      this._methods.get(message.method)(message);
+    }
+  }
+
+  private _wrapWebWorkerPromise(id: string, promise: Promise<any>, type: Type): void {
+    PromiseWrapper.then(promise, (result: any) => {
+      ObservableWrapper.callNext(
+          this._sink,
+          {'type': 'result', 'value': this._serializer.serialize(result, type), 'id': id});
+    });
+  }
+}
+
+export class ReceivedMessage {
+  method: string;
+  args: List<any>;
+  id: string;
+  type: string;
+
+  constructor(data: StringMap<string, any>) {
+    this.method = data['method'];
+    this.args = data['args'];
+    this.id = data['id'];
+    this.type = data['type'];
+  }
+}

modules/angular2/src/web_workers/ui/bind.dart

@@ -0,0 +1,11 @@
+library angular2.src.web_workers.ui.bind;
+
+/**
+ * Binding is not necessary in dart.
+ * This method just returns the passed function regardless of scope.
+ * It's only here to match the TypeScript implementation.
+ * TODO(jteplitz602) Have ts2dart remove calls to bind(#3820)
+ */
+Function bind(Function fn, dynamic scope) {
+  return fn;
+}

modules/angular2/src/web_workers/ui/bind.ts

@@ -0,0 +1,3 @@
+export function bind(fn: Function, scope: any): Function {
+  return fn.bind(scope);
+}

modules/angular2/src/web_workers/ui/di_bindings.ts

@@ -65,6 +65,7 @@ import {MessageBasedRenderCompiler} from 'angular2/src/web_workers/ui/render_com
 import {MessageBasedRenderer} from 'angular2/src/web_workers/ui/renderer';
 import {MessageBasedXHRImpl} from 'angular2/src/web_workers/ui/xhr_impl';
 import {WebWorkerSetup} from 'angular2/src/web_workers/ui/setup';
+import {ServiceMessageBrokerFactory} from 'angular2/src/web_workers/shared/service_message_broker';
 
 var _rootInjector: Injector;
 
@@ -135,7 +136,8 @@ function _injectorBindings(): List<any> {
     WebWorkerSetup,
     MessageBasedRenderCompiler,
     MessageBasedXHRImpl,
-    MessageBasedRenderer
+    MessageBasedRenderer,
+    ServiceMessageBrokerFactory
   ];
 }
 

modules/angular2/src/web_workers/ui/impl.ts

@@ -37,17 +37,3 @@ export class WebWorkerMain {
               public renderer: MessageBasedRenderer, public xhr: MessageBasedXHRImpl,
               public setup: WebWorkerSetup) {}
 }
-
-export class ReceivedMessage {
-  method: string;
-  args: List<any>;
-  id: string;
-  type: string;
-
-  constructor(data: StringMap<string, any>) {
-    this.method = data['method'];
-    this.args = data['args'];
-    this.id = data['id'];
-    this.type = data['type'];
-  }
-}

modules/angular2/src/web_workers/ui/render_compiler.ts

@@ -1,6 +1,4 @@
 import {Injectable} from 'angular2/di';
-import {MessageBus} from 'angular2/src/web_workers/shared/message_bus';
-import {Serializer} from 'angular2/src/web_workers/shared/serializer';
 import {
   RenderDirectiveMetadata,
   ProtoViewDto,
@@ -9,55 +7,22 @@ import {
   RenderProtoViewMergeMapping,
   RenderCompiler
 } from 'angular2/src/render/api';
-import {EventEmitter, ObservableWrapper, PromiseWrapper, Promise} from 'angular2/src/facade/async';
 import {RENDER_COMPILER_CHANNEL} from 'angular2/src/web_workers/shared/messaging_api';
-import {ReceivedMessage} from 'angular2/src/web_workers/ui/impl';
-import {BaseException, Type} from 'angular2/src/facade/lang';
+import {bind} from './bind';
+import {ServiceMessageBrokerFactory} from 'angular2/src/web_workers/shared/service_message_broker';
 
-// TODO(jteplitz602): Create parent UIComponent class #3703
 @Injectable()
 export class MessageBasedRenderCompiler {
-  private _sink: EventEmitter;
-  private _source: EventEmitter;
-
-  constructor(bus: MessageBus, private _serializer: Serializer,
-              private _renderCompiler: RenderCompiler) {
-    this._sink = bus.to(RENDER_COMPILER_CHANNEL);
-    this._source = bus.from(RENDER_COMPILER_CHANNEL);
-    ObservableWrapper.subscribe(this._source,
-                                (message: StringMap<string, any>) => this._handleMessage(message));
-  }
-
-  private _handleMessage(map: StringMap<string, any>): void {
-    var message = new ReceivedMessage(map);
-    var args = message.args;
-    var promise: Promise<any>;
-    switch (message.method) {
-      case "compileHost":
-        var directiveMetadata = this._serializer.deserialize(args[0], RenderDirectiveMetadata);
-        promise = this._renderCompiler.compileHost(directiveMetadata);
-        this._wrapWebWorkerPromise(message.id, promise, ProtoViewDto);
-        break;
-      case "compile":
-        var view = this._serializer.deserialize(args[0], ViewDefinition);
-        promise = this._renderCompiler.compile(view);
-        this._wrapWebWorkerPromise(message.id, promise, ProtoViewDto);
-        break;
-      case "mergeProtoViewsRecursively":
-        var views = this._serializer.deserialize(args[0], RenderProtoViewRef);
-        promise = this._renderCompiler.mergeProtoViewsRecursively(views);
-        this._wrapWebWorkerPromise(message.id, promise, RenderProtoViewMergeMapping);
-        break;
-      default:
-        throw new BaseException("not implemented");
-    }
-  }
-
-  private _wrapWebWorkerPromise(id: string, promise: Promise<any>, type: Type): void {
-    PromiseWrapper.then(promise, (result: any) => {
-      ObservableWrapper.callNext(
-          this._sink,
-          {'type': 'result', 'value': this._serializer.serialize(result, type), 'id': id});
-    });
+  constructor(brokerFactory: ServiceMessageBrokerFactory, private _renderCompiler: RenderCompiler) {
+    var broker = brokerFactory.createMessageBroker(RENDER_COMPILER_CHANNEL);
+    broker.registerMethod("compileHost", [RenderDirectiveMetadata],
+                          bind(this._renderCompiler.compileHost, this._renderCompiler),
+                          ProtoViewDto);
+    broker.registerMethod("compile", [ViewDefinition],
+                          bind(this._renderCompiler.compile, this._renderCompiler), ProtoViewDto);
+    broker.registerMethod(
+        "mergeProtoViewsRecursively", [RenderProtoViewRef],
+        bind(this._renderCompiler.mergeProtoViewsRecursively, this._renderCompiler),
+        RenderProtoViewMergeMapping);
   }
 }

modules/angular2/src/web_workers/ui/renderer.ts

@@ -1,6 +1,6 @@
 import {Injectable} from 'angular2/di';
 import {MessageBus} from 'angular2/src/web_workers/shared/message_bus';
-import {Serializer} from 'angular2/src/web_workers/shared/serializer';
+import {Serializer, PRIMITIVE} from 'angular2/src/web_workers/shared/serializer';
 import {
   RenderViewRef,
   RenderFragmentRef,
@@ -8,120 +8,68 @@ import {
   Renderer
 } from 'angular2/src/render/api';
 import {WebWorkerElementRef} from 'angular2/src/web_workers/shared/api';
-import {EventEmitter, ObservableWrapper, PromiseWrapper, Promise} from 'angular2/src/facade/async';
 import {EVENT_CHANNEL, RENDERER_CHANNEL} from 'angular2/src/web_workers/shared/messaging_api';
-import {ReceivedMessage} from 'angular2/src/web_workers/ui/impl';
 import {BaseException, Type} from 'angular2/src/facade/lang';
+import {bind} from './bind';
 import {EventDispatcher} from 'angular2/src/web_workers/ui/event_dispatcher';
 import {
   RenderViewWithFragmentsStore
 } from 'angular2/src/web_workers/shared/render_view_with_fragments_store';
+import {ServiceMessageBrokerFactory} from 'angular2/src/web_workers/shared/service_message_broker';
 
 @Injectable()
 export class MessageBasedRenderer {
-  constructor(private _bus: MessageBus, private _serializer: Serializer,
+  constructor(brokerFactory: ServiceMessageBrokerFactory, private _bus: MessageBus,
+              private _serializer: Serializer,
               private _renderViewWithFragmentsStore: RenderViewWithFragmentsStore,
               private _renderer: Renderer) {
-    var source = _bus.from(RENDERER_CHANNEL);
-    ObservableWrapper.subscribe(source,
-                                (message: StringMap<string, any>) => this._handleMessage(message));
+    var broker = brokerFactory.createMessageBroker(RENDERER_CHANNEL);
+    broker.registerMethod("createRootHostView",
+                          [RenderProtoViewRef, PRIMITIVE, PRIMITIVE, PRIMITIVE],
+                          bind(this._createRootHostView, this));
+    broker.registerMethod("createView", [RenderProtoViewRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._createView, this));
+    broker.registerMethod("destroyView", [RenderViewRef],
+                          bind(this._renderer.destroyView, this._renderer));
+    broker.registerMethod("attachFragmentAfterFragment", [RenderFragmentRef, RenderFragmentRef],
+                          bind(this._renderer.attachFragmentAfterFragment, this._renderer));
+    broker.registerMethod("attachFragmentAfterElement", [WebWorkerElementRef, RenderFragmentRef],
+                          bind(this._renderer.attachFragmentAfterElement, this._renderer));
+    broker.registerMethod("detachFragment", [RenderFragmentRef],
+                          bind(this._renderer.detachFragment, this._renderer));
+    broker.registerMethod("hydrateView", [RenderViewRef],
+                          bind(this._renderer.hydrateView, this._renderer));
+    broker.registerMethod("dehydrateView", [RenderViewRef],
+                          bind(this._renderer.dehydrateView, this._renderer));
+    broker.registerMethod("setText", [RenderViewRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.setText, this._renderer));
+    broker.registerMethod("setElementProperty", [WebWorkerElementRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.setElementProperty, this._renderer));
+    broker.registerMethod("setElementAttribute", [WebWorkerElementRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.setElementAttribute, this._renderer));
+    broker.registerMethod("setElementClass", [WebWorkerElementRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.setElementClass, this._renderer));
+    broker.registerMethod("setElementStyle", [WebWorkerElementRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.setElementStyle, this._renderer));
+    broker.registerMethod("invokeElementMethod", [WebWorkerElementRef, PRIMITIVE, PRIMITIVE],
+                          bind(this._renderer.invokeElementMethod, this._renderer));
+    broker.registerMethod("setEventDispatcher", [RenderViewRef],
+                          bind(this._setEventDispatcher, this));
   }
 
-  private _createViewHelper(args: List<any>, method) {
-    var hostProtoView = this._serializer.deserialize(args[0], RenderProtoViewRef);
-    var fragmentCount = args[1];
-    var startIndex, renderViewWithFragments;
-    if (method == "createView") {
-      startIndex = args[2];
-      renderViewWithFragments = this._renderer.createView(hostProtoView, fragmentCount);
-    } else {
-      var selector = args[2];
-      startIndex = args[3];
-      renderViewWithFragments =
-          this._renderer.createRootHostView(hostProtoView, fragmentCount, selector);
-    }
+  private _createRootHostView(ref: RenderProtoViewRef, fragmentCount: number, selector: string,
+                              startIndex: number) {
+    var renderViewWithFragments = this._renderer.createRootHostView(ref, fragmentCount, selector);
     this._renderViewWithFragmentsStore.store(renderViewWithFragments, startIndex);
   }
 
+  private _createView(ref: RenderProtoViewRef, fragmentCount: number, startIndex: number) {
+    var renderViewWithFragments = this._renderer.createView(ref, fragmentCount);
+    this._renderViewWithFragmentsStore.store(renderViewWithFragments, startIndex);
+  }
 
-  private _handleMessage(map: StringMap<string, any>): void {
-    var data = new ReceivedMessage(map);
-    var args = data.args;
-    switch (data.method) {
-      case "createRootHostView":
-      case "createView":
-        this._createViewHelper(args, data.method);
-        break;
-      case "destroyView":
-        var viewRef = this._serializer.deserialize(args[0], RenderViewRef);
-        this._renderer.destroyView(viewRef);
-        break;
-      case "attachFragmentAfterFragment":
-        var previousFragment = this._serializer.deserialize(args[0], RenderFragmentRef);
-        var fragment = this._serializer.deserialize(args[1], RenderFragmentRef);
-        this._renderer.attachFragmentAfterFragment(previousFragment, fragment);
-        break;
-      case "attachFragmentAfterElement":
-        var element = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var fragment = this._serializer.deserialize(args[1], RenderFragmentRef);
-        this._renderer.attachFragmentAfterElement(element, fragment);
-        break;
-      case "detachFragment":
-        var fragment = this._serializer.deserialize(args[0], RenderFragmentRef);
-        this._renderer.detachFragment(fragment);
-        break;
-      case "hydrateView":
-        var viewRef = this._serializer.deserialize(args[0], RenderViewRef);
-        this._renderer.hydrateView(viewRef);
-        break;
-      case "dehydrateView":
-        var viewRef = this._serializer.deserialize(args[0], RenderViewRef);
-        this._renderer.dehydrateView(viewRef);
-        break;
-      case "setText":
-        var viewRef = this._serializer.deserialize(args[0], RenderViewRef);
-        var textNodeIndex = args[1];
-        var text = args[2];
-        this._renderer.setText(viewRef, textNodeIndex, text);
-        break;
-      case "setElementProperty":
-        var elementRef = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var propName = args[1];
-        var propValue = args[2];
-        this._renderer.setElementProperty(elementRef, propName, propValue);
-        break;
-      case "setElementAttribute":
-        var elementRef = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var attributeName = args[1];
-        var attributeValue = args[2];
-        this._renderer.setElementAttribute(elementRef, attributeName, attributeValue);
-        break;
-      case "setElementClass":
-        var elementRef = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var className = args[1];
-        var isAdd = args[2];
-        this._renderer.setElementClass(elementRef, className, isAdd);
-        break;
-      case "setElementStyle":
-        var elementRef = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var styleName = args[1];
-        var styleValue = args[2];
-        this._renderer.setElementStyle(elementRef, styleName, styleValue);
-        break;
-      case "invokeElementMethod":
-        var elementRef = this._serializer.deserialize(args[0], WebWorkerElementRef);
-        var methodName = args[1];
-        var methodArgs = args[2];
-        this._renderer.invokeElementMethod(elementRef, methodName, methodArgs);
-        break;
-      case "setEventDispatcher":
-        var viewRef = this._serializer.deserialize(args[0], RenderViewRef);
-        var dispatcher =
-            new EventDispatcher(viewRef, this._bus.to(EVENT_CHANNEL), this._serializer);
-        this._renderer.setEventDispatcher(viewRef, dispatcher);
-        break;
-      default:
-        throw new BaseException("Not Implemented");
-    }
+  private _setEventDispatcher(viewRef: RenderViewRef) {
+    var dispatcher = new EventDispatcher(viewRef, this._bus.to(EVENT_CHANNEL), this._serializer);
+    this._renderer.setEventDispatcher(viewRef, dispatcher);
   }
 }

modules/angular2/src/web_workers/ui/xhr_impl.ts

@@ -1,44 +1,14 @@
 import {Injectable} from 'angular2/di';
-import {MessageBus} from 'angular2/src/web_workers/shared/message_bus';
-import {Serializer} from 'angular2/src/web_workers/shared/serializer';
-import {EventEmitter, ObservableWrapper, PromiseWrapper, Promise} from 'angular2/src/facade/async';
+import {PRIMITIVE} from 'angular2/src/web_workers/shared/serializer';
 import {XHR_CHANNEL} from 'angular2/src/web_workers/shared/messaging_api';
-import {ReceivedMessage} from 'angular2/src/web_workers/ui/impl';
-import {BaseException, Type} from 'angular2/src/facade/lang';
 import {XHR} from 'angular2/src/render/xhr';
+import {ServiceMessageBrokerFactory} from 'angular2/src/web_workers/shared/service_message_broker';
+import {bind} from './bind';
 
-// TODO(jteplitz602): Create parent UIComponent class #3703
 @Injectable()
 export class MessageBasedXHRImpl {
-  private _sink: EventEmitter;
-  private _source: EventEmitter;
-
-  constructor(bus: MessageBus, private _serializer: Serializer, private _xhr: XHR) {
-    this._sink = bus.to(XHR_CHANNEL);
-    this._source = bus.from(XHR_CHANNEL);
-    ObservableWrapper.subscribe(this._source,
-                                (message: StringMap<string, any>) => this._handleMessage(message));
-  }
-
-  private _handleMessage(map: StringMap<string, any>) {
-    var message = new ReceivedMessage(map);
-    var args = message.args;
-    switch (message.method) {
-      case "get":
-        var url = args[0];
-        var promise = this._xhr.get(url);
-        this._wrapWebWorkerPromise(message.id, promise, String);
-        break;
-      default:
-        throw new BaseException(message.method + " Not Implemented");
-    }
-  }
-
-  private _wrapWebWorkerPromise(id: string, promise: Promise<any>, type: Type): void {
-    PromiseWrapper.then(promise, (result: any) => {
-      ObservableWrapper.callNext(
-          this._sink,
-          {'type': 'result', 'value': this._serializer.serialize(result, type), 'id': id});
-    });
+  constructor(brokerFactory: ServiceMessageBrokerFactory, private _xhr: XHR) {
+    var broker = brokerFactory.createMessageBroker(XHR_CHANNEL);
+    broker.registerMethod("get", [PRIMITIVE], bind(this._xhr.get, this._xhr), PRIMITIVE);
   }
 }

modules/angular2/src/web_workers/worker/application_common.ts

@@ -52,7 +52,7 @@ import {WebWorkerRenderer, WebWorkerCompiler} from './renderer';
 import {Renderer, RenderCompiler} from 'angular2/src/render/api';
 import {internalView} from 'angular2/src/core/compiler/view_ref';
 
-import {MessageBrokerFactory} from 'angular2/src/web_workers/worker/broker';
+import {ClientMessageBrokerFactory} from 'angular2/src/web_workers/shared/client_message_broker';
 import {MessageBus} from 'angular2/src/web_workers/shared/message_bus';
 import {APP_COMPONENT_REF_PROMISE, APP_COMPONENT} from 'angular2/src/core/application_tokens';
 import {ApplicationRef} from 'angular2/src/core/application_ref';
@@ -103,7 +103,7 @@ function _injectorBindings(appComponentType, bus: MessageBus, initData: StringMa
                               [ExceptionHandler]),
     Serializer,
     bind(MessageBus).toValue(bus),
-    MessageBrokerFactory,
+    ClientMessageBrokerFactory,
     WebWorkerRenderer,
     bind(Renderer).toAlias(WebWorkerRenderer),
     WebWorkerCompiler,

modules/angular2/src/web_workers/worker/renderer.ts

@@ -14,11 +14,11 @@ import {
 } from 'angular2/src/render/api';
 import {Promise, PromiseWrapper} from "angular2/src/facade/async";
 import {
-  MessageBroker,
-  MessageBrokerFactory,
+  ClientMessageBroker,
+  ClientMessageBrokerFactory,
   FnArg,
   UiArguments
-} from "angular2/src/web_workers/worker/broker";
+} from "angular2/src/web_workers/shared/client_message_broker";
 import {isPresent, print, BaseException} from "angular2/src/facade/lang";
 import {Injectable} from "angular2/di";
 import {
@@ -35,7 +35,7 @@ import {WebWorkerEventDispatcher} from 'angular2/src/web_workers/worker/event_di
 @Injectable()
 export class WebWorkerCompiler implements RenderCompiler {
   private _messageBroker;
-  constructor(messageBrokerFactory: MessageBrokerFactory) {
+  constructor(messageBrokerFactory: ClientMessageBrokerFactory) {
     this._messageBroker = messageBrokerFactory.createMessageBroker(RENDER_COMPILER_CHANNEL);
   }
   /**
@@ -79,7 +79,7 @@ export class WebWorkerCompiler implements RenderCompiler {
 @Injectable()
 export class WebWorkerRenderer implements Renderer {
   private _messageBroker;
-  constructor(messageBrokerFactory: MessageBrokerFactory,
+  constructor(messageBrokerFactory: ClientMessageBrokerFactory,
               private _renderViewStore: RenderViewWithFragmentsStore,
               private _eventDispatcher: WebWorkerEventDispatcher) {
     this._messageBroker = messageBrokerFactory.createMessageBroker(RENDERER_CHANNEL);

modules/angular2/src/web_workers/worker/xhr_impl.ts

@@ -4,9 +4,9 @@ import {XHR} from 'angular2/src/render/xhr';
 import {
   FnArg,
   UiArguments,
-  MessageBroker,
-  MessageBrokerFactory
-} from 'angular2/src/web_workers/worker/broker';
+  ClientMessageBroker,
+  ClientMessageBrokerFactory
+} from 'angular2/src/web_workers/shared/client_message_broker';
 import {XHR_CHANNEL} from 'angular2/src/web_workers/shared/messaging_api';
 
 /**
@@ -15,9 +15,9 @@ import {XHR_CHANNEL} from 'angular2/src/web_workers/shared/messaging_api';
  */
 @Injectable()
 export class WebWorkerXHRImpl extends XHR {
-  private _messageBroker: MessageBroker;
+  private _messageBroker: ClientMessageBroker;
 
-  constructor(messageBrokerFactory: MessageBrokerFactory) {
+  constructor(messageBrokerFactory: ClientMessageBrokerFactory) {
     super();
     this._messageBroker = messageBrokerFactory.createMessageBroker(XHR_CHANNEL);
   }