@yiin/reactive-proxy-state 1.0.32 → 1.0.33

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 = {

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 = {

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