Update React simple-chatbot client to use latest client SDKs

This commit is contained in:
Mark Backman
2025-01-15 09:50:43 -05:00
parent cce14fca97
commit 8b657158ca
7 changed files with 115 additions and 185 deletions

View File

@@ -2,7 +2,7 @@ import {
RTVIClientAudio,
RTVIClientVideo,
useRTVIClientTransportState,
} from 'realtime-ai-react';
} from '@pipecat-ai/client-react';
import { RTVIProvider } from './providers/RTVIProvider';
import { ConnectButton } from './components/ConnectButton';
import { StatusDisplay } from './components/StatusDisplay';

View File

@@ -1,4 +1,7 @@
import { useRTVIClient, useRTVIClientTransportState } from 'realtime-ai-react';
import {
useRTVIClient,
useRTVIClientTransportState,
} from '@pipecat-ai/client-react';
export function ConnectButton() {
const client = useRTVIClient();

View File

@@ -5,8 +5,8 @@ import {
TransportState,
TranscriptData,
BotLLMTextData,
} from 'realtime-ai';
import { useRTVIClient, useRTVIClientEvent } from 'realtime-ai-react';
} from '@pipecat-ai/client-js';
import { useRTVIClient, useRTVIClientEvent } from '@pipecat-ai/client-react';
import './DebugDisplay.css';
export function DebugDisplay() {

View File

@@ -1,4 +1,4 @@
import { useRTVIClientTransportState } from 'realtime-ai-react';
import { useRTVIClientTransportState } from '@pipecat-ai/client-react';
export function StatusDisplay() {
const transportState = useRTVIClientTransportState();

View File

@@ -1,7 +1,7 @@
import { type PropsWithChildren } from 'react';
import { RTVIClient } from 'realtime-ai';
import { DailyTransport } from '@daily-co/realtime-ai-daily';
import { RTVIClientProvider } from 'realtime-ai-react';
import { RTVIClient } from '@pipecat-ai/client-js';
import { DailyTransport } from '@pipecat-ai/daily-transport';
import { RTVIClientProvider } from '@pipecat-ai/client-react';
const transport = new DailyTransport();