@curaious/uno-converse 0.1.16 → 0.1.18

package/dist/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var axios = require('axios');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var axios = require('axios');
 
 // Message Roles
 exports.Role = void 0;
@@ -400,6 +401,203 @@ async function streamSSE(url, requestOptions, callbacks, abortSignal) {
     }
 }
 
+function useProject(options) {
+    const { projectName, baseUrl, getHeaders, autoLoad = true } = options;
+    // Project state
+    const [projectId, setProjectId] = react.useState('');
+    const [projectLoading, setProjectLoading] = react.useState(false);
+    // Use ref to store current projectId for interceptor access
+    const projectIdRef = react.useRef('');
+    // Update ref whenever projectId changes
+    react.useEffect(() => {
+        projectIdRef.current = projectId;
+    }, [projectId]);
+    // Create axios instance with request interceptor for custom headers and project_id
+    const axiosInstance = react.useMemo(() => {
+        const instance = axios.create({
+            baseURL: baseUrl,
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        });
+        // Add request interceptor to inject custom headers and project_id
+        instance.interceptors.request.use(async (config) => {
+            // Add custom headers if getHeaders function is provided
+            if (getHeaders) {
+                const customHeaders = await getHeaders();
+                Object.assign(config.headers, customHeaders);
+            }
+            // Automatically add project_id to query params if available
+            const currentProjectId = projectIdRef.current;
+            if (currentProjectId) {
+                if (config.params) {
+                    config.params = {
+                        ...config.params,
+                        project_id: currentProjectId,
+                    };
+                }
+                else {
+                    config.params = { project_id: currentProjectId };
+                }
+            }
+            return config;
+        });
+        return instance;
+    }, [baseUrl, getHeaders]);
+    // ============================================
+    // API Helper Functions
+    // ============================================
+    /**
+     * Build query params (project_id is automatically added by axios interceptor)
+     */
+    const buildParams = react.useCallback((params) => {
+        return params || {};
+    }, []);
+    /**
+     * Get headers for streaming requests (combines default + custom headers)
+     */
+    const getRequestHeaders = react.useCallback(async () => {
+        const headers = {
+            'Content-Type': 'application/json',
+        };
+        // Add custom headers if getHeaders function is provided
+        if (getHeaders) {
+            const customHeaders = await getHeaders();
+            Object.assign(headers, customHeaders);
+        }
+        return headers;
+    }, [getHeaders]);
+    // ============================================
+    // Project Management
+    // ============================================
+    /**
+     * Fetch the project ID using the project name
+     */
+    const fetchProjectId = react.useCallback(async () => {
+        if (!projectName) {
+            return;
+        }
+        setProjectLoading(true);
+        try {
+            const response = await axiosInstance.get('/project/id', {
+                params: { name: projectName },
+            });
+            const id = typeof response.data === 'string' ? response.data : response.data.data;
+            setProjectId(id || '');
+        }
+        catch (error) {
+            console.error('Failed to fetch project ID:', error);
+            throw error;
+        }
+        finally {
+            setProjectLoading(false);
+        }
+    }, [axiosInstance, projectName]);
+    // ============================================
+    // Effects for auto-loading
+    // ============================================
+    // Fetch project ID on mount
+    react.useEffect(() => {
+        if (autoLoad && projectName) {
+            fetchProjectId();
+        }
+    }, [autoLoad, projectName, fetchProjectId]);
+    return {
+        // Project state
+        projectId,
+        projectLoading,
+        // API client
+        axiosInstance,
+        buildParams,
+        getRequestHeaders,
+        baseUrl,
+    };
+}
+
+// Create the context with undefined as default to ensure it's used within provider
+const ProjectContext = react.createContext(undefined);
+/**
+ * ProjectProvider component that manages project state using React Context.
+ *
+ * This provider wraps the useProject hook and makes the project state available
+ * to all child components through context.
+ *
+ * @example
+ * ```tsx
+ * import { ProjectProvider, useProjectContext } from '@praveen001/uno-converse';
+ *
+ * function App() {
+ *   return (
+ *     <ProjectProvider
+ *       baseUrl="https://api.example.com/api/agent-server"
+ *       projectName="my-project"
+ *       getHeaders={() => ({
+ *         'Authorization': `Bearer ${getToken()}`,
+ *       })}
+ *     >
+ *       <YourApp />
+ *     </ProjectProvider>
+ *   );
+ * }
+ *
+ * function YourApp() {
+ *   const { projectId, projectLoading } = useProjectContext();
+ *
+ *   if (projectLoading) {
+ *     return <div>Loading project...</div>;
+ *   }
+ *
+ *   return <div>Project ID: {projectId}</div>;
+ * }
+ * ```
+ */
+const ProjectProvider = ({ baseUrl, projectName, getHeaders, autoLoad = true, children, }) => {
+    // Use the useProject hook to manage project state
+    const projectState = useProject({
+        baseUrl,
+        projectName,
+        getHeaders,
+        autoLoad,
+    });
+    // Memoize the context value to prevent unnecessary re-renders
+    const contextValue = react.useMemo(() => projectState, [
+        projectState.projectId,
+        projectState.projectLoading,
+        projectState.axiosInstance,
+        projectState.buildParams,
+        projectState.getRequestHeaders,
+        projectState.baseUrl,
+    ]);
+    return (jsxRuntime.jsx(ProjectContext.Provider, { value: contextValue, children: children }));
+};
+/**
+ * Hook to access the project context.
+ *
+ * Must be used within a ProjectProvider component.
+ *
+ * @throws {Error} If used outside of ProjectProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { projectId, projectLoading } = useProjectContext();
+ *
+ *   return (
+ *     <div>
+ *       {projectLoading ? 'Loading...' : `Project ID: ${projectId}`}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+const useProjectContext = () => {
+    const context = react.useContext(ProjectContext);
+    if (context === undefined) {
+        throw new Error('useProjectContext must be used within a ProjectProvider');
+    }
+    return context;
+};
+
 /**
  * Simple ID generator for message IDs
  */
