@economic/agents-react 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,121 +1,100 @@
+import { useAgent as useAgent$1 } from "agents/react";
 import { useAgentChat } from "@cloudflare/ai-chat/react";
-import { useAgent } from "agents/react";
 import React from "react";
-//#region src/index.ts
-function agentNameToKebab(name) {
-	if (name === name.toUpperCase() && name !== name.toLowerCase()) return name.toLowerCase().replace(/_/g, "-");
-	let result = name.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
-	result = result.startsWith("-") ? result.slice(1) : result;
-	return result.replace(/_/g, "-").replace(/-$/, "");
-}
-function buildAgentHttpBaseUrl(options) {
-	const hostPart = options.host.replace(/^https?:\/\//, "").replace(/\/$/, "");
-	const protocol = hostPart.startsWith("localhost:") || hostPart.startsWith("127.0.0.1:") || hostPart.startsWith("192.168.") || hostPart.startsWith("10.") ? "http" : "https";
-	let pathname = `/agents/${agentNameToKebab(options.agent)}/${encodeURIComponent(options.name)}`;
-	for (const step of options.sub ?? []) pathname += `/sub/${agentNameToKebab(step.agent)}/${encodeURIComponent(step.name)}`;
-	return `${protocol}://${hostPart}${pathname}`;
+//#region src/util.ts
+function getTokenArgs(authToken) {
+	if (!authToken) return {};
+	return {
+		headers: { Authorization: `Bearer ${authToken}` },
+		protocols: ["bearer", authToken]
+	};
 }
-function useAIChatAgent(options) {
-	const { agent: agentName, host, basePath, chatId, userId, subAgentName, authToken, toolContext, connectionParams, welcomeMessage, onConnectionStatusChange, onOpen: onOpenProp, onClose: onCloseProp, onError: onErrorProp } = options;
-	const [connectionStatus, setConnectionStatus] = React.useState("connecting");
-	const updateConnectionStatus = React.useCallback((status) => {
-		setConnectionStatus(status);
-		onConnectionStatusChange?.(status);
-	}, [onConnectionStatusChange]);
-	let headers = {};
-	let protocols = [];
-	if (authToken) {
-		headers["Authorization"] = `Bearer ${authToken}`;
-		protocols.push("bearer", authToken);
-	}
-	const instanceName = userId ?? chatId;
-	const subChain = React.useMemo(() => subAgentName ? [{
-		agent: subAgentName,
-		name: chatId
-	}] : [], [subAgentName, chatId]);
-	const messagesHttpBaseUrl = React.useMemo(() => buildAgentHttpBaseUrl({
+//#endregion
+//#region src/useAgent.ts
+function useAgent(options) {
+	const { host, agentName, id, enabled, sub, authToken } = options;
+	return useAgent$1({
+		enabled,
 		host,
 		agent: agentName,
-		name: instanceName,
-		sub: subChain.length > 0 ? subChain : void 0
-	}), [
+		name: id,
+		sub,
+		...getTokenArgs(authToken)
+	});
+}
+//#endregion
+//#region src/useAssistant.ts
+function useAssistant(options) {
+	const { host, assistantName, userId, chatId: initialChatId, authToken, toolContext } = options;
+	const config = {
 		host,
-		agentName,
-		instanceName,
-		subChain
-	]);
+		agentName: assistantName,
+		id: userId,
+		authToken
+	};
+	const [chatId, setChatId] = React.useState(initialChatId);
+	const assistant = useAgent(config);
+	const getConversations = async () => {
+		return await assistant.call("getConversations");
+	};
+	const createConversation = async () => {
+		const chatId = await assistant.call("createConversation");
+		setChatId(chatId);
+		await getConversations();
+		return chatId;
+	};
+	const openConversation = (chatId) => {
+		setChatId(chatId);
+	};
+	const deleteConversation = async (chatId) => {
+		await assistant.call("deleteConversation", [chatId]);
+		setChatId(void 0);
+		await getConversations();
+	};
 	const agent = useAgent({
-		agent: agentName,
-		host,
-		basePath,
-		name: instanceName,
-		sub: subChain.length > 0 ? subChain : void 0,
-		query: connectionParams ?? {},
-		queryDeps: Object.keys(connectionParams ?? {}),
-		onStateUpdate(state) {
-			if (state.status === "connected") {
-				updateConnectionStatus("connected");
-				onOpenProp?.();
-			}
-		},
-		onClose: (event) => {
-			if (event.code >= 3e3) {
-				updateConnectionStatus("unauthorized");
-				agent.close();
-				onCloseProp?.(event);
-				return;
-			}
-			updateConnectionStatus("disconnected");
-			onCloseProp?.(event);
-		},
-		onError: onErrorProp,
-		protocols
+		...config,
+		enabled: !!chatId,
+		sub: chatId ? [{
+			agent: assistant.state?.subAgentName ?? "",
+			name: chatId
+		}] : void 0
 	});
-	const fetchInitialMessages = React.useCallback(async (_options) => {
-		const url = `${messagesHttpBaseUrl}/get-messages`;
-		const response = await fetch(url, { headers });
-		if (!response.ok) {
-			console.warn(`[useAIChatAgent] Failed to fetch initial messages: ${response.status} ${response.statusText}`);
-			return [];
-		}
-		const text = await response.text();
-		if (!text.trim()) return [];
-		try {
-			return JSON.parse(text);
-		} catch (error) {
-			console.warn("[useAIChatAgent] Failed to parse initial messages JSON:", error);
-			return [];
-		}
-	}, [headers, messagesHttpBaseUrl]);
+	const isChatReady = !!chatId && agent.state?.status === "connected";
 	const chat = useAgentChat({
 		agent,
 		body: toolContext ?? {},
-		headers,
-		getInitialMessages: fetchInitialMessages
+		getInitialMessages: isChatReady ? void 0 : null
+	});
+	return {
+		chatId,
+		status: (chatId ? agent.state?.status : assistant.state?.status) ?? "connecting",
+		getConversations,
+		createConversation,
+		openConversation,
+		deleteConversation,
+		agent,
+		chat: isChatReady ? chat : void 0
+	};
+}
+//#endregion
+//#region src/useChatAgent.ts
+function useChatAgent(options) {
+	const { host, agentName, id, authToken, toolContext } = options;
+	const agent = useAgent({
+		host,
+		agentName,
+		id,
+		authToken
+	});
+	const chat = useAgentChat({
+		agent,
+		body: toolContext ?? {}
 	});
-	const hasSentWelcome = React.useRef(false);
-	React.useEffect(() => {
-		if (welcomeMessage && connectionStatus === "connected" && chat.messages.length === 0 && !hasSentWelcome.current) {
-			hasSentWelcome.current = true;
-			chat.setMessages([{
-				id: "welcome-message",
-				role: "assistant",
-				parts: [{
-					type: "text",
-					text: welcomeMessage
-				}]
-			}]);
-		}
-	}, [
-		connectionStatus,
-		chat.messages.length,
-		welcomeMessage
-	]);
 	return {
+		status: agent.state?.status ?? "connecting",
 		agent,
-		chat,
-		connectionStatus
+		chat
 	};
 }
 //#endregion
-export { useAIChatAgent };
+export { useAgent, useAssistant, useChatAgent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@economic/agents-react",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "files": [
     "dist"
@@ -23,7 +23,6 @@
     "@cloudflare/workers-types": "^4.20260527.1",
     "@types/node": "^25.6.0",
     "@typescript/native-preview": "7.0.0-dev.20260412.1",
-    "ai": "^6.0.175",
     "tsdown": "^0.22.0",
     "typescript": "^6.0.2",
     "vitest": "^4.1.4"
@@ -31,7 +30,15 @@
   "peerDependencies": {
     "@cloudflare/ai-chat": ">=0.7.2 <1.0.0",
     "agents": ">=0.13.3 <1.0.0",
-    "ai": "^6.0.0",
-    "react": "^19.2.5"
+    "react": "^19"
+  },
+  "inlinedDependencies": {
+    "@ai-sdk/provider": "3.0.10",
+    "@ai-sdk/provider-utils": "4.0.27",
+    "@ai-sdk/react": "3.0.182",
+    "@standard-schema/spec": "1.1.0",
+    "ai": "6.0.180",
+    "partysocket": "1.1.19",
+    "zod": "4.4.3"
   }
 }