@zajno/common 1.6.2 → 1.6.4

package/lib/queue/tasks.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TasksQueue = void 0;
+class TasksQueue {
+    constructor(limit) {
+        this.limit = limit;
+        this._items = [];
+        this._running = 0;
+        this._logger = null;
+        this._runFactory = async (factory, name) => {
+            var _a;
+            this._running++;
+            try {
+                const result = await factory();
+                return result;
+            }
+            catch (err) {
+                (_a = this._logger) === null || _a === void 0 ? void 0 : _a.warn(`Factory "${name || factory.name || '<unknown>'}" thrown. Rethrowing...`);
+                throw err;
+            }
+            finally {
+                this._running--;
+                this._tryRunNext();
+            }
+        };
+        this._tryRunNext = async () => {
+            if (!this._items.length || this.isFull) {
+                return;
+            }
+            const next = this._items.shift();
+            if (!next || !next.finish || !next.factory) {
+                return;
+            }
+            await next.finish(this._runFactory(next.factory));
+        };
+        if (!limit || limit < 0) {
+            throw new Error('TasksQueue: limit should be a positive number');
+        }
+    }
+    get isFull() { return this._running >= this.limit; }
+    get running() { return this._running; }
+    addLogger(logger) {
+        this._logger = logger;
+        return this;
+    }
+    enqueue(factory, name) {
+        if (typeof factory !== 'function') {
+            throw new Error('Invalid arg: factory not a function');
+        }
+        if (this.isFull) {
+            const item = {
+                factory,
+                finish: undefined,
+                name,
+            };
+            const waitPromise = new Promise((resolve, reject) => {
+                item.finish = async (res) => {
+                    try {
+                        const rr = await res;
+                        resolve(rr);
+                        return rr;
+                    }
+                    catch (err) {
+                        reject(err);
+                        throw err;
+                    }
+                };
+            });
+            this._items.push(item);
+            return waitPromise;
+        }
+        return this._runFactory(factory);
+    }
+}
+exports.TasksQueue = TasksQueue;
+//# sourceMappingURL=tasks.js.map

package/lib/queue/tasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tasks.js","sourceRoot":"","sources":["../../src/queue/tasks.ts"],"names":[],"mappings":";;;AAUA,MAAa,UAAU;IAMnB,YAAqB,KAAa;QAAb,UAAK,GAAL,KAAK,CAAQ;QAJjB,WAAM,GAAmB,EAAE,CAAC;QACrC,aAAQ,GAAG,CAAC,CAAC;QACb,YAAO,GAAmB,IAAI,CAAC;QAiD/B,gBAAW,GAAG,KAAK,EAAE,OAAmB,EAAE,IAAa,EAAc,EAAE;;YAC3E,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI;gBACA,MAAM,MAAM,GAAG,MAAM,OAAO,EAAE,CAAC;gBAC/B,OAAO,MAAM,CAAC;aACjB;YAAC,OAAO,GAAG,EAAE;gBACV,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,YAAY,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,WAAW,yBAAyB,CAAC,CAAC;gBAC7F,MAAM,GAAG,CAAC;aACb;oBAAS;gBACN,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAChB,IAAI,CAAC,WAAW,EAAE,CAAC;aACtB;QACL,CAAC,CAAC;QAEM,gBAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE;gBACpC,OAAO;aACV;YAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACxC,OAAO;aACV;YAED,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACtD,CAAC,CAAC;QAvEE,IAAI,CAAC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;SACpE;IACL,CAAC;IAED,IAAW,MAAM,KAAK,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3D,IAAW,OAAO,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,MAAe;QACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,OAAO,CAAC,OAAmB,EAAE,IAAa;QAC7C,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YAC/B,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;SAC1D;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YAEb,MAAM,IAAI,GAAiB;gBACvB,OAAO;gBACP,MAAM,EAAE,SAAS;gBACjB,IAAI;aACP,CAAC;YAEF,MAAM,WAAW,GAAG,IAAI,OAAO,CAAI,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBACnD,IAAI,CAAC,MAAM,GAAG,KAAK,EAAE,GAAG,EAAE,EAAE;oBACxB,IAAI;wBACA,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC;wBACrB,OAAO,CAAC,EAAE,CAAC,CAAC;wBACZ,OAAO,EAAE,CAAC;qBACb;oBAAC,OAAO,GAAG,EAAE;wBACV,MAAM,CAAC,GAAG,CAAC,CAAC;wBACZ,MAAM,GAAG,CAAC;qBACb;gBACL,CAAC,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvB,OAAO,WAAW,CAAC;SACtB;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;CA6BJ;AAhFD,gCAgFC"}