@@ -422,11 +620,6 @@ function generateId() {
  *     startNewChat,
  *   } = useConversation({
  *     namespace: 'my-app',
- *     projectName: 'my-project',
- *     baseUrl: 'https://my-uno-server.com/api/agent-server',
- *     getHeaders: () => ({
- *       'Authorization': `Bearer ${getToken()}`,
- *     }),
  *   });
  *
  *   const handleSend = async (text: string) => {
@@ -451,28 +644,9 @@ function generateId() {
  * ```
  */
 function useConversation(options) {
-    const { namespace, projectName, baseUrl, getHeaders, autoLoad = true } = options;
-    // Create axios instance with request interceptor for custom headers
-    const axiosInstance = react.useMemo(() => {
-        const instance = axios.create({
-            baseURL: baseUrl,
-            headers: {
-                'Content-Type': 'application/json',
-            },
-        });
-        // Add request interceptor to inject custom headers
-        if (getHeaders) {
-            instance.interceptors.request.use(async (config) => {
-                const customHeaders = await getHeaders();
-                Object.assign(config.headers, customHeaders);
-                return config;
-            });
-        }
-        return instance;
-    }, [baseUrl, getHeaders]);
-    // Project state
-    const [projectId, setProjectId] = react.useState('');
-    const [projectLoading, setProjectLoading] = react.useState(false);
+    const { namespace, autoLoad = true } = options;
+    // Get project context (axios instance, projectId, etc.)
+    const { axiosInstance, projectId, projectLoading, buildParams, getRequestHeaders, baseUrl, } = useProjectContext();
     // Conversation list state
     const [conversations, setConversations] = react.useState([]);
     const [conversationsLoading, setConversationsLoading] = react.useState(false);
@@ -495,59 +669,7 @@ function useConversation(options) {
     // ============================================
     // API Helper Functions
     // ============================================
-    /**
-     * Build query params with project_id if available
-     */
-    const buildParams = react.useCallback((params) => {
-        const result = {};
-        if (projectId) {
-            result.project_id = projectId;
-        }
-        if (params) {
-            Object.assign(result, params);
-        }
-        return result;
-    }, [projectId]);
-    /**
-     * Get headers for streaming requests (combines default + custom headers)
-     */
-    const getRequestHeaders = react.useCallback(async () => {
-        const headers = {
-            'Content-Type': 'application/json',
-        };
-        // Add custom headers if getHeaders function is provided
-        if (getHeaders) {
-            const customHeaders = await getHeaders();
-            Object.assign(headers, customHeaders);
-        }
-        return headers;
-    }, [getHeaders]);
-    // ============================================
-    // Project Management
-    // ============================================
-    /**
-     * Fetch the project ID using the project name
-     */
-    const fetchProjectId = react.useCallback(async () => {
-        if (!projectName) {
-            return;
-        }
-        setProjectLoading(true);
-        try {
-            const response = await axiosInstance.get('/project/id', {
-                params: { name: projectName },
-            });
-            const id = typeof response.data === 'string' ? response.data : response.data.data;
-            setProjectId(id || '');
-        }
-        catch (error) {
-            console.error('Failed to fetch project ID:', error);
-            throw error;
-        }
-        finally {
-            setProjectLoading(false);
-        }
-    }, [axiosInstance, projectName]);
+    // Note: buildParams and getRequestHeaders are now provided by ProjectProvider
     // ============================================
     // Conversation Management
     // ============================================
@@ -792,12 +914,6 @@ function useConversation(options) {
     // ============================================
     // Effects for auto-loading
     // ============================================
-    // Fetch project ID on mount
-    react.useEffect(() => {
-        if (autoLoad && projectName) {
-            fetchProjectId();
-        }
-    }, [autoLoad, projectName, fetchProjectId]);
     // Load conversations after project ID is fetched
     react.useEffect(() => {
         if (autoLoad && projectId) {
@@ -824,9 +940,6 @@ function useConversation(options) {
         ? [...messages, streamingMessage]
         : messages;
     return {
-        // Project state
-        projectId,
-        projectLoading,
         // Conversation list state
         conversations,
         conversationsLoading,
@@ -858,7 +971,46 @@ function useConversation(options) {
     };
 }
 
+function useAgent(options) {
+    const { name } = options;
+    // Get project context (axios instance, projectId, etc.)
+    const { axiosInstance, projectId, buildParams, } = useProjectContext();
+    // Agents state
+    const [agent, setAgent] = react.useState(null);
+    const [agentLoading, setAgentLoading] = react.useState(false);
+    // ============================================
+    // Agent Management
+    // ============================================
+    /**
+     * Fetch the agent
+     */
+    const loadAgent = react.useCallback(async () => {
+        setAgentLoading(true);
+        try {
+            const response = await axiosInstance.get('/agent-configs/by-name', {
+                params: buildParams({ name }),
+            });
+            setAgent(response.data.data);
+        }
+        catch (error) {
+            console.error('Failed to load agent:', error);
+            throw error;
+        }
+        finally {
+            setAgentLoading(false);
+        }
+    }, [axiosInstance, name]);
+    // Fetch agent after project is fetched
+    react.useEffect(() => {
+        if (projectId) {
+            loadAgent();
+        }
+    }, [projectId, loadAgent]);
+    return { agent, agentLoading };
+}
+
 exports.ChunkProcessor = ChunkProcessor;
+exports.ProjectProvider = ProjectProvider;
 exports.isEasyMessage = isEasyMessage;
 exports.isFunctionCallMessage = isFunctionCallMessage;
 exports.isFunctionCallOutputMessage = isFunctionCallOutputMessage;
@@ -866,5 +1018,7 @@ exports.isImageGenerationCallMessage = isImageGenerationCallMessage;
 exports.isInputMessage = isInputMessage;
 exports.isReasoningMessage = isReasoningMessage;
 exports.streamSSE = streamSSE;
+exports.useAgent = useAgent;
 exports.useConversation = useConversation;
+exports.useProjectContext = useProjectContext;
 //# sourceMappingURL=index.cjs.map