@zajno/common 1.5.2 → 1.5.3

package/coverage/lcov.info

@@ -1125,29 +1125,29 @@ FN:37,(anonymous_5)
 FN:40,(anonymous_6)
 FNF:7
 FNH:3
-FNDA:9,setTimeoutAsync
-FNDA:9,(anonymous_1)
-FNDA:9,(anonymous_2)
+FNDA:10,setTimeoutAsync
+FNDA:10,(anonymous_1)
+FNDA:10,(anonymous_2)
 FNDA:0,(anonymous_3)
 FNDA:0,setTimeoutFramesAsync
 FNDA:0,(anonymous_5)
 FNDA:0,(anonymous_6)
 DA:2,3
-DA:3,9
-DA:6,9
-DA:7,9
-DA:8,9
-DA:9,9
-DA:10,9
-DA:11,9
-DA:16,9
+DA:3,10
+DA:6,10
+DA:7,10
+DA:8,10
+DA:9,10
+DA:10,10
+DA:11,10
+DA:16,10
 DA:17,0
 DA:18,0
 DA:19,0
 DA:20,0
 DA:21,0
 DA:24,0
-DA:27,9
+DA:27,10
 DA:32,3
 DA:33,0
 DA:34,0
@@ -1160,11 +1160,11 @@ DA:44,0
 DA:48,0
 LF:26
 LH:11
-BRDA:2,0,0,9
-BRDA:10,1,0,9
+BRDA:2,0,0,10
+BRDA:10,1,0,10
 BRDA:10,1,1,0
 BRDA:16,2,0,0
-BRDA:16,2,1,9
+BRDA:16,2,1,10
 BRDA:20,3,0,0
 BRDA:20,3,1,0
 BRDA:33,4,0,0
@@ -3248,35 +3248,56 @@ BRH:1
 end_of_record
 TN:
 SF:src/viewModels/LoadingModel.ts
-FN:5,(anonymous_0)
-FN:11,(anonymous_1)
-FNF:2
-FNH:2
-FNDA:3,(anonymous_0)
-FNDA:1,(anonymous_1)
+FN:4,(anonymous_0)
+FN:28,(anonymous_1)
+FN:8,(anonymous_2)
+FN:10,(anonymous_3)
+FN:11,(anonymous_4)
+FN:24,(anonymous_5)
+FN:36,withLoading
+FNF:7
+FNH:6
+FNDA:2,(anonymous_0)
+FNDA:0,(anonymous_1)
+FNDA:12,(anonymous_2)
+FNDA:5,(anonymous_3)
+FNDA:4,(anonymous_4)
+FNDA:4,(anonymous_5)
+FNDA:4,withLoading
 DA:1,1
-DA:3,1
-DA:5,3
-DA:12,1
-DA:13,0
-DA:14,0
-DA:16,0
-DA:19,1
-DA:21,1
-DA:22,1
-DA:23,1
-DA:25,1
-LF:12
-LH:9
-BRDA:11,0,0,1
-BRDA:12,1,0,0
-BRDA:12,1,1,1
-BRDA:12,2,0,1
-BRDA:12,2,1,0
-BRDA:13,3,0,0
-BRDA:13,3,1,0
-BRF:7
-BRH:3
+DA:4,1
+DA:6,2
+DA:8,12
+DA:10,5
+DA:12,4
+DA:13,2
+DA:15,2
+DA:25,4
+DA:28,2
+DA:36,1
+DA:37,4
+DA:38,2
+DA:39,1
+DA:41,1
+DA:44,2
+DA:46,2
+DA:47,2
+DA:48,2
+DA:50,2
+LF:20
+LH:20
+BRDA:12,0,0,2
+BRDA:12,0,1,2
+BRDA:24,1,0,1
+BRDA:36,2,0,0
+BRDA:37,3,0,2
+BRDA:37,3,1,2
+BRDA:37,4,0,4
+BRDA:37,4,1,3
+BRDA:38,5,0,1
+BRDA:38,5,1,1
+BRF:10
+BRH:9
 end_of_record
 TN:
 SF:src/viewModels/MultiSelectModel.ts
@@ -3483,36 +3504,36 @@ FN:29,(anonymous_6)
 FN:36,(anonymous_7)
 FNF:8
 FNH:6