package/lib/viewModels/Model.d.ts

@@ -0,0 +1,12 @@
+import type { IValueModel } from './types';
+import { Getter } from '../types';
+export declare class Model<T> implements IValueModel<T> {
+    private _value;
+    private readonly _defaultValue;
+    constructor(v?: Getter<T>);
+    get value(): T;
+    set value(v: T);
+    readonly setValue: (value: T) => void;
+    readonly reset: () => void;
+}
+//# sourceMappingURL=Model.d.ts.map

package/lib/viewModels/Model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Model.d.ts","sourceRoot":"","sources":["../../src/viewModels/Model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAAa,KAAK,CAAC,CAAC,CAAE,YAAW,WAAW,CAAC,CAAC,CAAC;IAC3C,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAmB;gBAErC,CAAC,GAAE,MAAM,CAAC,CAAC,CAAQ;IAK/B,IAAW,KAAK,IACI,CAAC,CADqB;IAC1C,IAAW,KAAK,CAAC,CAAC,EAAE,CAAC,EAEpB;IAED,SAAgB,QAAQ,UAAW,CAAC,UAElC;IAEF,SAAgB,KAAK,aAEnB;CACL"}

package/lib/viewModels/Model.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Model = void 0;
+const types_1 = require("../types");
+class Model {
+    constructor(v = null) {
+        this._defaultValue = null;
+        this.setValue = (value) => {
+            this._value = value;
+        };
+        this.reset = () => {
+            this.setValue(types_1.Getter.getValue(this._defaultValue));
+        };
+        this._value = types_1.Getter.getValue(v) || null;
+        this._defaultValue = v;
+    }
+    get value() { return this._value; }
+    set value(v) {
+        this.setValue(v);
+    }
+}
+exports.Model = Model;
+//# sourceMappingURL=Model.js.map

package/lib/viewModels/Model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Model.js","sourceRoot":"","sources":["../../src/viewModels/Model.ts"],"names":[],"mappings":";;;AACA,oCAAkC;AAElC,MAAa,KAAK;IAKd,YAAY,IAAe,IAAI;QAFd,kBAAa,GAAc,IAAI,CAAC;QAYjC,aAAQ,GAAG,CAAC,KAAQ,EAAE,EAAE;YACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC;QAEc,UAAK,GAAG,GAAG,EAAE;YACzB,IAAI,CAAC,QAAQ,CAAC,cAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QACvD,CAAC,CAAC;QAfE,IAAI,CAAC,MAAM,GAAG,cAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QACzC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;IAC3B,CAAC;IAED,IAAW,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,IAAW,KAAK,CAAC,CAAI;QACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;CASJ;AAtBD,sBAsBC"}

package/lib/viewModels/ValueModel.d.ts

@@ -1,12 +1,6 @@
 import { Getter } from '../types';
