@deltakit/react 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,144 @@
+# @deltakit/react
+
+React hook for building streaming chat UIs over Server-Sent Events (SSE). Manages the entire lifecycle -- state, network requests, SSE parsing, cancellation, and event handling -- in a single `useStreamChat` hook.
+
+## Installation
+
+```bash
+npm install @deltakit/react
+```
+
+Requires React 18+ and a backend endpoint that streams SSE.
+
+## Quick Start
+
+```tsx
+import { useStreamChat } from "@deltakit/react";
+
+function Chat() {
+  const { messages, isLoading, sendMessage } = useStreamChat({
+    api: "/api/chat",
+  });
+
+  return (
+    <div>
+      {messages.map((msg) => (
+        <div key={msg.id}>
+          <strong>{msg.role}:</strong>{" "}
+          {msg.parts
+            .filter((p) => p.type === "text")
+            .map((p) => p.text)
+            .join("")}
+        </div>
+      ))}
+
+      {isLoading && <span>Thinking...</span>}
+
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          const input = e.currentTarget.elements.namedItem("message") as HTMLInputElement;
+          sendMessage(input.value);
+          input.value = "";
+        }}
+      >
+        <input name="message" placeholder="Type a message..." />
+        <button type="submit" disabled={isLoading}>Send</button>
+      </form>
+    </div>
+  );
+}
+```
+
+## API
+
+### `useStreamChat(options)`
+
+```ts
+const {
+  messages,    // Message[]           -- live-updating conversation
+  isLoading,   // boolean             -- true while streaming
+  error,       // Error | null        -- latest error
+  sendMessage, // (text: string) => void -- send and start streaming
+  stop,        // () => void          -- abort current stream
+  setMessages, // React setState      -- direct state control
+} = useStreamChat({
+  api: "/api/chat",           // Required. SSE endpoint URL
+  initialMessages: [],        // Pre-populate conversation (e.g. from DB)
+  headers: {},                // Extra fetch headers (e.g. Authorization)
+  body: {},                   // Extra POST body fields
+  onEvent: (event, helpers) => {},  // Custom event handler (replaces default)
+  onFinish: (messages) => {},       // Stream ended
+  onMessage: (message) => {},       // New message added
+  onError: (error) => {},           // Fetch/stream error
+});
+```
+
+### Event Helpers
+
+When using `onEvent`, you receive helpers for mutating message state during streaming:
+
+```ts
+onEvent: (event, { appendText, appendPart, setMessages }) => {
+  switch (event.type) {
+    case "text_delta":
+      appendText(event.delta);
+      break;
+    case "tool_call":
+      appendPart({
+        type: "tool_call",
+        tool_name: event.tool_name,
+        argument: event.argument,
+        callId: event.call_id,
+      });
+      break;
+    case "tool_result":
+      // Use setMessages for complex mutations
+      setMessages((prev) =>
+        prev.map((msg) => ({
+          ...msg,
+          parts: msg.parts.map((p) =>
+            p.type === "tool_call" && p.callId === event.call_id
+              ? { ...p, result: event.output }
+              : p
+          ),
+        }))
+      );
+      break;
+  }
+}
+```
+
+### Custom Content Parts
+
+Extend with custom types using generics:
+
+```tsx
+type ImagePart = { type: "image"; url: string };
+type MyPart = ContentPart | ImagePart;
+
+const { messages } = useStreamChat<MyPart>({
+  api: "/api/chat",
+  onEvent: (event, { appendPart }) => {
+    if (event.type === "image") {
+      appendPart({ type: "image", url: event.url });
+    }
+  },
+});
+```
+
+### Re-exports from `@deltakit/core`
+
+This package re-exports everything from `@deltakit/core`, so you only need one import:
+
+- `parseSSEStream` -- SSE stream parser
+- `fromOpenAiAgents` -- OpenAI Agents SDK history converter
+- All types: `Message`, `ContentPart`, `TextPart`, `ToolCallPart`, `ReasoningPart`, `SSEEvent`, `TextDeltaEvent`, `ToolCallEvent`, `ToolResultEvent`
+
+## Documentation
+
+Full documentation, guides, and examples at [deltakit.dev](https://deltakit.dev).
+
+## License
+
+MIT

package/dist/index.cjs

@@ -22,12 +22,93 @@ var index_exports = {};
 __export(index_exports, {
   fromOpenAiAgents: () => import_core2.fromOpenAiAgents,
   parseSSEStream: () => import_core2.parseSSEStream,
+  useAutoScroll: () => useAutoScroll,
   useStreamChat: () => useStreamChat
 });
 module.exports = __toCommonJS(index_exports);
+var import_core2 = require("@deltakit/core");
 
-// src/use-stream-chat.ts
+// src/use-auto-scroll.ts
 var import_react = require("react");
+var DEFAULT_THRESHOLD = 50;
+function useAutoScroll(dependencies, options) {
+  const {
+    behavior = "instant",
+    enabled = true,
+    threshold = DEFAULT_THRESHOLD
+  } = options ?? {};
+  const ref = (0, import_react.useRef)(null);
+  const isAtBottomRef = (0, import_react.useRef)(true);
+  const [isAtBottom, setIsAtBottom] = (0, import_react.useState)(true);
+  const rafRef = (0, import_react.useRef)(null);
+  const scheduleScroll = (0, import_react.useCallback)(() => {
+    if (rafRef.current != null) return;
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = null;
+      const el = ref.current;
+      if (el && isAtBottomRef.current) {
+        el.scrollTo({ top: el.scrollHeight, behavior });
+      }
+    });
+  }, [behavior]);
+  (0, import_react.useEffect)(() => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    const handleScroll = () => {
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      isAtBottomRef.current = atBottom;
+      setIsAtBottom((prev) => prev === atBottom ? prev : atBottom);
+    };
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [enabled, threshold]);
+  (0, import_react.useEffect)(() => {
+    if (!enabled || !isAtBottomRef.current) return;
+    scheduleScroll();
+  }, dependencies);
+  (0, import_react.useEffect)(() => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    const resizeObserver = new ResizeObserver(scheduleScroll);
+    for (const child of el.children) {
+      resizeObserver.observe(child);
+    }
+    const mutationObserver = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (node instanceof Element) {
+            resizeObserver.observe(node);
+          }
+        }
+      }
+      scheduleScroll();
+    });
+    mutationObserver.observe(el, { childList: true, subtree: true });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [enabled, scheduleScroll]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (rafRef.current != null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+    };
+  }, []);
+  const scrollToBottom = (0, import_react.useCallback)(() => {
+    const el = ref.current;
+    if (!el) return;
+    isAtBottomRef.current = true;
+    setIsAtBottom(true);
+    el.scrollTo({ top: el.scrollHeight, behavior });
+  }, [behavior]);
+  return { ref, scrollToBottom, isAtBottom };
+}
+
+// src/use-stream-chat.ts
+var import_react2 = require("react");
 var import_core = require("@deltakit/core");
 var counter = 0;
 function generateId() {
@@ -52,15 +133,15 @@ function useStreamChat(options) {
     onError,
     onFinish
   } = options;
-  const [messages, setMessages] = (0, import_react.useState)(
+  const [messages, setMessages] = (0, import_react2.useState)(
     initialMessages ?? []
   );
-  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
-  const [error, setError] = (0, import_react.useState)(null);
-  const abortRef = (0, import_react.useRef)(null);
-  const messagesRef = (0, import_react.useRef)(messages);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const abortRef = (0, import_react2.useRef)(null);
+  const messagesRef = (0, import_react2.useRef)(messages);
   messagesRef.current = messages;
-  const appendText = (0, import_react.useCallback)((delta) => {
+  const appendText = (0, import_react2.useCallback)((delta) => {
     setMessages((prev) => {
       const last = prev[prev.length - 1];
       if (!last || last.role !== "assistant") return prev;
@@ -79,7 +160,7 @@ function useStreamChat(options) {
       return [...prev.slice(0, -1), updated];
     });
   }, []);
-  const appendPart = (0, import_react.useCallback)((part) => {
+  const appendPart = (0, import_react2.useCallback)((part) => {
     setMessages((prev) => {
       const last = prev[prev.length - 1];
       if (!last || last.role !== "assistant") return prev;
@@ -90,12 +171,12 @@ function useStreamChat(options) {
       return [...prev.slice(0, -1), updated];
     });
   }, []);
-  const stop = (0, import_react.useCallback)(() => {
+  const stop = (0, import_react2.useCallback)(() => {
     abortRef.current?.abort();
     abortRef.current = null;
     setIsLoading(false);
   }, []);
-  const sendMessage = (0, import_react.useCallback)(
+  const sendMessage = (0, import_react2.useCallback)(
     (text) => {
       if (abortRef.current) {
         return;
@@ -168,7 +249,7 @@ function useStreamChat(options) {
     },
     [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart]
   );
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     return () => {
       abortRef.current?.abort();
       abortRef.current = null;
@@ -183,13 +264,11 @@ function useStreamChat(options) {
     setMessages
   };
 }
-
-// src/index.ts
-var import_core2 = require("@deltakit/core");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   fromOpenAiAgents,
   parseSSEStream,
+  useAutoScroll,
   useStreamChat
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/use-stream-chat.ts"],"sourcesContent":["export { useStreamChat } from \"./use-stream-chat\";\n\nexport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// Re-export core types so consumers only need to import from @deltakit/react\nexport type {\n  TextPart,\n  ToolCallPart,\n  ReasoningPart,\n  ContentPart,\n  Message,\n  TextDeltaEvent,\n  ToolCallEvent,\n  ToolResultEvent,\n  SSEEvent,\n} from \"@deltakit/core\";\n\nexport { parseSSEStream, fromOpenAiAgents } from \"@deltakit/core\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { parseSSEStream } from \"@deltakit/core\";\nimport type {\n  ContentPart,\n  Message,\n  SSEEvent,\n} from \"@deltakit/core\";\nimport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet counter = 0;\n\nfunction generateId(): string {\n  return `msg_${Date.now()}_${++counter}`;\n}\n\nfunction createMessage<TPart extends { type: string }>(\n  role: Message[\"role\"],\n  parts: TPart[],\n): Message<TPart> {\n  return { id: generateId(), role, parts };\n}\n\n// ---------------------------------------------------------------------------\n// Default event handler — accumulates `text_delta` into the last\n// assistant message's parts.\n// ---------------------------------------------------------------------------\n\nfunction defaultOnEvent(\n  event: SSEEvent,\n  helpers: EventHelpers<ContentPart>,\n): void {\n  if (event.type === \"text_delta\") {\n    helpers.appendText(event.delta);\n  }\n  // Other event types (e.g. tool_call) are silently ignored by default.\n  // Users can provide their own `onEvent` to handle them.\n}\n\n// ---------------------------------------------------------------------------\n// useStreamChat\n// ---------------------------------------------------------------------------\n\nexport function useStreamChat<\n  TPart extends { type: string } = ContentPart,\n  TEvent extends { type: string } = SSEEvent,\n>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart> {\n  const {\n    api,\n    headers,\n    body,\n    initialMessages,\n    onEvent,\n    onMessage,\n    onError,\n    onFinish,\n  } = options;\n\n  const [messages, setMessages] = useState<Message<TPart>[]>(\n    initialMessages ?? [],\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n\n  // We use a ref for the latest messages so that callbacks created inside\n  // `sendMessage` always see the current value without re-creating closures.\n  const messagesRef = useRef<Message<TPart>[]>(messages);\n  messagesRef.current = messages;\n\n  // -----------------------------------------------------------------------\n  // appendText — append a text delta to the last text part of the last\n  // assistant message, or create a new text part if needed.\n  // -----------------------------------------------------------------------\n\n  const appendText = useCallback((delta: string) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const parts = [...last.parts];\n      const lastPart = parts[parts.length - 1];\n\n      if (lastPart && lastPart.type === \"text\" && \"text\" in lastPart) {\n        // Append to existing text part\n        const textPart = lastPart as { type: \"text\"; text: string };\n        parts[parts.length - 1] = {\n          ...lastPart,\n          text: textPart.text + delta,\n        } as unknown as TPart;\n      } else {\n        // Create a new text part\n        parts.push({ type: \"text\", text: delta } as unknown as TPart);\n      }\n\n      const updated: Message<TPart> = { ...last, parts };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // appendPart — push a new content part to the last assistant message.\n  // -----------------------------------------------------------------------\n\n  const appendPart = useCallback((part: TPart) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const updated: Message<TPart> = {\n        ...last,\n        parts: [...last.parts, part],\n      };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // stop\n  // -----------------------------------------------------------------------\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort();\n    abortRef.current = null;\n    setIsLoading(false);\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // sendMessage\n  // -----------------------------------------------------------------------\n\n  const sendMessage = useCallback(\n    (text: string) => {\n      // Prevent sending while already streaming.\n      if (abortRef.current) {\n        return;\n      }\n\n      const userMessage = createMessage<TPart>(\"user\", [\n        { type: \"text\", text } as unknown as TPart,\n      ]);\n      const assistantMessage = createMessage<TPart>(\"assistant\", []);\n\n      setMessages((prev) => {\n        const next = [...prev, userMessage, assistantMessage];\n        messagesRef.current = next;\n        return next;\n      });\n\n      onMessage?.(userMessage);\n\n      setError(null);\n      setIsLoading(true);\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      const eventHandler =\n        onEvent ??\n        (defaultOnEvent as unknown as (\n          event: TEvent,\n          helpers: EventHelpers<TPart>,\n        ) => void);\n      const helpers: EventHelpers<TPart> = {\n        appendText,\n        appendPart,\n        setMessages,\n      };\n\n      // Fire-and-forget async IIFE — state is managed via React setState.\n      (async () => {\n        try {\n          const response = await fetch(api, {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              ...headers,\n            },\n            body: JSON.stringify({ message: text, ...body }),\n            signal: controller.signal,\n          });\n\n          if (!response.ok) {\n            throw new Error(\n              `SSE request failed: ${response.status} ${response.statusText}`,\n            );\n          }\n\n          if (!response.body) {\n            throw new Error(\n              \"Response body is null — SSE streaming not supported\",\n            );\n          }\n\n          for await (const event of parseSSEStream(\n            response.body,\n            controller.signal,\n          )) {\n            eventHandler(event as unknown as TEvent, helpers);\n          }\n\n          // Stream finished — notify via callbacks.\n          const finalMessages = messagesRef.current;\n          const lastMessage = finalMessages[finalMessages.length - 1];\n\n          if (lastMessage?.role === \"assistant\") {\n            onMessage?.(lastMessage);\n          }\n\n          onFinish?.(finalMessages);\n        } catch (err) {\n          // AbortError is expected when the user calls `stop()`.\n          if (err instanceof DOMException && err.name === \"AbortError\") {\n            return;\n          }\n\n          const error = err instanceof Error ? err : new Error(String(err));\n\n          setError(error);\n          onError?.(error);\n        } finally {\n          abortRef.current = null;\n          setIsLoading(false);\n        }\n      })();\n    },\n    [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart],\n  );\n\n  // -----------------------------------------------------------------------\n  // Cleanup — abort any in-flight stream when the component unmounts.\n  // -----------------------------------------------------------------------\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n      abortRef.current = null;\n    };\n  }, []);\n\n  return {\n    messages,\n    isLoading,\n    error,\n    sendMessage,\n    stop,\n    setMessages,\n  };\n}\n"],"mappings":"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","names":["error","import_core"]}
+{"version":3,"sources":["../src/index.ts","../src/use-auto-scroll.ts","../src/use-stream-chat.ts"],"sourcesContent":["// Re-export core types so consumers only need to import from @deltakit/react\nexport type {\n\tContentPart,\n\tMessage,\n\tReasoningPart,\n\tSSEEvent,\n\tTextDeltaEvent,\n\tTextPart,\n\tToolCallEvent,\n\tToolCallPart,\n\tToolResultEvent,\n} from \"@deltakit/core\";\nexport { fromOpenAiAgents, parseSSEStream } from \"@deltakit/core\";\n\nexport type {\n\tEventHelpers,\n\tUseAutoScrollOptions,\n\tUseAutoScrollReturn,\n\tUseStreamChatOptions,\n\tUseStreamChatReturn,\n} from \"./types\";\nexport { useAutoScroll } from \"./use-auto-scroll\";\nexport { useStreamChat } from \"./use-stream-chat\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { UseAutoScrollOptions, UseAutoScrollReturn } from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_THRESHOLD = 50;\n\n// ---------------------------------------------------------------------------\n// useAutoScroll\n// ---------------------------------------------------------------------------\n\nexport function useAutoScroll<T extends HTMLElement = HTMLDivElement>(\n\tdependencies: unknown[],\n\toptions?: UseAutoScrollOptions,\n): UseAutoScrollReturn<T> {\n\tconst {\n\t\tbehavior = \"instant\",\n\t\tenabled = true,\n\t\tthreshold = DEFAULT_THRESHOLD,\n\t} = options ?? {};\n\n\tconst ref = useRef<T | null>(null);\n\tconst isAtBottomRef = useRef(true);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\t// A single rAF id shared across all scroll sources — ensures we never\n\t// call scrollTo() more than once per frame, no matter how many\n\t// MutationObserver / ResizeObserver callbacks fire.\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst scheduleScroll = useCallback(() => {\n\t\tif (rafRef.current != null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tconst el = ref.current;\n\t\t\tif (el && isAtBottomRef.current) {\n\t\t\t\tel.scrollTo({ top: el.scrollHeight, behavior });\n\t\t\t}\n\t\t});\n\t}, [behavior]);\n\n\t// -----------------------------------------------------------------------\n\t// Track whether the user is near the bottom via scroll events.\n\t// Only triggers a React re-render when the boolean actually changes.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tconst el = ref.current;\n\t\tif (!el || !enabled) return;\n\n\t\tconst handleScroll = () => {\n\t\t\tconst atBottom =\n\t\t\t\tel.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n\t\t\tisAtBottomRef.current = atBottom;\n\t\t\tsetIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n\t\t};\n\n\t\tel.addEventListener(\"scroll\", handleScroll, { passive: true });\n\t\treturn () => el.removeEventListener(\"scroll\", handleScroll);\n\t}, [enabled, threshold]);\n\n\t// -----------------------------------------------------------------------\n\t// Scroll to bottom when dependencies change (if pinned).\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tif (!enabled || !isAtBottomRef.current) return;\n\t\tscheduleScroll();\n\t\t// biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are passed dynamically by the consumer\n\t}, dependencies);\n\n\t// -----------------------------------------------------------------------\n\t// MutationObserver + ResizeObserver — catch content changes during\n\t// streaming that happen between React re-renders (e.g. DOM mutations\n\t// from markdown renderers). Scroll calls are batched via rAF so we\n\t// scroll at most once per frame.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tconst el = ref.current;\n\t\tif (!el || !enabled) return;\n\n\t\tconst resizeObserver = new ResizeObserver(scheduleScroll);\n\n\t\t// Observe existing children for size changes.\n\t\tfor (const child of el.children) {\n\t\t\tresizeObserver.observe(child);\n\t\t}\n\n\t\t// Watch for new children added to the container.\n\t\tconst mutationObserver = new MutationObserver((mutations) => {\n\t\t\tfor (const mutation of mutations) {\n\t\t\t\tfor (const node of mutation.addedNodes) {\n\t\t\t\t\tif (node instanceof Element) {\n\t\t\t\t\t\tresizeObserver.observe(node);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tscheduleScroll();\n\t\t});\n\n\t\tmutationObserver.observe(el, { childList: true, subtree: true });\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t\tmutationObserver.disconnect();\n\t\t};\n\t}, [enabled, scheduleScroll]);\n\n\t// -----------------------------------------------------------------------\n\t// Cancel any pending rAF on unmount.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (rafRef.current != null) {\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\trafRef.current = null;\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// -----------------------------------------------------------------------\n\t// scrollToBottom — imperative function that scrolls to the bottom and\n\t// re-pins auto-scroll.\n\t// -----------------------------------------------------------------------\n\n\tconst scrollToBottom = useCallback(() => {\n\t\tconst el = ref.current;\n\t\tif (!el) return;\n\n\t\tisAtBottomRef.current = true;\n\t\tsetIsAtBottom(true);\n\t\tel.scrollTo({ top: el.scrollHeight, behavior });\n\t}, [behavior]);\n\n\treturn { ref, scrollToBottom, isAtBottom };\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { parseSSEStream } from \"@deltakit/core\";\nimport type {\n  ContentPart,\n  Message,\n  SSEEvent,\n} from \"@deltakit/core\";\nimport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet counter = 0;\n\nfunction generateId(): string {\n  return `msg_${Date.now()}_${++counter}`;\n}\n\nfunction createMessage<TPart extends { type: string }>(\n  role: Message[\"role\"],\n  parts: TPart[],\n): Message<TPart> {\n  return { id: generateId(), role, parts };\n}\n\n// ---------------------------------------------------------------------------\n// Default event handler — accumulates `text_delta` into the last\n// assistant message's parts.\n// ---------------------------------------------------------------------------\n\nfunction defaultOnEvent(\n  event: SSEEvent,\n  helpers: EventHelpers<ContentPart>,\n): void {\n  if (event.type === \"text_delta\") {\n    helpers.appendText(event.delta);\n  }\n  // Other event types (e.g. tool_call) are silently ignored by default.\n  // Users can provide their own `onEvent` to handle them.\n}\n\n// ---------------------------------------------------------------------------\n// useStreamChat\n// ---------------------------------------------------------------------------\n\nexport function useStreamChat<\n  TPart extends { type: string } = ContentPart,\n  TEvent extends { type: string } = SSEEvent,\n>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart> {\n  const {\n    api,\n    headers,\n    body,\n    initialMessages,\n    onEvent,\n    onMessage,\n    onError,\n    onFinish,\n  } = options;\n\n  const [messages, setMessages] = useState<Message<TPart>[]>(\n    initialMessages ?? [],\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n\n  // We use a ref for the latest messages so that callbacks created inside\n  // `sendMessage` always see the current value without re-creating closures.\n  const messagesRef = useRef<Message<TPart>[]>(messages);\n  messagesRef.current = messages;\n\n  // -----------------------------------------------------------------------\n  // appendText — append a text delta to the last text part of the last\n  // assistant message, or create a new text part if needed.\n  // -----------------------------------------------------------------------\n\n  const appendText = useCallback((delta: string) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const parts = [...last.parts];\n      const lastPart = parts[parts.length - 1];\n\n      if (lastPart && lastPart.type === \"text\" && \"text\" in lastPart) {\n        // Append to existing text part\n        const textPart = lastPart as { type: \"text\"; text: string };\n        parts[parts.length - 1] = {\n          ...lastPart,\n          text: textPart.text + delta,\n        } as unknown as TPart;\n      } else {\n        // Create a new text part\n        parts.push({ type: \"text\", text: delta } as unknown as TPart);\n      }\n\n      const updated: Message<TPart> = { ...last, parts };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // appendPart — push a new content part to the last assistant message.\n  // -----------------------------------------------------------------------\n\n  const appendPart = useCallback((part: TPart) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const updated: Message<TPart> = {\n        ...last,\n        parts: [...last.parts, part],\n      };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // stop\n  // -----------------------------------------------------------------------\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort();\n    abortRef.current = null;\n    setIsLoading(false);\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // sendMessage\n  // -----------------------------------------------------------------------\n\n  const sendMessage = useCallback(\n    (text: string) => {\n      // Prevent sending while already streaming.\n      if (abortRef.current) {\n        return;\n      }\n\n      const userMessage = createMessage<TPart>(\"user\", [\n        { type: \"text\", text } as unknown as TPart,\n      ]);\n      const assistantMessage = createMessage<TPart>(\"assistant\", []);\n\n      setMessages((prev) => {\n        const next = [...prev, userMessage, assistantMessage];\n        messagesRef.current = next;\n        return next;\n      });\n\n      onMessage?.(userMessage);\n\n      setError(null);\n      setIsLoading(true);\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      const eventHandler =\n        onEvent ??\n        (defaultOnEvent as unknown as (\n          event: TEvent,\n          helpers: EventHelpers<TPart>,\n        ) => void);\n      const helpers: EventHelpers<TPart> = {\n        appendText,\n        appendPart,\n        setMessages,\n      };\n\n      // Fire-and-forget async IIFE — state is managed via React setState.\n      (async () => {\n        try {\n          const response = await fetch(api, {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              ...headers,\n            },\n            body: JSON.stringify({ message: text, ...body }),\n            signal: controller.signal,\n          });\n\n          if (!response.ok) {\n            throw new Error(\n              `SSE request failed: ${response.status} ${response.statusText}`,\n            );\n          }\n\n          if (!response.body) {\n            throw new Error(\n              \"Response body is null — SSE streaming not supported\",\n            );\n          }\n\n          for await (const event of parseSSEStream(\n            response.body,\n            controller.signal,\n          )) {\n            eventHandler(event as unknown as TEvent, helpers);\n          }\n\n          // Stream finished — notify via callbacks.\n          const finalMessages = messagesRef.current;\n          const lastMessage = finalMessages[finalMessages.length - 1];\n\n          if (lastMessage?.role === \"assistant\") {\n            onMessage?.(lastMessage);\n          }\n\n          onFinish?.(finalMessages);\n        } catch (err) {\n          // AbortError is expected when the user calls `stop()`.\n          if (err instanceof DOMException && err.name === \"AbortError\") {\n            return;\n          }\n\n          const error = err instanceof Error ? err : new Error(String(err));\n\n          setError(error);\n          onError?.(error);\n        } finally {\n          abortRef.current = null;\n          setIsLoading(false);\n        }\n      })();\n    },\n    [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart],\n  );\n\n  // -----------------------------------------------------------------------\n  // Cleanup — abort any in-flight stream when the component unmounts.\n  // -----------------------------------------------------------------------\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n      abortRef.current = null;\n    };\n  }, []);\n\n  return {\n    messages,\n    isLoading,\n    error,\n    sendMessage,\n    stop,\n    setMessages,\n  };\n}\n"],"mappings":"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","names":["import_core","import_react","error"]}

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { ContentPart, Message, SSEEvent } from '@deltakit/core';
 export { ContentPart, Message, ReasoningPart, SSEEvent, TextDeltaEvent, TextPart, ToolCallEvent, ToolCallPart, ToolResultEvent, fromOpenAiAgents, parseSSEStream } from '@deltakit/core';
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction, RefObject } from 'react';
 
 interface EventHelpers<TPart extends {
     type: string;
@@ -57,6 +57,24 @@ interface UseStreamChatReturn<TPart extends {
     /** Direct setter for programmatic message manipulation (clear, prepopulate, etc.). */
     setMessages: Dispatch<SetStateAction<Message<TPart>[]>>;
 }
+interface UseAutoScrollOptions {
+    /** Scroll behavior when auto-scrolling. Default: `"instant"`. */
+    behavior?: ScrollBehavior;
+    /** Whether auto-scroll is enabled. Default: `true`. */
+    enabled?: boolean;
+    /** Distance (px) from the bottom to consider "at bottom". Default: `50`. */
+    threshold?: number;
+}
+interface UseAutoScrollReturn<T extends HTMLElement = HTMLDivElement> {
+    /** Attach this ref to your scrollable container element. */
+    ref: RefObject<T | null>;
+    /** Imperatively scroll to the bottom and re-pin auto-scroll. */
+    scrollToBottom: () => void;
+    /** Whether the scroll container is currently at/near the bottom. */
+    isAtBottom: boolean;
+}
+
+declare function useAutoScroll<T extends HTMLElement = HTMLDivElement>(dependencies: unknown[], options?: UseAutoScrollOptions): UseAutoScrollReturn<T>;
 
 declare function useStreamChat<TPart extends {
     type: string;
@@ -64,4 +82,4 @@ declare function useStreamChat<TPart extends {
     type: string;
 } = SSEEvent>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart>;
 
-export { type EventHelpers, type UseStreamChatOptions, type UseStreamChatReturn, useStreamChat };
+export { type EventHelpers, type UseAutoScrollOptions, type UseAutoScrollReturn, type UseStreamChatOptions, type UseStreamChatReturn, useAutoScroll, useStreamChat };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ContentPart, Message, SSEEvent } from '@deltakit/core';
 export { ContentPart, Message, ReasoningPart, SSEEvent, TextDeltaEvent, TextPart, ToolCallEvent, ToolCallPart, ToolResultEvent, fromOpenAiAgents, parseSSEStream } from '@deltakit/core';
-import { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction, RefObject } from 'react';
 
 interface EventHelpers<TPart extends {
     type: string;
@@ -57,6 +57,24 @@ interface UseStreamChatReturn<TPart extends {
     /** Direct setter for programmatic message manipulation (clear, prepopulate, etc.). */
     setMessages: Dispatch<SetStateAction<Message<TPart>[]>>;
 }
+interface UseAutoScrollOptions {
+    /** Scroll behavior when auto-scrolling. Default: `"instant"`. */
+    behavior?: ScrollBehavior;
+    /** Whether auto-scroll is enabled. Default: `true`. */
+    enabled?: boolean;
+    /** Distance (px) from the bottom to consider "at bottom". Default: `50`. */
+    threshold?: number;
+}
+interface UseAutoScrollReturn<T extends HTMLElement = HTMLDivElement> {
+    /** Attach this ref to your scrollable container element. */
+    ref: RefObject<T | null>;
+    /** Imperatively scroll to the bottom and re-pin auto-scroll. */
+    scrollToBottom: () => void;
+    /** Whether the scroll container is currently at/near the bottom. */
+    isAtBottom: boolean;
+}
+
+declare function useAutoScroll<T extends HTMLElement = HTMLDivElement>(dependencies: unknown[], options?: UseAutoScrollOptions): UseAutoScrollReturn<T>;
 
 declare function useStreamChat<TPart extends {
     type: string;
@@ -64,4 +82,4 @@ declare function useStreamChat<TPart extends {
     type: string;
 } = SSEEvent>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart>;
 
-export { type EventHelpers, type UseStreamChatOptions, type UseStreamChatReturn, useStreamChat };
+export { type EventHelpers, type UseAutoScrollOptions, type UseAutoScrollReturn, type UseStreamChatOptions, type UseStreamChatReturn, useAutoScroll, useStreamChat };

package/dist/index.js

@@ -1,5 +1,87 @@
-// src/use-stream-chat.ts
+// src/index.ts
+import { fromOpenAiAgents, parseSSEStream as parseSSEStream2 } from "@deltakit/core";
+
+// src/use-auto-scroll.ts
 import { useCallback, useEffect, useRef, useState } from "react";
+var DEFAULT_THRESHOLD = 50;
+function useAutoScroll(dependencies, options) {
+  const {
+    behavior = "instant",
+    enabled = true,
+    threshold = DEFAULT_THRESHOLD
+  } = options ?? {};
+  const ref = useRef(null);
+  const isAtBottomRef = useRef(true);
+  const [isAtBottom, setIsAtBottom] = useState(true);
+  const rafRef = useRef(null);
+  const scheduleScroll = useCallback(() => {
+    if (rafRef.current != null) return;
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = null;
+      const el = ref.current;
+      if (el && isAtBottomRef.current) {
+        el.scrollTo({ top: el.scrollHeight, behavior });
+      }
+    });
+  }, [behavior]);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    const handleScroll = () => {
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      isAtBottomRef.current = atBottom;
+      setIsAtBottom((prev) => prev === atBottom ? prev : atBottom);
+    };
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [enabled, threshold]);
+  useEffect(() => {
+    if (!enabled || !isAtBottomRef.current) return;
+    scheduleScroll();
+  }, dependencies);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || !enabled) return;
+    const resizeObserver = new ResizeObserver(scheduleScroll);
+    for (const child of el.children) {
+      resizeObserver.observe(child);
+    }
+    const mutationObserver = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (node instanceof Element) {
+            resizeObserver.observe(node);
+          }
+        }
+      }
+      scheduleScroll();
+    });
+    mutationObserver.observe(el, { childList: true, subtree: true });
+    return () => {
+      resizeObserver.disconnect();
+      mutationObserver.disconnect();
+    };
+  }, [enabled, scheduleScroll]);
+  useEffect(() => {
+    return () => {
+      if (rafRef.current != null) {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+    };
+  }, []);
+  const scrollToBottom = useCallback(() => {
+    const el = ref.current;
+    if (!el) return;
+    isAtBottomRef.current = true;
+    setIsAtBottom(true);
+    el.scrollTo({ top: el.scrollHeight, behavior });
+  }, [behavior]);
+  return { ref, scrollToBottom, isAtBottom };
+}
+
+// src/use-stream-chat.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { parseSSEStream } from "@deltakit/core";
 var counter = 0;
 function generateId() {
@@ -24,15 +106,15 @@ function useStreamChat(options) {
     onError,
     onFinish
   } = options;
-  const [messages, setMessages] = useState(
+  const [messages, setMessages] = useState2(
     initialMessages ?? []
   );
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const abortRef = useRef(null);
-  const messagesRef = useRef(messages);
+  const [isLoading, setIsLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const abortRef = useRef2(null);
+  const messagesRef = useRef2(messages);
   messagesRef.current = messages;
-  const appendText = useCallback((delta) => {
+  const appendText = useCallback2((delta) => {
     setMessages((prev) => {
       const last = prev[prev.length - 1];
       if (!last || last.role !== "assistant") return prev;
@@ -51,7 +133,7 @@ function useStreamChat(options) {
       return [...prev.slice(0, -1), updated];
     });
   }, []);
-  const appendPart = useCallback((part) => {
+  const appendPart = useCallback2((part) => {
     setMessages((prev) => {
       const last = prev[prev.length - 1];
       if (!last || last.role !== "assistant") return prev;
@@ -62,12 +144,12 @@ function useStreamChat(options) {
       return [...prev.slice(0, -1), updated];
     });
   }, []);
-  const stop = useCallback(() => {
+  const stop = useCallback2(() => {
     abortRef.current?.abort();
     abortRef.current = null;
     setIsLoading(false);
   }, []);
-  const sendMessage = useCallback(
+  const sendMessage = useCallback2(
     (text) => {
       if (abortRef.current) {
         return;
@@ -140,7 +222,7 @@ function useStreamChat(options) {
     },
     [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart]
   );
-  useEffect(() => {
+  useEffect2(() => {
     return () => {
       abortRef.current?.abort();
       abortRef.current = null;
@@ -155,12 +237,10 @@ function useStreamChat(options) {
     setMessages
   };
 }
-
-// src/index.ts
-import { parseSSEStream as parseSSEStream2, fromOpenAiAgents } from "@deltakit/core";
 export {
   fromOpenAiAgents,
   parseSSEStream2 as parseSSEStream,
+  useAutoScroll,
   useStreamChat
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-stream-chat.ts","../src/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { parseSSEStream } from \"@deltakit/core\";\nimport type {\n  ContentPart,\n  Message,\n  SSEEvent,\n} from \"@deltakit/core\";\nimport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet counter = 0;\n\nfunction generateId(): string {\n  return `msg_${Date.now()}_${++counter}`;\n}\n\nfunction createMessage<TPart extends { type: string }>(\n  role: Message[\"role\"],\n  parts: TPart[],\n): Message<TPart> {\n  return { id: generateId(), role, parts };\n}\n\n// ---------------------------------------------------------------------------\n// Default event handler — accumulates `text_delta` into the last\n// assistant message's parts.\n// ---------------------------------------------------------------------------\n\nfunction defaultOnEvent(\n  event: SSEEvent,\n  helpers: EventHelpers<ContentPart>,\n): void {\n  if (event.type === \"text_delta\") {\n    helpers.appendText(event.delta);\n  }\n  // Other event types (e.g. tool_call) are silently ignored by default.\n  // Users can provide their own `onEvent` to handle them.\n}\n\n// ---------------------------------------------------------------------------\n// useStreamChat\n// ---------------------------------------------------------------------------\n\nexport function useStreamChat<\n  TPart extends { type: string } = ContentPart,\n  TEvent extends { type: string } = SSEEvent,\n>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart> {\n  const {\n    api,\n    headers,\n    body,\n    initialMessages,\n    onEvent,\n    onMessage,\n    onError,\n    onFinish,\n  } = options;\n\n  const [messages, setMessages] = useState<Message<TPart>[]>(\n    initialMessages ?? [],\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n\n  // We use a ref for the latest messages so that callbacks created inside\n  // `sendMessage` always see the current value without re-creating closures.\n  const messagesRef = useRef<Message<TPart>[]>(messages);\n  messagesRef.current = messages;\n\n  // -----------------------------------------------------------------------\n  // appendText — append a text delta to the last text part of the last\n  // assistant message, or create a new text part if needed.\n  // -----------------------------------------------------------------------\n\n  const appendText = useCallback((delta: string) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const parts = [...last.parts];\n      const lastPart = parts[parts.length - 1];\n\n      if (lastPart && lastPart.type === \"text\" && \"text\" in lastPart) {\n        // Append to existing text part\n        const textPart = lastPart as { type: \"text\"; text: string };\n        parts[parts.length - 1] = {\n          ...lastPart,\n          text: textPart.text + delta,\n        } as unknown as TPart;\n      } else {\n        // Create a new text part\n        parts.push({ type: \"text\", text: delta } as unknown as TPart);\n      }\n\n      const updated: Message<TPart> = { ...last, parts };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // appendPart — push a new content part to the last assistant message.\n  // -----------------------------------------------------------------------\n\n  const appendPart = useCallback((part: TPart) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const updated: Message<TPart> = {\n        ...last,\n        parts: [...last.parts, part],\n      };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // stop\n  // -----------------------------------------------------------------------\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort();\n    abortRef.current = null;\n    setIsLoading(false);\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // sendMessage\n  // -----------------------------------------------------------------------\n\n  const sendMessage = useCallback(\n    (text: string) => {\n      // Prevent sending while already streaming.\n      if (abortRef.current) {\n        return;\n      }\n\n      const userMessage = createMessage<TPart>(\"user\", [\n        { type: \"text\", text } as unknown as TPart,\n      ]);\n      const assistantMessage = createMessage<TPart>(\"assistant\", []);\n\n      setMessages((prev) => {\n        const next = [...prev, userMessage, assistantMessage];\n        messagesRef.current = next;\n        return next;\n      });\n\n      onMessage?.(userMessage);\n\n      setError(null);\n      setIsLoading(true);\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      const eventHandler =\n        onEvent ??\n        (defaultOnEvent as unknown as (\n          event: TEvent,\n          helpers: EventHelpers<TPart>,\n        ) => void);\n      const helpers: EventHelpers<TPart> = {\n        appendText,\n        appendPart,\n        setMessages,\n      };\n\n      // Fire-and-forget async IIFE — state is managed via React setState.\n      (async () => {\n        try {\n          const response = await fetch(api, {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              ...headers,\n            },\n            body: JSON.stringify({ message: text, ...body }),\n            signal: controller.signal,\n          });\n\n          if (!response.ok) {\n            throw new Error(\n              `SSE request failed: ${response.status} ${response.statusText}`,\n            );\n          }\n\n          if (!response.body) {\n            throw new Error(\n              \"Response body is null — SSE streaming not supported\",\n            );\n          }\n\n          for await (const event of parseSSEStream(\n            response.body,\n            controller.signal,\n          )) {\n            eventHandler(event as unknown as TEvent, helpers);\n          }\n\n          // Stream finished — notify via callbacks.\n          const finalMessages = messagesRef.current;\n          const lastMessage = finalMessages[finalMessages.length - 1];\n\n          if (lastMessage?.role === \"assistant\") {\n            onMessage?.(lastMessage);\n          }\n\n          onFinish?.(finalMessages);\n        } catch (err) {\n          // AbortError is expected when the user calls `stop()`.\n          if (err instanceof DOMException && err.name === \"AbortError\") {\n            return;\n          }\n\n          const error = err instanceof Error ? err : new Error(String(err));\n\n          setError(error);\n          onError?.(error);\n        } finally {\n          abortRef.current = null;\n          setIsLoading(false);\n        }\n      })();\n    },\n    [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart],\n  );\n\n  // -----------------------------------------------------------------------\n  // Cleanup — abort any in-flight stream when the component unmounts.\n  // -----------------------------------------------------------------------\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n      abortRef.current = null;\n    };\n  }, []);\n\n  return {\n    messages,\n    isLoading,\n    error,\n    sendMessage,\n    stop,\n    setMessages,\n  };\n}\n","export { useStreamChat } from \"./use-stream-chat\";\n\nexport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// Re-export core types so consumers only need to import from @deltakit/react\nexport type {\n  TextPart,\n  ToolCallPart,\n  ReasoningPart,\n  ContentPart,\n  Message,\n  TextDeltaEvent,\n  ToolCallEvent,\n  ToolResultEvent,\n  SSEEvent,\n} from \"@deltakit/core\";\n\nexport { parseSSEStream, fromOpenAiAgents } from \"@deltakit/core\";\n"],"mappings":"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","names":["error","parseSSEStream"]}
+{"version":3,"sources":["../src/index.ts","../src/use-auto-scroll.ts","../src/use-stream-chat.ts"],"sourcesContent":["// Re-export core types so consumers only need to import from @deltakit/react\nexport type {\n\tContentPart,\n\tMessage,\n\tReasoningPart,\n\tSSEEvent,\n\tTextDeltaEvent,\n\tTextPart,\n\tToolCallEvent,\n\tToolCallPart,\n\tToolResultEvent,\n} from \"@deltakit/core\";\nexport { fromOpenAiAgents, parseSSEStream } from \"@deltakit/core\";\n\nexport type {\n\tEventHelpers,\n\tUseAutoScrollOptions,\n\tUseAutoScrollReturn,\n\tUseStreamChatOptions,\n\tUseStreamChatReturn,\n} from \"./types\";\nexport { useAutoScroll } from \"./use-auto-scroll\";\nexport { useStreamChat } from \"./use-stream-chat\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { UseAutoScrollOptions, UseAutoScrollReturn } from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_THRESHOLD = 50;\n\n// ---------------------------------------------------------------------------\n// useAutoScroll\n// ---------------------------------------------------------------------------\n\nexport function useAutoScroll<T extends HTMLElement = HTMLDivElement>(\n\tdependencies: unknown[],\n\toptions?: UseAutoScrollOptions,\n): UseAutoScrollReturn<T> {\n\tconst {\n\t\tbehavior = \"instant\",\n\t\tenabled = true,\n\t\tthreshold = DEFAULT_THRESHOLD,\n\t} = options ?? {};\n\n\tconst ref = useRef<T | null>(null);\n\tconst isAtBottomRef = useRef(true);\n\tconst [isAtBottom, setIsAtBottom] = useState(true);\n\n\t// A single rAF id shared across all scroll sources — ensures we never\n\t// call scrollTo() more than once per frame, no matter how many\n\t// MutationObserver / ResizeObserver callbacks fire.\n\tconst rafRef = useRef<number | null>(null);\n\n\tconst scheduleScroll = useCallback(() => {\n\t\tif (rafRef.current != null) return;\n\t\trafRef.current = requestAnimationFrame(() => {\n\t\t\trafRef.current = null;\n\t\t\tconst el = ref.current;\n\t\t\tif (el && isAtBottomRef.current) {\n\t\t\t\tel.scrollTo({ top: el.scrollHeight, behavior });\n\t\t\t}\n\t\t});\n\t}, [behavior]);\n\n\t// -----------------------------------------------------------------------\n\t// Track whether the user is near the bottom via scroll events.\n\t// Only triggers a React re-render when the boolean actually changes.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tconst el = ref.current;\n\t\tif (!el || !enabled) return;\n\n\t\tconst handleScroll = () => {\n\t\t\tconst atBottom =\n\t\t\t\tel.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n\t\t\tisAtBottomRef.current = atBottom;\n\t\t\tsetIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n\t\t};\n\n\t\tel.addEventListener(\"scroll\", handleScroll, { passive: true });\n\t\treturn () => el.removeEventListener(\"scroll\", handleScroll);\n\t}, [enabled, threshold]);\n\n\t// -----------------------------------------------------------------------\n\t// Scroll to bottom when dependencies change (if pinned).\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tif (!enabled || !isAtBottomRef.current) return;\n\t\tscheduleScroll();\n\t\t// biome-ignore lint/correctness/useExhaustiveDependencies: dependencies are passed dynamically by the consumer\n\t}, dependencies);\n\n\t// -----------------------------------------------------------------------\n\t// MutationObserver + ResizeObserver — catch content changes during\n\t// streaming that happen between React re-renders (e.g. DOM mutations\n\t// from markdown renderers). Scroll calls are batched via rAF so we\n\t// scroll at most once per frame.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\tconst el = ref.current;\n\t\tif (!el || !enabled) return;\n\n\t\tconst resizeObserver = new ResizeObserver(scheduleScroll);\n\n\t\t// Observe existing children for size changes.\n\t\tfor (const child of el.children) {\n\t\t\tresizeObserver.observe(child);\n\t\t}\n\n\t\t// Watch for new children added to the container.\n\t\tconst mutationObserver = new MutationObserver((mutations) => {\n\t\t\tfor (const mutation of mutations) {\n\t\t\t\tfor (const node of mutation.addedNodes) {\n\t\t\t\t\tif (node instanceof Element) {\n\t\t\t\t\t\tresizeObserver.observe(node);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tscheduleScroll();\n\t\t});\n\n\t\tmutationObserver.observe(el, { childList: true, subtree: true });\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t\tmutationObserver.disconnect();\n\t\t};\n\t}, [enabled, scheduleScroll]);\n\n\t// -----------------------------------------------------------------------\n\t// Cancel any pending rAF on unmount.\n\t// -----------------------------------------------------------------------\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (rafRef.current != null) {\n\t\t\t\tcancelAnimationFrame(rafRef.current);\n\t\t\t\trafRef.current = null;\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// -----------------------------------------------------------------------\n\t// scrollToBottom — imperative function that scrolls to the bottom and\n\t// re-pins auto-scroll.\n\t// -----------------------------------------------------------------------\n\n\tconst scrollToBottom = useCallback(() => {\n\t\tconst el = ref.current;\n\t\tif (!el) return;\n\n\t\tisAtBottomRef.current = true;\n\t\tsetIsAtBottom(true);\n\t\tel.scrollTo({ top: el.scrollHeight, behavior });\n\t}, [behavior]);\n\n\treturn { ref, scrollToBottom, isAtBottom };\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { parseSSEStream } from \"@deltakit/core\";\nimport type {\n  ContentPart,\n  Message,\n  SSEEvent,\n} from \"@deltakit/core\";\nimport type {\n  EventHelpers,\n  UseStreamChatOptions,\n  UseStreamChatReturn,\n} from \"./types\";\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nlet counter = 0;\n\nfunction generateId(): string {\n  return `msg_${Date.now()}_${++counter}`;\n}\n\nfunction createMessage<TPart extends { type: string }>(\n  role: Message[\"role\"],\n  parts: TPart[],\n): Message<TPart> {\n  return { id: generateId(), role, parts };\n}\n\n// ---------------------------------------------------------------------------\n// Default event handler — accumulates `text_delta` into the last\n// assistant message's parts.\n// ---------------------------------------------------------------------------\n\nfunction defaultOnEvent(\n  event: SSEEvent,\n  helpers: EventHelpers<ContentPart>,\n): void {\n  if (event.type === \"text_delta\") {\n    helpers.appendText(event.delta);\n  }\n  // Other event types (e.g. tool_call) are silently ignored by default.\n  // Users can provide their own `onEvent` to handle them.\n}\n\n// ---------------------------------------------------------------------------\n// useStreamChat\n// ---------------------------------------------------------------------------\n\nexport function useStreamChat<\n  TPart extends { type: string } = ContentPart,\n  TEvent extends { type: string } = SSEEvent,\n>(options: UseStreamChatOptions<TPart, TEvent>): UseStreamChatReturn<TPart> {\n  const {\n    api,\n    headers,\n    body,\n    initialMessages,\n    onEvent,\n    onMessage,\n    onError,\n    onFinish,\n  } = options;\n\n  const [messages, setMessages] = useState<Message<TPart>[]>(\n    initialMessages ?? [],\n  );\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const abortRef = useRef<AbortController | null>(null);\n\n  // We use a ref for the latest messages so that callbacks created inside\n  // `sendMessage` always see the current value without re-creating closures.\n  const messagesRef = useRef<Message<TPart>[]>(messages);\n  messagesRef.current = messages;\n\n  // -----------------------------------------------------------------------\n  // appendText — append a text delta to the last text part of the last\n  // assistant message, or create a new text part if needed.\n  // -----------------------------------------------------------------------\n\n  const appendText = useCallback((delta: string) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const parts = [...last.parts];\n      const lastPart = parts[parts.length - 1];\n\n      if (lastPart && lastPart.type === \"text\" && \"text\" in lastPart) {\n        // Append to existing text part\n        const textPart = lastPart as { type: \"text\"; text: string };\n        parts[parts.length - 1] = {\n          ...lastPart,\n          text: textPart.text + delta,\n        } as unknown as TPart;\n      } else {\n        // Create a new text part\n        parts.push({ type: \"text\", text: delta } as unknown as TPart);\n      }\n\n      const updated: Message<TPart> = { ...last, parts };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // appendPart — push a new content part to the last assistant message.\n  // -----------------------------------------------------------------------\n\n  const appendPart = useCallback((part: TPart) => {\n    setMessages((prev) => {\n      const last = prev[prev.length - 1];\n      if (!last || last.role !== \"assistant\") return prev;\n\n      const updated: Message<TPart> = {\n        ...last,\n        parts: [...last.parts, part],\n      };\n      return [...prev.slice(0, -1), updated];\n    });\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // stop\n  // -----------------------------------------------------------------------\n\n  const stop = useCallback(() => {\n    abortRef.current?.abort();\n    abortRef.current = null;\n    setIsLoading(false);\n  }, []);\n\n  // -----------------------------------------------------------------------\n  // sendMessage\n  // -----------------------------------------------------------------------\n\n  const sendMessage = useCallback(\n    (text: string) => {\n      // Prevent sending while already streaming.\n      if (abortRef.current) {\n        return;\n      }\n\n      const userMessage = createMessage<TPart>(\"user\", [\n        { type: \"text\", text } as unknown as TPart,\n      ]);\n      const assistantMessage = createMessage<TPart>(\"assistant\", []);\n\n      setMessages((prev) => {\n        const next = [...prev, userMessage, assistantMessage];\n        messagesRef.current = next;\n        return next;\n      });\n\n      onMessage?.(userMessage);\n\n      setError(null);\n      setIsLoading(true);\n\n      const controller = new AbortController();\n      abortRef.current = controller;\n\n      const eventHandler =\n        onEvent ??\n        (defaultOnEvent as unknown as (\n          event: TEvent,\n          helpers: EventHelpers<TPart>,\n        ) => void);\n      const helpers: EventHelpers<TPart> = {\n        appendText,\n        appendPart,\n        setMessages,\n      };\n\n      // Fire-and-forget async IIFE — state is managed via React setState.\n      (async () => {\n        try {\n          const response = await fetch(api, {\n            method: \"POST\",\n            headers: {\n              \"Content-Type\": \"application/json\",\n              ...headers,\n            },\n            body: JSON.stringify({ message: text, ...body }),\n            signal: controller.signal,\n          });\n\n          if (!response.ok) {\n            throw new Error(\n              `SSE request failed: ${response.status} ${response.statusText}`,\n            );\n          }\n\n          if (!response.body) {\n            throw new Error(\n              \"Response body is null — SSE streaming not supported\",\n            );\n          }\n\n          for await (const event of parseSSEStream(\n            response.body,\n            controller.signal,\n          )) {\n            eventHandler(event as unknown as TEvent, helpers);\n          }\n\n          // Stream finished — notify via callbacks.\n          const finalMessages = messagesRef.current;\n          const lastMessage = finalMessages[finalMessages.length - 1];\n\n          if (lastMessage?.role === \"assistant\") {\n            onMessage?.(lastMessage);\n          }\n\n          onFinish?.(finalMessages);\n        } catch (err) {\n          // AbortError is expected when the user calls `stop()`.\n          if (err instanceof DOMException && err.name === \"AbortError\") {\n            return;\n          }\n\n          const error = err instanceof Error ? err : new Error(String(err));\n\n          setError(error);\n          onError?.(error);\n        } finally {\n          abortRef.current = null;\n          setIsLoading(false);\n        }\n      })();\n    },\n    [api, headers, body, onEvent, onMessage, onError, onFinish, appendText, appendPart],\n  );\n\n  // -----------------------------------------------------------------------\n  // Cleanup — abort any in-flight stream when the component unmounts.\n  // -----------------------------------------------------------------------\n\n  useEffect(() => {\n    return () => {\n      abortRef.current?.abort();\n      abortRef.current = null;\n    };\n  }, []);\n\n  return {\n    messages,\n    isLoading,\n    error,\n    sendMessage,\n    stop,\n    setMessages,\n  };\n}\n"],"mappings":"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","names":["parseSSEStream","useCallback","useEffect","useRef","useState","error"]}

package/package.json

@@ -1,49 +1,49 @@
 {
-  "name": "@deltakit/react",
-  "version": "0.1.0",
-  "description": "DeltaKit React bindings",
-  "type": "module",
-  "license": "MIT",
-  "author": "DeltaKit HQ",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/deltakithq/deltakit-monorepo",
-    "directory": "packages/react"
-  },
-  "keywords": [
-    "deltakit",
-    "react"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
-  },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@deltakit/core": "0.1.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.18",
-    "react": "^18.3.1",
-    "tsup": "8.5.1",
-    "typescript": "^5.7.2"
-  },
-  "peerDependencies": {
-    "react": ">=18"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "check": "biome check src/",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist"
-  }
-}
+	"name": "@deltakit/react",
+	"version": "0.1.2",
+	"description": "DeltaKit React Markdown for LLM Response",
+	"type": "module",
+	"license": "MIT",
+	"author": "DeltaKit HQ",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/deltakithq/deltakit-monorepo",
+		"directory": "packages/react"
+	},
+	"keywords": [
+		"deltakit",
+		"react"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		}
+	},
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "tsup",
+		"dev": "tsup --watch",
+		"check": "biome check src/",
+		"typecheck": "tsc --noEmit",
+		"clean": "rm -rf dist"
+	},
+	"dependencies": {
+		"@deltakit/core": "workspace:*"
+	},
+	"devDependencies": {
+		"@types/react": "^18.3.18",
+		"react": "^18.3.1",
+		"tsup": "8.5.1",
+		"typescript": "^5.7.2"
+	},
+	"peerDependencies": {
+		"react": ">=18"
+	}
+}