-FNDA:8,(anonymous_0)
-FNDA:10,(anonymous_1)
+FNDA:9,(anonymous_0)
+FNDA:12,(anonymous_1)
 FNDA:0,(anonymous_2)
-FNDA:4,(anonymous_3)
-FNDA:3,(anonymous_4)
-FNDA:13,(anonymous_5)
-FNDA:8,(anonymous_6)
+FNDA:5,(anonymous_3)
+FNDA:4,(anonymous_4)
+FNDA:23,(anonymous_5)
+FNDA:10,(anonymous_6)
 FNDA:0,(anonymous_7)
 DA:1,3
 DA:9,3
-DA:12,8
-DA:14,8
-DA:17,8
-DA:24,8
-DA:25,8
-DA:28,13
-DA:29,8
-DA:32,8
-DA:33,10
+DA:12,9
+DA:14,9
+DA:17,9
+DA:24,9
+DA:25,9
+DA:28,23
+DA:29,10
+DA:32,9
+DA:33,12
 DA:36,0
-DA:39,8
+DA:39,9
 DA:40,0
-DA:44,8
-DA:47,8
+DA:44,9
+DA:47,9
 DA:50,3
 LF:17
 LH:15
-BRDA:16,0,0,5
-BRDA:44,1,0,4
-BRDA:47,2,0,3
+BRDA:16,0,0,4
+BRDA:44,1,0,5
+BRDA:47,2,0,4
 BRF:3
 BRH:3
 end_of_record

package/lib/viewModels/LoadingModel.d.ts

@@ -1,8 +1,17 @@
-import { NumberModel } from './NumberModel';
-export declare class LoadingModel extends NumberModel {
+import { IResetableModel, IValueModel } from './types';
+export declare class LoadingModel implements IValueModel<boolean>, IResetableModel {
+    private readonly _number;
     get isLoading(): boolean;
+    get value(): boolean;
+    set value(v: boolean);
     useLoading<T>(cb: () => (T | Promise<T>)): Promise<T>;
     useLoading<T>(cb: () => (T | Promise<T>), exclusive: false): Promise<T>;
-    useLoading<T>(cb: () => (T | Promise<T>), exclusive: true | 'throw'): Promise<T | false>;
+    useLoading<T>(cb: () => (T | Promise<T>), exclusive: true): Promise<T | false>;
+    useLoading<T>(cb: () => (T | Promise<T>), exclusive: 'throw'): Promise<T>;
+    reset: () => void;
 }
+export declare function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>)): Promise<T>;
+export declare function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: false): Promise<T>;
+export declare function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: true): Promise<T | false>;
+export declare function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: 'throw'): Promise<T>;
 //# sourceMappingURL=LoadingModel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingModel.d.ts","sourceRoot":"","sources":["../../src/viewModels/LoadingModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBAAa,YAAa,SAAQ,WAAW;IAEzC,IAAW,SAAS,YAA6B;IAEpC,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IACrD,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IACvE,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;CAmBxG"}
