rxjs#Unsubscribable TypeScript Examples

export function queueForAutoUnsubscribe(subscription: Unsubscribable): void {
  if (isAutoUnsubscribeSet) {
    subscribers.push(subscription);
  }
}

subscribers: Unsubscribable[] = []

/**
 * Mixes in {@link SubscriptionManager} as an additional superclass.
 *
 * ```ts
 * class MySubclass extends mixInSubscriptionManager(MyOtherSuperclass) {
 *   subscribeAndManage(observable: Observable<any>) {
 *     this.subscribeTo(observable);
 *   }
 * }
 * ```
 */
// eslint-disable-next-line max-lines-per-function,@typescript-eslint/explicit-function-return-type
export function mixInSubscriptionManager<B extends Constructor>(Base: B) {
  return class extends Base implements Unsubscribable {
    #subscriptions = new Subscription();

    // eslint-disable-next-line max-params
    subscribeTo<T>(
      observable: Observable<T>,
      next?: (value: T) => void,
      error?: (error: any) => void,
      complete?: () => void,
    ): void {
      this.#subscriptions.add(
        observable.subscribe({
          next: next?.bind(this),
          error: error?.bind(this),
          complete: complete?.bind(this),
        }),
      );
    }

    manage(subscription: Subscription): void {
      this.#subscriptions.add(subscription);
    }

    unsubscribe(): void {
      this.#subscriptions.unsubscribe();
      this.#subscriptions = new Subscription();
    }
  };
}

stopQueryState = (querySubscription: Unsubscribable) => {
  if (querySubscription) {
    querySubscription.unsubscribe();
  }
}

querySubscription: Unsubscribable;

querySubscription: Unsubscribable;

querySubscription: Unsubscribable;

querySubscription: Unsubscribable;

querySubscription: Unsubscribable;

private subscription?: Unsubscribable;

querySubscription?: Unsubscribable;