@yiin/reactive-proxy-state 1.0.32 → 1.0.34

package/dist/index.cjs

@@ -3706,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 = {
@@ -3746,7 +3766,7 @@ function reactive(obj, emit, path = []) {
       return wrapSet(val, emit, subPath);
     if (val instanceof Date)
       return new Date(val.getTime());
-    return reactive(val, emit, subPath);
+    return reactive(val, emit, subPath, options);
   }
   const proxy = new Proxy(obj, {
     get(target, prop, receiver) {
@@ -3773,7 +3793,7 @@ function reactive(obj, emit, path = []) {
       const oldValue = target[prop];
       if (oldValue === value)
         return true;
-      if (isObject3(oldValue) && isObject3(value) && deepEqual(oldValue, value, new WeakMap))
+      if (!options?.async && isObject3(oldValue) && isObject3(value) && deepEqual(oldValue, value, new WeakMap))
         return true;
       const descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
       const result = Reflect.set(target, prop, value, receiver);

package/dist/index.js

@@ -3646,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 = {
@@ -3686,7 +3706,7 @@ function reactive(obj, emit, path = []) {
       return wrapSet(val, emit, subPath);
     if (val instanceof Date)
       return new Date(val.getTime());
-    return reactive(val, emit, subPath);
+    return reactive(val, emit, subPath, options);
   }
   const proxy = new Proxy(obj, {
     get(target, prop, receiver) {
@@ -3713,7 +3733,7 @@ function reactive(obj, emit, path = []) {
       const oldValue = target[prop];
       if (oldValue === value)
         return true;
-      if (isObject3(oldValue) && isObject3(value) && deepEqual(oldValue, value, new WeakMap))
+      if (!options?.async && isObject3(oldValue) && isObject3(value) && deepEqual(oldValue, value, new WeakMap))
         return true;
       const descriptor = Reflect.getOwnPropertyDescriptor(target, prop);
       const result = Reflect.set(target, prop, value, receiver);

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.32",
+  "version": "1.0.34",
   "author": "Yiin <stanislovas@yiin.lt>",
   "repository": {
     "type": "git",