@vue-modeler/model 2.1.1-beta.1 → 2.2.0-beta.1

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var A=(r,t,e)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var n=(r,t,e)=>A(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");class w extends Error{constructor(t,e){super(e.cause.message),this.actionName=t,this.options=e,this.name=this.constructor.name}get cause(){return this.options.cause}throwCause(){throw this.cause}toString(){return this.options.cause.message}}class u extends Error{constructor(t,e){super(t,e),this.message=t,this.options=e,this.name=this.constructor.name}}class p extends u{constructor(t,e,o){super(`Trying to update state of ${t} from ${e} to ${o}`),this.name=this.constructor.name}}class g extends u{constructor(t,e){super(`Unexpected AbortError for the action ${t} in state ${e}`),this.name=this.constructor.name}}const y=r=>r instanceof DOMException&&r.name==="AbortError"||typeof r=="object"&&r!==null&&"message"in r&&r.message==="canceled",s=class s{constructor(t,e){n(this,"name");n(this,"_state",s.possibleState.ready);n(this,"_value",null);n(this,"_args",null);this.model=t,this.actionFunction=e;const o=e.name;if(!(o in t&&typeof t[o]=="function"))throw new u(`Model does not contain method ${o}`);if(typeof e[s.actionFlag]!="function")throw new u(`Method ${o} is not action`);this.name=o}toString(){return this.name}get possibleStates(){return Object.values(s.possibleState)}get state(){return this._state}set state(t){this._state=t,this.model.setActionState(this)}get abortController(){return this.isPending?this._value.abortController:null}get args(){return this._args||[]}get promise(){return this.isPending?this._value.promise:null}get error(){return this.isError?this._value:null}get abortReason(){return this.isAbort?this._value.abortController.signal.reason:null}get isPending(){return this.state===s.possibleState.pending}get isError(){return this.state===s.possibleState.error}get isReady(){return this.state===s.possibleState.ready}get isLock(){return this.state===s.possibleState.lock}get isAbort(){return this.state===s.possibleState.abort}is(...t){return!!t.find(e=>this.state===e)}exec(...t){if(this.is(s.possibleState.lock,s.possibleState.pending))throw new p(this.name,this.state,s.possibleState.pending);const e=[...t];let o=t.length&&t[t.length-1];o instanceof AbortController||(o=new AbortController,e.push(o)),this.state=s.possibleState.pending,this._args=t;const i=this.actionFunction[s.actionFlag].apply(this.model,e);if(!(i instanceof Promise))return this.state=s.possibleState.ready,Promise.resolve();const d=i.then(()=>{this.ready()}).catch(a=>{if(a instanceof u||a instanceof RangeError||a instanceof ReferenceError||a instanceof SyntaxError||a instanceof TypeError||a instanceof URIError||a instanceof EvalError)throw a;const S=y(a);if(S&&!this.is(s.possibleState.pending,s.possibleState.lock))throw new g(this.name,this.state);if(S&&this._value.abortController instanceof AbortController&&this._value.abortController.signal.reason===s.abortedByLock){this.state=s.possibleState.lock,this._value=null;return}if(S){this.state=s.possibleState.abort;return}this.setError(new w(this.name,{cause:a}))});return this._value={promise:d,abortController:o},d}abort(t){return this.isPending?(this._value.abortController.abort(t),this._value.promise):Promise.resolve()}lock(){return this.isPending?this.abort(s.abortedByLock):(this.state=s.possibleState.lock,this._value=null,Promise.resolve())}unlock(){if(!this.isLock)throw new p(this.name,this.state,s.possibleState.ready);return this.ready()}setError(t){if(!this.isPending)throw new p(this.name,this.state,s.possibleState.error);return this.state=s.possibleState.error,this._value=t,this}ready(){return this.state=s.possibleState.ready,this}resetError(){if(!this.error)throw new p(this.name,this.state,s.possibleState.ready);return this.ready()}};n(s,"actionFlag",Symbol("__action_original_method__")),n(s,"possibleState",{pending:"pending",error:"error",lock:"lock",ready:"ready",abort:"abort"}),n(s,"abortedByLock",Symbol("lock"));let c=s;const v=Proxy;function E(r){if(!(r instanceof b))throw new Error("ProtoModel instance is required");return new v(l.shallowReactive(r),{get(e,o,h){const i=Reflect.get(e,o,h),d=typeof i=="function";return d&&c.actionFlag in i&&typeof i[c.actionFlag]=="function"?e.action(i):d?i.bind(e):i}})}const f=class f{constructor(){n(this,"_effectScope",l.effectScope(!0));n(this,"_actions",new WeakMap);n(this,"_actionIds",new WeakMap);n(this,"_actionStates",new Map);n(this,"_actionsSize",0);n(this,"_watchStopHandlers",new Set)}static model(...t){if(this.prototype===f.prototype)throw new Error("ProtoModel is abstract class and can not be instantiated");const e=new this(...t);return f.createModel(e)}get hasPendingActions(){return!!this.getActionStatesRef(c.possibleState.pending).value}get hasActionWithError(){return!!this.getActionStatesRef(c.possibleState.error).value}watch(...t){if(t.length===0)throw new Error("watch requires at least one argument");const e=t.length===1?this._effectScope.run(()=>l.watchEffect(t[0])):this._effectScope.run(()=>l.watch(...t));if(!e)throw new Error("watchStopHandler is undefined");return this._watchStopHandlers.add(e),()=>{e(),this._watchStopHandlers.delete(e)}}computed(t,e){return this._effectScope.run(()=>l.computed(t,e))}updateBit(t,e,o){const h=o?1:0,i=~(1<<e);return t&i|h<<e}createAction(t){const e=l.shallowReactive(new c(this,t));return this._actions.set(t,e),this._actionIds.set(e,++this._actionsSize),this.setActionState(e),e}getActionStatesRef(t){const e=this._actionStates.get(t)||l.ref(0);return this._actionStates.get(t)===void 0&&this._actionStates.set(t,e),e}action(t){if(!(c.actionFlag in t&&typeof t[c.actionFlag]=="function"))throw new u("Action decorator is not applied to the method");return this._actions.get(t)||this.createAction(t)}setActionState(t){const e=this._actionIds.get(t);if(!e)throw new Error("Action not found");for(const o of t.possibleStates)o!==t.state&&(this.getActionStatesRef(o).value=this.updateBit(this.getActionStatesRef(o).value,e,!1));this.getActionStatesRef(t.state).value=this.updateBit(this.getActionStatesRef(t.state).value,e,!0)}isModelOf(t){return this instanceof t}destructor(){this._watchStopHandlers.forEach(t=>{t()}),this._watchStopHandlers=new Set,this._effectScope.stop()}};n(f,"createModel",E);let b=f;function k(r,t){if(t.static)throw new Error("Action decorator is not supported for static methods");if(t.private)throw new Error("Action decorator is not supported for private methods");const e=t.name.toString(),o={[e]:function(...h){return this.action(o[e]).exec(...h)}};return o[e][c.actionFlag]=r,o[e]}exports.ActionError=w;exports.ActionInternalError=u;exports.ActionStatusConflictError=p;exports.ActionUnexpectedAbortError=g;exports.ProtoModel=b;exports.action=k;
+"use strict";var $=Object.defineProperty;var B=(r,t,e)=>t in r?$(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var n=(r,t,e)=>B(r,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("vue");class K extends Error{constructor(t,e){super(e.cause.message),this.actionName=t,this.options=e,this.name=this.constructor.name}get cause(){return this.options.cause}throwCause(){throw this.cause}toString(){return this.options.cause.message}}class u extends Error{constructor(t,e){super(t,e),this.message=t,this.options=e,this.name=this.constructor.name}}class b extends u{constructor(t,e,o){super(`Trying to update state of ${t} from ${e} to ${o}`),this.name=this.constructor.name}}class L extends u{constructor(t,e){super(`Unexpected AbortError for the action ${t} in state ${e}`),this.name=this.constructor.name}}const T=r=>r instanceof DOMException&&r.name==="AbortError"||typeof r=="object"&&r!==null&&"message"in r&&r.message==="canceled",s=class s{constructor(t,e,o){n(this,"name");n(this,"_state",s.possibleState.ready);n(this,"_value",null);n(this,"_args",null);this._model=t,this.actionFunction=e,this.modelGetter=o;const i=e.name;if(!(i in this._model&&typeof this._model[i]=="function"))throw new u(`Model does not contain method ${i}`);if(typeof e[s.actionFlag]!="function")throw new u(`Method ${i} is not action`);this.name=i}static create(t,e,o){return h.shallowReactive(new s(t,e,o))}toString(){return this.name}get owner(){return this.modelGetter()}get possibleStates(){return Object.values(s.possibleState)}get state(){return this._state}set state(t){this._state=t,this._model.setActionState(this)}get abortController(){return this.isPending?this._value.abortController:null}get args(){return this._args||[]}get promise(){return this.isPending?this._value.promise:null}get error(){return this.isError?this._value:null}get abortReason(){return this.isAbort?this._value.abortController.signal.reason:null}get isPending(){return this.state===s.possibleState.pending}get isError(){return this.state===s.possibleState.error}get isReady(){return this.state===s.possibleState.ready}get isLock(){return this.state===s.possibleState.lock}get isAbort(){return this.state===s.possibleState.abort}is(...t){return!!t.find(e=>this.state===e)}exec(...t){if(this.is(s.possibleState.lock,s.possibleState.pending))throw new b(this.name,this.state,s.possibleState.pending);const e=[...t];let o=t.length&&t[t.length-1];o instanceof AbortController||(o=new AbortController,e.push(o)),this.state=s.possibleState.pending,this._args=t;const a=this.actionFunction[s.actionFlag].apply(this._model,e);if(!(a instanceof Promise))return this.state=s.possibleState.ready,Promise.resolve();const d=a.then(()=>{this.ready()}).catch(c=>{if(c instanceof u||c instanceof RangeError||c instanceof ReferenceError||c instanceof SyntaxError||c instanceof TypeError||c instanceof URIError||c instanceof EvalError)throw c;const y=T(c);if(y&&!this.is(s.possibleState.pending,s.possibleState.lock))throw new L(this.name,this.state);if(y&&this._value.abortController instanceof AbortController&&this._value.abortController.signal.reason===s.abortedByLock){this.state=s.possibleState.lock,this._value=null;return}if(y){this.state=s.possibleState.abort;return}this.setError(new K(this.name,{cause:c}))});return this._value={promise:d,abortController:o},d}abort(t){return this.isPending?(this._value.abortController.abort(t),this._value.promise):Promise.resolve()}lock(){return this.isPending?this.abort(s.abortedByLock):(this.state=s.possibleState.lock,this._value=null,Promise.resolve())}unlock(){if(!this.isLock)throw new b(this.name,this.state,s.possibleState.ready);return this.ready()}setError(t){if(!this.isPending)throw new b(this.name,this.state,s.possibleState.error);return this.state=s.possibleState.error,this._value=t,this}ready(){return this.state=s.possibleState.ready,this}resetError(){if(!this.error)throw new b(this.name,this.state,s.possibleState.ready);return this.ready()}};n(s,"actionFlag",Symbol("__action_original_method__")),n(s,"possibleState",{pending:"pending",error:"error",lock:"lock",ready:"ready",abort:"abort"}),n(s,"abortedByLock",Symbol("lock"));let l=s;const D=Proxy;function I(r){if(!(r instanceof g))throw new Error("ProtoModel instance is required");return new D(h.shallowReactive(r),{get(e,o,i){const a=Reflect.get(e,o,i),d=typeof a=="function";return d&&l.actionFlag in a&&typeof a[l.actionFlag]=="function"?e.action(a):d?a.bind(e):a}})}const p=Symbol("scope"),S=Symbol("model"),A=Symbol("actions"),v=Symbol("actionIds"),w=Symbol("actionStates"),E=Symbol("actionsSize"),f=Symbol("watchStopHandlers");var k,M,P,R,C,x,F;F=p,x=S,C=A,R=v,P=w,M=E,k=f;const m=class m{constructor(){n(this,F,h.effectScope(!0));n(this,x,null);n(this,C,new WeakMap);n(this,R,new WeakMap);n(this,P,new Map);n(this,M,0);n(this,k,new Set)}static model(...t){if(this.prototype===m.prototype)throw new Error("ProtoModel is abstract class and can not be instantiated");const e=new this(...t),o=m.createModel(e);return e[S]=o,o}get hasPendingActions(){return!!this.getActionStatesRef(l.possibleState.pending).value}get hasActionWithError(){return!!this.getActionStatesRef(l.possibleState.error).value}watch(...t){if(t.length===0)throw new Error("watch requires at least one argument");const e=t.length===1?this[p].run(()=>h.watchEffect(t[0])):this[p].run(()=>h.watch(...t));if(!e)throw new Error("watchStopHandler is undefined");return this[f].add(e),()=>{e(),this[f].delete(e)}}computed(t,e){return this[p].run(()=>h.computed(t,e))}updateBit(t,e,o){const i=o?1:0,a=~(1<<e);return t&a|i<<e}createAction(t){const e=()=>{if(!this[S])throw new Error("Model not set");return this[S]},o=l.create(this,t,e);return this[A].set(t,o),this[v].set(o,++this[E]),this.setActionState(o),o}getActionStatesRef(t){const e=this[w].get(t)||h.ref(0);return this[w].get(t)===void 0&&this[w].set(t,e),e}action(t){if(!(l.actionFlag in t&&typeof t[l.actionFlag]=="function"))throw new u("Action decorator is not applied to the method");return this[A].get(t)||this.createAction(t)}setActionState(t){const e=this[v].get(t);if(!e)throw new Error("Action not found");for(const o of t.possibleStates)o!==t.state&&(this.getActionStatesRef(o).value=this.updateBit(this.getActionStatesRef(o).value,e,!1));this.getActionStatesRef(t.state).value=this.updateBit(this.getActionStatesRef(t.state).value,e,!0)}isModelOf(t){return this instanceof t}destructor(){this[f].forEach(t=>{t()}),this[f]=new Set,this[p].stop()}};n(m,"createModel",I);let g=m;function O(r,t){if(t.static)throw new Error("Action decorator is not supported for static methods");if(t.private)throw new Error("Action decorator is not supported for private methods");const e=t.name.toString(),o={[e]:function(...i){return this.action(o[e]).exec(...i)}};return o[e][l.actionFlag]=r,o[e]}exports.ActionError=K;exports.ActionInternalError=u;exports.ActionStatusConflictError=b;exports.ActionUnexpectedAbortError=L;exports.ProtoModel=g;exports.action=O;

package/dist/index.d.ts

@@ -6,9 +6,42 @@ import { Ref } from 'vue';
 import { ShallowReactive } from 'vue';
 import { WatchStopHandle } from 'vue';
 
-declare class Action<Args extends any[] = unknown[]> {
-    protected model: ProtoModel;
+export declare type Action<T extends ProtoModel, Args extends any[] = unknown[]> = Omit<ActionInner<T, Args>, 'call'>;
+
+export declare function action<T extends ProtoModel, Args extends unknown[]>(originalMethod: (this: T, ...args: Args) => Promise<void>, context: ClassMethodDecoratorContext<T, (this: T, ...args: Args) => Promise<void>>): OriginalMethodWrapper<Args>;
+
+/**
+ * IMPORTANT: this class looks like error,
+ * but it is an exception in the correct terminology "errors vs exceptions".
+ *
+ * In other words, this is a class of errors that must be handled
+ * and displayed to the user as messages in UI layer.
+ */
+export declare class ActionError extends Error {
+    protected actionName: string;
+    protected options: {
+        cause: Error;
+    };
+    constructor(actionName: string, options: {
+        cause: Error;
+    });
+    get cause(): Error;
+    throwCause(): void;
+    toString(): string;
+}
+
+declare const actionIdsKey: unique symbol;
+
+/**
+ * We should to use here `<T extends ProtoModel>` because
+ * we need some methods from `ProtoModel` class which are protected in context of `Model<T>`.
+ * For example, `setActionState` method.
+ * @see `ProtoModel.setActionState`
+ */
+declare class ActionInner<T extends ProtoModel, Args extends any[] = unknown[]> {
+    protected _model: T;
     protected actionFunction: OriginalMethodWrapper<Args>;
+    protected modelGetter: () => Model<T>;
     static readonly actionFlag: unique symbol;
     static readonly possibleState: {
         readonly pending: "pending";
@@ -22,9 +55,11 @@ declare class Action<Args extends any[] = unknown[]> {
     protected _state: ActionStateName;
     protected _value: ActionValue;
     protected _args: Args | null;
-    constructor(model: ProtoModel, // TODO: thing about this arg, it may be potential problem
-    actionFunction: OriginalMethodWrapper<Args>);
+    constructor(_model: T, // TODO: thing about this arg, it may be potential problem
+    actionFunction: OriginalMethodWrapper<Args>, modelGetter: () => Model<T>);
+    static create<T extends ProtoModel, Args extends unknown[] = unknown[]>(model: T, actionFunction: OriginalMethodWrapper<Args>, modelGetter: () => Model<T>): ActionInner<T, Args>;
     toString(): string;
+    get owner(): Model<T>;
     get possibleStates(): ActionStateName[];
     get state(): ActionStateName;
     protected set state(newState: ActionStateName);
@@ -51,28 +86,6 @@ declare class Action<Args extends any[] = unknown[]> {
     resetError(): this;
 }
 
-export declare function action<T extends ProtoModel, Args extends unknown[]>(originalMethod: (this: T, ...args: Args) => Promise<void>, context: ClassMethodDecoratorContext<T, (this: T, ...args: Args) => Promise<void>>): OriginalMethodWrapper<Args>;
-
-/**
- * IMPORTANT: this class looks like error,
- * but it is an exception in the correct terminology "errors vs exceptions".
- *
- * In other words, this is a class of errors that must be handled
- * and displayed to the user as messages in UI layer.
- */
-export declare class ActionError extends Error {
-    protected actionName: string;
-    protected options: {
-        cause: Error;
-    };
-    constructor(actionName: string, options: {
-        cause: Error;
-    });
-    get cause(): Error;
-    throwCause(): void;
-    toString(): string;
-}
-
 /**
  * IMPORTANT: this class is an error in the correct terminology "errors vs exceptions".
  *
@@ -96,9 +109,13 @@ declare interface ActionPendingValue {
     abortController: AbortController;
 }
 
-export declare type ActionPublic = Omit<Action, 'call'>;
+declare const actionsKey: unique symbol;
+
+declare const actionsSizeKey: unique symbol;
+
+export declare type ActionStateName = keyof typeof ActionInner.possibleState;
 
-export declare type ActionStateName = keyof typeof Action.possibleState;
+declare const actionStatesKey: unique symbol;
 
 export declare class ActionStatusConflictError extends ActionInternalError {
     constructor(actionName: string, currentState: ActionStateName, newState: ActionStateName);
@@ -137,8 +154,8 @@ declare type ActionValue = ActionPendingValue | ActionError | null;
  */
 declare function createModel<Target extends ProtoModel>(protoModel: Target): Model<Target>;
 
-export declare type Model<T> = {
-    [K in keyof T]: T[K] extends ((...args: infer Args) => Promise<void>) ? Action<Args> : K extends ProtectedMethodInModel ? never : T[K];
+export declare type Model<T extends ProtoModel> = {
+    [K in keyof T]: T[K] extends ((...args: infer Args) => Promise<void>) ? Action<T, Args> : K extends ProtectedMethodInModel ? never : T[K];
 };
 
 export declare type ModelAdapterProxyConstructor = new <Target extends ProtoModel>(target: Target, handler: ProxyHandler<Target>) => Model<Target>;
@@ -147,22 +164,25 @@ export declare type ModelConstructor<T extends new (...args: unknown[]) => unkno
 
 declare type ModelConstructor_2 = new (...args: any[]) => ProtoModel;
 
+declare const modelKey: unique symbol;
+
 export declare type OriginalMethod = (...args: any[]) => Promise<void>;
 
-export declare interface OriginalMethodWrapper<Args extends unknown[] = unknown[]> {
+export declare interface OriginalMethodWrapper<Args extends any[] = unknown[]> {
     (...args: Args): Promise<void>;
-    [Action.actionFlag]: OriginalMethod;
+    [ActionInner.actionFlag]: OriginalMethod;
 }
 
 export declare type ProtectedMethodInModel = 'action' | 'setActionState';
 
 export declare abstract class ProtoModel {
-    protected _effectScope: EffectScope;
-    protected _actions: WeakMap<OriginalMethodWrapper<unknown[]>, ShallowReactive<ActionPublic>>;
-    protected _actionIds: WeakMap<ShallowReactive<ActionPublic>, number>;
-    protected _actionStates: Map<"error" | "abort" | "lock" | "pending" | "ready", Ref<number>>;
-    protected _actionsSize: number;
-    protected _watchStopHandlers: Set<WatchStopHandle>;
+    protected [scopeKey]: EffectScope;
+    protected [modelKey]: Model<this> | null;
+    protected [actionsKey]: WeakMap<OriginalMethodWrapper<unknown[]>, ShallowReactive<Action<this>>>;
+    protected [actionIdsKey]: WeakMap<ShallowReactive<Action<this>>, number>;
+    protected [actionStatesKey]: Map<"error" | "abort" | "lock" | "pending" | "ready", Ref<number>>;
+    protected [actionsSizeKey]: number;
+    protected [watchStopHandlersKey]: Set<WatchStopHandle>;
     protected static createModel: typeof createModel;
     /**
      * Creates a model instance.
@@ -233,7 +253,7 @@ export declare abstract class ProtoModel {
     protected watch(...args: unknown[]): WatchStopHandle;
     protected computed<T>(getter: ComputedGetter<T>, debugOptions?: DebuggerOptions): ComputedRef<T>;
     protected updateBit(number: number, bitPosition: number, bitValue: boolean): number;
-    protected createAction(actionFunction: OriginalMethodWrapper): ShallowReactive<ActionPublic>;
+    protected createAction(actionFunction: OriginalMethodWrapper): ShallowReactive<Action<this>>;
     protected getActionStatesRef(stateName: ActionStateName): Ref<number>;
     /**
      * Gets Action instance by wrapped original method or create Action instance.
@@ -278,16 +298,20 @@ export declare abstract class ProtoModel {
      * @param originalMethod - defined as OriginalMethod or OriginalMethodWrapper.
      * @returns action
      */
-    protected action(originalMethod: OriginalMethod | OriginalMethodWrapper): ShallowReactive<ActionPublic>;
+    protected action(originalMethod: OriginalMethod | OriginalMethodWrapper): ShallowReactive<Action<this>>;
     /**
      * It is public method in context ProtoModel,
      * but in Model<ProtoModel> context it is protected method
      *
      * @see type Model<T>
      */
-    setActionState(action: Action): void;
+    setActionState(action: Action<this>): void;
     isModelOf(typeModel: ModelConstructor_2): boolean;
     destructor(): void;
 }
 
+declare const scopeKey: unique symbol;
+
+declare const watchStopHandlersKey: unique symbol;
+
 export { }

package/dist/index.js

@@ -1,8 +1,8 @@
-var w = Object.defineProperty;
-var m = (r, t, e) => t in r ? w(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => m(r, typeof t != "symbol" ? t + "" : t, e);
-import { shallowReactive as S, effectScope as g, watchEffect as A, watch as y, computed as v, ref as k } from "vue";
-class E extends Error {
+var K = Object.defineProperty;
+var L = (r, t, e) => t in r ? K(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => L(r, typeof t != "symbol" ? t + "" : t, e);
+import { shallowReactive as F, effectScope as $, watchEffect as B, watch as D, computed as T, ref as H } from "vue";
+class I extends Error {
   constructor(t, e) {
     super(e.cause.message), this.actionName = t, this.options = e, this.name = this.constructor.name;
   }
@@ -21,33 +21,39 @@ class l extends Error {
     super(t, e), this.message = t, this.options = e, this.name = this.constructor.name;
   }
 }
-class d extends l {
+class b extends l {
   constructor(t, e, o) {
     super(`Trying to update state of ${t} from ${e} to ${o}`), this.name = this.constructor.name;
   }
 }
-class M extends l {
+class O extends l {
   constructor(t, e) {
     super(`Unexpected AbortError for the action ${t} in state ${e}`), this.name = this.constructor.name;
   }
 }
-const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof r == "object" && r !== null && "message" in r && r.message === "canceled", s = class s {
-  constructor(t, e) {
+const j = (r) => r instanceof DOMException && r.name === "AbortError" || typeof r == "object" && r !== null && "message" in r && r.message === "canceled", s = class s {
+  constructor(t, e, o) {
     n(this, "name");
     n(this, "_state", s.possibleState.ready);
     n(this, "_value", null);
     n(this, "_args", null);
-    this.model = t, this.actionFunction = e;
-    const o = e.name;
-    if (!(o in t && typeof t[o] == "function"))
-      throw new l(`Model does not contain method ${o}`);
+    this._model = t, this.actionFunction = e, this.modelGetter = o;
+    const i = e.name;
+    if (!(i in this._model && typeof this._model[i] == "function"))
+      throw new l(`Model does not contain method ${i}`);
     if (typeof e[s.actionFlag] != "function")
-      throw new l(`Method ${o} is not action`);
-    this.name = o;
+      throw new l(`Method ${i} is not action`);
+    this.name = i;
+  }
+  static create(t, e, o) {
+    return F(new s(t, e, o));
   }
   toString() {
     return this.name;
   }
+  get owner() {
+    return this.modelGetter();
+  }
   get possibleStates() {
     return Object.values(s.possibleState);
   }
@@ -55,7 +61,7 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
     return this._state;
   }
   set state(t) {
-    this._state = t, this.model.setActionState(this);
+    this._state = t, this._model.setActionState(this);
   }
   get abortController() {
     return this.isPending ? this._value.abortController : null;
@@ -96,7 +102,7 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
    */
   exec(...t) {
     if (this.is(s.possibleState.lock, s.possibleState.pending))
-      throw new d(
+      throw new b(
         this.name,
         this.state,
         s.possibleState.pending
@@ -104,26 +110,26 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
     const e = [...t];
     let o = t.length && t[t.length - 1];
     o instanceof AbortController || (o = new AbortController(), e.push(o)), this.state = s.possibleState.pending, this._args = t;
-    const i = this.actionFunction[s.actionFlag].apply(this.model, e);
-    if (!(i instanceof Promise))
+    const a = this.actionFunction[s.actionFlag].apply(this._model, e);
+    if (!(a instanceof Promise))
       return this.state = s.possibleState.ready, Promise.resolve();
-    const u = i.then(() => {
+    const u = a.then(() => {
       this.ready();
-    }).catch((a) => {
-      if (a instanceof l || a instanceof RangeError || a instanceof ReferenceError || a instanceof SyntaxError || a instanceof TypeError || a instanceof URIError || a instanceof EvalError)
-        throw a;
-      const f = P(a);
-      if (f && !this.is(s.possibleState.pending, s.possibleState.lock))
-        throw new M(this.name, this.state);
-      if (f && this._value.abortController instanceof AbortController && this._value.abortController.signal.reason === s.abortedByLock) {
+    }).catch((c) => {
+      if (c instanceof l || c instanceof RangeError || c instanceof ReferenceError || c instanceof SyntaxError || c instanceof TypeError || c instanceof URIError || c instanceof EvalError)
+        throw c;
+      const w = j(c);
+      if (w && !this.is(s.possibleState.pending, s.possibleState.lock))
+        throw new O(this.name, this.state);
+      if (w && this._value.abortController instanceof AbortController && this._value.abortController.signal.reason === s.abortedByLock) {
         this.state = s.possibleState.lock, this._value = null;
         return;
       }
-      if (f) {
+      if (w) {
         this.state = s.possibleState.abort;
         return;
       }
-      this.setError(new E(this.name, { cause: a }));
+      this.setError(new I(this.name, { cause: c }));
     });
     return this._value = {
       promise: u,
@@ -141,7 +147,7 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
   }
   unlock() {
     if (!this.isLock)
-      throw new d(
+      throw new b(
         this.name,
         this.state,
         s.possibleState.ready
@@ -150,7 +156,7 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
   }
   setError(t) {
     if (!this.isPending)
-      throw new d(
+      throw new b(
         this.name,
         this.state,
         s.possibleState.error
@@ -162,7 +168,7 @@ const P = (r) => r instanceof DOMException && r.name === "AbortError" || typeof
   }
   resetError() {
     if (!this.error)
-      throw new d(
+      throw new b(
         this.name,
         this.state,
         s.possibleState.ready
@@ -177,33 +183,37 @@ n(s, "actionFlag", Symbol("__action_original_method__")), n(s, "possibleState",
   ready: "ready",
   abort: "abort"
 }), n(s, "abortedByLock", Symbol("lock"));
-let c = s;
-const _ = Proxy;
-function R(r) {
-  if (!(r instanceof b))
+let h = s;
+const z = Proxy;
+function G(r) {
+  if (!(r instanceof A))
     throw new Error("ProtoModel instance is required");
-  return new _(
-    S(r),
+  return new z(
+    F(r),
     {
-      get(e, o, h) {
-        const i = Reflect.get(e, o, h), u = typeof i == "function";
-        return u && c.actionFlag in i && typeof i[c.actionFlag] == "function" ? e.action(i) : u ? i.bind(e) : i;
+      get(e, o, i) {
+        const a = Reflect.get(e, o, i), u = typeof a == "function";
+        return u && h.actionFlag in a && typeof a[h.actionFlag] == "function" ? e.action(a) : u ? a.bind(e) : a;
       }
     }
   );
 }
-const p = class p {
+const d = Symbol("scope"), m = Symbol("model"), g = Symbol("actions"), y = Symbol("actionIds"), S = Symbol("actionStates"), v = Symbol("actionsSize"), p = Symbol("watchStopHandlers");
+var k, E, M, P, R, C, x;
+x = d, C = m, R = g, P = y, M = S, E = v, k = p;
+const f = class f {
   constructor() {
     // each model has its own effect scope to avoid memory leaks
-    n(this, "_effectScope", g(!0));
+    n(this, x, $(!0));
+    n(this, C, null);
     // we use WeakMap to store actions as keys to avoid memory leaks
-    n(this, "_actions", /* @__PURE__ */ new WeakMap());
-    n(this, "_actionIds", /* @__PURE__ */ new WeakMap());
-    n(this, "_actionStates", /* @__PURE__ */ new Map());
+    n(this, R, /* @__PURE__ */ new WeakMap());
+    n(this, P, /* @__PURE__ */ new WeakMap());
+    n(this, M, /* @__PURE__ */ new Map());
     // WeakMap doesn't have a size property, so we need to store the size of the map
-    n(this, "_actionsSize", 0);
+    n(this, E, 0);
     // watchers are stored in a set to avoid memory leaks
-    n(this, "_watchStopHandlers", /* @__PURE__ */ new Set());
+    n(this, k, /* @__PURE__ */ new Set());
   }
   /**
    * Creates a model instance.
@@ -213,16 +223,16 @@ const p = class p {
    * @see src/create-model.ts
    */
   static model(...t) {
-    if (this.prototype === p.prototype)
+    if (this.prototype === f.prototype)
       throw new Error("ProtoModel is abstract class and can not be instantiated");
-    const e = new this(...t);
-    return p.createModel(e);
+    const e = new this(...t), o = f.createModel(e);
+    return e[m] = o, o;
   }
   get hasPendingActions() {
-    return !!this.getActionStatesRef(c.possibleState.pending).value;
+    return !!this.getActionStatesRef(h.possibleState.pending).value;
   }
   get hasActionWithError() {
-    return !!this.getActionStatesRef(c.possibleState.error).value;
+    return !!this.getActionStatesRef(h.possibleState.error).value;
   }
   /**
    * Registers watcher in the model effect scope.
@@ -283,28 +293,32 @@ const p = class p {
   watch(...t) {
     if (t.length === 0)
       throw new Error("watch requires at least one argument");
-    const e = t.length === 1 ? this._effectScope.run(() => A(t[0])) : this._effectScope.run(() => y(...t));
+    const e = t.length === 1 ? this[d].run(() => B(t[0])) : this[d].run(() => D(...t));
     if (!e)
       throw new Error("watchStopHandler is undefined");
-    return this._watchStopHandlers.add(e), () => {
-      e(), this._watchStopHandlers.delete(e);
+    return this[p].add(e), () => {
+      e(), this[p].delete(e);
     };
   }
   computed(t, e) {
-    return this._effectScope.run(() => v(t, e));
+    return this[d].run(() => T(t, e));
   }
   // @see https://github.com/trekhleb/javascript-algorithms/blob/master/src/algorithms/math/bits/updateBit.js
   updateBit(t, e, o) {
-    const h = o ? 1 : 0, i = ~(1 << e);
-    return t & i | h << e;
+    const i = o ? 1 : 0, a = ~(1 << e);
+    return t & a | i << e;
   }
   createAction(t) {
-    const e = S(new c(this, t));
-    return this._actions.set(t, e), this._actionIds.set(e, ++this._actionsSize), this.setActionState(e), e;
+    const e = () => {
+      if (!this[m])
+        throw new Error("Model not set");
+      return this[m];
+    }, o = h.create(this, t, e);
+    return this[g].set(t, o), this[y].set(o, ++this[v]), this.setActionState(o), o;
   }
   getActionStatesRef(t) {
-    const e = this._actionStates.get(t) || k(0);
-    return this._actionStates.get(t) === void 0 && this._actionStates.set(t, e), e;
+    const e = this[S].get(t) || H(0);
+    return this[S].get(t) === void 0 && this[S].set(t, e), e;
   }
   /**
    * Gets Action instance by wrapped original method or create Action instance.
@@ -350,9 +364,9 @@ const p = class p {
    * @returns action
   */
   action(t) {
-    if (!(c.actionFlag in t && typeof t[c.actionFlag] == "function"))
+    if (!(h.actionFlag in t && typeof t[h.actionFlag] == "function"))
       throw new l("Action decorator is not applied to the method");
-    return this._actions.get(t) || this.createAction(t);
+    return this[g].get(t) || this.createAction(t);
   }
   /**
    * It is public method in context ProtoModel,
@@ -361,7 +375,7 @@ const p = class p {
    * @see type Model<T>
    */
   setActionState(t) {
-    const e = this._actionIds.get(t);
+    const e = this[y].get(t);
     if (!e)
       throw new Error("Action not found");
     for (const o of t.possibleStates)
@@ -372,14 +386,14 @@ const p = class p {
     return this instanceof t;
   }
   destructor() {
-    this._watchStopHandlers.forEach((t) => {
+    this[p].forEach((t) => {
       t();
-    }), this._watchStopHandlers = /* @__PURE__ */ new Set(), this._effectScope.stop();
+    }), this[p] = /* @__PURE__ */ new Set(), this[d].stop();
   }
 };
-n(p, "createModel", R);
-let b = p;
-function H(r, t) {
+n(f, "createModel", G);
+let A = f;
+function V(r, t) {
   if (t.static)
     throw new Error("Action decorator is not supported for static methods");
   if (t.private)
@@ -388,17 +402,17 @@ function H(r, t) {
     // Action constructor checks that model has method with the same name.
     // We can`t define anonymous function and change name because Function.name is readonly property.
     // So we need to create stub object to save original method name
-    [e]: function(...h) {
-      return this.action(o[e]).exec(...h);
+    [e]: function(...i) {
+      return this.action(o[e]).exec(...i);
     }
   };
-  return o[e][c.actionFlag] = r, o[e];
+  return o[e][h.actionFlag] = r, o[e];
 }
 export {
-  E as ActionError,
+  I as ActionError,
   l as ActionInternalError,
-  d as ActionStatusConflictError,
-  M as ActionUnexpectedAbortError,
-  b as ProtoModel,
-  H as action
+  b as ActionStatusConflictError,
+  O as ActionUnexpectedAbortError,
+  A as ProtoModel,
+  V as action
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@vue-modeler/model",
-  "version": "2.1.1-beta.1",
+  "version": "2.2.0-beta.1",
   "description": "A state management library based on models for Vue.js",
   "author": "abratko",
   "license": "MIT",
@@ -45,7 +45,7 @@
   },
   "scripts": {
     "build": "tsc && vite build",
-    "test": "vitest",
+    "test": "tsc --noEmit && vitest",
     "coverage": "vitest run --coverage",
     "semantic-release": "semantic-release"
   },