@nbottarini/observable 0.7.0 → 0.8.0

package/README.md

@@ -62,21 +62,21 @@ allEvents.subscribe({}, (event) => {
 })
 ```
 
-### Observable properties:
+### Observable values:
 
 ```typescript
-const nameProperty$ = property('John')
+const nameProperty$ = observableValue('John')
 nameProperty$.value // 'John' 
 
 nameProperty$.changed.subscribe(this, this.onNameChanged)
 nameProperty$.value = 'new name' // Notifies changes to subscribers
 ```
 
-### Computed properties:
+### Observable computed values:
 ```typescript
-const property1 = property(1)
-const property2$ = property(2)
-const computedProperty$ = computed((value1, value2) => value1 + value2, $property1, $property2)
+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)

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"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 MutableProperty{_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 ComputedProperty{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.ComputedProperty=ComputedProperty,exports.DefaultObservable=DefaultObservable,exports.MutableProperty=MutableProperty,exports.compositeObservable=compositeObservable,exports.computed=function(computeFunc,...deps){return new ComputedProperty(computeFunc,...deps)},exports.observable=observable,exports.property=function(initialValue){return new MutableProperty(initialValue)};
+"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/DefaultObservable.ts","../../src/CompositeObservable.ts","../../src/MutableProperty.ts","../../src/ComputedProperty.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 { ObservableProperty } from './ObservableProperty'\n\nexport class MutableProperty<T> implements ObservableProperty<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 property<T>(initialValue: T): MutableProperty<T> {\n    return new MutableProperty<T>(initialValue)\n}\n","import { ObservableProperty } from './ObservableProperty'\nimport { Observable, ObserverFunc } from './Observable'\nimport { compositeObservable } from './CompositeObservable'\nimport { observable } from './DefaultObservable'\n\ntype ValueOf<P> = P extends ObservableProperty<infer T> ? T : never\n\nexport class ComputedProperty<Deps extends readonly ObservableProperty<any>[], T> implements ObservableProperty<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 computed<\n    Deps extends readonly ObservableProperty<any>[],\n    T,\n>(computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n    return new ComputedProperty(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","MutableProperty","_value","changed","initialValue","newValue","ComputedProperty","computeFunc","internalChanged","o","h","v","depsChanged","deps","onDepsChangedRef","onDepsChanged","observerCount","hasValue","cachedValue","map","it","observerAlreadySubscribed","compute","d","Object","is"],"mappings":"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"}
+{"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 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 MutableProperty{_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 property(initialValue){return new MutableProperty(initialValue)}class ComputedProperty{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 computed(computeFunc,...deps){return new ComputedProperty(computeFunc,...deps)}export{CompositeObservable,ComputedProperty,DefaultObservable,MutableProperty,compositeObservable,computed,observable,property};
+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/DefaultObservable.ts","../../src/CompositeObservable.ts","../../src/MutableProperty.ts","../../src/ComputedProperty.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 { ObservableProperty } from './ObservableProperty'\n\nexport class MutableProperty<T> implements ObservableProperty<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 property<T>(initialValue: T): MutableProperty<T> {\n    return new MutableProperty<T>(initialValue)\n}\n","import { ObservableProperty } from './ObservableProperty'\nimport { Observable, ObserverFunc } from './Observable'\nimport { compositeObservable } from './CompositeObservable'\nimport { observable } from './DefaultObservable'\n\ntype ValueOf<P> = P extends ObservableProperty<infer T> ? T : never\n\nexport class ComputedProperty<Deps extends readonly ObservableProperty<any>[], T> implements ObservableProperty<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 computed<\n    Deps extends readonly ObservableProperty<any>[],\n    T,\n>(computeFunc: (...values: { [K in keyof Deps]: ValueOf<Deps[K]> }) => T, ...deps: Deps) {\n    return new ComputedProperty(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","MutableProperty","_value","changed","initialValue","newValue","property","ComputedProperty","computeFunc","internalChanged","o","h","v","depsChanged","deps","onDepsChangedRef","onDepsChanged","observerCount","hasValue","cachedValue","map","it","observerAlreadySubscribed","compute","d","Object","is","computed"],"mappings":"MAEaA,kBACDC,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,WAGWK,aACZ,OAAO,IAAIzB,iBACf,OChCa0B,oBAKoBC,QAJrB1B,UAAY,IAAIC,IAChBC,SAAgE,IAAIC,IACpEwB,iBAAmBpB,KAAKqB,cAAclB,KAAKH,MAEnD,WAAAsB,CAA6BH,SAAAnB,KAAOmB,QAAPA,OAC5B,CAED,WAAAf,CAAYN,UACR,OAAOE,KAAKP,UAAUY,IAAIP,SAC7B,CAED,YAAMY,CAAOC,OACT,MAAM,IAAIY,MAAM,kDACnB,CAED,SAAA1B,CAAUC,SAAkBC,SACxB,MAAMyB,gBAA0C,IAAxBxB,KAAKP,UAAUgC,KACvCzB,KAAKP,UAAUQ,IAAIH,UACnBE,KAAKL,SAASO,IAAIJ,SAAUC,QAAQI,KAAKL,WAErC0B,iBAAiBxB,KAAK0B,iBAC7B,CAED,WAAApB,CAAYR,UACR,MAAM6B,aAAgB3B,KAAKP,UAAUgC,KAAO,EAC5CzB,KAAKP,UAAUc,OAAOT,UACtBE,KAAKL,SAASY,OAAOT,UAEjB6B,cAAyC,IAAxB3B,KAAKP,UAAUgC,MAAYzB,KAAK4B,mBACxD,CAED,cAAApB,GACI,MAAMmB,aAAgB3B,KAAKP,UAAUgC,KAAO,EAC5CzB,KAAKP,UAAUgB,QACfT,KAAKL,SAASc,QACVkB,cAAe3B,KAAK4B,mBAC3B,CAEO,eAAAF,GACJ,IAAK,MAAMG,UAAU7B,KAAKmB,QACtBU,OAAOhC,UAAUG,KAAMA,KAAKoB,iBAEnC,CAEO,iBAAAQ,GACJ,IAAK,MAAMC,UAAU7B,KAAKmB,QACtBU,OAAOvB,YAAYN,KAE1B,CAEO,mBAAMqB,CAAcV,OACxB,IAAIC,SAAW,GACf,IAAK,MAAMb,WAAWC,KAAKL,SAASkB,SAChCD,SAASE,KAAKf,QAAQY,cAEpBI,QAAQC,IAAIJ,SACrB,EAGW,SAAAkB,uBAAmEX,SAC/E,OAAO,IAAID,oBAAoBC,QACnC,OC9DaY,gBACDC,OACCC,QAAUhB,aAEnB,WAAAK,CAAYY,cACRlC,KAAKgC,OAASE,YACjB,CAED,SAAArC,CAAUC,SAAkBC,SACxBC,KAAKiC,QAAQpC,UAAUC,SAAUC,QACpC,CACD,WAAAK,CAAYN,UACR,OAAOE,KAAKiC,QAAQ7B,YAAYN,SACnC,CACD,WAAAQ,CAAYR,UACRE,KAAKiC,QAAQ3B,YAAYR,SAC5B,CACD,cAAAU,GACIR,KAAKiC,QAAQzB,gBAChB,CAED,YAAME,CAAOC,OACT,OAAOX,KAAKiC,QAAQvB,OAAOC,MAC9B,CAED,SAAIA,GACA,OAAOX,KAAKgC,MACf,CAED,SAAIrB,CAAMwB,UACFnC,KAAKgC,SAAWG,WACpBnC,KAAKgC,OAASG,SACdnC,KAAKiC,QAAQvB,OAAOV,KAAKgC,QAC5B,EAGC,SAAUI,SAAYF,cACxB,OAAO,IAAIH,gBAAmBG,aAClC,OCnCaG,iBAgBoBC,YAfZC,gBAAkBtB,aAC1BgB,QAAyB,CAC9BpC,UAAW,CAAC2C,EAAGC,IAAMzC,KAAKH,UAAU2C,EAAGC,GACvCrC,YAAcoC,GAAMxC,KAAKI,YAAYoC,GACrClC,YAAckC,GAAMxC,KAAKM,YAAYkC,GACrChC,eAAgB,IAAMR,KAAKQ,iBAC3BE,OAASgC,GAAM1C,KAAKU,OAAOgC,IAEdC,YACAC,KACAC,iBAAmB7C,KAAK8C,cAAc3C,KAAKH,MACpD+C,cAAgB,EAChBC,UAAW,EACXC,YAER,WAAA3B,CAA6BgB,eAA2EM,MAA3E5C,KAAWsC,YAAXA,YACzBtC,KAAK4C,KAAOA,KACZ,MAAMzB,QAAUyB,KAAKM,KAAIC,IAAMA,GAAGlB,UAClCjC,KAAK2C,YAAcb,uBAAuBX,QAC7C,CAED,SAAAtB,CAAUC,SAAkBC,SACxB,MAAMqD,0BAA4BpD,KAAKI,YAAYN,UAC7C0B,gBAAyC,IAAvBxB,KAAK+C,cAC7B/C,KAAKuC,gBAAgB1C,UAAUC,SAAUC,SACpCqD,2BACDpD,KAAK+C,gBAELvB,iBAAiBxB,KAAK2C,YAAY9C,UAAUG,KAAMA,KAAK6C,iBAC9D,CAED,WAAAzC,CAAYN,UACR,OAAOE,KAAKuC,gBAAgBnC,YAAYN,SAC3C,CAED,WAAAQ,CAAYR,UACHE,KAAKuC,gBAAgBnC,YAAYN,YAEtCE,KAAKuC,gBAAgBjC,YAAYR,UACjCE,KAAK+C,gBAEsB,IAAvB/C,KAAK+C,eAAqB/C,KAAK2C,YAAYrC,YAAYN,MAC9D,CAED,cAAAQ,GACI,MAAMmB,aAAe3B,KAAK+C,cAAgB,EAC1C/C,KAAKuC,gBAAgB/B,iBACrBR,KAAK+C,cAAgB,EACjBpB,cAAc3B,KAAK2C,YAAYrC,YAAYN,KAClD,CAED,YAAMU,CAAOC,OACT,MAAM,IAAIY,MAAM,+CACnB,CAED,SAAIZ,GAEA,OAA2B,IAAvBX,KAAK+C,cAA4B/C,KAAKqD,WAErCrD,KAAKgD,WACNhD,KAAKiD,YAAcjD,KAAKqD,UACxBrD,KAAKgD,UAAW,GAEbhD,KAAKiD,YACf,CAEO,OAAAI,GACJ,MAAMxC,OAASb,KAAK4C,KAAKM,KAAII,GAAKA,EAAE3C,QACpC,OAAOX,KAAKsC,eAAezB,OAC9B,CAEO,aAAAiC,GACJ,MAAMX,SAAWnC,KAAKqD,UAEjBrD,KAAKgD,UAAaO,OAAOC,GAAGxD,KAAKiD,YAAad,YAC/CnC,KAAKiD,YAAcd,SACnBnC,KAAKgD,UAAW,EAChBhD,KAAKuC,gBAAgB7B,OAAOV,KAAKiD,aAExC,WAGWQ,SAGdnB,eAA2EM,MACzE,OAAO,IAAIP,iBAAiBC,eAAgBM,KAChD"}
+{"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":"MAEaA,kBACDC,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,WAGWK,aACZ,OAAO,IAAIzB,iBACf,OChCa0B,oBAKoBC,QAJrB1B,UAAY,IAAIC,IAChBC,SAAgE,IAAIC,IACpEwB,iBAAmBpB,KAAKqB,cAAclB,KAAKH,MAEnD,WAAAsB,CAA6BH,SAAAnB,KAAOmB,QAAPA,OAC5B,CAED,WAAAf,CAAYN,UACR,OAAOE,KAAKP,UAAUY,IAAIP,SAC7B,CAED,YAAMY,CAAOC,OACT,MAAM,IAAIY,MAAM,kDACnB,CAED,SAAA1B,CAAUC,SAAkBC,SACxB,MAAMyB,gBAA0C,IAAxBxB,KAAKP,UAAUgC,KACvCzB,KAAKP,UAAUQ,IAAIH,UACnBE,KAAKL,SAASO,IAAIJ,SAAUC,QAAQI,KAAKL,WAErC0B,iBAAiBxB,KAAK0B,iBAC7B,CAED,WAAApB,CAAYR,UACR,MAAM6B,aAAgB3B,KAAKP,UAAUgC,KAAO,EAC5CzB,KAAKP,UAAUc,OAAOT,UACtBE,KAAKL,SAASY,OAAOT,UAEjB6B,cAAyC,IAAxB3B,KAAKP,UAAUgC,MAAYzB,KAAK4B,mBACxD,CAED,cAAApB,GACI,MAAMmB,aAAgB3B,KAAKP,UAAUgC,KAAO,EAC5CzB,KAAKP,UAAUgB,QACfT,KAAKL,SAASc,QACVkB,cAAe3B,KAAK4B,mBAC3B,CAEO,eAAAF,GACJ,IAAK,MAAMG,UAAU7B,KAAKmB,QACtBU,OAAOhC,UAAUG,KAAMA,KAAKoB,iBAEnC,CAEO,iBAAAQ,GACJ,IAAK,MAAMC,UAAU7B,KAAKmB,QACtBU,OAAOvB,YAAYN,KAE1B,CAEO,mBAAMqB,CAAcV,OACxB,IAAIC,SAAW,GACf,IAAK,MAAMb,WAAWC,KAAKL,SAASkB,SAChCD,SAASE,KAAKf,QAAQY,cAEpBI,QAAQC,IAAIJ,SACrB,EAGW,SAAAkB,uBAAmEX,SAC/E,OAAO,IAAID,oBAAoBC,QACnC,OC9DaY,uBACDC,OACCC,QAAUhB,aAEnB,WAAAK,CAAYY,cACRlC,KAAKgC,OAASE,YACjB,CAED,SAAArC,CAAUC,SAAkBC,SACxBC,KAAKiC,QAAQpC,UAAUC,SAAUC,QACpC,CACD,WAAAK,CAAYN,UACR,OAAOE,KAAKiC,QAAQ7B,YAAYN,SACnC,CACD,WAAAQ,CAAYR,UACRE,KAAKiC,QAAQ3B,YAAYR,SAC5B,CACD,cAAAU,GACIR,KAAKiC,QAAQzB,gBAChB,CAED,YAAME,CAAOC,OACT,OAAOX,KAAKiC,QAAQvB,OAAOC,MAC9B,CAED,SAAIA,GACA,OAAOX,KAAKgC,MACf,CAED,SAAIrB,CAAMwB,UACFnC,KAAKgC,SAAWG,WACpBnC,KAAKgC,OAASG,SACdnC,KAAKiC,QAAQvB,OAAOV,KAAKgC,QAC5B,EAGC,SAAUI,gBAAmBF,cAC/B,OAAO,IAAIH,uBAA0BG,aACzC,OCnCaG,wBAgBoBC,YAfZC,gBAAkBtB,aAC1BgB,QAAyB,CAC9BpC,UAAW,CAAC2C,EAAGC,IAAMzC,KAAKH,UAAU2C,EAAGC,GACvCrC,YAAcoC,GAAMxC,KAAKI,YAAYoC,GACrClC,YAAckC,GAAMxC,KAAKM,YAAYkC,GACrChC,eAAgB,IAAMR,KAAKQ,iBAC3BE,OAASgC,GAAM1C,KAAKU,OAAOgC,IAEdC,YACAC,KACAC,iBAAmB7C,KAAK8C,cAAc3C,KAAKH,MACpD+C,cAAgB,EAChBC,UAAW,EACXC,YAER,WAAA3B,CAA6BgB,eAA2EM,MAA3E5C,KAAWsC,YAAXA,YACzBtC,KAAK4C,KAAOA,KACZ,MAAMzB,QAAUyB,KAAKM,KAAIC,IAAMA,GAAGlB,UAClCjC,KAAK2C,YAAcb,uBAAuBX,QAC7C,CAED,SAAAtB,CAAUC,SAAkBC,SACxB,MAAMqD,0BAA4BpD,KAAKI,YAAYN,UAC7C0B,gBAAyC,IAAvBxB,KAAK+C,cAC7B/C,KAAKuC,gBAAgB1C,UAAUC,SAAUC,SACpCqD,2BACDpD,KAAK+C,gBAELvB,iBAAiBxB,KAAK2C,YAAY9C,UAAUG,KAAMA,KAAK6C,iBAC9D,CAED,WAAAzC,CAAYN,UACR,OAAOE,KAAKuC,gBAAgBnC,YAAYN,SAC3C,CAED,WAAAQ,CAAYR,UACHE,KAAKuC,gBAAgBnC,YAAYN,YAEtCE,KAAKuC,gBAAgBjC,YAAYR,UACjCE,KAAK+C,gBAEsB,IAAvB/C,KAAK+C,eAAqB/C,KAAK2C,YAAYrC,YAAYN,MAC9D,CAED,cAAAQ,GACI,MAAMmB,aAAe3B,KAAK+C,cAAgB,EAC1C/C,KAAKuC,gBAAgB/B,iBACrBR,KAAK+C,cAAgB,EACjBpB,cAAc3B,KAAK2C,YAAYrC,YAAYN,KAClD,CAED,YAAMU,CAAOC,OACT,MAAM,IAAIY,MAAM,+CACnB,CAED,SAAIZ,GAEA,OAA2B,IAAvBX,KAAK+C,cAA4B/C,KAAKqD,WAErCrD,KAAKgD,WACNhD,KAAKiD,YAAcjD,KAAKqD,UACxBrD,KAAKgD,UAAW,GAEbhD,KAAKiD,YACf,CAEO,OAAAI,GACJ,MAAMxC,OAASb,KAAK4C,KAAKM,KAAII,GAAKA,EAAE3C,QACpC,OAAOX,KAAKsC,eAAezB,OAC9B,CAEO,aAAAiC,GACJ,MAAMX,SAAWnC,KAAKqD,UAEjBrD,KAAKgD,UAAaO,OAAOC,GAAGxD,KAAKiD,YAAad,YAC/CnC,KAAKiD,YAAcd,SACnBnC,KAAKgD,UAAW,EAChBhD,KAAKuC,gBAAgB7B,OAAOV,KAAKiD,aAExC,WAGWQ,mBAGdnB,eAA2EM,MACzE,OAAO,IAAIP,wBAAwBC,eAAgBM,KACvD"}

package/dist/types/index.d.ts

@@ -7,7 +7,7 @@ interface Observable<T> {
     notify(value?: T): Promise<void>;
 }
 
-interface ObservableProperty<T = any> extends Observable<T> {
+interface ObservableValue<T = any> extends Observable<T> {
     readonly changed: Observable<T>;
     readonly value: T;
 }
@@ -41,7 +41,7 @@ declare class CompositeObservable<Sources extends readonly Observable<any>[]> im
 }
 declare function compositeObservable<Sources extends readonly Observable<any>[]>(...sources: Sources): CompositeObservable<Sources>;
 
-declare class MutableProperty<T> implements ObservableProperty<T> {
+declare class ObservableMutableValue<T> implements ObservableValue<T> {
     private _value;
     readonly changed: Observable<T>;
     constructor(initialValue: T);
@@ -53,10 +53,10 @@ declare class MutableProperty<T> implements ObservableProperty<T> {
     get value(): T;
     set value(newValue: T);
 }
-declare function property<T>(initialValue: T): MutableProperty<T>;
+declare function observableValue<T>(initialValue: T): ObservableMutableValue<T>;
 
-type ValueOf<P> = P extends ObservableProperty<infer T> ? T : never;
-declare class ComputedProperty<Deps extends readonly ObservableProperty<any>[], T> implements ObservableProperty<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>;
@@ -78,8 +78,8 @@ declare class ComputedProperty<Deps extends readonly ObservableProperty<any>[],
     private compute;
     private onDepsChanged;
 }
-declare function computed<Deps extends readonly ObservableProperty<any>[], T>(computeFunc: (...values: {
+declare function observableComputed<Deps extends readonly ObservableValue<any>[], T>(computeFunc: (...values: {
     [K in keyof Deps]: ValueOf<Deps[K]>;
-}) => T, ...deps: Deps): ComputedProperty<[...Deps], T>;
+}) => T, ...deps: Deps): ObservableComputedValue<[...Deps], T>;
 
-export { CompositeObservable, ComputedProperty, DefaultObservable, MutableProperty, Observable, ObservableProperty, ObserverFunc, compositeObservable, computed, observable, property };
+export { CompositeObservable, DefaultObservable, Observable, ObservableComputedValue, ObservableMutableValue, ObservableValue, ObserverFunc, compositeObservable, observable, observableComputed, observableValue };

package/package.json

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