@loro-dev/flock 4.3.0 → 4.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loro-dev/flock",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "description": "TypeScript bindings for the Flock CRDT with mergeable export/import utilities.",
   "exports": {
     ".": {

package/src/index.ts

@@ -844,6 +844,18 @@ function isImportOptions(value: unknown): value is ImportOptions {
 
 export class Flock {
   private inner: ReturnType<typeof newFlock>;
+  private listeners: Set<(batch: EventBatch) => void> = new Set();
+  private nativeUnsubscribe: (() => void) | undefined;
+  /** Debounce state for autoDebounceCommit */
+  private debounceState:
+    | {
+        timeout: number;
+        maxDebounceTime: number;
+        timerId: ReturnType<typeof setTimeout> | undefined;
+        maxTimerId: ReturnType<typeof setTimeout> | undefined;
+        pendingEvents: Event[];
+      }
+    | undefined;
 
   constructor(peerId?: string) {
     this.inner = newFlock(normalizePeerId(peerId));
@@ -1167,14 +1179,169 @@ export class Flock {
       }));
   }
 
+  private ensureNativeSubscription(): void {
+    if (this.nativeUnsubscribe !== undefined) {
+      return;
+    }
+    this.nativeUnsubscribe = subscribe_ffi(this.inner, (payload: unknown) => {
+      const batch = decodeEventBatch(payload);
+      this.handleBatch(batch);
+    }) as () => void;
+  }
+
+  private handleBatch(batch: EventBatch): void {
+    if (this.debounceState !== undefined) {
+      // Debounce active: accumulate events and reset timer
+      const wasEmpty = this.debounceState.pendingEvents.length === 0;
+      this.debounceState.pendingEvents.push(...batch.events);
+      this.resetDebounceTimer(wasEmpty);
+    } else {
+      // Normal mode: emit immediately
+      this.emitBatch(batch);
+    }
+  }
+
+  private emitBatch(batch: EventBatch): void {
+    for (const listener of this.listeners) {
+      listener(batch);
+    }
+  }
+
+  private resetDebounceTimer(isFirstEvent: boolean): void {
+    if (this.debounceState === undefined) {
+      return;
+    }
+
+    if (this.debounceState.timerId !== undefined) {
+      clearTimeout(this.debounceState.timerId);
+    }
+
+    this.debounceState.timerId = setTimeout(() => {
+      this.commit();
+    }, this.debounceState.timeout);
+
+    // Start max debounce timer on first pending event
+    if (this.debounceState.maxTimerId === undefined && isFirstEvent) {
+      this.debounceState.maxTimerId = setTimeout(() => {
+        this.commit();
+      }, this.debounceState.maxDebounceTime);
+    }
+  }
+
   subscribe(listener: (batch: EventBatch) => void): () => void {
-    const unsubscribe = subscribe_ffi(this.inner, (payload: unknown) => {
-      listener(decodeEventBatch(payload));
-    });
-    if (typeof unsubscribe !== "function") {
-      throw new TypeError("subscribe ffi did not return a function");
+    this.listeners.add(listener);
+    this.ensureNativeSubscription();
+
+    return () => {
+      this.listeners.delete(listener);
+      // Optionally clean up native subscription when no listeners remain
+      if (this.listeners.size === 0 && this.nativeUnsubscribe !== undefined) {
+        this.nativeUnsubscribe();
+        this.nativeUnsubscribe = undefined;
+      }
+    };
+  }
+
+  /**
+   * Enable auto-debounce mode. Events will be accumulated and emitted after
+   * the specified timeout of inactivity. Each new operation resets the timer.
+   *
+   * Use `commit()` to force immediate emission of pending events.
+   * Use `disableAutoDebounceCommit()` to disable and emit pending events.
+   *
+   * @param timeout - Debounce timeout in milliseconds
+   * @param options - Optional configuration object with maxDebounceTime (default: 10000ms)
+   * @throws Error if called while a transaction is active
+   * @throws Error if autoDebounceCommit is already active
+   *
+   * @example
+   * ```ts
+   * flock.autoDebounceCommit(100);
+   * flock.put(["a"], 1);
+   * flock.put(["b"], 2);
+   * // No events emitted yet...
+   * // After 100ms of inactivity, subscribers receive single EventBatch
+   * // If operations keep coming, commit happens after maxDebounceTime (10s default)
+   * ```
+   */
+  autoDebounceCommit(
+    timeout: number,
+    options?: { maxDebounceTime?: number },
+  ): void {
+    if (this.isInTxn()) {
+      throw new Error(
+        "Cannot enable autoDebounceCommit while transaction is active",
+      );
+    }
+    if (this.debounceState !== undefined) {
+      throw new Error("autoDebounceCommit is already active");
+    }
+
+    const maxDebounceTime = options?.maxDebounceTime ?? 10000;
+
+    this.debounceState = {
+      timeout,
+      maxDebounceTime,
+      timerId: undefined,
+      maxTimerId: undefined,
+      pendingEvents: [],
+    };
+  }
+
+  /**
+   * Disable auto-debounce mode and emit any pending events immediately.
+   * No-op if autoDebounceCommit is not active.
+   */
+  disableAutoDebounceCommit(): void {
+    if (this.debounceState === undefined) {
+      return;
+    }
+
+    const { timerId, maxTimerId, pendingEvents } = this.debounceState;
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    if (maxTimerId !== undefined) {
+      clearTimeout(maxTimerId);
+    }
+    this.debounceState = undefined;
+
+    if (pendingEvents.length > 0) {
+      this.emitBatch({ source: "local", events: pendingEvents });
+    }
+  }
+
+  /**
+   * Force immediate emission of any pending debounced events.
+   * Does not disable auto-debounce mode - new operations will continue to be debounced.
+   * No-op if autoDebounceCommit is not active or no events are pending.
+   */
+  commit(): void {
+    if (this.debounceState === undefined) {
+      return;
+    }
+
+    const { timerId, maxTimerId, pendingEvents } = this.debounceState;
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+      this.debounceState.timerId = undefined;
+    }
+    if (maxTimerId !== undefined) {
+      clearTimeout(maxTimerId);
+      this.debounceState.maxTimerId = undefined;
+    }
+
+    if (pendingEvents.length > 0) {
+      this.emitBatch({ source: "local", events: pendingEvents });
+      this.debounceState.pendingEvents = [];
     }
-    return unsubscribe as () => void;
+  }
+
+  /**
+   * Check if auto-debounce mode is currently active.
+   */
+  isAutoDebounceActive(): boolean {
+    return this.debounceState !== undefined;
   }
 
   /**