@yiin/reactive-proxy-state 1.0.31 → 1.0.33

package/dist/index.cjs

@@ -2597,6 +2597,26 @@ function deleteValue(obj, key) {
   else
     delete obj[key];
 }
+function validateCachedPath(root, fullPath, pathKey, cached) {
+  if (fullPath.length === 0)
+    return cached;
+  const lastKey = fullPath[fullPath.length - 1];
+  let grandparent = root;
+  for (let i = 0;i < fullPath.length - 1; i++) {
+    grandparent = grandparent ? getValue(grandparent, fullPath[i]) : undefined;
+    if (grandparent === undefined)
+      break;
+  }
+  if (grandparent === undefined) {
+    evictDescendantsFromPathCache(root, pathKey);
+    return;
+  }
+  const actual = getValue(grandparent, lastKey);
+  if (actual === cached)
+    return cached;
+  evictDescendantsFromPathCache(root, pathKey);
+  return;
+}
 var actionHandlers = {
   set: function(parent, key, event) {
     setValue(parent, key, event.newValue);
@@ -2750,6 +2770,9 @@ function updateState(root, event) {
       const parentPath = path.slice(0, -1);
       const parentPathKey = parentPath.join(".");
       let parent = pathCache.get(root)?.get(parentPathKey);
+      if (parent !== undefined) {
+        parent = validateCachedPath(root, parentPath, parentPathKey, parent);
+      }
       if (parent === undefined) {
         parent = parentPath.reduce((acc, key) => acc ? getValue(acc, key) : undefined, root);
         if (parent !== undefined)
@@ -2769,6 +2792,9 @@ function updateState(root, event) {
       const targetPath = path;
       const targetPathKey = targetPath.join(".");
       let targetCollection = pathCache.get(root)?.get(targetPathKey);
+      if (targetCollection !== undefined) {
+        targetCollection = validateCachedPath(root, targetPath, targetPathKey, targetCollection);
+      }
       if (targetCollection === undefined) {
         targetCollection = targetPath.reduce((acc, key) => acc ? getValue(acc, key) : undefined, root);
         if (targetCollection !== undefined)
@@ -3680,12 +3706,32 @@ function toRaw(observed) {
   const raw = observed && observed["__v_raw" /* RAW */];
   return raw ? toRaw(raw) : observed;
 }
-function reactive(obj, emit, path = []) {
+function createAsyncEmit(emit) {
+  const queue = [];
+  let flushScheduled = false;
+  return (event) => {
+    queue.push(event);
+    if (!flushScheduled) {
+      flushScheduled = true;
+      queueMicrotask(() => {
+        flushScheduled = false;
+        const batch = queue.splice(0);
+        for (const queuedEvent of batch) {
+          emit(queuedEvent);
+        }
+      });
+    }
+  };
+}
+function reactive(obj, emit, path = [], options) {
   if (obj["__v_skip" /* SKIP */]) {
     return obj;
   }
   if (globalSeen.has(obj))
     return globalSeen.get(obj);
+  if (emit && path.length === 0 && options?.async) {
+    emit = createAsyncEmit(emit);
+  }
   if (emit && path.length === 0) {
     try {
       const initialEvent = {

package/dist/index.js

@@ -2537,6 +2537,26 @@ function deleteValue(obj, key) {
   else
     delete obj[key];
 }
+function validateCachedPath(root, fullPath, pathKey, cached) {
+  if (fullPath.length === 0)
+    return cached;
+  const lastKey = fullPath[fullPath.length - 1];
+  let grandparent = root;
+  for (let i = 0;i < fullPath.length - 1; i++) {
+    grandparent = grandparent ? getValue(grandparent, fullPath[i]) : undefined;
+    if (grandparent === undefined)
+      break;
+  }
+  if (grandparent === undefined) {
+    evictDescendantsFromPathCache(root, pathKey);
+    return;
+  }
+  const actual = getValue(grandparent, lastKey);
+  if (actual === cached)
+    return cached;
+  evictDescendantsFromPathCache(root, pathKey);
+  return;
+}
 var actionHandlers = {
   set: function(parent, key, event) {
     setValue(parent, key, event.newValue);
@@ -2690,6 +2710,9 @@ function updateState(root, event) {
       const parentPath = path.slice(0, -1);
       const parentPathKey = parentPath.join(".");
       let parent = pathCache.get(root)?.get(parentPathKey);
+      if (parent !== undefined) {
+        parent = validateCachedPath(root, parentPath, parentPathKey, parent);
+      }
       if (parent === undefined) {
         parent = parentPath.reduce((acc, key) => acc ? getValue(acc, key) : undefined, root);
         if (parent !== undefined)
@@ -2709,6 +2732,9 @@ function updateState(root, event) {
       const targetPath = path;
       const targetPathKey = targetPath.join(".");
       let targetCollection = pathCache.get(root)?.get(targetPathKey);
+      if (targetCollection !== undefined) {
+        targetCollection = validateCachedPath(root, targetPath, targetPathKey, targetCollection);
+      }
       if (targetCollection === undefined) {
         targetCollection = targetPath.reduce((acc, key) => acc ? getValue(acc, key) : undefined, root);
         if (targetCollection !== undefined)
@@ -3620,12 +3646,32 @@ function toRaw(observed) {
   const raw = observed && observed["__v_raw" /* RAW */];
   return raw ? toRaw(raw) : observed;
 }
-function reactive(obj, emit, path = []) {
+function createAsyncEmit(emit) {
+  const queue = [];
+  let flushScheduled = false;
+  return (event) => {
+    queue.push(event);
+    if (!flushScheduled) {
+      flushScheduled = true;
+      queueMicrotask(() => {
+        flushScheduled = false;
+        const batch = queue.splice(0);
+        for (const queuedEvent of batch) {
+          emit(queuedEvent);
+        }
+      });
+    }
+  };
+}
+function reactive(obj, emit, path = [], options) {
   if (obj["__v_skip" /* SKIP */]) {
     return obj;
   }
   if (globalSeen.has(obj))
     return globalSeen.get(obj);
+  if (emit && path.length === 0 && options?.async) {
+    emit = createAsyncEmit(emit);
+  }
   if (emit && path.length === 0) {
     try {
       const initialEvent = {

package/dist/reactive.d.ts

@@ -1,4 +1,4 @@
-import { EmitFunction, Path } from "./types";
+import { EmitFunction, Path, ReactiveOptions } from "./types";
 /**
  * Checks if an object is a reactive proxy
  */
@@ -11,4 +11,4 @@ export declare function toRaw<T>(observed: T): T;
 /**
  * Create a reactive proxy for an object
  */
-export declare function reactive<T extends object>(obj: T, emit?: EmitFunction, path?: Path): T;
+export declare function reactive<T extends object>(obj: T, emit?: EmitFunction, path?: Path, options?: ReactiveOptions): T;

package/dist/types.d.ts

@@ -12,6 +12,10 @@ export interface StateEvent {
     oldValues?: any[];
 }
 export type EmitFunction = (event: StateEvent) => void;
+export interface ReactiveOptions {
+    /** When true, defers emit calls to the next microtask instead of firing synchronously */
+    async?: boolean;
+}
 import { Ref } from './ref';
 import { ComputedRef } from './computed';
 export type BaseWatchSource<T = any> = Ref<T> | ComputedRef<T> | (() => T);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yiin/reactive-proxy-state",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "author": "Yiin <stanislovas@yiin.lt>",
   "repository": {
     "type": "git",