@nextclaw/ncp-react 0.4.11 → 0.4.13

package/dist/index.js

@@ -7,6 +7,65 @@ import { DefaultNcpAgentConversationStateManager } from "@nextclaw/ncp-toolkit";
 import {
   NcpEventType
 } from "@nextclaw/ncp";
+var EVENT_BATCH_DELAY_MS = 16;
+var NcpEventDispatchBatcher = class {
+  constructor(dispatchBatch) {
+    this.dispatchBatch = dispatchBatch;
+    this.queue = [];
+    this.flushTimerId = null;
+    this.isFlushing = false;
+    this.isDisposed = false;
+    this.enqueue = (event) => {
+      if (this.isDisposed) {
+        return;
+      }
+      this.queue.push(event);
+      this.scheduleFlush();
+    };
+    this.dispose = () => {
+      this.isDisposed = true;
+      if (this.flushTimerId !== null) {
+        window.clearTimeout(this.flushTimerId);
+        this.flushTimerId = null;
+      }
+      this.queue.length = 0;
+    };
+    this.scheduleFlush = () => {
+      if (this.flushTimerId !== null || this.isFlushing || this.queue.length === 0) {
+        return;
+      }
+      this.flushTimerId = window.setTimeout(() => {
+        this.flushTimerId = null;
+        void this.flush();
+      }, EVENT_BATCH_DELAY_MS);
+    };
+    this.flush = async () => {
+      if (this.isDisposed || this.isFlushing || this.queue.length === 0) {
+        return;
+      }
+      this.isFlushing = true;
+      try {
+        while (this.queue.length > 0) {
+          const batch = this.queue.splice(0);
+          await this.dispatchBatch(batch);
+        }
+      } finally {
+        this.isFlushing = false;
+        this.scheduleFlush();
+      }
+    };
+  }
+};
+function dispatchEventsToManager(manager, events) {
+  const batchDispatch = manager.dispatchBatch;
+  if (typeof batchDispatch === "function") {
+    return batchDispatch.call(manager, events);
+  }
+  return events.reduce(
+    (chain, event) => chain.then(() => manager.dispatch(event)),
+    Promise.resolve()
+  );
+}
 function shouldDispatchEventToSession(event, sessionId) {
   const payload = "payload" in event ? event.payload : null;
   if (!payload || typeof payload !== "object") {
@@ -80,14 +139,18 @@ function useNcpAgentRuntime({
     setIsSending(false);
   }, [sessionId]);
   useEffect(() => {
+    const eventBatcher = new NcpEventDispatchBatcher(
+      (events) => dispatchEventsToManager(manager, events)
+    );
     const unsubscribeClient = client.subscribe((event) => {
       if (!shouldDispatchEventToSession(event, sessionId)) {
         return;
       }
-      void manager.dispatch(event);
+      eventBatcher.enqueue(event);
     });
     return () => {
       unsubscribeClient();
+      eventBatcher.dispose();
       void client.stop();
     };
   }, [client, manager, sessionId]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ncp-react",
-  "version": "0.4.11",
+  "version": "0.4.13",
   "private": false,
   "description": "React bindings for building NCP-based agent applications.",
   "type": "module",
@@ -15,8 +15,8 @@
     "dist"
   ],
   "dependencies": {
-    "@nextclaw/ncp": "0.4.5",
-    "@nextclaw/ncp-toolkit": "0.4.14"
+    "@nextclaw/ncp": "0.4.6",
+    "@nextclaw/ncp-toolkit": "0.4.16"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"