@zajno/common 1.3.13 → 1.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"Validatable.d.ts","sourceRoot":"","sources":["../../src/viewModels/Validatable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,gBAAgB,EAAmB,MAAM,eAAe,CAAC;AAG7G,oBAAY,cAAc,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;AACjF,oBAAY,uBAAuB,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEjE,oBAAY,gBAAgB,CAAC,CAAC,IAAI;IAC9B,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAGF,8BAAsB,gBAAgB,CAAC,CAAC,GAAG,MAAM;IAE7C,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,QAAQ,CAAiC;IAGjD,OAAO,CAAC,MAAM,CAAgB;IAE9B,OAAO,CAAC,gBAAgB,CAAyB;gBAErC,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAKxC,SAAS,CAAC,QAAQ,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,OAAO,YAA2B;IAEtC,IAAI,KAAK,WAA0B;IAE5B,mBAAmB,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAM1C,YAAY,CAAC,KAAK,EAAE,CAAC;IAQ5B,QAAQ;IAuBR,YAAY;IAMlB,KAAK;WAKQ,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,UAAO;CAQxG"}
+{"version":3,"file":"Validatable.d.ts","sourceRoot":"","sources":["../../src/viewModels/Validatable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,gBAAgB,EAAmB,MAAM,eAAe,CAAC;AAG7G,oBAAY,cAAc,CAAC,CAAC,EAAE,OAAO,GAAG,gBAAgB,IAAI,iBAAiB,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAC/H,oBAAY,uBAAuB,CAAC,OAAO,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAEjI,oBAAY,gBAAgB,CAAC,CAAC,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM,GAAG,gBAAgB,IAAI;IAClF,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAChD,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAIF,8BAAsB,gBAAgB,CAAC,CAAC,GAAG,MAAM;IAE7C,OAAO,CAAC,UAAU,CAA0C;IAC5D,OAAO,CAAC,QAAQ,CAAsC;IAGtD,OAAO,CAAC,MAAM,CAAgB;IAE9B,OAAO,CAAC,gBAAgB,CAAyB;;IAMjD,SAAS,CAAC,QAAQ,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,IAAI,OAAO,YAA2B;IAEtC,IAAI,KAAK,WAA0B;IAE5B,mBAAmB,CAAC,OAAO,SAAS,MAAM,GAAG,MAAM,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,OAAO,CAAC;IAMvG,YAAY,CAAC,KAAK,EAAE,CAAC;IAQ5B,QAAQ;IAyBR,YAAY;IAMlB,KAAK;WAKQ,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,UAAO;CAQxG"}

package/lib/viewModels/Validatable.js

@@ -5,15 +5,14 @@ const tslib_1 = require("tslib");
 const mobx_1 = require("mobx");
 const validation_1 = require("../validation");
 const arrays_1 = require("../async/arrays");
-const EmptyValidator = () => validation_1.ValidationErrors.None;
+const EmptyValidator = () => 0;
 class ValidatableModel {
-    constructor(config) {
+    constructor() {
         this._validator = null;
         this._strings = null;
         this._error = null;
         this._validationError = null;
         mobx_1.makeObservable(this);
-        this.setValidationConfig(config);
     }
     get isValid() { return !this._error; }
     get error() { return this._error; }
@@ -34,21 +33,23 @@ class ValidatableModel {
             return true;
         }
         try {
-            const valid = await this._validator(this.valueToValidate);
-            this._validationError = valid === validation_1.ValidationErrors.None
+            const validationResult = await this._validator(this.valueToValidate);
+            this._validationError = !validationResult
                 ? null
-                : new validation_1.ValidationError('Unknown error', valid);
+                : new validation_1.ValidationError('Unknown error', validationResult);
         }
         catch (err) {
             this._validationError = err;
         }
-        if (!this._validationError) {
-            this._error = null;
-        }
-        else {
-            const code = this._validationError.code;
-            this._error = this._strings && this._strings[code];
-        }
+        mobx_1.runInAction(() => {
+            if (!this._validationError) {
+                this._error = null;
+            }
+            else {
+                const code = this._validationError.code;
+                this._error = this._strings && this._strings[code];
+            }
+        });
         return this._validationError == null;
     }
     async getIsInvalid() {

package/lib/viewModels/Validatable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Validatable.js","sourceRoot":"","sources":["../../src/viewModels/Validatable.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Validatable.js","sourceRoot":"","sources":["../../src/viewModels/Validatable.ts"],"names":[],"mappings":"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"}

package/lib/viewModels/index.d.ts

@@ -1,5 +1,6 @@
 export * from './types';
 export * from './Validatable';
+export * from './CommonModel';
 export * from './TextModel';
 export * from './FlagModel';
 export * from './NumberModel';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewModels/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/viewModels/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,eAAe,CAAC"}

package/lib/viewModels/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./types"), exports);
 tslib_1.__exportStar(require("./Validatable"), exports);
+tslib_1.__exportStar(require("./CommonModel"), exports);
 tslib_1.__exportStar(require("./TextModel"), exports);
 tslib_1.__exportStar(require("./FlagModel"), exports);
 tslib_1.__exportStar(require("./NumberModel"), exports);

package/lib/viewModels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/viewModels/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B;AAC9B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,qDAA2B;AAE3B,wDAA8B;AAC9B,6DAAmC;AAEnC,wDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/viewModels/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B;AAC9B,wDAA8B;AAC9B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,qDAA2B;AAE3B,wDAA8B;AAC9B,6DAAmC;AAEnC,wDAA8B"}

package/package.json

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

package/src/disposer.ts

@@ -59,9 +59,12 @@ export class Disposer {
             );
         }
 
-        this._disposers.forEach(d => d());
+        const copy = this._disposers.slice().reverse();
         this._disposers.length = 0;
         this._map.clear();
+
+        // this should separate side effects
+        copy.forEach(d => d());
     }
 }
 

