@nbottarini/observable 0.5.0 → 0.8.0

package/README.md

@@ -18,11 +18,13 @@ $ yarn add @nbottarini/observable
 
 ## Usage
 
+### Observables
+
 **View1.ts:**
 ```typescript
 export class View1 {
-    public readonly buttonClicked = new Observable<ClickEvent>()
-    public readonly textChanged = new Observable<TextChangedEvent>()
+    public readonly buttonClicked = observable<ClickEvent>()
+    public readonly textChanged = observable<TextChangedEvent>()
     
     // Do something internally to handle UI events 
     
@@ -48,11 +50,36 @@ export class View2 {
 }
 ```
 
-**Observable properties:**
+### Composite observables
+
+```typescript
+const buttonClicked = observable<ClickEvent>()
+const textChanged = observable<TextChangedEvent>()
+const allEvents = compositeObservable(buttonClicked, textChanged)
+
+allEvents.subscribe({}, (event) => {
+    // Notifies click and text changed events
+})
+```
+
+### Observable values:
 
 ```typescript
-const nameProperty = new ObservableProperty('John')
-nameProperty.changed.subscribe(this, this.onNameChanged)
+const nameProperty$ = observableValue('John')
+nameProperty$.value // 'John' 
+
+nameProperty$.changed.subscribe(this, this.onNameChanged)
+nameProperty$.value = 'new name' // Notifies changes to subscribers
+```
+
+### Observable computed values:
+```typescript
+const property1 = observableValue(1)
+const property2$ = observableValue(2)
+const computedProperty$ = observableComputed((value1, value2) => value1 + value2, $property1, $property2)
+computedProperty$.value // returns 3 
+
+computedProperty$.changed.subscribe(this, this.onComputedChanged)
+property1$.value = 3 // Notifies new computed value 5 to computedProperty$ subscribers
 
-nameProperty.value = 'new name'
 ```

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";class Observable{observers=new Set;handlers=new Map;subscribe(observer,handler){this.observers.add(observer),this.handlers.set(observer,handler.bind(observer))}hasObserver(observer){return this.observers.has(observer)}unsubscribe(observer){this.observers.delete(observer),this.handlers.delete(observer)}unsubscribeAll(){this.observers.clear(),this.handlers.clear()}async notify(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}exports.Observable=Observable,exports.ObservableProperty=class{_value;changed=new Observable;constructor(initialValue){this._value=initialValue}get value(){return this._value}set value(newValue){this._value!==newValue&&(this._value=newValue,this.changed.notify(this._value))}};
+"use strict";class DefaultObservable{observers=new Set;handlers=new Map;subscribe(observer,handler){this.observers.add(observer),this.handlers.set(observer,handler.bind(observer))}hasObserver(observer){return this.observers.has(observer)}unsubscribe(observer){this.observers.delete(observer),this.handlers.delete(observer)}unsubscribeAll(){this.observers.clear(),this.handlers.clear()}async notify(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}function observable(){return new DefaultObservable}class CompositeObservable{sources;observers=new Set;handlers=new Map;onSourceEventRef=this.onSourceEvent.bind(this);constructor(sources){this.sources=sources}hasObserver(observer){return this.observers.has(observer)}async notify(value){throw new Error("CompositeObservable cannot be notified directly")}subscribe(observer,handler){const isFirstObserver=0===this.observers.size;this.observers.add(observer),this.handlers.set(observer,handler.bind(observer)),isFirstObserver&&this.attachToSources()}unsubscribe(observer){const hadObservers=this.observers.size>0;this.observers.delete(observer),this.handlers.delete(observer),hadObservers&&0===this.observers.size&&this.detachFromSources()}unsubscribeAll(){const hadObservers=this.observers.size>0;this.observers.clear(),this.handlers.clear(),hadObservers&&this.detachFromSources()}attachToSources(){for(const source of this.sources)source.subscribe(this,this.onSourceEventRef)}detachFromSources(){for(const source of this.sources)source.unsubscribe(this)}async onSourceEvent(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}function compositeObservable(...sources){return new CompositeObservable(sources)}class ObservableMutableValue{_value;changed=observable();constructor(initialValue){this._value=initialValue}subscribe(observer,handler){this.changed.subscribe(observer,handler)}hasObserver(observer){return this.changed.hasObserver(observer)}unsubscribe(observer){this.changed.unsubscribe(observer)}unsubscribeAll(){this.changed.unsubscribeAll()}async notify(value){return this.changed.notify(value)}get value(){return this._value}set value(newValue){this._value!==newValue&&(this._value=newValue,this.changed.notify(this._value))}}class ObservableComputedValue{computeFunc;internalChanged=observable();changed={subscribe:(o,h)=>this.subscribe(o,h),hasObserver:o=>this.hasObserver(o),unsubscribe:o=>this.unsubscribe(o),unsubscribeAll:()=>this.unsubscribeAll(),notify:v=>this.notify(v)};depsChanged;deps;onDepsChangedRef=this.onDepsChanged.bind(this);observerCount=0;hasValue=!1;cachedValue;constructor(computeFunc,...deps){this.computeFunc=computeFunc,this.deps=deps;const sources=deps.map((it=>it.changed));this.depsChanged=compositeObservable(...sources)}subscribe(observer,handler){const observerAlreadySubscribed=this.hasObserver(observer),isFirstObserver=0===this.observerCount;this.internalChanged.subscribe(observer,handler),observerAlreadySubscribed||this.observerCount++,isFirstObserver&&this.depsChanged.subscribe(this,this.onDepsChangedRef)}hasObserver(observer){return this.internalChanged.hasObserver(observer)}unsubscribe(observer){this.internalChanged.hasObserver(observer)&&(this.internalChanged.unsubscribe(observer),this.observerCount--,0===this.observerCount&&this.depsChanged.unsubscribe(this))}unsubscribeAll(){const hadObservers=this.observerCount>0;this.internalChanged.unsubscribeAll(),this.observerCount=0,hadObservers&&this.depsChanged.unsubscribe(this)}async notify(value){throw new Error("ComputedProperty cannot be notified directly")}get value(){return 0===this.observerCount?this.compute():(this.hasValue||(this.cachedValue=this.compute(),this.hasValue=!0),this.cachedValue)}compute(){const values=this.deps.map((d=>d.value));return this.computeFunc(...values)}onDepsChanged(){const newValue=this.compute();this.hasValue&&Object.is(this.cachedValue,newValue)||(this.cachedValue=newValue,this.hasValue=!0,this.internalChanged.notify(this.cachedValue))}}exports.CompositeObservable=CompositeObservable,exports.DefaultObservable=DefaultObservable,exports.ObservableComputedValue=ObservableComputedValue,exports.ObservableMutableValue=ObservableMutableValue,exports.compositeObservable=compositeObservable,exports.observable=observable,exports.observableComputed=function(computeFunc,...deps){return new ObservableComputedValue(computeFunc,...deps)},exports.observableValue=function(initialValue){return new ObservableMutableValue(initialValue)};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Observable.ts","../../src/ObservableProperty.ts"],"sourcesContent":["export type ObserverFunc<T> = (subject: T) => any\n\nexport class Observable<T = void> {\n    private observers: Set<object> = new Set()\n    private handlers: Map<object, ObserverFunc<T>> = new Map()\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n    }\n\n    hasObserver(observer: object) {\n        return this.observers.has(observer)\n    }\n\n    unsubscribe(observer: object) {\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n    }\n\n    unsubscribeAll() {\n        this.observers.clear()\n        this.handlers.clear()\n    }\n\n    async notify(value?: T) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n","import { Observable } from './Observable'\n\nexport class ObservableProperty<T = any> {\n    private _value: T\n    readonly changed: Observable<T> = new Observable()\n\n    constructor(initialValue: T) {\n        this._value = initialValue\n    }\n\n    get value(): T {\n        return this._value\n    }\n\n    set value(newValue: T) {\n        if (this._value === newValue) return\n        this._value = newValue\n        this.changed.notify(this._value)\n    }\n}\n"],"names":["Observable","observers","Set","handlers","Map","subscribe","observer","handler","this","add","set","bind","hasObserver","has","unsubscribe","delete","unsubscribeAll","clear","notify","value","promises","values","push","Promise","all","_value","changed","constructor","initialValue","newValue"],"mappings":"mBAEaA,WACDC,UAAyB,IAAIC,IAC7BC,SAAyC,IAAIC,IAErD,SAAAC,CAAUC,SAAkBC,SACxBC,KAAKP,UAAUQ,IAAIH,UACnBE,KAAKL,SAASO,IAAIJ,SAAUC,QAAQI,KAAKL,UAC5C,CAED,WAAAM,CAAYN,UACR,OAAOE,KAAKP,UAAUY,IAAIP,SAC7B,CAED,WAAAQ,CAAYR,UACRE,KAAKP,UAAUc,OAAOT,UACtBE,KAAKL,SAASY,OAAOT,SACxB,CAED,cAAAU,GACIR,KAAKP,UAAUgB,QACfT,KAAKL,SAASc,OACjB,CAED,YAAMC,CAAOC,OACT,IAAIC,SAAW,GACf,IAAK,MAAMb,WAAWC,KAAKL,SAASkB,SAChCD,SAASE,KAAKf,QAAQY,cAEpBI,QAAQC,IAAIJ,SACrB,iEC5BOK,OACCC,QAAyB,IAAI1B,WAEtC,WAAA2B,CAAYC,cACRpB,KAAKiB,OAASG,YACjB,CAED,SAAIT,GACA,OAAOX,KAAKiB,MACf,CAED,SAAIN,CAAMU,UACFrB,KAAKiB,SAAWI,WACpBrB,KAAKiB,OAASI,SACdrB,KAAKkB,QAAQR,OAAOV,KAAKiB,QAC5B"}
+{"version":3,"file":"index.js","sources":["../../src/DefaultObservable.ts","../../src/CompositeObservable.ts","../../src/ObservableMutableValue.ts","../../src/ObservableComputedValue.ts"],"sourcesContent":["import { Observable, ObserverFunc } from './Observable'\n\nexport class DefaultObservable<T = void> implements Observable<T> {\n    private observers: Set<object> = new Set()\n    private handlers: Map<object, ObserverFunc<T>> = new Map()\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n    }\n\n    hasObserver(observer: object) {\n        return this.observers.has(observer)\n    }\n\n    unsubscribe(observer: object) {\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n    }\n\n    unsubscribeAll() {\n        this.observers.clear()\n        this.handlers.clear()\n    }\n\n    async notify(value?: T) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n\nexport function observable<T = void>(): Observable<T> {\n    return new DefaultObservable<T>()\n}\n","import { Observable, ObserverFunc } from './Observable'\n\ntype EventOf<O> = O extends Observable<infer T> ? T : never\n\nexport class CompositeObservable<Sources extends readonly Observable<any>[]> implements Observable<EventOf<Sources[number]>> {\n    private observers = new Set<object>()\n    private handlers: Map<object, ObserverFunc<EventOf<Sources[number]>>> = new Map()\n    private onSourceEventRef = this.onSourceEvent.bind(this)\n\n    constructor(private readonly sources: Sources) {\n    }\n\n    hasObserver(observer: object): boolean {\n        return this.observers.has(observer)\n    }\n\n    async notify(value?: EventOf<Sources[number]>) {\n        throw new Error('CompositeObservable cannot be notified directly')\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<EventOf<Sources[number]>>): void {\n        const isFirstObserver = this.observers.size === 0\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n\n        if (isFirstObserver) this.attachToSources()\n    }\n\n    unsubscribe(observer: object): void {\n        const hadObservers  = this.observers.size > 0\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n\n        if (hadObservers  && this.observers.size === 0) this.detachFromSources()\n    }\n\n    unsubscribeAll(): void {\n        const hadObservers  = this.observers.size > 0\n        this.observers.clear()\n        this.handlers.clear()\n        if (hadObservers ) this.detachFromSources()\n    }\n\n    private attachToSources() {\n        for (const source of this.sources) {\n            source.subscribe(this, this.onSourceEventRef)\n        }\n    }\n\n    private detachFromSources() {\n        for (const source of this.sources) {\n            source.unsubscribe(this)\n        }\n    }\n\n    private async onSourceEvent(value?: EventOf<Sources[number]>) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n\nexport function compositeObservable<Sources extends readonly Observable<any>[]>(...sources: Sources) {\n    return new CompositeObservable(sources)\n}\n","import { observable } from './DefaultObservable'\nimport { ObserverFunc } from './Observable'\nimport { ObservableValue } from './ObservableValue'\n\nexport class ObservableMutableValue<T> implements ObservableValue<T> {\n    private _value: T\n    readonly changed = observable<T>()\n\n    constructor(initialValue: T) {\n        this._value = initialValue\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.changed.subscribe(observer, handler)\n    }\n    hasObserver(observer: object): boolean {\n        return this.changed.hasObserver(observer)\n    }\n    unsubscribe(observer: object) {\n        this.changed.unsubscribe(observer)\n    }\n    unsubscribeAll() {\n        this.changed.unsubscribeAll()\n    }\n\n    async notify(value?: T): Promise<void> {\n        return this.changed.notify(value)\n    }\n\n    get value(): T {\n        return this._value\n    }\n\n    set value(newValue: T) {\n        if (this._value === newValue) return\n        this._value = newValue\n        this.changed.notify(this._value)\n    }\n}\n\nexport function observableValue<T>(initialValue: T): ObservableMutableValue<T> {\n    return new ObservableMutableValue<T>(initialValue)\n}\n","import { ObservableValue } from './ObservableValue'\nimport { Observable, ObserverFunc } from './Observable'\nimport { compositeObservable } from './CompositeObservable'\nimport { observable } from './DefaultObservable'\n\ntype ValueOf<P> = P extends ObservableValue<infer T> ? T : never\n\nexport class ObservableComputedValue<Deps extends readonly ObservableValue<any>[], T> implements ObservableValue<T> {\n    private readonly internalChanged = observable<T>()\n    readonly changed: Observable<T> = {\n        subscribe: (o, h) => this.subscribe(o, h),\n        hasObserver: (o) => this.hasObserver(o),\n        unsubscribe: (o) => this.unsubscribe(o),\n        unsubscribeAll: () => this.unsubscribeAll(),\n        notify: (v) => this.notify(v),\n    }\n    private readonly depsChanged: Observable<any>\n    private readonly deps: Deps\n    private readonly onDepsChangedRef = this.onDepsChanged.bind(this)\n    private observerCount = 0\n    private hasValue = false\n    private cachedValue!: T\n\n    constructor(private readonly computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n        this.deps = deps\n        const sources = deps.map(it => it.changed)\n        this.depsChanged = compositeObservable(...sources)\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<any>) {\n        const observerAlreadySubscribed = this.hasObserver(observer)\n        const isFirstObserver = this.observerCount === 0\n        this.internalChanged.subscribe(observer, handler)\n        if (!observerAlreadySubscribed) {\n            this.observerCount++\n        }\n        if (isFirstObserver) this.depsChanged.subscribe(this, this.onDepsChangedRef)\n    }\n\n    hasObserver(observer: object): boolean {\n        return this.internalChanged.hasObserver(observer)\n    }\n\n    unsubscribe(observer: object) {\n        if (!this.internalChanged.hasObserver(observer)) return\n\n        this.internalChanged.unsubscribe(observer)\n        this.observerCount--\n\n        if (this.observerCount === 0) this.depsChanged.unsubscribe(this)\n    }\n\n    unsubscribeAll() {\n        const hadObservers = this.observerCount > 0\n        this.internalChanged.unsubscribeAll()\n        this.observerCount = 0\n        if (hadObservers) this.depsChanged.unsubscribe(this)\n    }\n\n    async notify(value?: any): Promise<void> {\n        throw new Error('ComputedProperty cannot be notified directly')\n    }\n\n    get value(): T {\n        // When there are no observers we must recompute on each call because we aren't watching dep changes\n        if (this.observerCount === 0) return this.compute()\n\n        if (!this.hasValue) {\n            this.cachedValue = this.compute()\n            this.hasValue = true\n        }\n        return this.cachedValue\n    }\n\n    private compute(): T {\n        const values = this.deps.map(d => d.value) as { [K in keyof Deps]: ValueOf<Deps[K]> }\n        return this.computeFunc(...values)\n    }\n\n    private onDepsChanged() {\n        const newValue = this.compute()\n\n        if (!this.hasValue || !Object.is(this.cachedValue, newValue)) {\n            this.cachedValue = newValue\n            this.hasValue = true\n            this.internalChanged.notify(this.cachedValue)\n        }\n    }\n}\n\nexport function observableComputed<\n    Deps extends readonly ObservableValue<any>[],\n    T,\n>(computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n    return new ObservableComputedValue(computeFunc, ...deps)\n}\n"],"names":["DefaultObservable","observers","Set","handlers","Map","subscribe","observer","handler","this","add","set","bind","hasObserver","has","unsubscribe","delete","unsubscribeAll","clear","notify","value","promises","values","push","Promise","all","observable","CompositeObservable","sources","onSourceEventRef","onSourceEvent","constructor","Error","isFirstObserver","size","attachToSources","hadObservers","detachFromSources","source","compositeObservable","ObservableMutableValue","_value","changed","initialValue","newValue","ObservableComputedValue","computeFunc","internalChanged","o","h","v","depsChanged","deps","onDepsChangedRef","onDepsChanged","observerCount","hasValue","cachedValue","map","it","observerAlreadySubscribed","compute","d","Object","is"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-class Observable{observers=new Set;handlers=new Map;subscribe(observer,handler){this.observers.add(observer),this.handlers.set(observer,handler.bind(observer))}hasObserver(observer){return this.observers.has(observer)}unsubscribe(observer){this.observers.delete(observer),this.handlers.delete(observer)}unsubscribeAll(){this.observers.clear(),this.handlers.clear()}async notify(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}class ObservableProperty{_value;changed=new Observable;constructor(initialValue){this._value=initialValue}get value(){return this._value}set value(newValue){this._value!==newValue&&(this._value=newValue,this.changed.notify(this._value))}}export{Observable,ObservableProperty};
+class DefaultObservable{observers=new Set;handlers=new Map;subscribe(observer,handler){this.observers.add(observer),this.handlers.set(observer,handler.bind(observer))}hasObserver(observer){return this.observers.has(observer)}unsubscribe(observer){this.observers.delete(observer),this.handlers.delete(observer)}unsubscribeAll(){this.observers.clear(),this.handlers.clear()}async notify(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}function observable(){return new DefaultObservable}class CompositeObservable{sources;observers=new Set;handlers=new Map;onSourceEventRef=this.onSourceEvent.bind(this);constructor(sources){this.sources=sources}hasObserver(observer){return this.observers.has(observer)}async notify(value){throw new Error("CompositeObservable cannot be notified directly")}subscribe(observer,handler){const isFirstObserver=0===this.observers.size;this.observers.add(observer),this.handlers.set(observer,handler.bind(observer)),isFirstObserver&&this.attachToSources()}unsubscribe(observer){const hadObservers=this.observers.size>0;this.observers.delete(observer),this.handlers.delete(observer),hadObservers&&0===this.observers.size&&this.detachFromSources()}unsubscribeAll(){const hadObservers=this.observers.size>0;this.observers.clear(),this.handlers.clear(),hadObservers&&this.detachFromSources()}attachToSources(){for(const source of this.sources)source.subscribe(this,this.onSourceEventRef)}detachFromSources(){for(const source of this.sources)source.unsubscribe(this)}async onSourceEvent(value){let promises=[];for(const handler of this.handlers.values())promises.push(handler(value));await Promise.all(promises)}}function compositeObservable(...sources){return new CompositeObservable(sources)}class ObservableMutableValue{_value;changed=observable();constructor(initialValue){this._value=initialValue}subscribe(observer,handler){this.changed.subscribe(observer,handler)}hasObserver(observer){return this.changed.hasObserver(observer)}unsubscribe(observer){this.changed.unsubscribe(observer)}unsubscribeAll(){this.changed.unsubscribeAll()}async notify(value){return this.changed.notify(value)}get value(){return this._value}set value(newValue){this._value!==newValue&&(this._value=newValue,this.changed.notify(this._value))}}function observableValue(initialValue){return new ObservableMutableValue(initialValue)}class ObservableComputedValue{computeFunc;internalChanged=observable();changed={subscribe:(o,h)=>this.subscribe(o,h),hasObserver:o=>this.hasObserver(o),unsubscribe:o=>this.unsubscribe(o),unsubscribeAll:()=>this.unsubscribeAll(),notify:v=>this.notify(v)};depsChanged;deps;onDepsChangedRef=this.onDepsChanged.bind(this);observerCount=0;hasValue=!1;cachedValue;constructor(computeFunc,...deps){this.computeFunc=computeFunc,this.deps=deps;const sources=deps.map((it=>it.changed));this.depsChanged=compositeObservable(...sources)}subscribe(observer,handler){const observerAlreadySubscribed=this.hasObserver(observer),isFirstObserver=0===this.observerCount;this.internalChanged.subscribe(observer,handler),observerAlreadySubscribed||this.observerCount++,isFirstObserver&&this.depsChanged.subscribe(this,this.onDepsChangedRef)}hasObserver(observer){return this.internalChanged.hasObserver(observer)}unsubscribe(observer){this.internalChanged.hasObserver(observer)&&(this.internalChanged.unsubscribe(observer),this.observerCount--,0===this.observerCount&&this.depsChanged.unsubscribe(this))}unsubscribeAll(){const hadObservers=this.observerCount>0;this.internalChanged.unsubscribeAll(),this.observerCount=0,hadObservers&&this.depsChanged.unsubscribe(this)}async notify(value){throw new Error("ComputedProperty cannot be notified directly")}get value(){return 0===this.observerCount?this.compute():(this.hasValue||(this.cachedValue=this.compute(),this.hasValue=!0),this.cachedValue)}compute(){const values=this.deps.map((d=>d.value));return this.computeFunc(...values)}onDepsChanged(){const newValue=this.compute();this.hasValue&&Object.is(this.cachedValue,newValue)||(this.cachedValue=newValue,this.hasValue=!0,this.internalChanged.notify(this.cachedValue))}}function observableComputed(computeFunc,...deps){return new ObservableComputedValue(computeFunc,...deps)}export{CompositeObservable,DefaultObservable,ObservableComputedValue,ObservableMutableValue,compositeObservable,observable,observableComputed,observableValue};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Observable.ts","../../src/ObservableProperty.ts"],"sourcesContent":["export type ObserverFunc<T> = (subject: T) => any\n\nexport class Observable<T = void> {\n    private observers: Set<object> = new Set()\n    private handlers: Map<object, ObserverFunc<T>> = new Map()\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n    }\n\n    hasObserver(observer: object) {\n        return this.observers.has(observer)\n    }\n\n    unsubscribe(observer: object) {\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n    }\n\n    unsubscribeAll() {\n        this.observers.clear()\n        this.handlers.clear()\n    }\n\n    async notify(value?: T) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n","import { Observable } from './Observable'\n\nexport class ObservableProperty<T = any> {\n    private _value: T\n    readonly changed: Observable<T> = new Observable()\n\n    constructor(initialValue: T) {\n        this._value = initialValue\n    }\n\n    get value(): T {\n        return this._value\n    }\n\n    set value(newValue: T) {\n        if (this._value === newValue) return\n        this._value = newValue\n        this.changed.notify(this._value)\n    }\n}\n"],"names":["Observable","observers","Set","handlers","Map","subscribe","observer","handler","this","add","set","bind","hasObserver","has","unsubscribe","delete","unsubscribeAll","clear","notify","value","promises","values","push","Promise","all","ObservableProperty","_value","changed","constructor","initialValue","newValue"],"mappings":"MAEaA,WACDC,UAAyB,IAAIC,IAC7BC,SAAyC,IAAIC,IAErD,SAAAC,CAAUC,SAAkBC,SACxBC,KAAKP,UAAUQ,IAAIH,UACnBE,KAAKL,SAASO,IAAIJ,SAAUC,QAAQI,KAAKL,UAC5C,CAED,WAAAM,CAAYN,UACR,OAAOE,KAAKP,UAAUY,IAAIP,SAC7B,CAED,WAAAQ,CAAYR,UACRE,KAAKP,UAAUc,OAAOT,UACtBE,KAAKL,SAASY,OAAOT,SACxB,CAED,cAAAU,GACIR,KAAKP,UAAUgB,QACfT,KAAKL,SAASc,OACjB,CAED,YAAMC,CAAOC,OACT,IAAIC,SAAW,GACf,IAAK,MAAMb,WAAWC,KAAKL,SAASkB,SAChCD,SAASE,KAAKf,QAAQY,cAEpBI,QAAQC,IAAIJ,SACrB,QC7BQK,mBACDC,OACCC,QAAyB,IAAI3B,WAEtC,WAAA4B,CAAYC,cACRrB,KAAKkB,OAASG,YACjB,CAED,SAAIV,GACA,OAAOX,KAAKkB,MACf,CAED,SAAIP,CAAMW,UACFtB,KAAKkB,SAAWI,WACpBtB,KAAKkB,OAASI,SACdtB,KAAKmB,QAAQT,OAAOV,KAAKkB,QAC5B"}
+{"version":3,"file":"index.js","sources":["../../src/DefaultObservable.ts","../../src/CompositeObservable.ts","../../src/ObservableMutableValue.ts","../../src/ObservableComputedValue.ts"],"sourcesContent":["import { Observable, ObserverFunc } from './Observable'\n\nexport class DefaultObservable<T = void> implements Observable<T> {\n    private observers: Set<object> = new Set()\n    private handlers: Map<object, ObserverFunc<T>> = new Map()\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n    }\n\n    hasObserver(observer: object) {\n        return this.observers.has(observer)\n    }\n\n    unsubscribe(observer: object) {\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n    }\n\n    unsubscribeAll() {\n        this.observers.clear()\n        this.handlers.clear()\n    }\n\n    async notify(value?: T) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n\nexport function observable<T = void>(): Observable<T> {\n    return new DefaultObservable<T>()\n}\n","import { Observable, ObserverFunc } from './Observable'\n\ntype EventOf<O> = O extends Observable<infer T> ? T : never\n\nexport class CompositeObservable<Sources extends readonly Observable<any>[]> implements Observable<EventOf<Sources[number]>> {\n    private observers = new Set<object>()\n    private handlers: Map<object, ObserverFunc<EventOf<Sources[number]>>> = new Map()\n    private onSourceEventRef = this.onSourceEvent.bind(this)\n\n    constructor(private readonly sources: Sources) {\n    }\n\n    hasObserver(observer: object): boolean {\n        return this.observers.has(observer)\n    }\n\n    async notify(value?: EventOf<Sources[number]>) {\n        throw new Error('CompositeObservable cannot be notified directly')\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<EventOf<Sources[number]>>): void {\n        const isFirstObserver = this.observers.size === 0\n        this.observers.add(observer)\n        this.handlers.set(observer, handler.bind(observer))\n\n        if (isFirstObserver) this.attachToSources()\n    }\n\n    unsubscribe(observer: object): void {\n        const hadObservers  = this.observers.size > 0\n        this.observers.delete(observer)\n        this.handlers.delete(observer)\n\n        if (hadObservers  && this.observers.size === 0) this.detachFromSources()\n    }\n\n    unsubscribeAll(): void {\n        const hadObservers  = this.observers.size > 0\n        this.observers.clear()\n        this.handlers.clear()\n        if (hadObservers ) this.detachFromSources()\n    }\n\n    private attachToSources() {\n        for (const source of this.sources) {\n            source.subscribe(this, this.onSourceEventRef)\n        }\n    }\n\n    private detachFromSources() {\n        for (const source of this.sources) {\n            source.unsubscribe(this)\n        }\n    }\n\n    private async onSourceEvent(value?: EventOf<Sources[number]>) {\n        let promises = []\n        for (const handler of this.handlers.values()) {\n            promises.push(handler(value))\n        }\n        await Promise.all(promises)\n    }\n}\n\nexport function compositeObservable<Sources extends readonly Observable<any>[]>(...sources: Sources) {\n    return new CompositeObservable(sources)\n}\n","import { observable } from './DefaultObservable'\nimport { ObserverFunc } from './Observable'\nimport { ObservableValue } from './ObservableValue'\n\nexport class ObservableMutableValue<T> implements ObservableValue<T> {\n    private _value: T\n    readonly changed = observable<T>()\n\n    constructor(initialValue: T) {\n        this._value = initialValue\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<T>) {\n        this.changed.subscribe(observer, handler)\n    }\n    hasObserver(observer: object): boolean {\n        return this.changed.hasObserver(observer)\n    }\n    unsubscribe(observer: object) {\n        this.changed.unsubscribe(observer)\n    }\n    unsubscribeAll() {\n        this.changed.unsubscribeAll()\n    }\n\n    async notify(value?: T): Promise<void> {\n        return this.changed.notify(value)\n    }\n\n    get value(): T {\n        return this._value\n    }\n\n    set value(newValue: T) {\n        if (this._value === newValue) return\n        this._value = newValue\n        this.changed.notify(this._value)\n    }\n}\n\nexport function observableValue<T>(initialValue: T): ObservableMutableValue<T> {\n    return new ObservableMutableValue<T>(initialValue)\n}\n","import { ObservableValue } from './ObservableValue'\nimport { Observable, ObserverFunc } from './Observable'\nimport { compositeObservable } from './CompositeObservable'\nimport { observable } from './DefaultObservable'\n\ntype ValueOf<P> = P extends ObservableValue<infer T> ? T : never\n\nexport class ObservableComputedValue<Deps extends readonly ObservableValue<any>[], T> implements ObservableValue<T> {\n    private readonly internalChanged = observable<T>()\n    readonly changed: Observable<T> = {\n        subscribe: (o, h) => this.subscribe(o, h),\n        hasObserver: (o) => this.hasObserver(o),\n        unsubscribe: (o) => this.unsubscribe(o),\n        unsubscribeAll: () => this.unsubscribeAll(),\n        notify: (v) => this.notify(v),\n    }\n    private readonly depsChanged: Observable<any>\n    private readonly deps: Deps\n    private readonly onDepsChangedRef = this.onDepsChanged.bind(this)\n    private observerCount = 0\n    private hasValue = false\n    private cachedValue!: T\n\n    constructor(private readonly computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n        this.deps = deps\n        const sources = deps.map(it => it.changed)\n        this.depsChanged = compositeObservable(...sources)\n    }\n\n    subscribe(observer: object, handler: ObserverFunc<any>) {\n        const observerAlreadySubscribed = this.hasObserver(observer)\n        const isFirstObserver = this.observerCount === 0\n        this.internalChanged.subscribe(observer, handler)\n        if (!observerAlreadySubscribed) {\n            this.observerCount++\n        }\n        if (isFirstObserver) this.depsChanged.subscribe(this, this.onDepsChangedRef)\n    }\n\n    hasObserver(observer: object): boolean {\n        return this.internalChanged.hasObserver(observer)\n    }\n\n    unsubscribe(observer: object) {\n        if (!this.internalChanged.hasObserver(observer)) return\n\n        this.internalChanged.unsubscribe(observer)\n        this.observerCount--\n\n        if (this.observerCount === 0) this.depsChanged.unsubscribe(this)\n    }\n\n    unsubscribeAll() {\n        const hadObservers = this.observerCount > 0\n        this.internalChanged.unsubscribeAll()\n        this.observerCount = 0\n        if (hadObservers) this.depsChanged.unsubscribe(this)\n    }\n\n    async notify(value?: any): Promise<void> {\n        throw new Error('ComputedProperty cannot be notified directly')\n    }\n\n    get value(): T {\n        // When there are no observers we must recompute on each call because we aren't watching dep changes\n        if (this.observerCount === 0) return this.compute()\n\n        if (!this.hasValue) {\n            this.cachedValue = this.compute()\n            this.hasValue = true\n        }\n        return this.cachedValue\n    }\n\n    private compute(): T {\n        const values = this.deps.map(d => d.value) as { [K in keyof Deps]: ValueOf<Deps[K]> }\n        return this.computeFunc(...values)\n    }\n\n    private onDepsChanged() {\n        const newValue = this.compute()\n\n        if (!this.hasValue || !Object.is(this.cachedValue, newValue)) {\n            this.cachedValue = newValue\n            this.hasValue = true\n            this.internalChanged.notify(this.cachedValue)\n        }\n    }\n}\n\nexport function observableComputed<\n    Deps extends readonly ObservableValue<any>[],\n    T,\n>(computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n    return new ObservableComputedValue(computeFunc, ...deps)\n}\n"],"names":["DefaultObservable","observers","Set","handlers","Map","subscribe","observer","handler","this","add","set","bind","hasObserver","has","unsubscribe","delete","unsubscribeAll","clear","notify","value","promises","values","push","Promise","all","observable","CompositeObservable","sources","onSourceEventRef","onSourceEvent","constructor","Error","isFirstObserver","size","attachToSources","hadObservers","detachFromSources","source","compositeObservable","ObservableMutableValue","_value","changed","initialValue","newValue","observableValue","ObservableComputedValue","computeFunc","internalChanged","o","h","v","depsChanged","deps","onDepsChangedRef","onDepsChanged","observerCount","hasValue","cachedValue","map","it","observerAlreadySubscribed","compute","d","Object","is","observableComputed"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -1,5 +1,18 @@
 type ObserverFunc<T> = (subject: T) => any;
-declare class Observable<T = void> {
+interface Observable<T> {
+    subscribe(observer: object, handler: ObserverFunc<T>): void;
+    hasObserver(observer: object): boolean;
+    unsubscribe(observer: object): void;
+    unsubscribeAll(): void;
+    notify(value?: T): Promise<void>;
+}
+
+interface ObservableValue<T = any> extends Observable<T> {
+    readonly changed: Observable<T>;
+    readonly value: T;
+}
+
+declare class DefaultObservable<T = void> implements Observable<T> {
     private observers;
     private handlers;
     subscribe(observer: object, handler: ObserverFunc<T>): void;
@@ -8,13 +21,65 @@ declare class Observable<T = void> {
     unsubscribeAll(): void;
     notify(value?: T): Promise<void>;
 }
+declare function observable<T = void>(): Observable<T>;
 
-declare class ObservableProperty<T = any> {
+type EventOf<O> = O extends Observable<infer T> ? T : never;
+declare class CompositeObservable<Sources extends readonly Observable<any>[]> implements Observable<EventOf<Sources[number]>> {
+    private readonly sources;
+    private observers;
+    private handlers;
+    private onSourceEventRef;
+    constructor(sources: Sources);
+    hasObserver(observer: object): boolean;
+    notify(value?: EventOf<Sources[number]>): Promise<void>;
+    subscribe(observer: object, handler: ObserverFunc<EventOf<Sources[number]>>): void;
+    unsubscribe(observer: object): void;
+    unsubscribeAll(): void;
+    private attachToSources;
+    private detachFromSources;
+    private onSourceEvent;
+}
+declare function compositeObservable<Sources extends readonly Observable<any>[]>(...sources: Sources): CompositeObservable<Sources>;
+
+declare class ObservableMutableValue<T> implements ObservableValue<T> {
     private _value;
     readonly changed: Observable<T>;
     constructor(initialValue: T);
+    subscribe(observer: object, handler: ObserverFunc<T>): void;
+    hasObserver(observer: object): boolean;
+    unsubscribe(observer: object): void;
+    unsubscribeAll(): void;
+    notify(value?: T): Promise<void>;
     get value(): T;
     set value(newValue: T);
 }
+declare function observableValue<T>(initialValue: T): ObservableMutableValue<T>;
+
+type ValueOf<P> = P extends ObservableValue<infer T> ? T : never;
+declare class ObservableComputedValue<Deps extends readonly ObservableValue<any>[], T> implements ObservableValue<T> {
+    private readonly computeFunc;
+    private readonly internalChanged;
+    readonly changed: Observable<T>;
+    private readonly depsChanged;
+    private readonly deps;
+    private readonly onDepsChangedRef;
+    private observerCount;
+    private hasValue;
+    private cachedValue;
+    constructor(computeFunc: (...values: {
+        [K in keyof Deps]: ValueOf<Deps[K]>;
+    }) => T, ...deps: Deps);
+    subscribe(observer: object, handler: ObserverFunc<any>): void;
+    hasObserver(observer: object): boolean;
+    unsubscribe(observer: object): void;
+    unsubscribeAll(): void;
+    notify(value?: any): Promise<void>;
+    get value(): T;
+    private compute;
+    private onDepsChanged;
+}
+declare function observableComputed<Deps extends readonly ObservableValue<any>[], T>(computeFunc: (...values: {
+    [K in keyof Deps]: ValueOf<Deps[K]>;
+}) => T, ...deps: Deps): ObservableComputedValue<[...Deps], T>;
 
-export { Observable, ObservableProperty };
+export { CompositeObservable, DefaultObservable, Observable, ObservableComputedValue, ObservableMutableValue, ObservableValue, ObserverFunc, compositeObservable, observable, observableComputed, observableValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nbottarini/observable",
-  "version": "0.5.0",
+  "version": "0.8.0",
   "description": "Tiny Observable pattern implementation for creating observable properties",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",