async-reactivity 2.0.16 → 2.0.18

package/lib/asyncListener.js

@@ -0,0 +1,22 @@
+import Listener from "./listener.js";
+export default class AsyncListener extends Listener {
+    promiseResolve;
+    constructor(start, stop) {
+        let promiseResolve;
+        super(new Promise(resolve => {
+            promiseResolve = resolve;
+        }), start, stop);
+        this.promiseResolve = promiseResolve;
+    }
+    set value(_value) {
+        if (this.promiseResolve) {
+            _value.then(this.promiseResolve);
+            this.promiseResolve = undefined;
+            this._value = _value; // prevent invalidate
+        }
+        super.value = _value;
+    }
+    get value() {
+        return super.value;
+    }
+}

package/lib/index.js

@@ -2,4 +2,5 @@ export { default as Computed } from './computed.js';
 export { default as Ref } from './ref.js';
 export { default as Watcher } from './watcher.js';
 export { default as Listener } from './listener.js';
+export { default as AsyncListener } from './asyncListener.js';
 export { default as defaultIsEqual } from './defaultIsEqual.js';

package/lib/listener.js

@@ -18,9 +18,11 @@ export default class Listener extends Ref {
     }
     removeDependent(dependent) {
         super.removeDependent(dependent);
-        if (this.dependents.size === 0) {
-            this.listening = false;
-            this.stop();
-        }
+        Promise.resolve().then(() => {
+            if (this.dependents.size === 0) {
+                this.listening = false;
+                this.stop();
+            }
+        });
     }
 }

package/lib/listener.test.js

@@ -1,7 +1,7 @@
 import 'mocha';
 import assert from 'assert';
 import { mock } from 'node:test';
