Merge branch 'main' into add-mute-functionality

Author: dctanner

README.md

@@ -1,6 +1,6 @@
 # Layercode React SDK
 
-A React SDK for integrating Layercode audio pipelines into React applications.
+A React SDK for integrating Layercode audio agents into React applications.
 
 ## Installation
 

bun.lock

@@ -2,7 +2,7 @@
   "author": "Layercode",
   "license": "MIT",
   "name": "@layercode/react-sdk",
-  "version": "1.0.29",
+  "version": "2.0.4",
   "description": "Layercode React SDK for integrating with React applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -33,7 +33,7 @@
     "react"
   ],
   "dependencies": {
-    "@layercode/js-sdk": "^1.0.26"
+    "@layercode/js-sdk": "^2.0.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"

package-lock.json

@@ -2,32 +2,33 @@ import { useState, useEffect, useCallback, useRef } from 'react';
 import LayercodeClient from '@layercode/js-sdk';
 
 /**
- * Configuration options for the useLayercodePipeline hook.
+ * Configuration options for the useLayercodeAgent hook.
  */
-interface UseLayercodePipelineOptions {
-  pipelineId: string;
-  sessionId?: string;
+interface UseLayercodeAgentOptions {
+  agentId: string;
+  conversationId?: string;
   authorizeSessionEndpoint: string;
   metadata?: Record<string, any>;
-  onConnect?: ({ sessionId }: { sessionId: string | null }) => void;
+  onConnect?: ({ conversationId }: { conversationId: string | null }) => void;
   onDisconnect?: () => void;
   onError?: (error: Error) => void;
   onDataMessage?: (data: any) => void;
   onMuteStateChange?: (isMuted: boolean) => void;
+  onMessage?: (data: any) => void;
 }
 
 /**
- * Hook for connecting to a Layercode pipeline in a React application
+ * Hook for connecting to a Layercode agent in a React application
  *
- * @param options - Configuration options for the pipeline
- * @returns An object containing methods and state for interacting with the pipeline
+ * @param options - Configuration options for the agent
+ * @returns An object containing methods and state for interacting with the agent
  */
-const useLayercodePipeline = (
+const useLayercodeAgent = (
   // Accept the public options plus any other properties (for internal use)
-  options: UseLayercodePipelineOptions & Record<string, any>
+  options: UseLayercodeAgentOptions & Record<string, any>
 ) => {
   // Extract public options
-  const { pipelineId, sessionId, authorizeSessionEndpoint, metadata = {}, onConnect, onDisconnect, onError, onDataMessage, onMuteStateChange } = options;
+  const { agentId, conversationId, authorizeSessionEndpoint, metadata = {}, onConnect, onDisconnect, onError, onDataMessage, onMessage, onMuteStateChange } = options;
 
   const [status, setStatus] = useState('initializing');
   const [userAudioAmplitude, setUserAudioAmplitude] = useState(0);
@@ -41,12 +42,12 @@ const useLayercodePipeline = (
     // Create a new LayercodeClient instance
     console.log('Creating LayercodeClient instance');
     clientRef.current = new LayercodeClient({
-      pipelineId,
-      sessionId,
+      agentId,
+      conversationId,
       authorizeSessionEndpoint,
       metadata,
-      onConnect: ({ sessionId }: { sessionId: string | null }) => {
-        onConnect?.({ sessionId });
+      onConnect: ({ conversationId }: { conversationId: string | null }) => {
+        onConnect?.({ conversationId });
       },
       onDisconnect: () => {
         onDisconnect?.();
@@ -57,6 +58,9 @@ const useLayercodePipeline = (
       onDataMessage: (data: any) => {
         onDataMessage?.(data);
       },
+      onMessage: (data: any) => {
+        onMessage?.(data);
+      },
       onStatusChange: (newStatus: string) => {
         setStatus(newStatus);
       },
@@ -79,10 +83,10 @@ const useLayercodePipeline = (
 
     // Set initial mute state from JS SDK
     setIsMuted(clientRef.current.isMuted);
-
-    // Connect to the pipeline
+    
+    // Connect to the agent
     clientRef.current.connect().catch((error: Error) => {
-      console.error('Failed to connect to pipeline:', error);
+      console.error('Failed to connect to agent:', error);
       onError?.(error);
     });
 
@@ -93,7 +97,7 @@ const useLayercodePipeline = (
       }
     };
     // Add the internal override URL to the dependency array
-  }, [pipelineId, sessionId, authorizeSessionEndpoint]); // Make sure metadata isn't causing unnecessary re-renders if it changes often
+  }, [agentId, conversationId, authorizeSessionEndpoint]); // Make sure metadata isn't causing unnecessary re-renders if it changes often
 
   // Class methods
   const mute = useCallback(() => {
@@ -135,4 +139,4 @@ const useLayercodePipeline = (
   };
 };
 
-export { useLayercodePipeline, UseLayercodePipelineOptions }; // Export the type too
+export { useLayercodeAgent, UseLayercodeAgentOptions }; // Export the type too