@blinkdotnew/react 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { BlinkClient, Agent, UIMessage, AgentResponse } from '@blinkdotnew/sdk';
+import { BlinkClientConfig, BlinkClient, Agent, UIMessage, Sandbox, AgentResponse } from '@blinkdotnew/sdk';
 export * from '@blinkdotnew/sdk';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
@@ -14,6 +14,8 @@ interface BlinkProviderProps {
     publishableKey?: string;
     /** Secret key for server-side usage (do not expose in browser!) */
     secretKey?: string;
+    /** Auth configuration (mode, coreUrl, etc.) */
+    auth?: BlinkClientConfig['auth'];
     /** Children components */
     children: ReactNode;
 }
@@ -36,7 +38,7 @@ interface BlinkProviderProps {
  * }
  * ```
  */
-declare function BlinkProvider({ projectId, publishableKey, secretKey, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
+declare function BlinkProvider({ projectId, publishableKey, secretKey, auth, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Get the Blink client from context
  *
@@ -105,6 +107,17 @@ interface UseAgentOptions {
     agent: Agent;
     /** Initial messages */
     initialMessages?: UIMessage[];
+    /**
+     * Sandbox for sandbox tools (AI coding agents)
+     * Pass a Sandbox object or sandbox ID string
+     *
+     * @example
+     * ```tsx
+     * const sandbox = await blink.sandbox.create()
+     * const chat = useAgent({ agent: myAgent, sandbox })
+     * ```
+     */
+    sandbox?: Sandbox | string;
     /** Callback when response is received */
     onFinish?: (response: AgentResponse) => void;
     /** Callback on error */

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { BlinkClient, Agent, UIMessage, AgentResponse } from '@blinkdotnew/sdk';
+import { BlinkClientConfig, BlinkClient, Agent, UIMessage, Sandbox, AgentResponse } from '@blinkdotnew/sdk';
 export * from '@blinkdotnew/sdk';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
@@ -14,6 +14,8 @@ interface BlinkProviderProps {
     publishableKey?: string;
     /** Secret key for server-side usage (do not expose in browser!) */
     secretKey?: string;
+    /** Auth configuration (mode, coreUrl, etc.) */
+    auth?: BlinkClientConfig['auth'];
     /** Children components */
     children: ReactNode;
 }
@@ -36,7 +38,7 @@ interface BlinkProviderProps {
  * }
  * ```
  */
-declare function BlinkProvider({ projectId, publishableKey, secretKey, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
+declare function BlinkProvider({ projectId, publishableKey, secretKey, auth, children, }: BlinkProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Get the Blink client from context
  *
@@ -105,6 +107,17 @@ interface UseAgentOptions {
     agent: Agent;
     /** Initial messages */
     initialMessages?: UIMessage[];
+    /**
+     * Sandbox for sandbox tools (AI coding agents)
+     * Pass a Sandbox object or sandbox ID string
+     *
+     * @example
+     * ```tsx
+     * const sandbox = await blink.sandbox.create()
+     * const chat = useAgent({ agent: myAgent, sandbox })
+     * ```
+     */
+    sandbox?: Sandbox | string;
     /** Callback when response is received */
     onFinish?: (response: AgentResponse) => void;
     /** Callback on error */

package/dist/index.js

@@ -50,15 +50,17 @@ function BlinkProvider({
   projectId,
   publishableKey,
   secretKey,
+  auth,
   children
 }) {
   const client = (0, import_react.useMemo)(
     () => (0, import_sdk.createClient)({
       projectId,
       publishableKey,
-      secretKey
+      secretKey,
+      auth
     }),
-    [projectId, publishableKey, secretKey]
+    [projectId, publishableKey, secretKey, auth]
   );
   const value = (0, import_react.useMemo)(
     () => ({
@@ -154,7 +156,7 @@ function useBlinkAuth() {
 var import_react2 = require("react");
 function useAgent(options) {
   const client = useBlinkClient();
-  const { agent: agentInput, initialMessages = [], onFinish, onError } = options;
+  const { agent: agentInput, initialMessages = [], sandbox, onFinish, onError } = options;
   const [messages, setMessages] = (0, import_react2.useState)(initialMessages);
   const [input, setInput] = (0, import_react2.useState)("");
   const [isLoading, setIsLoading] = (0, import_react2.useState)(false);
@@ -291,6 +293,7 @@ function useAgent(options) {
         setMessages([...newMessages, assistantMessage]);
         const response = await agent.stream({
           messages: newMessages,
+          sandbox,
           signal: abortControllerRef.current.signal
         });
         const { text, finishData } = await parseStream(response, assistantMessageId);
@@ -319,7 +322,7 @@ function useAgent(options) {
         abortControllerRef.current = null;
       }
     },
-    [agent, agentModel, messages, input, generateId, parseStream, onFinish, onError]
+    [agent, agentModel, messages, input, sandbox, generateId, parseStream, onFinish, onError]
   );
   const append = (0, import_react2.useCallback)((message) => {
     setMessages((prev) => [...prev, { ...message, id: message.id || generateId() }]);

package/dist/index.mjs

@@ -10,15 +10,17 @@ function BlinkProvider({
   projectId,
   publishableKey,
   secretKey,
+  auth,
   children
 }) {
   const client = useMemo(
     () => createClient({
       projectId,
       publishableKey,
-      secretKey
+      secretKey,
+      auth
     }),
-    [projectId, publishableKey, secretKey]
+    [projectId, publishableKey, secretKey, auth]
   );
   const value = useMemo(
     () => ({
@@ -114,7 +116,7 @@ function useBlinkAuth() {
 import { useCallback, useRef, useState, useMemo as useMemo2 } from "react";
 function useAgent(options) {
   const client = useBlinkClient();
-  const { agent: agentInput, initialMessages = [], onFinish, onError } = options;
+  const { agent: agentInput, initialMessages = [], sandbox, onFinish, onError } = options;
   const [messages, setMessages] = useState(initialMessages);
   const [input, setInput] = useState("");
   const [isLoading, setIsLoading] = useState(false);
@@ -251,6 +253,7 @@ function useAgent(options) {
         setMessages([...newMessages, assistantMessage]);
         const response = await agent.stream({
           messages: newMessages,
+          sandbox,
           signal: abortControllerRef.current.signal
         });
         const { text, finishData } = await parseStream(response, assistantMessageId);
@@ -279,7 +282,7 @@ function useAgent(options) {
         abortControllerRef.current = null;
       }
     },
-    [agent, agentModel, messages, input, generateId, parseStream, onFinish, onError]
+    [agent, agentModel, messages, input, sandbox, generateId, parseStream, onFinish, onError]
   );
   const append = useCallback((message) => {
     setMessages((prev) => [...prev, { ...message, id: message.id || generateId() }]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Blink SDK for React - AI agents, database, storage, and auth for modern SaaS/AI apps",
   "keywords": [
     "blink",