MCPcopy Create free account

hub / github.com/cameronking4/openai-realtime-api-nextjs / functions

Functions102 in github.com/cameronking4/openai-realtime-api-nextjs

⨍ Functions 102◇ Types & classes 17
↓ 197 callersFunctioncn
(...inputs: ClassValue[])
lib/utils.ts:4
↓ 72 callersFunctiont
(key: string)
components/translations-context.tsx:33
↓ 16 callersFunctionuseTranslations
()
components/translations-context.tsx:52
↓ 5 callersFunctiondispatch
(action: Action)
hooks/use-toast.ts:136
↓ 5 callersFunctionupdateEphemeralUserMessage
* Update the ephemeral user message (by ephemeralUserMessageIdRef) with partial changes.
hooks/use-webrtc.ts:146
↓ 4 callersFunctionuseCarousel
()
components/ui/carousel.tsx:35
↓ 4 callersFunctionuseFormField
()
components/ui/form.tsx:44
↓ 4 callersFunctionuseSidebar
()
components/ui/sidebar.tsx:41
↓ 3 callersFunctiongetPayloadConfigFromPayload
( config: ChartConfig, payload: unknown, key: string )
components/ui/chart.tsx:320
↓ 3 callersFunctionstopSession
* Stop the session & cleanup
hooks/use-webrtc.ts:467
↓ 3 callersFunctiontoast
({ ...props }: Toast)
hooks/use-toast.ts:145
↓ 2 callersFunctionaddToRemoveQueue
(toastId: string)
hooks/use-toast.ts:61
↓ 2 callersFunctionshootConfetti
(angle: number, origin: { x: number, y: number })
hooks/use-tools.ts:61
↓ 2 callersFunctionuseChart
()
components/ui/chart.tsx:27
↓ 1 callersFunctionanimate
()
hooks/use-tools.ts:69
↓ 1 callersFunctionchangeColor
()
hooks/use-tools.ts:100
↓ 1 callersFunctionclearEphemeralUserMessage
* Clear ephemeral user message ID so the next user speech starts fresh.
hooks/use-webrtc.ts:163
↓ 1 callersFunctioncolorCycle
()
hooks/use-tools.ts:104
↓ 1 callersFunctionconfigureDataChannel
* Configure the data channel on open, sending a session update to the server.
hooks/use-webrtc.ts:84
↓ 1 callersFunctiondismiss
()
hooks/use-toast.ts:153
↓ 1 callersFunctionframe
()
hooks/use-tools.ts:88
↓ 1 callersFunctiongenId
()
hooks/use-toast.ts:30
↓ 1 callersFunctiongetEphemeralToken
* Fetch ephemeral token from your Next.js endpoint
hooks/use-webrtc.ts:321
↓ 1 callersFunctiongetOrCreateEphemeralUserId
* Return an ephemeral user ID, creating a new ephemeral message in conversation if needed.
hooks/use-webrtc.ts:121
↓ 1 callersFunctiongetVolume
* Calculate RMS volume from inbound assistant audio
hooks/use-webrtc.ts:370
↓ 1 callersFunctiononSelect
(value: string)
components/language-switcher.tsx:26
↓ 1 callersFunctionreducer
(state: State, action: Action)
hooks/use-toast.ts:77
↓ 1 callersFunctionregisterFunction
* Register a function (tool) so the AI can call it.
hooks/use-webrtc.ts:77
↓ 1 callersFunctionsetupAudioVisualization
* Sets up a local audio visualization for mic input (toggle wave CSS).
hooks/use-webrtc.ts:341
↓ 1 callersFunctionstartSession
* Start a new session:
hooks/use-webrtc.ts:386
↓ 1 callersFunctionupdateIndicator
()
hooks/use-webrtc.ts:351
↓ 1 callersFunctionuseIsMobile
()
hooks/use-mobile.tsx:5
↓ 1 callersFunctionuseToast
()
hooks/use-toast.ts:174
↓ 1 callersFunctionuseToolsFunctions
()
hooks/use-tools.ts:9
↓ 1 callersFunctionuseWebRTCAudioSession
( voice: string, tools?: Tool[], )
hooks/use-webrtc.ts:35
FunctionAlertDialogFooter
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/alert-dialog.tsx:62
FunctionAlertDialogHeader
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/alert-dialog.tsx:48
FunctionApp
()
app/page.tsx:17
FunctionBadge
({ className, variant, ...props }: BadgeProps)
components/ui/badge.tsx:30
FunctionBanner
()
components/banner.tsx:5
FunctionBreadcrumbEllipsis
({ className, ...props }: React.ComponentProps<"span">)
components/ui/breadcrumb.tsx:91
FunctionBreadcrumbSeparator
({ children, className, ...props }: React.ComponentProps<"li">)
components/ui/breadcrumb.tsx:75
FunctionBroadcastButton
({ isSessionActive, onClick }: BroadcastButtonProps)
components/broadcast-button.tsx:10
FunctionChartStyle
({ id, config }: { id: string; config: ChartConfig })
components/ui/chart.tsx:70
FunctionCommandDialog
({ children, ...props }: DialogProps)
components/ui/command.tsx:26
FunctionCommandShortcut
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>)
components/ui/command.tsx:127
FunctionConfettiButtonComponent
({ options, children, ...props }: ConfettiButtonProps)
components/ui/confetti.tsx:116
FunctionContextMenuShortcut
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>)
components/ui/context-menu.tsx:168
FunctionConversationItem
* Single conversation item
components/ui/transcriber.tsx:84
FunctionDialogFooter
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/dialog.tsx:71
FunctionDialogHeader
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/dialog.tsx:57
FunctionDrawer
({ shouldScaleBackground = true, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>)
components/ui/drawer.tsx:8
FunctionDrawerFooter
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/drawer.tsx:69
FunctionDrawerHeader
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/drawer.tsx:58
FunctionDropdownMenuShortcut
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>)
components/ui/dropdown-menu.tsx:171
FunctionFilterControls
({ typeFilter, setTypeFilter, searchQuery, setSearchQuery, messageTypes, messages, }: { typeFilt
components/message-controls.tsx:27
FunctionFormField
({ ...props }: ControllerProps<TFieldValues, TName>)
components/ui/form.tsx:31
FunctionHeader
()
components/header.tsx:14
FunctionLanguageSwitcher
()
components/language-switcher.tsx:14
FunctionMenubarShortcut
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>)
components/ui/menubar.tsx:203
FunctionMessageControls
({ conversation, msgs }: { conversation: Conversation[], msgs: MessageType[] })
components/message-controls.tsx:72
FunctionMobileNav
()
components/mobile-nav.tsx:18
FunctionPOST
()
app/api/session/route.ts:3
FunctionPagination
({ className, ...props }: React.ComponentProps<"nav">)
components/ui/pagination.tsx:7
FunctionPaginationEllipsis
({ className, ...props }: React.ComponentProps<"span">)
components/ui/pagination.tsx:94
FunctionPaginationLink
({ className, isActive, size = "icon", ...props }: PaginationLinkProps)
components/ui/pagination.tsx:42
FunctionPaginationNext
({ className, ...props }: React.ComponentProps<typeof PaginationLink>)
components/ui/pagination.tsx:78
FunctionPaginationPrevious
({ className, ...props }: React.ComponentProps<typeof PaginationLink>)
components/ui/pagination.tsx:62
FunctionResizableHandle
({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle>
components/ui/resizable.tsx:23
FunctionResizablePanelGroup
({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>)
components/ui/resizable.tsx:8
FunctionRootLayout
({ children, }: Readonly<{ children: React.ReactNode; }>)
app/layout.tsx:33
FunctionSheetFooter
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/sheet.tsx:91
FunctionSheetHeader
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/sheet.tsx:77
FunctionSkeleton
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>)
components/ui/skeleton.tsx:3
FunctionStatusDisplay
({ status }: StatusDisplayProps)
components/status.tsx:11
FunctionTextInput
({ onSubmit, disabled = false }: TextInputProps)
components/text-input.tsx:13
FunctionThemeProvider
({ children, ...props }: ThemeProviderProps)
components/theme-provider.tsx:5
FunctionThemeSwitcher
()
components/theme-switcher.tsx:13
FunctionThreeDotsWave
({ colorVariable = "--card", }: ThreeDotsWaveProps)
components/ui/three-dots-wave.tsx:50
FunctionToaster
()
components/ui/toaster.tsx:13
FunctionToaster
({ ...props }: ToasterProps)
components/ui/sonner.tsx:8
FunctionTokenUsageDisplay
({ messages }: TokenUsageDisplayProps)
components/token-usage.tsx:11
FunctionToolsEducation
()
components/tools-education.tsx:18
FunctionTranscriber
({ conversation }: TranscriberProps)
components/ui/transcriber.tsx:145
FunctionTranslationsProvider
({ children }: { children: ReactNode })
components/translations-context.tsx:30
FunctionVoiceSelector
({ value, onValueChange }: VoiceSelectorProps)
components/voice-select.tsx:10
FunctionWelcome
()
components/welcome.tsx:7
FunctionbackgroundFunction
()
hooks/use-tools.ts:22
FunctioncopyToClipboard
({ text }: { text: string })
hooks/use-tools.ts:150
FunctionhandleClick
(event: React.MouseEvent<HTMLButtonElement>)
components/ui/confetti.tsx:121
FunctionhandleDataChannelMessage
* Main data channel message handler: interprets events from the server.
hooks/use-webrtc.ts:170
FunctionhandleKeyDown
(event: KeyboardEvent)
components/ui/sidebar.tsx:101
FunctionhandleStartStopClick
* Toggle start/stop from a single button
hooks/use-webrtc.ts:505
FunctionhandleSubmit
(e: React.FormEvent)
components/text-input.tsx:16
FunctionlaunchWebsite
({ url }: { url: string })
hooks/use-tools.ts:139
FunctiononChange
()
hooks/use-mobile.tsx:10
FunctionpartyFunction
()
hooks/use-tools.ts:48
FunctionscrapeWebsite
({ url }: { url: string })
hooks/use-tools.ts:162
FunctionsendTextMessage
* Send a text message through the data channel
hooks/use-webrtc.ts:516
FunctionshouldDisplayMessage
* Decide if a conversation item should be displayed or filtered out. * Optional, this is used to filter out empty or useless user messages (e.g., fin
components/ui/transcriber.tsx:60
next →1–100 of 102, ranked by callers