react-obsidian 0.0.46 → 0.0.47

package/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "cSpell.words": [
+    "unmagler"
+  ]
+}

package/babel.config.js

@@ -7,7 +7,7 @@ module.exports = {
   plugins: [
     `${__dirname}/dist/transformers/babel-plugin-obsidian`,
     ['@babel/plugin-proposal-decorators', { legacy: true }],
-    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-transform-class-properties',
     'babel-plugin-parameter-decorator'
   ],
 };

package/dist/src/index.d.ts

@@ -15,8 +15,10 @@ export declare const Obsidian: _Obsidian;
 export { injectComponent } from './injectors/components/InjectComponent';
 export { injectHook, injectHookWithArguments } from './injectors/hooks/InjectHook';
 export { useObserver } from './observable/useObserver';
+export { useObservers } from './observable/useObservers';
 export { Observable } from './observable/Observable';
-export { MediatorObservable } from './observable/MediatorObservable';
+export { MediatorObservable } from './observable/mediator/MediatorObservable';
 export { OnNext, Unsubscribe } from './observable/types';
+export { Model } from './model/Model';
 export { testKit } from '../testkit';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,iBAAiB,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,eAAO,MAAM,QAAQ,WAAkB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,iBAAiB,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvF,eAAO,MAAM,QAAQ,WAAkB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEnF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.testKit = exports.MediatorObservable = exports.Observable = exports.useObserver = exports.injectHookWithArguments = exports.injectHook = exports.injectComponent = exports.Obsidian = exports.GraphMiddleware = exports.LifecycleBound = exports.LateInject = exports.Inject = exports.Injectable = exports.Provides = exports.ObjectGraph = exports.Singleton = exports.Graph = void 0;
+exports.testKit = exports.Model = exports.MediatorObservable = exports.Observable = exports.useObservers = exports.useObserver = exports.injectHookWithArguments = exports.injectHook = exports.injectComponent = exports.Obsidian = exports.GraphMiddleware = exports.LifecycleBound = exports.LateInject = exports.Inject = exports.Injectable = exports.Provides = exports.ObjectGraph = exports.Singleton = exports.Graph = void 0;
 const Obsidian_1 = __importDefault(require("./Obsidian"));
 __exportStar(require("./types"), exports);
 var Graph_1 = require("./decorators/Graph");