package/src/lazy.light.ts

@@ -1,5 +1,6 @@
+import type { IDisposable } from './disposer';
 
-export type LazyLight<T> = {
+export type LazyLight<T> = IDisposable & {
     readonly value: T;
     readonly hasValue: boolean;
 
@@ -7,19 +8,22 @@ export type LazyLight<T> = {
 };
 
 export function createLazy<T>(factory: () => T) {
-    return {
-        _factory: factory,
-        _instance: undefined as T,
+    const _factory = factory;
+    let _instance: T = undefined;
+
+    const res: LazyLight<T> = {
         get value() {
-            if (this._instance === undefined) {
-                this._instance = this._factory();
+            if (_instance === undefined) {
+                _instance = _factory();
             }
-            return this._instance;
+            return _instance;
         },
-        get hasValue() { return this._instance !== undefined; },
-        reset() {
-            this._instance = undefined;
+        get hasValue() { return _instance !== undefined; },
+        reset: () => {
+            _instance = undefined;
         },
+        dispose: () => res.reset(),
+    };
 
-    } as LazyLight<T>;
+    return res;
 }

package/src/lazy.ts

@@ -1,6 +1,7 @@
-import { observable, transaction, makeObservable } from 'mobx';
+import type { IDisposable } from 'disposer';
+import { observable, makeObservable, action } from 'mobx';
 
-export default class Lazy<T> {
+export default class Lazy<T> implements IDisposable {
 
     @observable.ref
     private _instance: T = null;
@@ -25,9 +26,11 @@ export default class Lazy<T> {
     reset() {
         this._instance = null;
     }
+
+    dispose = () => this.reset();
 }
 
-export class LazyPromise<T> {
+export class LazyPromise<T> implements IDisposable {
 
     @observable.ref
     private _instance: T = null;
@@ -50,23 +53,27 @@ export class LazyPromise<T> {
     get() {
         if (!this._loaded && !this._busy) {
             this._busy = true;
-            this._factory().then(res => {
-                transaction(() => {
-                    this._busy = false;
-                    this._loaded = true;
-                    this._instance = res;
-                });
-            });
+            this._factory().then(this.setInstance);
         }
 
         return this._instance;
     }
 
+    @action
+    private setInstance = (res: T) => {
+        const wasBusy = this._busy;
+
+        this._busy = false;
+        this._loaded = wasBusy;
+        this._instance = wasBusy ? res : null;
+    };
+
+    @action
     reset() {
-        transaction(() => {
-            this._busy = false;
-            this._instance = this.initial;
-            this._loaded = false;
-        });
+        this._busy = false;
+        this._instance = this.initial;
+        this._loaded = false;
     }
+
+    dispose = () => this.reset();
 }

package/src/pool.ts

@@ -1,24 +1,47 @@
+import { safeCall } from 'functions';
+import type { IDisposable } from './disposer';
 
 export class Pool<T> {
 
-    private _container: T[] = [];
+    private readonly _container: T[] = [];
 
-    get(factory: () => T): T {
+    constructor(readonly factory: () => T) { }
+
+    public get(): T {
         if (this._container.length > 0) {
             return this._container.pop();
         } else {
-            return factory();
+            return this.factory();
         }
     }
 
-    release(e: T): void;
-    release(e: T[]): void;
-
-    release(e: T | T[]) {
+    public release(e: T | T[]): void {
         if (Array.isArray(e)) {
             this._container.push(...e);
-        } else {
+        } else if (e) {
             this._container.push(e);
         }
     }
 }
+
+export class PoolDisposable<T extends IDisposable> extends Pool<T> {
+
+    constructor(factory: () => T, readonly initializer: (item: T) => void = null) {
+        super(factory);
+    }
+
+    public get(): T {
+        const res = super.get();
+        safeCall(this.initializer, res);
+        return res;
+    }
+
+    public release(e: T | T[]): void {
+        if (Array.isArray(e)) {
+            e.forEach(ee => ee.dispose());
+        } else if (e) {
+            e.dispose();
+        }
+        return super.release(e);
+    }
+}

package/src/validation/types.ts

@@ -1,14 +1,14 @@
 import { ValidationErrors } from './ValidationErrors';
 
-export type ValidatorFunction<T = string> = (val: T) => ValidationErrors;
-export type ValidatorFunctionAsync<T = string> = (val: T) => Promise<ValidationErrors>;
+export type ValidatorFunction<T = string, TErrors = ValidationErrors> = (val: T) => TErrors;
+export type ValidatorFunctionAsync<T = string, TErrors = ValidationErrors> = (val: T) => Promise<TErrors>;
 
 export type WrapperFunction = (val: ValidatorFunction) => ValidatorFunction;
 
-export class ValidationError extends Error {
-    readonly code: ValidationErrors = null;
+export class ValidationError<TErrors = ValidationErrors> extends Error {
+    readonly code: TErrors = null;
 
-    constructor(message: string, code: ValidationErrors) {
+    constructor(message: string, code: TErrors) {
         super(message);
         this.code = code;
     }

package/src/viewModels/CommonModel.ts

@@ -0,0 +1,46 @@
+import { action, makeObservable, observable } from 'mobx';
+import { ValidatableModel } from './Validatable';
+
+export class CommonModel<T = any> extends ValidatableModel<T> {
+
+    @observable.ref
+    private _value: T = null;
+
+    private _defaultValue: T = null;
+    private _validateOnChange = false;
+
+    constructor(v: T = null) {
+        super();
+        makeObservable(this);
+        this._value = v;
+        this._defaultValue = v;
+    }
+
+    validateOnChange(enable = true) {
+        this._validateOnChange = enable;
+        return this;
+    }
+
+    protected get valueToValidate(): Readonly<T> {
+        return this._value;
+    }
+
+    public get value() { return this._value; }
+    public set value(v: T) {
+        this.setValue(v);
+    }
+
+    @action
+    public readonly setValue = (value: T) => {
+        this._value = value;
+
+        if (this._validateOnChange) {
+            this.validate();
+        }
+    };
+
+    reset = () => {
+        super.reset();
+        this.value = this._defaultValue;
+    };
+}

package/src/viewModels/FlagModel.ts

@@ -27,9 +27,14 @@ export class FlagModel implements IFlagModel, IFlagModelReadonly {
     }
 
     set value(value: boolean) {
-        this._value = value;
+        this.setValue(value);
     }
 
+    @action
+    public readonly setValue = (value: boolean) => {
+        this._value = value;
+    };
+
     get isDefault() { return this._value === false; }
 
     @action

package/src/viewModels/NumberModel.ts

@@ -20,7 +20,12 @@ export class NumberModel implements INumberModel, IValueModel<number> {
     }
 
     get value() { return this._value; }
-    set value(v: number) { this._value = v; }
+    set value(v: number) { this.setValue(v); }
+
+    @action
+    public readonly setValue = (v: number) => {
+        this._value = v;
+    };
 
     get isDefault() { return this._value === this._initial; }
 

package/src/viewModels/TextModel.ts

@@ -1,8 +1,8 @@
-import { observable, computed, makeObservable, reaction } from 'mobx';
+import { observable, makeObservable, reaction, action } from 'mobx';
 import { Getter } from '../types';
 import { IValueModel } from './types';
 import logger from '../logger';
-import { ValidatableModel, ValidationConfig } from './Validatable';
+import { ValidatableModel } from './Validatable';
 import { IResetableModel } from 'viewModels';
 
 export type TextInputConfig = {
@@ -11,7 +11,6 @@ export type TextInputConfig = {
     value?: Getter<string>;
     async?: boolean;
 
-    validation?: ValidationConfig<string>;
     noSubscribe?: boolean;
 };
 
@@ -40,23 +39,20 @@ export class Text {
     get value() { return this._value; }
 }
 
-export class TextInputVM extends ValidatableModel implements IValueModel<string>, IResetableModel {
+export class TextInputVM extends ValidatableModel<string> implements IValueModel<string>, IResetableModel {
     @observable
     private _value = '';
 
     @observable
     private _focused = false;
 
-    @observable
     private _name: string = null;
-
-    @observable
     private _title: string = null;
 
     private readonly _valueObserving: () => void = null;
 
     constructor(config?: TextInputConfig) {
-        super(config && config.validation);
+        super();
         makeObservable(this);
         config = config || {};
 
@@ -72,14 +68,18 @@ export class TextInputVM extends ValidatableModel implements IValueModel<string>
     get title() { return this._title; }
 
     set value(val) {
+        this.setValue(val);
+    }
+
+    @action
+    public readonly setValue = (value: string) => {
         if (!this._valueObserving) {
-            this._value = val;
+            this._value = value;
         } else {
             logger.warn('[TextInputViewModel] Setting value is not allowed when value is observing');
         }
-    }
+    };
 
-    @computed
     get isEmpty() {
         return !this._value;
     }
@@ -88,15 +88,20 @@ export class TextInputVM extends ValidatableModel implements IValueModel<string>
         return this._focused;
     }
 
-    set focused(val) {
-        this._focused = val;
-        if (!val) {
+    set focused(val: boolean) {
+        this.setFocused(val);
+    }
+
+    @action
+    public readonly setFocused = (value = true) => {
+        this._focused = value;
+        if (!value) {
             this.onBlur();
             return;
         }
 
         super.reset();
-    }
+    };
 
     protected get valueToValidate() { return (this.value ?? '').trim(); }
 

package/src/viewModels/Validatable.ts

@@ -1,29 +1,29 @@
-import { observable, makeObservable, action } from 'mobx';
+import { observable, makeObservable, action, runInAction } from 'mobx';
 import { ValidatorFunction, ValidatorFunctionAsync, ValidationErrors, ValidationError } from '../validation';
 import { someAsync } from '../async/arrays';
 
-export type ValueValidator<T> = ValidatorFunction<T> | ValidatorFunctionAsync<T>;
-export type ValidationErrorsStrings = { [code: number]: string };
+export type ValueValidator<T, TErrors = ValidationErrors> = ValidatorFunction<T, TErrors> | ValidatorFunctionAsync<T, TErrors>;
+export type ValidationErrorsStrings<TErrors extends string | number = number> = Partial<Omit<Record<TErrors, string>, 0 | null>>;
 
-export type ValidationConfig<T> = {
-    validator: ValueValidator<Readonly<T>>,
-    errors: ValidationErrorsStrings,
+export type ValidationConfig<T, TErrors extends string | number = ValidationErrors> = {
+    validator: ValueValidator<Readonly<T>, TErrors>,
+    errors: ValidationErrorsStrings<TErrors>,
 };
 
-const EmptyValidator = () => ValidationErrors.None;
+const EmptyValidator = () => 0;
+
 export abstract class ValidatableModel<T = string> {
 
-    private _validator: ValueValidator<Readonly<T>> = null;
-    private _strings: ValidationErrorsStrings = null;
+    private _validator: ValueValidator<Readonly<T>, any> = null;
+    private _strings: ValidationErrorsStrings<any> = null;
 
     @observable
     private _error: string = null;
 
     private _validationError: ValidationError = null;
 
-    constructor(config?: ValidationConfig<T>) {
+    constructor() {
         makeObservable(this);
-        this.setValidationConfig(config);
     }
 
     protected abstract get valueToValidate(): Readonly<T>;
@@ -32,7 +32,7 @@ export abstract class ValidatableModel<T = string> {
 
     get error() { return this._error; }
 
-    public setValidationConfig(config?: ValidationConfig<T>) {
+    public setValidationConfig<TErrors extends string | number = ValidationErrors>(config?: ValidationConfig<T, TErrors>) {
         this._validator = config?.validator || EmptyValidator;
         this._strings = config?.errors;
         return this;
@@ -52,20 +52,22 @@ export abstract class ValidatableModel<T = string> {
         }
 
         try {
-            const valid = await this._validator(this.valueToValidate);
-            this._validationError = valid === ValidationErrors.None
+            const validationResult = await this._validator(this.valueToValidate);
+            this._validationError = !validationResult
                 ? null
-                : new ValidationError('Unknown error', valid);
+                : new ValidationError('Unknown error', validationResult);
         } catch (err) {
             this._validationError = err as ValidationError;
         }
 
-        if (!this._validationError) {
-            this._error = null;
-        } else {
-            const code = this._validationError.code;
-            this._error = this._strings && this._strings[code];
-        }
+        runInAction(() => {
+            if (!this._validationError) {
+                this._error = null;
+            } else {
+                const code = this._validationError.code;
+                this._error = this._strings && this._strings[code];
+            }
+        });
         return this._validationError == null;
     }
 

package/src/viewModels/index.ts

@@ -1,5 +1,6 @@
 export * from './types';
 export * from './Validatable';
+export * from './CommonModel';
 export * from './TextModel';
 export * from './FlagModel';
 export * from './NumberModel';

package/yarn.lock

@@ -3046,7 +3046,7 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rimraf@^3.0.0, rimraf@^3.0.2:
+rimraf@^3, rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==