@esportsplus/reactivity 0.6.2 → 0.7.1

package/build/index.d.ts

@@ -1,3 +1,4 @@
 export { default as reactive } from './reactive/index.js';
 export { computed, dispose, oncleanup, root, signal, stabilize } from './signal.js';
+export { default as scheduler } from './scheduler.js';
 export * from './types.js';

package/build/index.js

@@ -1,3 +1,4 @@
 export { default as reactive } from './reactive/index.js';
 export { computed, dispose, oncleanup, root, signal, stabilize } from './signal.js';
+export { default as scheduler } from './scheduler.js';
 export * from './types.js';

package/build/scheduler.d.ts

@@ -0,0 +1,4 @@
+declare const scheduler: (schedule: (task: VoidFunction) => void) => void;
+declare const state: import("./types.js").Signal<number>;
+export default scheduler;
+export { state };

package/build/scheduler.js

@@ -0,0 +1,17 @@
+import { STATE_DIRTY, STATE_NONE } from './constants.js';
+import { computed, dispose, read, signal, stabilize } from './signal.js';
+let c = null;
+const scheduler = (schedule) => {
+    if (c) {
+        dispose(c);
+    }
+    c = computed(() => {
+        if (read(state) !== STATE_DIRTY) {
+            return;
+        }
+        schedule(stabilize);
+    });
+};
+const state = signal(STATE_NONE);
+export default scheduler;
+export { state };

package/build/signal.js

@@ -1,5 +1,6 @@
 import { isArray, isObject } from '@esportsplus/utilities';
 import { REACTIVE, STATE_CHECK, STATE_DIRTY, STATE_IN_HEAP, STATE_NONE, STATE_RECOMPUTING } from './constants.js';
+import { state } from './scheduler.js';
 let dirtyHeap = new Array(2000), maxDirty = 0, markedHeap = false, minDirty = 0, observer = null;
 function cleanup(node) {
     if (!node.cleanup) {
@@ -159,6 +160,9 @@ function recompute(el, del) {
             insertIntoHeap(o);
         }
     }
+    if (state.value === STATE_NONE) {
+        root(() => signal.set(state, STATE_DIRTY));
+    }
 }
 function unlink(link) {
     let dep = link.dep, nextDep = link.nextDep, nextSub = link.nextSub, prevSub = link.prevSub;
@@ -305,14 +309,17 @@ signal.set = (el, v) => {
     }
 };
 const stabilize = () => {
-    for (minDirty = 0; minDirty <= maxDirty; minDirty++) {
-        let el = dirtyHeap[minDirty];
-        dirtyHeap[minDirty] = undefined;
-        while (el !== undefined) {
-            let next = el.nextHeap;
-            recompute(el, false);
-            el = next;
+    root(() => {
+        for (minDirty = 0; minDirty <= maxDirty; minDirty++) {
+            let el = dirtyHeap[minDirty];
+            dirtyHeap[minDirty] = undefined;
+            while (el !== undefined) {
+                let next = el.nextHeap;
+                recompute(el, false);
+                el = next;
+            }
         }
-    }
+        signal.set(state, STATE_NONE);
+    });
 };
 export { computed, dispose, isComputed, isReactive, isSignal, oncleanup, read, root, signal, stabilize };

package/package.json

@@ -2,7 +2,7 @@
   "author": "ICJR",
   "dependencies": {
     "@esportsplus/custom-function": "^0.0.13",
-    "@esportsplus/utilities": "^0.19.1"
+    "@esportsplus/utilities": "^0.21.0"
   },
   "devDependencies": {
     "@esportsplus/typescript": "^0.9.2"
@@ -12,7 +12,7 @@
   "private": false,
   "type": "module",
   "types": "build/index.d.ts",
-  "version": "0.6.2",
+  "version": "0.7.1",
   "scripts": {
     "build": "tsc && tsc-alias",
     "-": "-"

package/src/constants.ts

@@ -11,4 +11,11 @@ const STATE_RECOMPUTING = 1 << 2;
 const STATE_IN_HEAP = 1 << 3;
 
 
-export { REACTIVE, STATE_CHECK, STATE_DIRTY, STATE_IN_HEAP, STATE_NONE, STATE_RECOMPUTING };
+export {
+    REACTIVE,
+    STATE_CHECK,
+    STATE_DIRTY,
+    STATE_IN_HEAP,
+    STATE_NONE,
+    STATE_RECOMPUTING
+};

package/src/index.ts

@@ -1,3 +1,4 @@
 export { default as reactive } from './reactive';
 export { computed, dispose, oncleanup, root, signal, stabilize } from './signal';
+export { default as scheduler } from './scheduler';
 export * from './types';

package/src/scheduler.ts

@@ -0,0 +1,27 @@
+import { STATE_DIRTY, STATE_NONE } from './constants';
+import { computed, dispose, read, signal, stabilize } from './signal';
+import { Computed } from './types';
+
+
+let c: Computed<void> | null = null;
+
+
+const scheduler = (schedule: (task: VoidFunction) => void) => {
+    if (c) {
+        dispose(c);
+    }
+
+    c = computed(() => {
+        if (read(state) !== STATE_DIRTY) {
+            return;
+        }
+
+        schedule(stabilize);
+    });
+};
+
+const state = signal(STATE_NONE);
+
+
+export default scheduler;
+export { state };

package/src/signal.ts

@@ -1,6 +1,7 @@
 import { isArray, isObject } from '@esportsplus/utilities';
 import { REACTIVE, STATE_CHECK, STATE_DIRTY, STATE_IN_HEAP, STATE_NONE, STATE_RECOMPUTING } from './constants';
 import { Computed, Link, Signal, } from './types';
+import { state } from './scheduler';
 
 
 let dirtyHeap: (Computed<unknown> | undefined)[] = new Array(2000),
@@ -226,6 +227,10 @@ function recompute<T>(el: Computed<T>, del: boolean) {
             insertIntoHeap(o);
         }
     }
+
+    if (state.value === STATE_NONE) {
+        root(() => signal.set(state, STATE_DIRTY));
+    }
 }
 
 // https://github.com/stackblitz/alien-signals/blob/v2.0.3/src/system.ts#L100
@@ -421,19 +426,23 @@ signal.set = <T>(el: Signal<T>, v: T) => {
 };
 
 const stabilize = () => {
-    for (minDirty = 0; minDirty <= maxDirty; minDirty++) {
-        let el = dirtyHeap[minDirty];
+    root(() => {
+        for (minDirty = 0; minDirty <= maxDirty; minDirty++) {
+            let el = dirtyHeap[minDirty];
 
-        dirtyHeap[minDirty] = undefined;
+            dirtyHeap[minDirty] = undefined;
 
-        while (el !== undefined) {
-            let next = el.nextHeap;
+            while (el !== undefined) {
+                let next = el.nextHeap;
 
-            recompute(el, false);
+                recompute(el, false);
 
-            el = next;
+                el = next;
+            }
         }
-    }
+
+        signal.set(state, STATE_NONE);
+    });
 };