@typeheim/fire-rx

FireRx

RxJS on steroids. Makes subjects behave like promises to support async/await and adds new useful classes.

StatefulSubject

StatefulSubject extends ReplaySubject from RxJS and adds Promise interface so that you can use async/await operators on it.

import { StatefulSubject } from '@typeheim/fire-rx'

let subject = new StatefulSubject<number>(1)

subject.next(5)
await subject // returns 5

subject.next(6)
await subject // returns 6

ValueSubject

ValueSubject extends BehaviorSubject from RxJS and adds Promise interface so that you can use async/await operators on it.

import { ValueSubject } from '@typeheim/fire-rx'

let subject = new ValueSubject<number>(0)

subject.next(5)
await subject // returns 5

subject.next(6)
await subject // returns 6

ReactivePromise

ReactivePromise acts as a regular Promise but additionally let you use subscribe and pipe methods. ReactivePromise, like StatefulSubject, buffers resolved value and can distribute it to multiple subscribers. ReactivePromise is memory-safe and unsubscribe subscriptions once it's resolved.

import { ReactivePromise } from '@typeheim/fire-rx'

let promise = new ReactivePromise<number>()

promise.resolve(5)
await promise // returns 5
promise.subscribe(value => console.log(value)) // returns 5 

//..............

let promise = new ReactivePromise<number>((resolve, reject) => {
    resolve(5)
})

promise.subscribe(value => console.log(value)) // returns 5 

SubscriptionsHub

SubscriptionsHub represents a hub of subscriptions that let you massively unsubscribe them at once. It might be useful to trigger at object destruction to free resources

import { SubscriptionsHub, StatefulSubject } from '@typeheim/fire-rx'

class Sample {
    protected hub: SubscriptionsHub = new SubscriptionsHub()
    
    doSomething() {
        let subject = new StatefulSubject<number>()
        
        this.hub.add(subject.subscribe(data => console.log(data)))
    }
    
    onDestroy() {
        this.hub.unsubscribe()
    }
}

DestroyEvent

DestroyEvent is a special reactive class that servers as a destruction notifier and can be used in pair with Fire subjects or with SubscriptionsHub

import { DestroyEvent, SubscriptionsHub, StatefulSubject } from '@typeheim/fire-rx'

class Sample {
    protected destroyEvent: DestroyEvent = new DestroyEvent()
    protected hub: SubscriptionsHub = new SubscriptionsHub(this.destroyEvent)

    doSomething() {
        let subject = new StatefulSubject<number>()

        this.hub.add(subject.subscribe(data => console.log(data)))

        let anotherSubject = new StatefulSubject<number>()
        
        subject.until(this.destroyEvent).subscribe(data => console.log(data))
    }

    onDestroy() {
        this.destroyEvent.emit()
    }
}