@outkit-dev/react 0.0.6 → 0.0.7

package/dist/index.cjs

@@ -270,20 +270,24 @@ function useBlockStream() {
     setIsStreaming(false);
   }, []);
   const streamRef = (0, import_react2.useRef)(null);
-  if (streamRef.current === null) {
-    streamRef.current = new import_core.OutkitStream({
-      onBlocks: (b) => batchBlocks(b),
-      onDesign: (d) => setDesignState(d),
-      onComplete: () => handleComplete()
-    });
-  }
-  const stream = streamRef.current;
+  const getStream = (0, import_react2.useCallback)(() => {
+    if (streamRef.current === null || streamRef.current.streamState === "destroyed") {
+      streamRef.current = new import_core.OutkitStream({
+        onBlocks: (b) => batchBlocks(b),
+        onDesign: (d) => setDesignState(d),
+        onComplete: () => handleComplete()
+      });
+    }
+    return streamRef.current;
+  }, [batchBlocks, handleComplete]);
+  const stream = getStream();
   (0, import_react2.useEffect)(() => {
+    const s = getStream();
     return () => {
       if (rafRef.current) cancelAnimationFrame(rafRef.current);
-      stream.destroy();
+      s.destroy();
     };
-  }, [stream]);
+  }, [getStream]);
   const reset = (0, import_react2.useCallback)(() => {
     if (rafRef.current) {
       cancelAnimationFrame(rafRef.current);
@@ -291,30 +295,54 @@ function useBlockStream() {
     }
     pendingRef.current = null;
     streamingRef.current = false;
-    stream.reset();
+    getStream().reset();
     setBlocks([]);
     setIsStreaming(false);
     setDesignState(void 0);
-  }, [stream]);
+  }, [getStream]);
   const push = (0, import_react2.useCallback)(
     (newBlocks) => batchBlocks(newBlocks),
     [batchBlocks]
   );
   const setDesign = (0, import_react2.useCallback)(
-    (tokens) => stream.feedMeta(tokens),
-    [stream]
+    (tokens) => getStream().feedMeta(tokens),
+    [getStream]
+  );
+  const complete = (0, import_react2.useCallback)(() => getStream().feedDone(), [getStream]);
+  const feedResponse = (0, import_react2.useCallback)(
+    (response) => getStream().feedResponse(response),
+    [getStream]
+  );
+  const feedSSE = (0, import_react2.useCallback)(
+    (rawText) => getStream().feedSSE(rawText),
+    [getStream]
+  );
+  const feedEvent = (0, import_react2.useCallback)(
+    (data) => getStream().feedEvent(data),
+    [getStream]
+  );
+  const feedChunk = (0, import_react2.useCallback)(
+    (data) => getStream().feedChunk(data),
+    [getStream]
+  );
+  const feedMeta = (0, import_react2.useCallback)(
+    (tokens) => getStream().feedMeta(tokens),
+    [getStream]
+  );
+  const feedDone = (0, import_react2.useCallback)(
+    () => getStream().feedDone(),
+    [getStream]
   );
-  const complete = (0, import_react2.useCallback)(() => stream.feedDone(), [stream]);
   return {
     blocks,
     isStreaming,
     design,
-    feedResponse: stream.feedResponse.bind(stream),
-    feedSSE: stream.feedSSE.bind(stream),
-    feedEvent: stream.feedEvent.bind(stream),
-    feedChunk: stream.feedChunk.bind(stream),
-    feedMeta: stream.feedMeta.bind(stream),
-    feedDone: stream.feedDone.bind(stream),
+    feedResponse,
+    feedSSE,
+    feedEvent,
+    feedChunk,
+    feedMeta,
+    feedDone,
     push,
     setDesign,
     complete,

package/dist/index.js

@@ -236,20 +236,24 @@ function useBlockStream() {
     setIsStreaming(false);
   }, []);
   const streamRef = useRef2(null);
-  if (streamRef.current === null) {
-    streamRef.current = new OutkitStream({
-      onBlocks: (b) => batchBlocks(b),
-      onDesign: (d) => setDesignState(d),
-      onComplete: () => handleComplete()
-    });
-  }
-  const stream = streamRef.current;
+  const getStream = useCallback(() => {
+    if (streamRef.current === null || streamRef.current.streamState === "destroyed") {
+      streamRef.current = new OutkitStream({
+        onBlocks: (b) => batchBlocks(b),
+        onDesign: (d) => setDesignState(d),
+        onComplete: () => handleComplete()
+      });
+    }
+    return streamRef.current;
+  }, [batchBlocks, handleComplete]);
+  const stream = getStream();
   useEffect2(() => {
+    const s = getStream();
     return () => {
       if (rafRef.current) cancelAnimationFrame(rafRef.current);
-      stream.destroy();
+      s.destroy();
     };
-  }, [stream]);
+  }, [getStream]);
   const reset = useCallback(() => {
     if (rafRef.current) {
       cancelAnimationFrame(rafRef.current);
@@ -257,30 +261,54 @@ function useBlockStream() {
     }
     pendingRef.current = null;
     streamingRef.current = false;
-    stream.reset();
+    getStream().reset();
     setBlocks([]);
     setIsStreaming(false);
     setDesignState(void 0);
-  }, [stream]);
+  }, [getStream]);
   const push = useCallback(
     (newBlocks) => batchBlocks(newBlocks),
     [batchBlocks]
   );
   const setDesign = useCallback(
-    (tokens) => stream.feedMeta(tokens),
-    [stream]
+    (tokens) => getStream().feedMeta(tokens),
+    [getStream]
+  );
+  const complete = useCallback(() => getStream().feedDone(), [getStream]);
+  const feedResponse = useCallback(
+    (response) => getStream().feedResponse(response),
+    [getStream]
+  );
+  const feedSSE = useCallback(
+    (rawText) => getStream().feedSSE(rawText),
+    [getStream]
+  );
+  const feedEvent = useCallback(
+    (data) => getStream().feedEvent(data),
+    [getStream]
+  );
+  const feedChunk = useCallback(
+    (data) => getStream().feedChunk(data),
+    [getStream]
+  );
+  const feedMeta = useCallback(
+    (tokens) => getStream().feedMeta(tokens),
+    [getStream]
+  );
+  const feedDone = useCallback(
+    () => getStream().feedDone(),
+    [getStream]
   );
-  const complete = useCallback(() => stream.feedDone(), [stream]);
   return {
     blocks,
     isStreaming,
     design,
-    feedResponse: stream.feedResponse.bind(stream),
-    feedSSE: stream.feedSSE.bind(stream),
-    feedEvent: stream.feedEvent.bind(stream),
-    feedChunk: stream.feedChunk.bind(stream),
-    feedMeta: stream.feedMeta.bind(stream),
-    feedDone: stream.feedDone.bind(stream),
+    feedResponse,
+    feedSSE,
+    feedEvent,
+    feedChunk,
+    feedMeta,
+    feedDone,
     push,
     setDesign,
     complete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outkit-dev/react",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -17,7 +17,7 @@
   ],
   "dependencies": {
     "@outkit-dev/renderer": "0.0.5",
-    "@outkit-dev/core": "0.0.6"
+    "@outkit-dev/core": "0.0.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"