wx44wx/pipecat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove formatting

Browse Source
This commit is contained in:
James Hush
2025-04-14 15:13:45 +08:00
parent dae3b927e1
commit b160cf34e9
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
examples/simple-chatbot/client/react/src/components/DebugDisplay.tsx
View File

@@ -1,13 +1,13 @@
import { useRef, useCallback } from "react";
import { useRef, useCallback } from 'react';
import {
Participant,
RTVIEvent,
TransportState,
TranscriptData,
BotLLMTextData,
} from "@pipecat-ai/client-js";
import { useRTVIClient, useRTVIClientEvent } from "@pipecat-ai/client-react";
import "./DebugDisplay.css";
} from '@pipecat-ai/client-js';
import { useRTVIClient, useRTVIClientEvent } from '@pipecat-ai/client-react';
import './DebugDisplay.css';
export function DebugDisplay() {
const debugLogRef = useRef<HTMLDivElement>(null);
@@ -16,14 +16,14 @@ export function DebugDisplay() {
const log = useCallback((message: string) => {
if (!debugLogRef.current) return;
const entry = document.createElement("div");
const entry = document.createElement('div');
entry.textContent = `${new Date().toISOString()} - ${message}`;
// Add styling based on message type
if (message.startsWith("User: ")) {
entry.style.color = "#2196F3"; // blue for user
} else if (message.startsWith("Bot: ")) {
entry.style.color = "#4CAF50"; // green for bot
if (message.startsWith('User: ')) {
entry.style.color = '#2196F3'; // blue for user
} else if (message.startsWith('Bot: ')) {
entry.style.color = '#4CAF50'; // green for bot
}
debugLogRef.current.appendChild(entry);
@@ -68,7 +68,7 @@ export function DebugDisplay() {
useCallback(
(track: MediaStreamTrack, participant?: Participant) => {
log(
`Track started: ${track.kind} from ${participant?.name || "unknown"}`
`Track started: ${track.kind} from ${participant?.name || 'unknown'}`
);
},
[log]
@@ -80,7 +80,7 @@ export function DebugDisplay() {
useCallback(
(track: MediaStreamTrack, participant?: Participant) => {
log(
`Track stopped: ${track.kind} from ${participant?.name || "unknown"}`
`Track stopped: ${track.kind} from ${participant?.name || 'unknown'}`
);
},
[log]