@@ -46,10 +46,14 @@ Object.defineProperty(exports, "injectHook", { enumerable: true, get: function (
 Object.defineProperty(exports, "injectHookWithArguments", { enumerable: true, get: function () { return InjectHook_1.injectHookWithArguments; } });
 var useObserver_1 = require("./observable/useObserver");
 Object.defineProperty(exports, "useObserver", { enumerable: true, get: function () { return useObserver_1.useObserver; } });
+var useObservers_1 = require("./observable/useObservers");
+Object.defineProperty(exports, "useObservers", { enumerable: true, get: function () { return useObservers_1.useObservers; } });
 var Observable_1 = require("./observable/Observable");
 Object.defineProperty(exports, "Observable", { enumerable: true, get: function () { return Observable_1.Observable; } });
-var MediatorObservable_1 = require("./observable/MediatorObservable");
+var MediatorObservable_1 = require("./observable/mediator/MediatorObservable");
 Object.defineProperty(exports, "MediatorObservable", { enumerable: true, get: function () { return MediatorObservable_1.MediatorObservable; } });
+var Model_1 = require("./model/Model");
+Object.defineProperty(exports, "Model", { enumerable: true, get: function () { return Model_1.Model; } });
 var testkit_1 = require("../testkit");
 Object.defineProperty(exports, "testKit", { enumerable: true, get: function () { return testkit_1.testKit; } });
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0DAAmC;AAEnC,0CAAwB;AAExB,4CAA2C;AAAlC,8FAAA,KAAK,OAAA;AACd,oDAAmD;AAA1C,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAEpB,2DAA0D;AAAjD,oGAAA,QAAQ,OAAA;AACjB,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,qDAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AACvB,oEAAmE;AAA1D,kHAAA,eAAe,OAAA;AAGX,QAAA,QAAQ,GAAG,IAAI,kBAAS,EAAE,CAAC;AAExC,0EAAyE;AAAhE,kHAAA,eAAe,OAAA;AACxB,2DAAmF;AAA1E,wGAAA,UAAU,OAAA;AAAE,qHAAA,uBAAuB,OAAA;AAE5C,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,sEAAqE;AAA5D,wHAAA,kBAAkB,OAAA;AAG3B,sCAAqC;AAA5B,kGAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0DAAmC;AAEnC,0CAAwB;AAExB,4CAA2C;AAAlC,8FAAA,KAAK,OAAA;AACd,oDAAmD;AAA1C,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AAEpB,2DAA0D;AAAjD,oGAAA,QAAQ,OAAA;AACjB,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,qDAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,6DAA4D;AAAnD,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AACvB,oEAAmE;AAA1D,kHAAA,eAAe,OAAA;AAGX,QAAA,QAAQ,GAAG,IAAI,kBAAS,EAAE,CAAC;AAExC,0EAAyE;AAAhE,kHAAA,eAAe,OAAA;AACxB,2DAAmF;AAA1E,wGAAA,UAAU,OAAA;AAAE,qHAAA,uBAAuB,OAAA;AAE5C,wDAAuD;AAA9C,0GAAA,WAAW,OAAA;AACpB,0DAAyD;AAAhD,4GAAA,YAAY,OAAA;AACrB,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,+EAA8E;AAArE,wHAAA,kBAAkB,OAAA;AAG3B,uCAAsC;AAA7B,8FAAA,KAAK,OAAA;AAEd,sCAAqC;AAA5B,kGAAA,OAAO,OAAA"}

package/dist/src/model/Model.d.ts

@@ -0,0 +1,4 @@
+export declare abstract class Model {
+    use<T extends Model>(this: T): import("../observable/types").ObservedValues<T>;
+}
+//# sourceMappingURL=Model.d.ts.map

package/dist/src/model/Model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Model.d.ts","sourceRoot":"","sources":["../../../src/model/Model.ts"],"names":[],"mappings":"AAGA,8BAAsB,KAAK;IAClB,GAAG,CAAC,CAAC,SAAS,KAAK,EAAE,IAAI,EAAE,CAAC;CAUpC"}

package/dist/src/model/Model.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Model = void 0;
+const useColdObservers_1 = require("../observable/cold/useColdObservers");
+const Observable_1 = require("../observable/Observable");
+class Model {
+    use() {
+        const observables = {};
+        Object.getOwnPropertyNames(this).forEach((propertyName) => {
+            const property = this[propertyName];
+            if (property instanceof Observable_1.Observable) {
+                observables[propertyName] = property;
+            }
+        });
+        return (0, useColdObservers_1.useColdObservables)(observables);
+    }
+}
+exports.Model = Model;
+//# sourceMappingURL=Model.js.map

package/dist/src/model/Model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Model.js","sourceRoot":"","sources":["../../../src/model/Model.ts"],"names":[],"mappings":";;;AAAA,0EAAyE;AACzE,yDAAsD;AAEtD,MAAsB,KAAK;IAClB,GAAG;QACR,MAAM,WAAW,GAAoC,EAAE,CAAC;QACxD,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,YAAoB,EAAE,EAAE;YAChE,MAAM,QAAQ,GAAI,IAAY,CAAC,YAAY,CAAC,CAAC;YAC7C,IAAI,QAAQ,YAAY,uBAAU,EAAE;gBAClC,WAAW,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC;aACtC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,IAAA,qCAAkB,EAAI,WAAkB,CAAC,CAAC;IACnD,CAAC;CACF;AAXD,sBAWC"}

package/dist/src/observable/Observable.d.ts

@@ -5,7 +5,7 @@ export declare class Observable<T> implements IObservable<T> {
     constructor(initialValue?: T);
     get value(): T;
     set value(value: T);
-    subscribe(onNext: OnNext<T>): Unsubscribe;
+    subscribe(onNext?: OnNext<T>): Unsubscribe;
     unsubscribe(onNext: OnNext<T>): void;
 }
 //# sourceMappingURL=Observable.d.ts.map

package/dist/src/observable/Observable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Observable.d.ts","sourceRoot":"","sources":["../../../src/observable/Observable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEzE,qBAAa,UAAU,CAAC,CAAC,CAAE,YAAW,WAAW,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,YAAY,CAAgB;gBAExB,YAAY,CAAC,EAAE,CAAC;IAI5B,IAAW,KAAK,IAAI,CAAC,CAEpB;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,CAAC,EAGxB;IAEM,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW;IAQzC,WAAW,CAAC,MAAM,EAAC,MAAM,CAAC,CAAC,CAAC;CAMpC"}
+{"version":3,"file":"Observable.d.ts","sourceRoot":"","sources":["../../../src/observable/Observable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGzE,qBAAa,UAAU,CAAC,CAAC,CAAE,YAAW,WAAW,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,WAAW,CAA6B;IAChD,OAAO,CAAC,YAAY,CAAgB;gBAExB,YAAY,CAAC,EAAE,CAAC;IAI5B,IAAW,KAAK,IAAI,CAAC,CAEpB;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,CAAC,EAGxB;IAEM,SAAS,CAAC,MAAM,GAAE,MAAM,CAAC,CAAC,CAAQ,GAAG,WAAW;IAQhD,WAAW,CAAC,MAAM,EAAC,MAAM,CAAC,CAAC,CAAC;CAMpC"}

package/dist/src/observable/Observable.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Observable = void 0;
+const NOOP = () => { };
 class Observable {
     constructor(initialValue) {
         this.subscribers = new Set();
@@ -13,7 +14,7 @@ class Observable {
         this.currentValue = value;
         this.subscribers.forEach((subscriber) => subscriber(value));
     }
-    subscribe(onNext) {
+    subscribe(onNext = NOOP) {
         if (this.subscribers.has(onNext)) {
             throw new Error('Subscriber already subscribed');
         }

package/dist/src/observable/Observable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Observable.js","sourceRoot":"","sources":["../../../src/observable/Observable.ts"],"names":[],"mappings":";;;AAEA,MAAa,UAAU;IAIrB,YAAY,YAAgB;QAHpB,gBAAW,GAAmB,IAAI,GAAG,EAAE,CAAC;QAI9C,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,YAAiB,CAAC;IAChC,CAAC;IAED,IAAW,KAAK,CAAC,KAAQ;QACvB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEM,SAAS,CAAC,MAAiB;QAChC,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;SAClD;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAEM,WAAW,CAAC,MAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;SAChE;QACD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;CACF;AA/BD,gCA+BC"}
+{"version":3,"file":"Observable.js","sourceRoot":"","sources":["../../../src/observable/Observable.ts"],"names":[],"mappings":";;;AAEA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AACtB,MAAa,UAAU;IAIrB,YAAY,YAAgB;QAHpB,gBAAW,GAAmB,IAAI,GAAG,EAAE,CAAC;QAI9C,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,YAAiB,CAAC;IAChC,CAAC;IAED,IAAW,KAAK,CAAC,KAAQ;QACvB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,CAAC;IAEM,SAAS,CAAC,SAAoB,IAAI;QACvC,IAAI,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;SAClD;QACD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAEM,WAAW,CAAC,MAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;SAChE;QACD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC;CACF;AA/BD,gCA+BC"}

package/dist/src/observable/cold/ColdMediatorObservable.d.ts

@@ -0,0 +1,18 @@
+import { MediatorObservable } from '../mediator/MediatorObservable';
+export declare class ColdMediatorObservable<T extends object> extends MediatorObservable<T> {
+    private readonly handler;
+    constructor(obj: T, handler?: PropertyAccessTrackingProxy<T>);
+    set value(_: T);
+    get value(): T;
+    setValue(key: keyof T, value: any): void;
+}
+declare class PropertyAccessTrackingProxy<T extends object> implements ProxyHandler<T> {
+    private readonly accessedProperties;
+    private trackingSuspended;
+    get(target: T, p: string | symbol, receiver: any): (string extends infer T_1 ? T_1 extends string ? T_1 extends keyof T ? T[T_1] : any : never : never) | (symbol extends infer T_2 ? T_2 extends symbol ? T_2 extends keyof T ? T[T_2] : any : never : never);
+    hasAccessedProperty(key: keyof T): boolean;
+    suspendTracking(): void;
+    resumeTracking(): void;
+}
+export {};
+//# sourceMappingURL=ColdMediatorObservable.d.ts.map

package/dist/src/observable/cold/ColdMediatorObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColdMediatorObservable.d.ts","sourceRoot":"","sources":["../../../../src/observable/cold/ColdMediatorObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,qBAAa,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,QAAQ,CAAC,OAAO;gBAAhC,GAAG,EAAE,CAAC,EAAmB,OAAO,iCAAuC;IAInF,IAAa,KAAK,CAAC,CAAC,EAAE,CAAC,EAEtB;IAED,IAAa,KAAK,IAAI,CAAC,CAEtB;IAED,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG;CAOlC;AAED,cAAM,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAE,YAAW,YAAY,CAAC,CAAC,CAAC;IAC5E,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAsB;IACzD,OAAO,CAAC,iBAAiB,CAAS;IAElC,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG;IAOhD,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC;IAIzB,eAAe;IAIf,cAAc;CAGtB"}

package/dist/src/observable/cold/ColdMediatorObservable.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColdMediatorObservable = void 0;
+const MediatorObservable_1 = require("../mediator/MediatorObservable");
+class ColdMediatorObservable extends MediatorObservable_1.MediatorObservable {
+    constructor(obj, handler = new PropertyAccessTrackingProxy()) {
+        super(new Proxy(obj, handler));
+        this.handler = handler;
+    }
+    set value(_) {
+        throw new Error('Cannot set value of ColdMediatorObservable, use setValue(value, key) instead');
+    }
+    get value() {
+        return super.value;
+    }
+    setValue(key, value) {
+        if (this.handler.hasAccessedProperty(key)) {
+            this.handler.suspendTracking();
+            super.value = { ...this.value, [key]: value };
+            this.handler.resumeTracking();
+        }
+    }
+}
+exports.ColdMediatorObservable = ColdMediatorObservable;
+class PropertyAccessTrackingProxy {
+    constructor() {
+        this.accessedProperties = new Set();
+        this.trackingSuspended = false;
+    }
+    get(target, p, receiver) {
+        if (!this.trackingSuspended) {
+            this.accessedProperties.add(p);
+        }
+        return Reflect.get(target, p, receiver);
+    }
+    hasAccessedProperty(key) {
+        return this.accessedProperties.has(key);
+    }
+    suspendTracking() {
+        this.trackingSuspended = true;
+    }
+    resumeTracking() {
+        this.trackingSuspended = false;
+    }
+}
+//# sourceMappingURL=ColdMediatorObservable.js.map

package/dist/src/observable/cold/ColdMediatorObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColdMediatorObservable.js","sourceRoot":"","sources":["../../../../src/observable/cold/ColdMediatorObservable.ts"],"names":[],"mappings":";;;AAAA,uEAAoE;AAEpE,MAAa,sBAAyC,SAAQ,uCAAqB;IACjF,YAAY,GAAM,EAAmB,UAAU,IAAI,2BAA2B,EAAK;QACjF,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;QADI,YAAO,GAAP,OAAO,CAAuC;IAEnF,CAAC;IAED,IAAa,KAAK,CAAC,CAAI;QACrB,MAAM,IAAI,KAAK,CAAC,8EAA8E,CAAC,CAAC;IAClG,CAAC;IAED,IAAa,KAAK;QAChB,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAU;QAC/B,IAAI,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,EAAE;YACzC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC;YAC/B,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;SAC/B;IACH,CAAC;CACF;AApBD,wDAoBC;AAED,MAAM,2BAA2B;IAAjC;QACmB,uBAAkB,GAAG,IAAI,GAAG,EAAW,CAAC;QACjD,sBAAiB,GAAG,KAAK,CAAC;IAoBpC,CAAC;IAlBC,GAAG,CAAC,MAAS,EAAE,CAAkB,EAAE,QAAa;QAC9C,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAY,CAAC,CAAC;SAC3C;QACD,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,mBAAmB,CAAC,GAAY;QAC9B,OAAO,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC;IAEM,cAAc;QACnB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;CACF"}

package/dist/src/observable/cold/useColdObservers.d.ts

@@ -0,0 +1,3 @@
+import { ObservedValues } from '../types';
+export declare function useColdObservables<T extends Record<string, any>>(observables: T): ObservedValues<T>;
+//# sourceMappingURL=useColdObservers.d.ts.map

package/dist/src/observable/cold/useColdObservers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColdObservers.d.ts","sourceRoot":"","sources":["../../../../src/observable/cold/useColdObservers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAiBnG"}

package/dist/src/observable/cold/useColdObservers.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useColdObservables = void 0;
+const react_1 = require("react");
+const ColdMediatorObservable_1 = require("./ColdMediatorObservable");
+const mapObservablesToValues_1 = require("../mapObservablesToValues");
+function useColdObservables(observables) {
+    const [mediator] = (0, react_1.useState)(() => new ColdMediatorObservable_1.ColdMediatorObservable((0, mapObservablesToValues_1.mapObservablesToValues)(observables)));
+    const [values, setValues] = (0, react_1.useState)(() => mediator.value);
+    (0, react_1.useEffect)(() => {
+        Object.keys(observables).forEach((key) => {
+            mediator.addSource(observables[key], (value) => {
+                mediator.setValue(key, value);
+            });
+        });
+        return mediator.subscribe(setValues);
+    }, []);
+    return values;
+}
+exports.useColdObservables = useColdObservables;
+//# sourceMappingURL=useColdObservers.js.map

package/dist/src/observable/cold/useColdObservers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColdObservers.js","sourceRoot":"","sources":["../../../../src/observable/cold/useColdObservers.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,qEAAkE;AAElE,sEAAmE;AAEnE,SAAgB,kBAAkB,CAAgC,WAAc;IAC9E,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EACzB,GAAG,EAAE,CAAC,IAAI,+CAAsB,CAAI,IAAA,+CAAsB,EAAC,WAAW,CAAM,CAAC,CAC9E,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAA0B,CAAC,CAAC;IAEhF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,IAAI,CAAC,WAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7C,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC;AAjBD,gDAiBC"}

package/dist/src/observable/mapObservablesToValues.d.ts

@@ -0,0 +1,3 @@
+import { ObservedValues } from './types';
+export declare function mapObservablesToValues<T extends Record<string, any>>(observables: T): ObservedValues<T>;
+//# sourceMappingURL=mapObservablesToValues.d.ts.map

package/dist/src/observable/mapObservablesToValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapObservablesToValues.d.ts","sourceRoot":"","sources":["../../../src/observable/mapObservablesToValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAIvG"}

package/dist/src/observable/mapObservablesToValues.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapObservablesToValues = void 0;
+function mapObservablesToValues(observables) {
+    return Object.fromEntries(Object.entries(observables).map(([key, observable]) => [key, observable.value]));
+}
+exports.mapObservablesToValues = mapObservablesToValues;
+//# sourceMappingURL=mapObservablesToValues.js.map

package/dist/src/observable/mapObservablesToValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapObservablesToValues.js","sourceRoot":"","sources":["../../../src/observable/mapObservablesToValues.ts"],"names":[],"mappings":";;;AAEA,SAAgB,sBAAsB,CAAgC,WAAc;IAClF,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAC3D,CAAC;AACzB,CAAC;AAJD,wDAIC"}

package/dist/src/observable/mediator/MediatorObservable.d.ts

@@ -0,0 +1,6 @@
+import { Observable } from '../Observable';
+import { OnNext } from '../types';
+export declare class MediatorObservable<T> extends Observable<T> {
+    addSource<S>(source: Observable<S>, onNext: OnNext<S>): this;
+}
+//# sourceMappingURL=MediatorObservable.d.ts.map

package/dist/src/observable/mediator/MediatorObservable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediatorObservable.d.ts","sourceRoot":"","sources":["../../../../src/observable/mediator/MediatorObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAAa,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtD,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAItD"}

package/dist/src/observable/{MediatorObservable.js → mediator/MediatorObservable.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediatorObservable = void 0;
-const Observable_1 = require("./Observable");
+const Observable_1 = require("../Observable");
 class MediatorObservable extends Observable_1.Observable {
     addSource(source, onNext) {
         source.subscribe(onNext);

package/dist/src/observable/mediator/MediatorObservable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediatorObservable.js","sourceRoot":"","sources":["../../../../src/observable/mediator/MediatorObservable.ts"],"names":[],"mappings":";;;AAAA,8CAA2C;AAG3C,MAAa,kBAAsB,SAAQ,uBAAa;IACtD,SAAS,CAAI,MAAqB,EAAE,MAAiB;QACnD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AALD,gDAKC"}

package/dist/src/observable/types.d.ts

@@ -4,4 +4,7 @@ export interface Observable<T> {
     value: T;
     subscribe(onNext: OnNext<T>): Unsubscribe;
 }
+export type ObservedValues<T> = {
+    [K in keyof T]: T[K] extends Observable<infer R> ? R : never;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/src/observable/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/observable/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC;AAErC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;CAC3C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/observable/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC;AAErC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC;IACT,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC"}

package/dist/src/observable/useObservers.d.ts

@@ -0,0 +1,3 @@
+import { ObservedValues } from './types';
+export declare function useObservers<T extends Record<string, any>>(observables: T): ObservedValues<T>;
+//# sourceMappingURL=useObservers.d.ts.map

package/dist/src/observable/useObservers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservers.d.ts","sourceRoot":"","sources":["../../../src/observable/useObservers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAe7F"}

package/dist/src/observable/useObservers.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useObservers = void 0;
+const react_1 = require("react");
+const MediatorObservable_1 = require("./mediator/MediatorObservable");
+const mapObservablesToValues_1 = require("./mapObservablesToValues");
+function useObservers(observables) {
+    const [values, setValues] = (0, react_1.useState)(() => (0, mapObservablesToValues_1.mapObservablesToValues)(observables));
+    (0, react_1.useEffect)(() => {
+        const mediator = new MediatorObservable_1.MediatorObservable();
+        Object.keys(observables).forEach((key) => {
+            mediator.addSource(observables[key], (value) => {
+                setValues({ ...values, [key]: value });
+            });
+        });
+        return mediator.subscribe();
+    }, []);
+    return values;
+}
+exports.useObservers = useObservers;
+//# sourceMappingURL=useObservers.js.map

package/dist/src/observable/useObservers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservers.js","sourceRoot":"","sources":["../../../src/observable/useObservers.ts"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,sEAAmE;AAEnE,qEAAkE;AAElE,SAAgB,YAAY,CAAgC,WAAc;IACxE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,+CAAsB,EAAC,WAAW,CAAC,CAAC,CAAC;IAEhF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,IAAI,uCAAkB,EAAE,CAAC;QAC1C,MAAM,CAAC,IAAI,CAAC,WAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7C,SAAS,CAAC,EAAE,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB,CAAC;AAfD,oCAeC"}

package/documentation/docs/documentation/installation.mdx

@@ -49,7 +49,7 @@ module.exports = {
   plugins: [
 +    react-obsidian/dist/transformers/babel-plugin-obsidian,
 +    ['@babel/plugin-proposal-decorators', {legacy: true}],
-+    ['@babel/plugin-proposal-class-properties', { legacy: true }],
++    '@babel/plugin-transform-class-properties',
 +    'babel-plugin-parameter-decorator'
   ]
 };

package/documentation/package-lock.json

@@ -12,7 +12,7 @@
         "@docusaurus/preset-classic": "2.2.0",
         "@mdx-js/react": "^1.6.22",
         "clsx": "^1.2.1",
-        "enhancedocs-search": "^1.0.2",
+        "enhancedocs-search": "^1.1.0",
         "prism-react-renderer": "^1.3.5",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
@@ -5601,9 +5601,9 @@
       }
     },
     "node_modules/enhancedocs-search": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/enhancedocs-search/-/enhancedocs-search-1.0.2.tgz",
-      "integrity": "sha512-zxGZ1SfdLywBeKd2Nbq/Q4HjWtydduZnYe1zhVFoUdIluj6rq9Iy3/Cc7pI9sG46CyltFOFDIYKJgTLe5ivwsA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/enhancedocs-search/-/enhancedocs-search-1.1.0.tgz",
+      "integrity": "sha512-LyQRwlvh1jI2izXS4mY3oUvIMAOUI1luWB9vLACmTY030CI9j9jXx7jCU07WR7oLf9dUo3ZXGTJwB2WNv+Hz2A==",
       "dependencies": {
         "mixpanel-browser": "^2.47.0",
         "react-markdown": "^8.0.6",
@@ -17512,9 +17512,9 @@
       }
     },
     "enhancedocs-search": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/enhancedocs-search/-/enhancedocs-search-1.0.2.tgz",
-      "integrity": "sha512-zxGZ1SfdLywBeKd2Nbq/Q4HjWtydduZnYe1zhVFoUdIluj6rq9Iy3/Cc7pI9sG46CyltFOFDIYKJgTLe5ivwsA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/enhancedocs-search/-/enhancedocs-search-1.1.0.tgz",
+      "integrity": "sha512-LyQRwlvh1jI2izXS4mY3oUvIMAOUI1luWB9vLACmTY030CI9j9jXx7jCU07WR7oLf9dUo3ZXGTJwB2WNv+Hz2A==",
       "requires": {
         "mixpanel-browser": "^2.47.0",
         "react-markdown": "^8.0.6",

package/documentation/package.json

@@ -19,7 +19,7 @@
     "@docusaurus/preset-classic": "2.2.0",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
-    "enhancedocs-search": "^1.0.2",
+    "enhancedocs-search": "^1.1.0",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/global.d.ts

@@ -0,0 +1 @@
+import 'jest-extended';

package/jest.config.js

@@ -8,7 +8,8 @@ const config = {
     'test',
   ],
   setupFilesAfterEnv: [
-    './jest.setup-after-env.js'
+    './jest.setup-after-env.js',
+    'jest-extended/all'
   ],
   testEnvironment: 'jsdom'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-obsidian",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "description": "Dependency injection framework for React and React Native applications",
   "scripts": {
     "prepack": "npm run lint && tsc --project tsconfig.prod.json",
@@ -20,12 +20,13 @@
     "react": "*"
   },
   "devDependencies": {
-    "@babel/core": "7.20.x",
-    "@babel/plugin-proposal-decorators": "7.18.x",
-    "@babel/preset-env": "7.20.x",
-    "@babel/preset-react": "7.18.x",
-    "@babel/preset-typescript": "7.18.x",
-    "@babel/types": "7.20.x",
+    "@babel/core": "7.22.x",
+    "@babel/plugin-proposal-decorators": "7.22.x",
+    "@babel/plugin-transform-class-properties": "7.22.x",
+    "@babel/preset-env": "7.22.x",
+    "@babel/preset-react": "7.22.x",
+    "@babel/preset-typescript": "7.22.x",
+    "@babel/types": "7.22.x",
     "@johanblumenberg/ts-mockito": "1.x.x",
     "@testing-library/react": "14.x.x",
     "@testing-library/react-hooks": "^7.0.2",
@@ -48,6 +49,7 @@
     "eslint-plugin-unused-imports": "2.x.x",
     "jest": "29.5.x",
     "jest-environment-jsdom": "^29.5.0",
+    "jest-extended": "^4.0.0",
     "lodash": "^4.17.21",
     "react": "18.2.x",
     "react-dom": "18.2.x",
@@ -79,4 +81,4 @@
     "url": "https://github.com/wix-incubator/react-obsidian/issues"
   },
   "homepage": "https://github.com/wix-incubator/react-obsidian#readme"
-}
+}

package/src/index.ts

@@ -20,8 +20,11 @@ export { injectComponent } from './injectors/components/InjectComponent';
 export { injectHook, injectHookWithArguments } from './injectors/hooks/InjectHook';
 
 export { useObserver } from './observable/useObserver';
+export { useObservers } from './observable/useObservers';
 export { Observable } from './observable/Observable';
-export { MediatorObservable } from './observable/MediatorObservable';
+export { MediatorObservable } from './observable/mediator/MediatorObservable';
 export { OnNext, Unsubscribe } from './observable/types';
 
+export { Model } from './model/Model';
+
 export { testKit } from '../testkit';

package/src/model/Model.ts

@@ -0,0 +1,15 @@
+import { useColdObservables } from '../observable/cold/useColdObservers';
+import { Observable } from '../observable/Observable';
+
+export abstract class Model {
+  public use<T extends Model>(this: T) {
+    const observables: Record<string, Observable<any>> = {};
+    Object.getOwnPropertyNames(this).forEach((propertyName: string) => {
+      const property = (this as any)[propertyName];
+      if (property instanceof Observable) {
+        observables[propertyName] = property;
+      }
+    });
+    return useColdObservables<T>(observables as any);
+  }
+}

package/src/observable/Observable.ts

@@ -1,5 +1,6 @@
 import { Observable as IObservable, OnNext, Unsubscribe } from './types';
 
+const NOOP = () => {};
 export class Observable<T> implements IObservable<T> {
   private subscribers: Set<OnNext<T>> = new Set();
   private currentValue: T | undefined;
@@ -17,7 +18,7 @@ export class Observable<T> implements IObservable<T> {
     this.subscribers.forEach((subscriber) => subscriber(value));
   }
 
-  public subscribe(onNext: OnNext<T>): Unsubscribe {
+  public subscribe(onNext: OnNext<T> = NOOP): Unsubscribe {
     if (this.subscribers.has(onNext)) {
       throw new Error('Subscriber already subscribed');
     }

package/src/observable/cold/ColdMediatorObservable.ts

@@ -0,0 +1,47 @@
+import { MediatorObservable } from '../mediator/MediatorObservable';
+
+export class ColdMediatorObservable<T extends object> extends MediatorObservable<T> {
+  constructor(obj: T, private readonly handler = new PropertyAccessTrackingProxy<T>()) {
+    super(new Proxy(obj, handler));
+  }
+
+  override set value(_: T) {
+    throw new Error('Cannot set value of ColdMediatorObservable, use setValue(value, key) instead');
+  }
+
+  override get value(): T {
+    return super.value;
+  }
+
+  setValue(key: keyof T, value: any) {
+    if (this.handler.hasAccessedProperty(key)) {
+      this.handler.suspendTracking();
+      super.value = { ...this.value, [key]: value };
+      this.handler.resumeTracking();
+    }
+  }
+}
+
+class PropertyAccessTrackingProxy<T extends object> implements ProxyHandler<T> {
+  private readonly accessedProperties = new Set<keyof T>();
+  private trackingSuspended = false;
+
+  get(target: T, p: string | symbol, receiver: any) {
+    if (!this.trackingSuspended) {
+      this.accessedProperties.add(p as keyof T);
+    }
+    return Reflect.get(target, p, receiver);
+  }
+
+  hasAccessedProperty(key: keyof T) {
+    return this.accessedProperties.has(key);
+  }
+
+  public suspendTracking() {
+    this.trackingSuspended = true;
+  }
+
+  public resumeTracking() {
+    this.trackingSuspended = false;
+  }
+}

package/src/observable/cold/useColdObservers.ts

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react';
+import { ColdMediatorObservable } from './ColdMediatorObservable';
+import { ObservedValues } from '../types';
+import { mapObservablesToValues } from '../mapObservablesToValues';
+
+export function useColdObservables<T extends Record<string, any>>(observables: T): ObservedValues<T> {
+  const [mediator] = useState(
+    () => new ColdMediatorObservable<T>(mapObservablesToValues(observables) as T),
+  );
+  const [values, setValues] = useState(() => mediator.value as ObservedValues<T>);
+
+  useEffect(() => {
+    Object.keys(observables as {}).forEach((key) => {
+      mediator.addSource(observables[key], (value) => {
+        mediator.setValue(key, value);
+      });
+    });
+
+    return mediator.subscribe(setValues);
+  }, []);
+
+  return values;
+}

package/src/observable/mapObservablesToValues.ts

@@ -0,0 +1,7 @@
+import { ObservedValues } from './types';
+
+export function mapObservablesToValues<T extends Record<string, any>>(observables: T): ObservedValues<T> {
+  return Object.fromEntries(
+    Object.entries(observables).map(([key, observable]) => [key, observable.value]),
+  ) as ObservedValues<T>;
+}

package/src/observable/mediator/MediatorObservable.ts

@@ -0,0 +1,9 @@
+import { Observable } from '../Observable';
+import { OnNext } from '../types';
+
+export class MediatorObservable<T> extends Observable<T> {
+  addSource<S>(source: Observable<S>, onNext: OnNext<S>) {
+    source.subscribe(onNext);
+    return this;
+  }
+}

package/src/observable/types.ts

@@ -5,3 +5,5 @@ export interface Observable<T> {
   value: T;
   subscribe(onNext: OnNext<T>): Unsubscribe;
 }
+
+export type ObservedValues<T> = { [K in keyof T]: T[K] extends Observable<infer R> ? R : never };

package/src/observable/useObservers.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { MediatorObservable } from './mediator/MediatorObservable';
+import { ObservedValues } from './types';
+import { mapObservablesToValues } from './mapObservablesToValues';
+
+export function useObservers<T extends Record<string, any>>(observables: T): ObservedValues<T> {
+  const [values, setValues] = useState(() => mapObservablesToValues(observables));
+
+  useEffect(() => {
+    const mediator = new MediatorObservable();
+    Object.keys(observables as {}).forEach((key) => {
+      mediator.addSource(observables[key], (value) => {
+        setValues({ ...values, [key]: value });
+      });
+    });
+
+    return mediator.subscribe();
+  }, []);
+
+  return values;
+}

package/tsconfig.base.json

@@ -3,7 +3,8 @@
     "src/**/*",
     "transformers/**/*",
     "test/**/*",
-    "./clearGraphs.ts"
+    "./clearGraphs.ts",
+    "global.d.ts"
   ],
   "exclude": [
     "node_modules",

package/dist/src/observable/MediatorObservable.d.ts

@@ -1,6 +0,0 @@
-import { Observable } from './Observable';
-import { OnNext } from './types';
-export declare class MediatorObservable<T> extends Observable<T> {
-    addSource<S>(source: Observable<S>, onNext: OnNext<S>): MediatorObservable<T>;
-}
-//# sourceMappingURL=MediatorObservable.d.ts.map

package/dist/src/observable/MediatorObservable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediatorObservable.d.ts","sourceRoot":"","sources":["../../../src/observable/MediatorObservable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,qBAAa,kBAAkB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtD,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;CAI9E"}

package/dist/src/observable/MediatorObservable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediatorObservable.js","sourceRoot":"","sources":["../../../src/observable/MediatorObservable.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAG1C,MAAa,kBAAsB,SAAQ,uBAAa;IACtD,SAAS,CAAI,MAAqB,EAAE,MAAiB;QACnD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AALD,gDAKC"}

package/src/observable/MediatorObservable.ts

@@ -1,9 +0,0 @@
-import { Observable } from './Observable';
-import { OnNext } from './types';
-
-export class MediatorObservable<T> extends Observable<T> {
-  addSource<S>(source: Observable<S>, onNext: OnNext<S>): MediatorObservable<T> {
-    source.subscribe(onNext);
-    return this;
-  }
-}