core(initialized): add mixin for initialized

Author: andrewseguin

src/lib/core/common-behaviors/index.ts

@@ -12,3 +12,4 @@ export {CanColor, mixinColor, ThemePalette} from './color';
 export {CanDisableRipple, mixinDisableRipple} from './disable-ripple';
 export {HasTabIndex, mixinTabIndex} from './tabindex';
 export {CanUpdateErrorState, mixinErrorState} from './error-state';
+export {OnInitialized, mixinInitialized} from './initialized';

src/lib/core/common-behaviors/initialized.spec.ts

@@ -0,0 +1,50 @@
+import {mixinInitialized} from './initialized';
+import {OnInitialized} from '@angular/material/core';
+
+describe('MixinOnInitialized', () => {
+  class EmptyClass { }
+  let instance: OnInitialized;
+
+  beforeEach(() => {
+
+    const classWithOnInitialized = mixinInitialized(EmptyClass);
+    instance = new classWithOnInitialized();
+  });
+
+  it('should emit for subscriptions made before the directive was marked as initialized', done => {
+    // Listen for an event from the initialized stream and mark the test as done when it emits.
+    instance.initialized.subscribe(() => done());
+
+    // Mark the class as initialized so that the stream emits and the test completes.
+    instance._markInitialized();
+  });
+
+  it('should emit for subscriptions made after the directive was marked as initialized', done => {
+    // Mark the class as initialized so the stream emits when subscribed and the test completes.
+    instance._markInitialized();
+
+    // Listen for an event from the initialized stream and mark the test as done when it emits.
+    instance.initialized.subscribe(() => done());
+  });
+
+  it('should emit for multiple subscriptions made before and after marked as initialized', done => {
+    // Should expect the number of notifications to match the number of subscriptions.
+    const expectedNotificationCount = 4;
+    let currentNotificationCount = 0;
+
+    // Function that completes the test when the number of notifications meets the expectation.
+    function onNotified() {
+      if (++currentNotificationCount === expectedNotificationCount) {
+        done();
+      }
+    }
+
+    instance.initialized.subscribe(onNotified);  // Subscription 1
+    instance.initialized.subscribe(onNotified);  // Subscription 2
+
+    instance._markInitialized();
+
+    instance.initialized.subscribe(onNotified);  // Subscription 3
+    instance.initialized.subscribe(onNotified);  // Subscription 4
+  });
+});

src/lib/core/common-behaviors/initialized.ts

@@ -0,0 +1,79 @@
+/**
+ * @license
+ * Copyright Google LLC 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 {Constructor} from './constructor';
+import {Observable} from 'rxjs/Observable';
+import {Subscriber} from 'rxjs/Subscriber';
+
+/**
+ * Mixin that adds an initialized property to a directive which, when subscribed to, will emit a
+ * value once markInitialized has been called, which should be done during the ngOnInit function.
+ * If the subscription is made after it has already been marked as initialized, then it will trigger
+ * an emit immediately.
+ * @docs-private
+ */
+export interface OnInitialized {
+  /** Stream that emits once during the directive/component's ngOnInit. */
+  initialized: Observable<void>;
+
+  /**
+   * Sets the state as initialized and must be called during ngOnInit to notify subscribers that
+   * the directive has been initialized.
+   * @docs-private
+   */
+  _markInitialized: () => void;
+}
+
+/** Mixin to augment a directive with an initialized property that will emits when ngOnInit ends. */
+export function mixinInitialized<T extends Constructor<{}>>(base: T):
+    Constructor<OnInitialized> & T {
+  return class extends base {
+    /** Whether this directive has been marked as initialized. */
+    _isInitialized = false;
+
+    /**
+     * List of subscribers that subscribed before the directive was initialized. Should be notified
+     * during _markInitialized.
+     */
+    _pendingSubscribers: Subscriber<void>[] = [];
+
+    /**
+     * Observable stream that emits when the directive initializes. If already initialized, the
+     * subscriber is stored to be notified once _markInitialized is called.
+     */
+    initialized = new Observable<void>(subscriber => {
+      // If initialized, immediately notify the subscriber. Otherwise store the subscriber to notify
+      // when _markInitialized is called.
+      if (this._isInitialized) {
+        this._notifySubscriber(subscriber);
+      } else {
+        this._pendingSubscribers.push(subscriber);
+      }
+    });
+
+    constructor(...args: any[]) { super(...args); }
+
+    /**
+     * Marks the state as initialized and notifies pending subscribers. Should be called at the end
+     * of ngOnInit.
+     * @docs-private
+     */
+    _markInitialized(): void {
+      this._isInitialized = true;
+
+      this._pendingSubscribers.forEach(this._notifySubscriber);
+      this._pendingSubscribers = [];
+    }
+
+    /** Emits and completes the subscriber stream (should only emit once). */
+    _notifySubscriber(subscriber: Subscriber<void>): void {
+      subscriber.next();
+      subscriber.complete();
+    }
+  };
+}

tools/package-tools/rollup-globals.ts

@@ -54,6 +54,7 @@ export const rollupGlobals = {
   ...rollupMatEntryPoints,
 
   'rxjs/BehaviorSubject': 'Rx',
+  'rxjs/ReplaySubject': 'Rx',
   'rxjs/Observable': 'Rx',
   'rxjs/Subject': 'Rx',
   'rxjs/Subscription': 'Rx',