+{"version":3,"file":"LoadingModel.d.ts","sourceRoot":"","sources":["../../src/viewModels/LoadingModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,qBAAa,YAAa,YAAW,WAAW,CAAC,OAAO,CAAC,EAAE,eAAe;IAEtE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAsB;IAE9C,IAAW,SAAS,YAAqC;IAEzD,IAAW,KAAK,IAAI,OAAO,CAA2B;IACtD,IAAW,KAAK,CAAC,CAAC,EAAE,OAAO,EAM1B;IAEY,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IACrD,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IACvE,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;IAC9E,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IAM/E,KAAK,aAA8B;CAC7C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACpG,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC;AAC7H,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/lib/viewModels/LoadingModel.js

@@ -1,25 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingModel = void 0;
+exports.withLoading = exports.LoadingModel = void 0;
 const NumberModel_1 = require("./NumberModel");
-class LoadingModel extends NumberModel_1.NumberModel {
-    get isLoading() { return this.value > 0; }
-    async useLoading(cb, exclusive = false) {
-        if (exclusive && this.isLoading) {
-            if (exclusive === 'throw') {
-                throw new Error('Operation cannot be started because another one is in progress already.');
-            }
-            return false;
-        }
-        this.increment();
-        try {
-            const res = await cb();
-            return res;
+class LoadingModel {
+    constructor() {
+        this._number = new NumberModel_1.NumberModel(0);
+        this.reset = () => this._number.reset();
+    }
+    get isLoading() { return this._number.value > 0; }
+    get value() { return this.isLoading; }
+    set value(v) {
+        if (v) {
+            this._number.increment();
         }
-        finally {
-            this.decrement();
+        else {
+            this._number.decrement();
         }
     }
+    useLoading(cb, exclusive = false) {
+        return withLoading(this, cb, exclusive);
+    }
 }
 exports.LoadingModel = LoadingModel;
+async function withLoading(model, cb, exclusive = false) {
+    if (exclusive && model.value) {
+        if (exclusive === 'throw') {
+            throw new Error('Operation cannot be started because another one is in progress already.');
+        }
+        return false;
+    }
+    model.value = true;
+    try {
+        const res = await cb();
+        return res;
+    }
+    finally {
+        model.value = false;
+    }
+}
+exports.withLoading = withLoading;
 //# sourceMappingURL=LoadingModel.js.map

package/lib/viewModels/LoadingModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingModel.js","sourceRoot":"","sources":["../../src/viewModels/LoadingModel.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAE5C,MAAa,YAAa,SAAQ,yBAAW;IAEzC,IAAW,SAAS,KAAK,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAM1C,KAAK,CAAC,UAAU,CAAI,EAA0B,EAAE,YAA+B,KAAK;QACvF,IAAI,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE;YAC7B,IAAI,SAAS,KAAK,OAAO,EAAE;gBACvB,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;aAC9F;YACD,OAAO,KAAK,CAAC;SAChB;QAED,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,IAAI;YACA,MAAM,GAAG,GAAG,MAAM,EAAE,EAAE,CAAC;YACvB,OAAO,GAAG,CAAC;SACd;gBAAS;YACN,IAAI,CAAC,SAAS,EAAE,CAAC;SACpB;IACL,CAAC;CACJ;AAzBD,oCAyBC"}
+{"version":3,"file":"LoadingModel.js","sourceRoot":"","sources":["../../src/viewModels/LoadingModel.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAG5C,MAAa,YAAY;IAAzB;QAEqB,YAAO,GAAG,IAAI,yBAAW,CAAC,CAAC,CAAC,CAAC;QAsBvC,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9C,CAAC;IArBG,IAAW,SAAS,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzD,IAAW,KAAK,KAAc,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IACtD,IAAW,KAAK,CAAC,CAAU;QACvB,IAAI,CAAC,EAAE;YACH,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;SAC5B;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;SAC5B;IACL,CAAC;IAOM,UAAU,CAAI,EAA0B,EAAE,YAA+B,KAAK;QACjF,OAAO,WAAW,CAAC,IAAI,EAAE,EAAE,EAAE,SAAgB,CAAC,CAAC;IACnD,CAAC;CAGJ;AAzBD,oCAyBC;AAOM,KAAK,UAAU,WAAW,CAAgB,KAA2B,EAAE,EAA0B,EAAE,YAA+B,KAAK;IAC1I,IAAI,SAAS,IAAI,KAAK,CAAC,KAAK,EAAE;QAC1B,IAAI,SAAS,KAAK,OAAO,EAAE;YACvB,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;SAC9F;QACD,OAAO,KAAK,CAAC;KAChB;IAED,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;IAEnB,IAAI;QACA,MAAM,GAAG,GAAG,MAAM,EAAE,EAAE,CAAC;QACvB,OAAO,GAAG,CAAC;KACd;YAAS;QACN,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;KACvB;AACL,CAAC;AAhBD,kCAgBC"}

package/lib/viewModels/types.d.ts

@@ -1,4 +1,7 @@
-export interface IValueModel<TValue> {
+export interface IValueModelReadonly<TValue> {
+    readonly value: TValue;
+}
+export interface IValueModel<TValue> extends IValueModelReadonly<TValue> {
     value: TValue;
 }
 export interface ILabel<T> {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/viewModels/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,WAAW,CAAC,MAAM;IAC/B,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/viewModels/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,mBAAmB,CAAC,MAAM;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW,CAAC,MAAM,CAAE,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC7B"}

package/package.json

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

package/src/viewModels/LoadingModel.ts

@@ -1,28 +1,52 @@
 import { NumberModel } from './NumberModel';
+import { IResetableModel, IValueModel } from './types';
 
-export class LoadingModel extends NumberModel {
+export class LoadingModel implements IValueModel<boolean>, IResetableModel {
 
-    public get isLoading() { return this.value > 0; }
+    private readonly _number = new NumberModel(0);
+
+    public get isLoading() { return this._number.value > 0; }
+
+    public get value(): boolean { return this.isLoading; }
+    public set value(v: boolean) {
+        if (v) {
+            this._number.increment();
+        } else {
+            this._number.decrement();
+        }
+    }
 
     public async useLoading<T>(cb: () => (T | Promise<T>)): Promise<T>;
     public async useLoading<T>(cb: () => (T | Promise<T>), exclusive: false): Promise<T>;
-    public async useLoading<T>(cb: () => (T | Promise<T>), exclusive: true | 'throw'): Promise<T | false>;
-
-    public async useLoading<T>(cb: () => (T | Promise<T>), exclusive: boolean | 'throw' = false): Promise<T | false> {
-        if (exclusive && this.isLoading) {
-            if (exclusive === 'throw') {
-                throw new Error('Operation cannot be started because another one is in progress already.');
-            }
-            return false;
-        }
+    public async useLoading<T>(cb: () => (T | Promise<T>), exclusive: true): Promise<T | false>;
+    public async useLoading<T>(cb: () => (T | Promise<T>), exclusive: 'throw'): Promise<T>;
+
+    public useLoading<T>(cb: () => (T | Promise<T>), exclusive: boolean | 'throw' = false): Promise<T | false> {
+        return withLoading(this, cb, exclusive as any);
+    }
+
+    public reset = () => this._number.reset();
+}
 
-        this.increment();
+export function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>)): Promise<T>;
+export function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: false): Promise<T>;
+export function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: true): Promise<T | false>;
+export function withLoading<T>(model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: 'throw'): Promise<T>;
 
-        try {
-            const res = await cb();
-            return res;
-        } finally {
-            this.decrement();
+export async function withLoading<T>(this: void, model: IValueModel<boolean>, cb: () => (T | Promise<T>), exclusive: boolean | 'throw' = false): Promise<T | false> {
+    if (exclusive && model.value) {
+        if (exclusive === 'throw') {
+            throw new Error('Operation cannot be started because another one is in progress already.');
         }
+        return false;
+    }
+
+    model.value = true;
+
+    try {
+        const res = await cb();
+        return res;
+    } finally {
+        model.value = false;
     }
 }

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

@@ -51,19 +51,18 @@ describe('CommonModel', () => {
     });
 });
 
-describe('LoadingModel', () => {
+describe('LoadingModel works', () => {
+    const worker = async () => {
+        await setTimeoutAsync(100);
+        return 100;
+    };
 
-    it('works', async () => {
+    it('basic', async () => {
 
         const m = new LoadingModel();
-        expect(m.value).toBe(0);
+        expect(m.value).toBe(false);
         expect(m.isLoading).toBeFalsy();
 
-        const worker = async () => {
-            await setTimeoutAsync(100);
-            return 100;
-        };
-
         const promise = m.useLoading(worker);
         expect(m.isLoading).toBeTruthy();
 
@@ -71,6 +70,26 @@ describe('LoadingModel', () => {
 
         expect(m.isLoading).toBeFalsy();
     });
+
+    it('with exclusive', async () => {
+        const m = new LoadingModel();
+
+        const first = m.useLoading(worker, true);
+        expect(m.isLoading).toBeTruthy();
+
+        const second = m.useLoading(worker, true);
+        expect(m.isLoading).toBeTruthy();
+
+        await expect(() => m.useLoading(worker, 'throw')).rejects.toThrow();
+
+        expect(m.isLoading).toBeTruthy();
+
+        await expect(second).resolves.toBe(false);
+        await expect(first).resolves.toBe(100);
+
+        expect(m.value).toBe(false);
+        expect(m.isLoading).toBeFalsy();
+    });
 });
 
 describe('Others', () => {

package/src/viewModels/types.ts

@@ -1,5 +1,9 @@
 
-export interface IValueModel<TValue> {
+export interface IValueModelReadonly<TValue> {
+    readonly value: TValue;
+}
+
+export interface IValueModel<TValue> extends IValueModelReadonly<TValue> {
     value: TValue;
 }