watch-state 3.5.2 → 3.6.1

package/State/State.d.ts

@@ -17,8 +17,21 @@ import { Observable } from '../Observable';
  * // Update value
  * count.value++ // logs: 1
  */
-export declare class State<V = unknown> extends Observable<V> {
-    constructor(initial?: V);
+export declare class State<T = unknown> extends Observable<T> {
+    /** Current value. No auto-subscription on direct access (unlike `value`). */
+    raw: T;
+    /**
+     * Initial state value set during construction.
+     * Used by `reset()` to restore state to its original value.
+     * Allows checking if the state has been modified.
+     *
+     * @example
+     * const count = new State(0)
+     *
+   * const isChanged = count.initial === count.raw
+     */
+    readonly initial: T;
+    constructor(...args: T extends undefined ? [T?] : [T]);
     /**
      * Current state value. Updates watchers only on actual changes (strict `!==`).
      * Using `value` inside a `Watch` callback automatically subscribes to changes.
@@ -30,16 +43,29 @@ export declare class State<V = unknown> extends Observable<V> {
      * count.value = 1 // triggers watchers
      * count.value = 1 // no trigger
      */
-    get value(): V;
-    set value(value: V);
+    get value(): T;
+    set value(value: T);
     /**
-     * @experimental
      * Sets the state value. Identical to the `value` setter but returns `void`.
      * Useful as a shorthand in arrow functions: `() => state.set(value)` instead of `() => { state.value = value }`
      *
      * `state.set` cannot be used as a standalone function: `const set = state.set`
      */
-    set(value: V): void;
+    set(value: T): void;
+    /**
+     * Resets state to its initial value.
+     * Triggers watchers only if the current value differs from the initial value.
+     *
+     * @example
+     * const count = new State(0)
+     *
+     * new Watch(() => console.log(count.value)) // logs: 0
+     *
+     * count.value = 5 // logs: 5
+     *
+     * count.reset() // logs: 0
+     */
+    reset(): void;
     /**
      * Force triggers all watchers even if value didn't change.
      *

package/State/State.es6.js

@@ -24,7 +24,7 @@ import { queueWatchers } from '../Compute/Compute.es6.js';
 class State extends Observable {
     constructor(initial) {
         super();
-        this.rawValue = initial;
+        this.raw = this.initial = initial;
     }
     /**
      * Current state value. Updates watchers only on actual changes (strict `!==`).
@@ -41,13 +41,12 @@ class State extends Observable {
         return super.value;
     }
     set value(value) {
-        if (this.rawValue !== value) {
-            this.rawValue = value;
+        if (this.raw !== value) {
+            this.raw = value;
             this.update();
         }
     }
     /**
-     * @experimental
      * Sets the state value. Identical to the `value` setter but returns `void`.
      * Useful as a shorthand in arrow functions: `() => state.set(value)` instead of `() => { state.value = value }`
      *
@@ -56,6 +55,22 @@ class State extends Observable {
     set(value) {
         this.value = value;
     }
+    /**
+     * Resets state to its initial value.
+     * Triggers watchers only if the current value differs from the initial value.
+     *
+     * @example
+     * const count = new State(0)
+     *
+     * new Watch(() => console.log(count.value)) // logs: 0
+     *
+     * count.value = 5 // logs: 5
+     *
+     * count.reset() // logs: 0
+     */
+    reset() {
+        this.value = this.initial;
+    }
     /**
      * Force triggers all watchers even if value didn't change.
      *

package/State/State.js

@@ -28,7 +28,7 @@ var Compute = require('../Compute/Compute.js');
 class State extends Observable.Observable {
     constructor(initial) {
         super();
-        this.rawValue = initial;
+        this.raw = this.initial = initial;
     }
     /**
      * Current state value. Updates watchers only on actual changes (strict `!==`).
@@ -45,13 +45,12 @@ class State extends Observable.Observable {
         return super.value;
     }
     set value(value) {
-        if (this.rawValue !== value) {
-            this.rawValue = value;
+        if (this.raw !== value) {
+            this.raw = value;
             this.update();
         }
     }
     /**
-     * @experimental
      * Sets the state value. Identical to the `value` setter but returns `void`.
      * Useful as a shorthand in arrow functions: `() => state.set(value)` instead of `() => { state.value = value }`
      *
@@ -60,6 +59,22 @@ class State extends Observable.Observable {
     set(value) {
         this.value = value;
     }
+    /**
+     * Resets state to its initial value.
+     * Triggers watchers only if the current value differs from the initial value.
+     *
+     * @example
+     * const count = new State(0)
+     *
+     * new Watch(() => console.log(count.value)) // logs: 0
+     *
+     * count.value = 5 // logs: 5
+     *
+     * count.reset() // logs: 0
+     */
+    reset() {
+        this.value = this.initial;
+    }
     /**
      * Force triggers all watchers even if value didn't change.
      *

package/Watch/Watch.d.ts

@@ -1,4 +1,4 @@
-import type { Destructor, Observer, Watcher } from '../types';
+import type { Destructor, Observer, Reaction, Watcher } from '../types';
 /**
  * Watcher class for reactive state tracking.
  * Executes callback function when observed states change.
@@ -15,16 +15,24 @@ import type { Destructor, Observer, Watcher } from '../types';
  * count.value = 1 // triggers watcher callback
  */
 export declare class Watch implements Observer {
-    readonly watcher: Watcher<void>;
+    readonly reaction: Watcher<void> | Reaction<void>;
     /** Whether the watcher has been destroyed */
     destroyed: boolean;
+    /** Tracks if the computation has run at least once. */
+    updated: boolean;
     /** Cleanup functions to run when watcher is destroyed */
     readonly destructors: Set<Destructor>;
     /** Child observers created within this watcher's scope */
-    readonly childrenObservers: Set<Observer>;
+    readonly children: Set<Observer>;
+    /** @deprecated Use `children` */
+    get childrenObservers(): Set<Observer>;
     /** @deprecated Use `childrenObservers` */
     get childWatchers(): Set<Observer>;
-    constructor(watcher: Watcher<void>, freeParent?: boolean, freeUpdate?: boolean);
+    /** @deprecated Use `reaction` */
+    get watcher(): Watcher<void> | Reaction<void>;
+    constructor(reaction: Reaction<void>, freeParent?: boolean, freeUpdate?: boolean);
+    /** @deprecated `update` argument is deprecated, use `Reaction` */
+    constructor(reaction: Watcher<void>, freeParent?: boolean, freeUpdate?: boolean);
     /** Destroy watcher and cleanup all dependencies */
     destroy(): void;
     /** Force watcher update regardless of state changes */

package/Watch/Watch.es6.js

@@ -1,7 +1,7 @@
 import '../helpers/index.es6.js';
 import { bindObserver } from '../helpers/bindObserver/bindObserver.es6.js';
-import { watchWithScope } from '../helpers/watchWithScope/watchWithScope.es6.js';
 import { destroyWatchers } from '../helpers/destroyWatchers/destroyWatchers.es6.js';
+import { watchWithScope } from '../helpers/watchWithScope/watchWithScope.es6.js';
 
 /**
  * Watcher class for reactive state tracking.
@@ -19,26 +19,36 @@ import { destroyWatchers } from '../helpers/destroyWatchers/destroyWatchers.es6.
  * count.value = 1 // triggers watcher callback
  */
 class Watch {
+    // TODO: remove in major release
+    /** @deprecated Use `children` */
+    get childrenObservers() {
+        return this.children;
+    }
     // TODO: remove in major release
     /** @deprecated Use `childrenObservers` */
     get childWatchers() {
-        return this.childrenObservers;
+        return this.children;
     }
-    constructor(watcher, freeParent, freeUpdate) {
-        this.watcher = watcher;
+    // TODO: remove in major release
+    /** @deprecated Use `reaction` */
+    get watcher() {
+        return this.reaction;
+    }
+    constructor(reaction, freeParent, freeUpdate) {
+        this.reaction = reaction;
         /** Whether the watcher has been destroyed */
         this.destroyed = false;
+        /** Tracks if the computation has run at least once. */
+        this.updated = false;
         /** Cleanup functions to run when watcher is destroyed */
         this.destructors = new Set();
         /** Child observers created within this watcher's scope */
-        this.childrenObservers = new Set();
+        this.children = new Set();
         if (!freeParent) {
             bindObserver(this);
         }
         if (!freeUpdate) {
-            watchWithScope(this, () => {
-                watcher(false);
-            });
+            this.update();
         }
     }
     /** Destroy watcher and cleanup all dependencies */
@@ -49,7 +59,8 @@ class Watch {
     update() {
         if (!this.destroyed) {
             watchWithScope(this, () => {
-                this.watcher(true);
+                this.reaction(this.updated); // TODO: remove `this.updated` in major release
+                this.updated = true;
             });
         }
     }

package/Watch/Watch.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../helpers/index.js');
 var bindObserver = require('../helpers/bindObserver/bindObserver.js');
-var watchWithScope = require('../helpers/watchWithScope/watchWithScope.js');
 var destroyWatchers = require('../helpers/destroyWatchers/destroyWatchers.js');
+var watchWithScope = require('../helpers/watchWithScope/watchWithScope.js');
 
 /**
  * Watcher class for reactive state tracking.
@@ -23,26 +23,36 @@ var destroyWatchers = require('../helpers/destroyWatchers/destroyWatchers.js');
  * count.value = 1 // triggers watcher callback
  */
 class Watch {
+    // TODO: remove in major release
+    /** @deprecated Use `children` */
+    get childrenObservers() {
+        return this.children;
+    }
     // TODO: remove in major release
     /** @deprecated Use `childrenObservers` */
     get childWatchers() {
-        return this.childrenObservers;
+        return this.children;
     }
-    constructor(watcher, freeParent, freeUpdate) {
-        this.watcher = watcher;
+    // TODO: remove in major release
+    /** @deprecated Use `reaction` */
+    get watcher() {
+        return this.reaction;
+    }
+    constructor(reaction, freeParent, freeUpdate) {
+        this.reaction = reaction;
         /** Whether the watcher has been destroyed */
         this.destroyed = false;
+        /** Tracks if the computation has run at least once. */
+        this.updated = false;
         /** Cleanup functions to run when watcher is destroyed */
         this.destructors = new Set();
         /** Child observers created within this watcher's scope */
-        this.childrenObservers = new Set();
+        this.children = new Set();
         if (!freeParent) {
             bindObserver.bindObserver(this);
         }
         if (!freeUpdate) {
-            watchWithScope.watchWithScope(this, () => {
-                watcher(false);
-            });
+            this.update();
         }
     }
     /** Destroy watcher and cleanup all dependencies */
@@ -53,7 +63,8 @@ class Watch {
     update() {
         if (!this.destroyed) {
             watchWithScope.watchWithScope(this, () => {
-                this.watcher(true);
+                this.reaction(this.updated); // TODO: remove `this.updated` in major release
+                this.updated = true;
             });
         }
     }

package/helpers/bindObserver/bindObserver.es6.js

@@ -3,9 +3,9 @@ import { scope } from '../../constants.es6.js';
 function bindObserver(observer) {
     const { activeWatcher } = scope;
     if (activeWatcher) {
-        activeWatcher.childrenObservers.add(observer);
+        activeWatcher.children.add(observer);
         activeWatcher.destructors.add(() => {
-            activeWatcher.childrenObservers.delete(observer);
+            activeWatcher.children.delete(observer);
         });
     }
 }

package/helpers/bindObserver/bindObserver.js

@@ -7,9 +7,9 @@ var constants = require('../../constants.js');
 function bindObserver(observer) {
     const { activeWatcher } = constants.scope;
     if (activeWatcher) {
-        activeWatcher.childrenObservers.add(observer);
+        activeWatcher.children.add(observer);
         activeWatcher.destructors.add(() => {
-            activeWatcher.childrenObservers.delete(observer);
+            activeWatcher.children.delete(observer);
         });
     }
 }

package/helpers/clearWatcher/clearWatcher.es6.js

@@ -9,7 +9,7 @@ function clearWatcher(watcher) {
     if (skipLoop)
         return;
     while ((currentWatcher = clearStack.shift())) {
-        currentWatcher.childrenObservers.forEach(destroyWatchers);
+        currentWatcher.children.forEach(destroyWatchers);
         for (const destructor of currentWatcher.destructors) {
             currentWatcher.destructors.delete(destructor);
             destructor();

package/helpers/clearWatcher/clearWatcher.js

@@ -13,7 +13,7 @@ function clearWatcher(watcher) {
     if (skipLoop)
         return;
     while ((currentWatcher = clearStack.shift())) {
-        currentWatcher.childrenObservers.forEach(destroyWatchers.destroyWatchers);
+        currentWatcher.children.forEach(destroyWatchers.destroyWatchers);
         for (const destructor of currentWatcher.destructors) {
             currentWatcher.destructors.delete(destructor);
             destructor();

package/helpers/destroyWatchers/destroyWatchers.es6.js

@@ -6,7 +6,7 @@ function destroyWatchers(observer) {
     if (skipLoop)
         return;
     while ((currentWatcher = destroyStack.shift())) {
-        currentWatcher.childrenObservers.forEach(observer => {
+        currentWatcher.children.forEach(observer => {
             destroyStack.push(observer);
         });
         for (const destructor of currentWatcher.destructors) {

package/helpers/destroyWatchers/destroyWatchers.js

@@ -10,7 +10,7 @@ function destroyWatchers(observer) {
     if (skipLoop)
         return;
     while ((currentWatcher = destroyStack.shift())) {
-        currentWatcher.childrenObservers.forEach(observer => {
+        currentWatcher.children.forEach(observer => {
             destroyStack.push(observer);
         });
         for (const destructor of currentWatcher.destructors) {

package/index.min.js

@@ -1 +1 @@
-var WatchState=function(e){"use strict";const t={activeWatcher:void 0,eventDeep:0};function s(e){const{activeWatcher:s}=t;s&&(s.childrenObservers.add(e),s.destructors.add((()=>{s.childrenObservers.delete(e)})))}const r=[];let c;function n(e){const t=Boolean(r.length);if(r.push(e),!t)for(;c=r.shift();){c.childrenObservers.forEach((e=>{r.push(e)}));for(const e of c.destructors)c.destructors.delete(e),e();c.destroyed=!0}}const i=[];let a,o,h,u;function d(e){const t=Boolean(i.length);if(i.push(e),!t)for(;a=i.shift();){a.childrenObservers.forEach(n);for(const e of a.destructors)a.destructors.delete(e),e()}}function l(e,s){const r=t.activeWatcher;t.activeWatcher=e,s(),t.activeWatcher=r}class v{constructor(){this.observers=new Set}get value(){const{activeWatcher:e}=t;return e&&(this.observers.add(e),e.destructors.add((()=>{this.observers.delete(e)}))),this.rawValue}}function f(e){if(!e.size)return;const t=e.values().next().value;return e.delete(t),t}const p=new Set,b=new Set;function w(){if(!u){for(u=!0;(o=f(p))||(h=f(b));)o?o.invalid=!0:(d(h),h.update());u=!1}}function W(e){const s=!t.eventDeep&&!b.size&&!p.size,r=[...b];b.clear(),e.forEach((e=>{b.add(e),e instanceof D&&p.add(e)})),r.forEach((e=>b.add(e))),s&&w()}const y=[];let O;function S(e){const t=y.length;if(y.push(e),!t)for(;O=y.shift();)O instanceof D&&(y.push(...O.observers),O.invalid=!0)}class D extends v{get childWatchers(){return this.childrenObservers}constructor(e,t,r){super(),this.invalid=!0,this.updated=!1,this.destroyed=!1,this.isCache=!0,this.destructors=new Set,this.childrenObservers=new Set,this.watcher=e,t||s(this),r&&this.forceUpdate()}update(){S(this);const e=[...this.observers];let t;for(;t=e.pop();){if(!(t instanceof D))return this.forceUpdate();e.push(...t.observers)}}forceUpdate(){this.destroyed||(this.invalid=!1,l(this,(()=>{const e=this.watcher(!!this.updated&&(this.updated=!0));e!==this.rawValue&&(this.rawValue=e,W(this.observers))})))}get value(){return this.invalid&&this.forceUpdate(),this.destroyed?this.rawValue:super.value}destroy(){n(this)}}function g(e){const{activeWatcher:s}=t;t.activeWatcher=void 0;const r=e();return t.activeWatcher=s,r}return e.Cache=class extends D{},e.Compute=D,e.Observable=v,e.State=class extends v{constructor(e){super(),this.rawValue=e}get value(){return super.value}set value(e){this.rawValue!==e&&(this.rawValue=e,this.update())}set(e){this.value=e}update(){W(this.observers)}},e.Watch=class{get childWatchers(){return this.childrenObservers}constructor(e,t,r){this.watcher=e,this.destroyed=!1,this.destructors=new Set,this.childrenObservers=new Set,t||s(this),r||l(this,(()=>{e(!1)}))}destroy(){n(this)}update(){this.destroyed||l(this,(()=>{this.watcher(!0)}))}},e.bindObserver=s,e.callEvent=function(e){const s=g((()=>{t.eventDeep++;const s=e();return t.eventDeep--,s}));return t.eventDeep||w(),s},e.clearWatcher=d,e.createEvent=function(e){return function(...s){const r=g((()=>{t.eventDeep++;const r=e.apply(this,s);return t.eventDeep--,r}));return t.eventDeep||w(),r}},e.destroyWatchers=n,e.forceQueueWatchers=w,e.invalidateCache=function(e){S(e)},e.invalidateCompute=S,e.onDestroy=function(e){t.activeWatcher&&t.activeWatcher.destructors.add(e)},e.queueWatchers=W,e.scope=t,e.shiftSet=f,e.unwatch=g,e.watchWithScope=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+var WatchState=function(e){"use strict";const t={activeWatcher:void 0,eventDeep:0};function s(e){const{activeWatcher:s}=t;s&&(s.children.add(e),s.destructors.add((()=>{s.children.delete(e)})))}const r=[];let i;function n(e){const t=Boolean(r.length);if(r.push(e),!t)for(;i=r.shift();){i.children.forEach((e=>{r.push(e)}));for(const e of i.destructors)i.destructors.delete(e),e();i.destroyed=!0}}const c=[];let a,h,o,d;function u(e){const t=Boolean(c.length);if(c.push(e),!t)for(;a=c.shift();){a.children.forEach(n);for(const e of a.destructors)a.destructors.delete(e),e()}}function l(e,s){const r=t.activeWatcher;t.activeWatcher=e,s(),t.activeWatcher=r}class v{constructor(){this.observers=new Set}get rawValue(){return this.raw}set rawValue(e){this.raw=e}get value(){const{activeWatcher:e}=t;return e&&(this.observers.add(e),e.destructors.add((()=>{this.observers.delete(e)}))),this.raw}}function f(e){if(!e.size)return;const t=e.values().next().value;return e.delete(t),t}const p=new Set,w=new Set;function W(){if(!d){for(d=!0;(h=f(p))||(o=f(w));)h?h.invalid=!0:(u(o),o.update());d=!1}}function b(e){const s=!t.eventDeep&&!w.size&&!p.size,r=[...w];w.clear(),e.forEach((e=>{w.add(e),e instanceof D&&p.add(e)})),r.forEach((e=>w.add(e))),s&&W()}const g=[];let y;function S(e){const t=g.length;if(g.push(e),!t)for(;y=g.shift();)y instanceof D&&(g.push(...y.observers),y.invalid=!0)}class D extends v{get childrenObservers(){return this.children}get childWatchers(){return this.children}get watcher(){return this.reaction}constructor(e,t,r){super(),this.reaction=e,this.invalid=!0,this.updated=!1,this.destroyed=!1,this.isCache=!0,this.destructors=new Set,this.children=new Set,t||s(this),r&&this.forceUpdate()}update(){S(this);const e=[...this.observers];let t;for(;t=e.pop();){if(!(t instanceof D))return this.forceUpdate();e.push(...t.observers)}}forceUpdate(){this.destroyed||(this.invalid=!1,l(this,(()=>{const e=this.reaction(this.updated);this.updated=!0,e!==this.raw&&(this.raw=e,b(this.observers))})))}get value(){return this.invalid&&this.forceUpdate(),this.destroyed?this.raw:super.value}destroy(){n(this)}}function E(e){const{activeWatcher:s}=t;t.activeWatcher=void 0;const r=e();return t.activeWatcher=s,r}return e.Cache=class extends D{},e.Compute=D,e.Observable=v,e.State=class extends v{constructor(e){super(),this.raw=this.initial=e}get value(){return super.value}set value(e){this.raw!==e&&(this.raw=e,this.update())}set(e){this.value=e}reset(){this.value=this.initial}update(){b(this.observers)}},e.Watch=class{get childrenObservers(){return this.children}get childWatchers(){return this.children}get watcher(){return this.reaction}constructor(e,t,r){this.reaction=e,this.destroyed=!1,this.updated=!1,this.destructors=new Set,this.children=new Set,t||s(this),r||this.update()}destroy(){n(this)}update(){this.destroyed||l(this,(()=>{this.reaction(this.updated),this.updated=!0}))}},e.bindObserver=s,e.callEvent=function(e){const s=E((()=>{t.eventDeep++;const s=e();return t.eventDeep--,s}));return t.eventDeep||W(),s},e.clearWatcher=u,e.createEvent=function(e){return function(...s){const r=E((()=>{t.eventDeep++;const r=e.apply(this,s);return t.eventDeep--,r}));return t.eventDeep||W(),r}},e.destroyWatchers=n,e.forceQueueWatchers=W,e.invalidateCache=function(e){S(e)},e.invalidateCompute=S,e.onDestroy=function(e){t.activeWatcher&&t.activeWatcher.destructors.add(e)},e.queueWatchers=b,e.scope=t,e.shiftSet=f,e.unwatch=E,e.watchWithScope=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-state",
-  "version": "3.5.2",
+  "version": "3.6.1",
   "description": "CANT inc. state management system.",
   "author": "Mikhail Lysikov <d8corp@mail.ru>",
   "license": "MIT",
@@ -36,7 +36,7 @@
     "test:jest": "jest",
     "test:coverage": "jest --coverage",
     "test:size": "size-limit",
-    "speed": "innetjs run speed.test.ts",
+    "speed": "innetjs run speed.test.ts -c tsconfig.speed.json",
     "release": "innetjs release -p -m",
     "patch": "innetjs patch",
     "minor": "innetjs minor",
@@ -51,7 +51,7 @@
       "import": {
         "./release/index.es6.js": "*"
       },
-      "limit": "1.07 kB"
+      "limit": "1095 B"
     },
     {
       "name": "Core",
@@ -59,7 +59,7 @@
       "import": {
         "./release/index.es6.js": "{ Watch, State, Compute, createEvent }"
       },
-      "limit": "850 B"
+      "limit": "878 B"
     }
   ]
 }

package/types.d.ts

@@ -6,18 +6,22 @@ export interface Observer {
      * Child observers created within this observer's scope.
      * Used for hierarchical cleanup.
      */
-    childrenObservers: Set<Observer>;
+    children: Set<Observer>;
     /** Cleanup functions to run on destroy (e.g., unsubscribes). */
     destructors: Set<Destructor>;
     /** Stop observation and remove all dependencies. */
     destroy: () => void;
     /** Force re-run of the observer's logic. */
     update: () => void;
+    /** Tracks if the computation has run at least once. */
+    updated: boolean;
     /**
      * Indicates if observer has been destroyed.
      * Prevents accidental use after cleanup.
      */
     destroyed: boolean;
+    /** @deprecated Use `children` */
+    childrenObservers: Set<Observer>;
     /** @deprecated Use `childrenObservers` */
     childWatchers: Set<Observer>;
     /** @deprecated Use `observer instanceof Compute` */
@@ -30,5 +34,11 @@ export interface Scope {
     /** Current nesting depth of events */
     eventDeep: number;
 }
-/** Watcher callback signature. First call: `update=false`, updates: `update=true`. */
+/** @deprecated `update` argument is deprecated, use `Reaction` */
 export type Watcher<T> = (update: boolean) => T;
+/**
+ * A reactive function that tracks dependencies and can to derives a value.
+ * Used in `Watch` for side effects and in `Compute` for memoized values.
+ * @template T The type of the derived value
+ */
+export type Reaction<T> = () => T;

package/utils/createEvent/createEvent.es6.js

@@ -67,6 +67,7 @@ function createEvent(callback) {
     return function (...args) {
         const result = unwatch(() => {
             scope.eventDeep++;
+            // @ts-expect-error this
             const result = callback.apply(this, args);
             scope.eventDeep--;
             return result;

package/utils/createEvent/createEvent.js

@@ -71,6 +71,7 @@ function createEvent(callback) {
     return function (...args) {
         const result = unwatch.unwatch(() => {
             constants.scope.eventDeep++;
+            // @ts-expect-error this
             const result = callback.apply(this, args);
             constants.scope.eventDeep--;
             return result;