-import { Watcher, Listener } from './index.js';
+import { Watcher, Listener, Computed, Ref } from './index.js';
 describe('listener', function () {
     it('wait for dependent', function () {
         assert.doesNotThrow(() => {
@@ -62,4 +62,17 @@ describe('listener', function () {
         await new Promise((resolve) => setTimeout(resolve, 15));
         assert.strictEqual(onChange.mock.callCount(), 3);
     });
+    it('keep listening when recomputing', async function () {
+        let gate = 0;
+        const listener = new Listener(1, () => {
+            gate++;
+        }, () => { });
+        const a = new Ref(5);
+        const b = new Computed(value => value(a) + value(listener));
+        b.value;
+        assert.strictEqual(gate, 1);
+        a.value = 6;
+        b.value;
+        assert.strictEqual(gate, 1);
+    });
 });

package/lib/syncListener.js

@@ -0,0 +1,22 @@
+import Listener from "./listener.js";
+export default class AsyncListener extends Listener {
+    promiseResolve;
+    constructor(start, stop) {
+        let promiseResolve;
+        super(new Promise(resolve => {
+            promiseResolve = resolve;
+        }), start, stop);
+        this.promiseResolve = promiseResolve;
+    }
+    set value(_value) {
+        if (this.promiseResolve) {
+            _value.then(this.promiseResolve);
+            this.promiseResolve = undefined;
+            this._value = _value; // prevent invalidate
+        }
+        super.value = _value;
+    }
+    get value() {
+        return super.value;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "async-reactivity",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "",
   "main": "lib/index.js",
   "types": "types/index.d.ts",
@@ -23,8 +23,8 @@
   "license": "ISC",
   "devDependencies": {
     "@types/mocha": "^10.0.8",
-    "@types/node": "^20.14.15",
+    "@types/node": "^22.13.11",
     "mocha": "^10.7.3",
-    "typescript": "^5.6.2"
+    "typescript": "^5.8.2"
   }
 }

package/src/asyncListener.ts

@@ -0,0 +1,26 @@
+import Listener from "./listener.js";
+
+export default class AsyncListener<T> extends Listener<Promise<T>> {
+    private promiseResolve?: (value: T) => void;
+
+    constructor(start: () => void, stop: () => void) {
+        let promiseResolve;
+        super(new Promise<T>(resolve => {
+            promiseResolve = resolve;
+        }), start, stop);
+        this.promiseResolve = promiseResolve;
+    }
+
+    public set value(_value: Promise<T>) {
+        if (this.promiseResolve) {
+            _value.then(this.promiseResolve);
+            this.promiseResolve = undefined;
+            this._value = _value;   // prevent invalidate
+        }
+        super.value = _value;
+    }
+
+    public get value(): Promise<T> {
+        return super.value!;
+    }
+}

package/src/index.ts

@@ -4,4 +4,5 @@ export { default as Watcher } from './watcher.js';
 export { default as Dependency } from './dependency.js';
 export { default as Dependent } from './dependent.js';
 export { default as Listener } from './listener.js';
+export { default as AsyncListener } from './asyncListener.js';
 export { default as defaultIsEqual } from './defaultIsEqual.js';

package/src/listener.test.ts

@@ -1,7 +1,7 @@
 import 'mocha';
 import assert from 'assert';
 import { mock } from 'node:test';
-import { Watcher, Listener } from './index.js';
+import { Watcher, Listener, Computed, Ref } from './index.js';
 
 describe('listener', function () {
     it('wait for dependent', function () {
@@ -98,4 +98,26 @@ describe('listener', function () {
 
         assert.strictEqual(onChange.mock.callCount(), 3);
     });
+
+    it('keep listening when recomputing', async function() {
+        let gate = 0;
+        const listener = new Listener(
+            1,
+            () => {
+                gate++;
+            },
+            () => {}
+        );
+
+        const a = new Ref(5);
+
+        const b = new Computed(value => value(a) + value(listener));
+
+        b.value;
+        assert.strictEqual(gate, 1);
+
+        a.value = 6;
+        b.value;
+        assert.strictEqual(gate, 1);
+    });
 });

package/src/listener.ts

@@ -24,9 +24,11 @@ export default class Listener<T extends TBase, TBase = T> extends Ref<T> {
 
     public removeDependent(dependent: Dependent): void {
         super.removeDependent(dependent);
-        if (this.dependents.size === 0) {
-            this.listening = false;
-            this.stop();
-        }
+        Promise.resolve().then(() => {
+            if (this.dependents.size === 0) {
+                this.listening = false;
+                this.stop();
+            }
+        })
     }
 }

package/types/asyncListener.d.ts

@@ -0,0 +1,8 @@
+import Listener from "./listener.js";
+export default class AsyncListener<T> extends Listener<Promise<T>> {
+    private promiseResolve?;
+    constructor(start: () => void, stop: () => void);
+    set value(_value: Promise<T>);
+    get value(): Promise<T>;
+}
+//# sourceMappingURL=asyncListener.d.ts.map

package/types/asyncListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncListener.d.ts","sourceRoot":"","sources":["../src/asyncListener.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,aAAa,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,cAAc,CAAC,CAAqB;gBAEhC,KAAK,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI;IAQ/C,IAAW,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAOlC;IAED,IAAW,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAE7B;CACJ"}

package/types/index.d.ts

@@ -4,5 +4,6 @@ export { default as Watcher } from './watcher.js';
 export { default as Dependency } from './dependency.js';
 export { default as Dependent } from './dependent.js';
 export { default as Listener } from './listener.js';
+export { default as AsyncListener } from './asyncListener.js';
 export { default as defaultIsEqual } from './defaultIsEqual.js';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/types/listener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../src/listener.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,GAAG,MAAM,UAAU,CAAC;AAG3B,MAAM,CAAC,OAAO,OAAO,QAAQ,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,GAAG,CAAC,CAAE,SAAQ,GAAG,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,SAAS,CAAS;gBAEd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,OAAO,oCAAwB;IAOpF,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAQxC,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;CAOrD"}
+{"version":3,"file":"listener.d.ts","sourceRoot":"","sources":["../src/listener.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,GAAG,MAAM,UAAU,CAAC;AAG3B,MAAM,CAAC,OAAO,OAAO,QAAQ,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,GAAG,CAAC,CAAE,SAAQ,GAAG,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,IAAI,CAAa;IACzB,OAAO,CAAC,SAAS,CAAS;gBAEd,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,OAAO,oCAAwB;IAOpF,YAAY,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;IAQxC,eAAe,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;CASrD"}

package/types/syncListener.d.ts

@@ -0,0 +1,8 @@
+import Listener from "./listener.js";
+export default class AsyncListener<T> extends Listener<Promise<T>> {
+    private promiseResolve?;
+    constructor(start: () => void, stop: () => void);
+    set value(_value: Promise<T>);
+    get value(): Promise<T>;
+}
+//# sourceMappingURL=syncListener.d.ts.map

package/types/syncListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncListener.d.ts","sourceRoot":"","sources":["../src/syncListener.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,aAAa,CAAC,CAAC,CAAE,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,OAAO,CAAC,cAAc,CAAC,CAAqB;gBAEhC,KAAK,EAAE,MAAM,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI;IAQ/C,IAAW,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAOlC;IAED,IAAW,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAE7B;CACJ"}