-import { IValueModel } from './types';
-export declare class ValueModel<T> implements IValueModel<T> {
-    private _value;
-    private _defaultValue;
+import { Model } from './Model';
+export declare class ValueModel<T> extends Model<T> {
     constructor(v?: Getter<T>, useRefObservable?: boolean);
-    get value(): T;
-    set value(v: T);
-    readonly setValue: (value: T) => void;
-    reset: () => void;
 }
 //# sourceMappingURL=ValueModel.d.ts.map

package/lib/viewModels/ValueModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValueModel.d.ts","sourceRoot":"","sources":["../../src/viewModels/ValueModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,qBAAa,UAAU,CAAC,CAAC,CAAE,YAAW,WAAW,CAAC,CAAC,CAAC;IAEhD,OAAO,CAAC,MAAM,CAAI;IAElB,OAAO,CAAC,aAAa,CAAmB;gBAE5B,CAAC,GAAE,MAAM,CAAC,CAAC,CAAQ,EAAE,gBAAgB,UAAO;IAUxD,IAAW,KAAK,IACI,CAAC,CADqB;IAC1C,IAAW,KAAK,CAAC,CAAC,EAAE,CAAC,EAEpB;IAGD,SAAgB,QAAQ,UAAW,CAAC,UAElC;IAEF,KAAK,aAEH;CACL"}
+{"version":3,"file":"ValueModel.d.ts","sourceRoot":"","sources":["../../src/viewModels/ValueModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,qBAAa,UAAU,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,CAAC,CAAC;gBAC3B,CAAC,GAAE,MAAM,CAAC,CAAC,CAAQ,EAAE,gBAAgB,UAAO;CAQ3D"}

package/lib/viewModels/ValueModel.js

@@ -2,28 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValueModel = void 0;
 const mobx_1 = require("mobx");
-const types_1 = require("../types");
-class ValueModel {
+const Model_1 = require("./Model");
+class ValueModel extends Model_1.Model {
     constructor(v = null, useRefObservable = true) {
-        this._defaultValue = null;
-        // action
-        this.setValue = (value) => {
-            this._value = value;
-        };
-        this.reset = () => {
-            this._value = types_1.Getter.getValue(this._defaultValue);
-        };
-        this._value = types_1.Getter.getValue(v) || null;
-        this._defaultValue = v;
+        super(v);
         (0, mobx_1.makeObservable)(this, {
             _value: useRefObservable ? mobx_1.observable.ref : mobx_1.observable,
             setValue: mobx_1.action,
         });
     }
-    get value() { return this._value; }
-    set value(v) {
-        this.setValue(v);
-    }
 }
 exports.ValueModel = ValueModel;
 //# sourceMappingURL=ValueModel.js.map

package/lib/viewModels/ValueModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueModel.js","sourceRoot":"","sources":["../../src/viewModels/ValueModel.ts"],"names":[],"mappings":";;;AAAA,+BAA0D;AAC1D,oCAAkC;AAGlC,MAAa,UAAU;IAMnB,YAAY,IAAe,IAAI,EAAE,gBAAgB,GAAG,IAAI;QAFhD,kBAAa,GAAc,IAAI,CAAC;QAiBxC,SAAS;QACO,aAAQ,GAAG,CAAC,KAAQ,EAAE,EAAE;YACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE;YACT,IAAI,CAAC,MAAM,GAAG,cAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,CAAC,CAAC;QArBE,IAAI,CAAC,MAAM,GAAG,cAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QACzC,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QAEvB,IAAA,qBAAc,EAA0B,IAAI,EAAE;YAC1C,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,iBAAU,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAU;YACtD,QAAQ,EAAE,aAAM;SACnB,CAAC,CAAC;IACP,CAAC;IAED,IAAW,KAAK,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,IAAW,KAAK,CAAC,CAAI;QACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC;CAUJ;AA7BD,gCA6BC"}
+{"version":3,"file":"ValueModel.js","sourceRoot":"","sources":["../../src/viewModels/ValueModel.ts"],"names":[],"mappings":";;;AAAA,+BAA0D;AAE1D,mCAAgC;AAEhC,MAAa,UAAc,SAAQ,aAAQ;IACvC,YAAY,IAAe,IAAI,EAAE,gBAAgB,GAAG,IAAI;QACpD,KAAK,CAAC,CAAC,CAAC,CAAC;QAET,IAAA,qBAAc,EAA0B,IAAI,EAAE;YAC1C,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,iBAAU,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAU;YACtD,QAAQ,EAAE,aAAM;SACnB,CAAC,CAAC;IACP,CAAC;CACJ;AATD,gCASC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zajno/common",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Zajno's re-usable utilities for JS/TS projects",
   "repository": {
     "type": "git",

package/src/queue/__tests__/tasks.test.ts

@@ -0,0 +1,87 @@
+import { TasksQueue } from '../tasks';
+import { setTimeoutAsync } from '../../async/timeout';
+import { safeCall } from '../../functions';
+import 'jest-extended';
+
+describe('TasksQueue', () => {
+
+    const createFactory = <T>(res: T, cb?: () => void) => {
+        return async () => {
+            await setTimeoutAsync(50);
+            safeCall(cb);
+            return res;
+        };
+    };
+
+    it('correctly initializes', async () => {
+        const fnZero = async () => {
+            return new TasksQueue(0);
+        };
+        const fnNegative = async () => {
+            return new TasksQueue(-12);
+        };
+        const fnPositive = async () => {
+            return new TasksQueue(12);
+        };
+
+        await expect(fnZero()).rejects.toThrow();
+        await expect(fnNegative()).rejects.toThrow();
+        await expect(fnPositive()).resolves.not.toBeNull();
+
+        const failEnqueue = async () => {
+            const q = new TasksQueue<number>(123);
+            q.enqueue(null as any);
+        };
+
+        await expect(failEnqueue()).rejects.toThrow();
+    });
+
+    it('runs without limit', async () => {
+        const queue = new TasksQueue(5);
+
+        expect(queue.isFull).toBeFalsy();
+        expect(queue.running).toBe(0);
+
+        const val1 = 123;
+
+        const res1 = queue.enqueue(createFactory(val1));
+
+        expect(queue.isFull).toBeFalsy();
+        expect(queue.running).toBe(1);
+
+        await expect(res1).resolves.toBe(val1);
+    });
+
+    it('runs with limit 1', async () => {
+        const queue = new TasksQueue(1);
+
+        const val1 = 123;
+        const cb1 = jest.fn();
+        const res1 = queue.enqueue(createFactory(val1, cb1));
+
+        const val2 = 321;
+        const cb2 = jest.fn();
+        const res2 = queue.enqueue(createFactory(val2, cb2));
+
+        const val3 = 111;
+        const cb3 = jest.fn();
+        const res3 = queue.enqueue(createFactory(val3, cb3));
+
+        expect(queue.isFull).toBeTruthy();
+        expect(queue.running).toBe(1);
+
+        await expect(res1).resolves.toBe(val1);
+        expect(queue.running).toBe(1);
+
+        await expect(res2).resolves.toBe(val2);
+
+        expect(queue.running).toBe(1);
+        await expect(res3).resolves.toBe(val3);
+
+        expect(queue.running).toBe(0);
+
+        expect(cb1).toHaveBeenCalledBefore(cb2);
+        expect(cb2).toHaveBeenCalledBefore(cb3);
+        expect(cb3).toHaveBeenCalled();
+    });
+});

package/src/queue/tasks.ts

@@ -0,0 +1,91 @@
+import type { ILogger } from '../logger';
+
+type Factory<T> = () => Promise<T>;
+
+type QueueItem<T> = {
+    factory: Factory<T>;
+    finish?: (res: Promise<T>) => Promise<T>;
+    name?: string;
+};
+
+export class TasksQueue<T> {
+
+    private readonly _items: QueueItem<T>[] = [];
+    private _running = 0;
+    private _logger: ILogger | null = null;
+
+    constructor(readonly limit: number) {
+        if (!limit || limit < 0) {
+            throw new Error('TasksQueue: limit should be a positive number');
+        }
+    }
+
+    public get isFull() { return this._running >= this.limit; }
+    public get running() { return this._running; }
+
+    addLogger(logger: ILogger) {
+        this._logger = logger;
+        return this;
+    }
+
+    public enqueue(factory: Factory<T>, name?: string): Promise<T> {
+        if (typeof factory !== 'function') {
+            throw new Error('Invalid arg: factory not a function');
+        }
+
+        if (this.isFull) {
+
+            const item: QueueItem<T> = {
+                factory,
+                finish: undefined,
+                name,
+            };
+
+            const waitPromise = new Promise<T>((resolve, reject) => {
+                item.finish = async (res) => {
+                    try {
+                        const rr = await res;
+                        resolve(rr);
+                        return rr;
+                    } catch (err) {
+                        reject(err);
+                        throw err;
+                    }
+                };
+            });
+
+            this._items.push(item);
+            return waitPromise;
+        }
+
+        return this._runFactory(factory);
+    }
+
+    private _runFactory = async (factory: Factory<T>, name?: string): Promise<T> => {
+        this._running++;
+        try {
+            const result = await factory();
+            return result;
+        } catch (err) {
+            this._logger?.warn(`Factory "${name || factory.name || '<unknown>'}" thrown. Rethrowing...`);
+            throw err;
+        } finally {
+            this._running--;
+            this._tryRunNext();
+        }
+    };
+
+    private _tryRunNext = async () => {
+        if (!this._items.length || this.isFull) {
+            return;
+        }
+
+        const next = this._items.shift();
+        if (!next || !next.finish || !next.factory) {
+            return;
+        }
+
+        await next.finish(this._runFactory(next.factory));
+    };
+
+}

package/src/viewModels/Model.ts

@@ -0,0 +1,26 @@
+import type { IValueModel } from './types';
+import { Getter } from '../types';
+
+export class Model<T> implements IValueModel<T> {
+    private _value: T;
+
+    private readonly _defaultValue: Getter<T> = null;
+
+    constructor(v: Getter<T> = null) {
+        this._value = Getter.getValue(v) || null;
+        this._defaultValue = v;
+    }
+
+    public get value() { return this._value; }
+    public set value(v: T) {
+        this.setValue(v);
+    }
+
+    public readonly setValue = (value: T) => {
+        this._value = value;
+    };
+
+    public readonly reset = () => {
+        this.setValue(Getter.getValue(this._defaultValue));
+    };
+}

package/src/viewModels/ValueModel.ts

@@ -1,34 +1,14 @@
 import { action, makeObservable, observable } from 'mobx';
 import { Getter } from '../types';
-import { IValueModel } from './types';
-
-export class ValueModel<T> implements IValueModel<T> {
-    // observable[.ref]
-    private _value: T;
-
-    private _defaultValue: Getter<T> = null;
+import { Model } from './Model';
 
+export class ValueModel<T> extends Model<T> {
     constructor(v: Getter<T> = null, useRefObservable = true) {
-        this._value = Getter.getValue(v) || null;
-        this._defaultValue = v;
+        super(v);
 
         makeObservable<ValueModel<T>, '_value'>(this, {
             _value: useRefObservable ? observable.ref : observable,
             setValue: action,
         });
     }
-
-    public get value() { return this._value; }
-    public set value(v: T) {
-        this.setValue(v);
-    }
-
-    // action
-    public readonly setValue = (value: T) => {
-        this._value = value;
-    };
-
-    reset = () => {
-        this._value = Getter.getValue(this._defaultValue);
-    };
 }

package/src/viewModels/__tests__/common.test.ts

@@ -4,13 +4,15 @@ import { LoadingModel } from '../LoadingModel';
 import { setTimeoutAsync } from '../../async/timeout';
 import { SelectString } from '../SelectModel';
 import { TextInputVM } from '../TextModel';
+import { ValueModel } from '../ValueModel';
+import { reaction } from 'mobx';
 
 describe('CommonModel', () => {
     const NotEmptyError = 'should be not empty';
 
     it('works', async () => {
 
-        let m: CommonModel<string[]>;
+        let m: CommonModel<string[]> = null;
 
         const fn = async () => {
             m = new CommonModel<string[]>(() => [], true)
@@ -103,5 +105,29 @@ describe('Others', () => {
             return new TextInputVM();
         })()).resolves.not.toThrow();
 
+        await expect((async () => {
+            return new ValueModel();
+        })()).resolves.not.toThrow();
+
+    });
+
+    describe('ValueModel', () => {
+        it('observable', () => {
+
+            const vm = new ValueModel(123);
+
+            const sub = jest.fn();
+            const unsub = reaction(() => vm.value, v => sub(v));
+
+            vm.value = 321;
+            expect(sub).toHaveBeenCalledWith(321);
+
+            sub.mockClear();
+
+            vm.reset();
+            expect(sub).toHaveBeenCalledWith(123);
+
+            unsub();
+        });
     });
 });