@superinterface/react 3.10.3 → 3.11.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, AudioRuntime, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -8,13 +8,11 @@ import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
 import * as openai_resources from 'openai/resources';
-import * as react_use_audio_player from 'react-use-audio-player';
-import { UseAudioCaptureProps } from 'use-audio-capture';
 import OpenAI from 'openai';
 import remarkGfm from 'remark-gfm';
 import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta/threads/runs/steps';
 
-type Args$a = {
+type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -26,7 +24,7 @@ type Args$a = {
     };
     threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$a) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -39,14 +37,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$9 = Args$a;
+type Args$8 = Args$9;
 
-type Args$8 = Args$9 & StyleProps;
+type Args$7 = Args$8 & StyleProps;
 
-type Args$7 = Omit<Args$8, 'children'>;
+type Args$6 = Omit<Args$7, 'children'>;
 declare const Thread: {
-    (props: Args$7): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, className, ...rest }: Args$8) => react_jsx_runtime.JSX.Element;
+    (props: Args$6): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, className, style, }: {
             children?: React.ReactNode;
@@ -338,10 +336,10 @@ declare const useMessageFormContext: () => {
 
 declare const useIsMutatingMessage: () => boolean;
 
-type Args$6 = {
+type Args$5 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$6) => {
+declare const useAssistant: ({ assistantId, }: Args$5) => {
     assistant: any;
     data: any;
     error: Error;
@@ -509,6 +507,11 @@ declare const ThreadDialogContext: react.Context<{
     setIsOpen: Dispatch<SetStateAction<boolean>>;
 }>;
 
+declare const useThreadDialogContext: () => {
+    isOpen: boolean;
+    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
 declare const AudioThreadDialog: {
     (props: StyleProps): react_jsx_runtime.JSX.Element;
     Root: ({ children, }: {
@@ -535,88 +538,55 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$5 = {
+type Args$4 = {
     children: React.ReactNode;
     play?: (args: PlayArgs) => void;
+    audioRuntime?: AudioRuntime;
 } & StyleProps;
 
-type Args$4 = Omit<Args$5, 'children'>;
+type Args$3 = Omit<Args$4, 'children'>;
 declare const AudioThread: {
-    (props: Args$4): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$5) => react_jsx_runtime.JSX.Element;
+    (props: Args$3): react_jsx_runtime.JSX.Element;
+    Root: ({ children, play, className, style, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
     Visualization: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     Status: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     Form: (props: StyleProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare const useThreadDialogContext: () => {
-    isOpen: boolean;
-    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+declare const useAudioThreadContext: () => {
+    audioRuntime: AudioRuntime | null;
 };
 
-declare const useMessageAudio: ({ onEnd, play: passedPlay, }: {
-    onEnd: () => void;
+declare const useTtsAudioRuntime: ({ play, }: {
     play?: (args: PlayArgs) => void;
 }) => {
-    visualizationAnalyser: AnalyserNode | null;
-    play: () => void;
-    pause: () => void;
-    togglePlayPause: () => void;
-    stop: () => void;
-    setVolume: (volume: number) => void;
-    fade: (from: number, to: number, duration: number) => void;
-    setRate: (speed: number) => void;
-    seek: (seconds: number) => void;
-    mute: (muteOnOff: boolean) => void;
-    loop: (loopOnOff: boolean) => void;
-    getPosition: () => number;
-    load: (...args: react_use_audio_player.LoadArguments) => void;
-    src: string | null;
-    looping: boolean;
-    isReady: boolean;
-    isLoading: boolean;
-    paused: boolean;
-    stopped: boolean;
-    playing: boolean;
-    duration: number;
-    muted: boolean;
-    rate: number;
-    volume: number;
-    error: string | null;
-    cleanup: VoidFunction;
-    isPending: boolean;
-    isAudioPlayed: boolean;
+    ttsAudioRuntime: AudioRuntime;
 };
 
-type Args$3 = UseAudioCaptureProps & {
-    isStopOnSilence: boolean;
-};
-declare const useRecorder: ({ isStopOnSilence, onStart, onStop, }: Args$3) => {
-    status: "paused" | "idle" | "recording" | "stopped";
-    visualizationAnalyser: AnalyserNode | null;
-    start: () => Promise<void>;
-    stop: () => Promise<void>;
-    pause: () => Promise<void>;
-    resume: () => Promise<void>;
-};
-
-declare const statusMessages: {
-    recording: string;
-    creatingMessage: string;
-    runActive: string;
-    playing: string;
-    loading: string;
-    idle: string;
-    recorderPaused: string;
-    playerPaused: string;
-    acquiringMedia: string;
-    other: string;
-};
-
-declare const useAudioThreadContext: () => {
-    status: keyof typeof statusMessages;
-    recorderProps: ReturnType<typeof useRecorder>;
-    messageAudioProps: ReturnType<typeof useMessageAudio>;
+declare const useRealtimeWebRTCAudioRuntime: () => {
+    realtimeWebRTCAudioRuntime: {
+        user: {
+            start: () => Promise<void>;
+            pause: () => Promise<void>;
+            resume: () => Promise<void>;
+            stop: () => Promise<void>;
+            isPending: boolean;
+            visualizationAnalyser: AnalyserNode | null;
+            rawStatus: "paused" | "idle" | "recording" | "stopped";
+        };
+        assistant: {
+            play: () => Promise<void>;
+            pause: () => Promise<void>;
+            stop: () => Promise<void>;
+            visualizationAnalyser: AnalyserNode | null;
+            playing: boolean;
+            paused: boolean;
+            isPending: boolean;
+            isReady: boolean;
+            isAudioPlayed: boolean;
+            rawStatus: undefined;
+        };
+    };
 };
 
 declare const Suggestions: {
@@ -737,4 +707,4 @@ type Args = {
 };
 declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element;
 
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useRealtimeWebRTCAudioRuntime, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, AudioRuntime, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
@@ -8,13 +8,11 @@ import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
 import * as openai_resources from 'openai/resources';
-import * as react_use_audio_player from 'react-use-audio-player';
-import { UseAudioCaptureProps } from 'use-audio-capture';
 import OpenAI from 'openai';
 import remarkGfm from 'remark-gfm';
 import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta/threads/runs/steps';
 
-type Args$a = {
+type Args$9 = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -26,7 +24,7 @@ type Args$a = {
     };
     threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$a) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -39,14 +37,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$9 = Args$a;
+type Args$8 = Args$9;
 
-type Args$8 = Args$9 & StyleProps;
+type Args$7 = Args$8 & StyleProps;
 
-type Args$7 = Omit<Args$8, 'children'>;
+type Args$6 = Omit<Args$7, 'children'>;
 declare const Thread: {
-    (props: Args$7): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, className, ...rest }: Args$8) => react_jsx_runtime.JSX.Element;
+    (props: Args$6): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, className, style, }: {
             children?: React.ReactNode;
@@ -338,10 +336,10 @@ declare const useMessageFormContext: () => {
 
 declare const useIsMutatingMessage: () => boolean;
 
-type Args$6 = {
+type Args$5 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$6) => {
+declare const useAssistant: ({ assistantId, }: Args$5) => {
     assistant: any;
     data: any;
     error: Error;
@@ -509,6 +507,11 @@ declare const ThreadDialogContext: react.Context<{
     setIsOpen: Dispatch<SetStateAction<boolean>>;
 }>;
 
+declare const useThreadDialogContext: () => {
+    isOpen: boolean;
+    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
 declare const AudioThreadDialog: {
     (props: StyleProps): react_jsx_runtime.JSX.Element;
     Root: ({ children, }: {
@@ -535,88 +538,55 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$5 = {
+type Args$4 = {
     children: React.ReactNode;
     play?: (args: PlayArgs) => void;
+    audioRuntime?: AudioRuntime;
 } & StyleProps;
 
-type Args$4 = Omit<Args$5, 'children'>;
+type Args$3 = Omit<Args$4, 'children'>;
 declare const AudioThread: {
-    (props: Args$4): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$5) => react_jsx_runtime.JSX.Element;
+    (props: Args$3): react_jsx_runtime.JSX.Element;
+    Root: ({ children, play, className, style, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
     Visualization: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     Status: (props: StyleProps) => react_jsx_runtime.JSX.Element;
     Form: (props: StyleProps) => react_jsx_runtime.JSX.Element;
 };
 
-declare const useThreadDialogContext: () => {
-    isOpen: boolean;
-    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+declare const useAudioThreadContext: () => {
+    audioRuntime: AudioRuntime | null;
 };
 
-declare const useMessageAudio: ({ onEnd, play: passedPlay, }: {
-    onEnd: () => void;
+declare const useTtsAudioRuntime: ({ play, }: {
     play?: (args: PlayArgs) => void;
 }) => {
-    visualizationAnalyser: AnalyserNode | null;
-    play: () => void;
-    pause: () => void;
-    togglePlayPause: () => void;
-    stop: () => void;
-    setVolume: (volume: number) => void;
-    fade: (from: number, to: number, duration: number) => void;
-    setRate: (speed: number) => void;
-    seek: (seconds: number) => void;
-    mute: (muteOnOff: boolean) => void;
-    loop: (loopOnOff: boolean) => void;
-    getPosition: () => number;
-    load: (...args: react_use_audio_player.LoadArguments) => void;
-    src: string | null;
-    looping: boolean;
-    isReady: boolean;
-    isLoading: boolean;
-    paused: boolean;
-    stopped: boolean;
-    playing: boolean;
-    duration: number;
-    muted: boolean;
-    rate: number;
-    volume: number;
-    error: string | null;
-    cleanup: VoidFunction;
-    isPending: boolean;
-    isAudioPlayed: boolean;
+    ttsAudioRuntime: AudioRuntime;
 };
 
-type Args$3 = UseAudioCaptureProps & {
-    isStopOnSilence: boolean;
-};
-declare const useRecorder: ({ isStopOnSilence, onStart, onStop, }: Args$3) => {
-    status: "paused" | "idle" | "recording" | "stopped";
-    visualizationAnalyser: AnalyserNode | null;
-    start: () => Promise<void>;
-    stop: () => Promise<void>;
-    pause: () => Promise<void>;
-    resume: () => Promise<void>;
-};
-
-declare const statusMessages: {
-    recording: string;
-    creatingMessage: string;
-    runActive: string;
-    playing: string;
-    loading: string;
-    idle: string;
-    recorderPaused: string;
-    playerPaused: string;
-    acquiringMedia: string;
-    other: string;
-};
-
-declare const useAudioThreadContext: () => {
-    status: keyof typeof statusMessages;
-    recorderProps: ReturnType<typeof useRecorder>;
-    messageAudioProps: ReturnType<typeof useMessageAudio>;
+declare const useRealtimeWebRTCAudioRuntime: () => {
+    realtimeWebRTCAudioRuntime: {
+        user: {
+            start: () => Promise<void>;
+            pause: () => Promise<void>;
+            resume: () => Promise<void>;
+            stop: () => Promise<void>;
+            isPending: boolean;
+            visualizationAnalyser: AnalyserNode | null;
+            rawStatus: "paused" | "idle" | "recording" | "stopped";
+        };
+        assistant: {
+            play: () => Promise<void>;
+            pause: () => Promise<void>;
+            stop: () => Promise<void>;
+            visualizationAnalyser: AnalyserNode | null;
+            playing: boolean;
+            paused: boolean;
+            isPending: boolean;
+            isReady: boolean;
+            isAudioPlayed: boolean;
+            rawStatus: undefined;
+        };
+    };
 };
 
 declare const Suggestions: {
@@ -737,4 +707,4 @@ type Args = {
 };
 declare const AssistantProvider: ({ children, }: Args) => react_jsx_runtime.JSX.Element;
 
-export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
+export { AssistantAvatarContext, AssistantNameContext, AssistantProvider, AudioThread, AudioThreadDialog, Avatar, ComponentsProvider, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, RunStep, SourceAnnotation, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useRealtimeWebRTCAudioRuntime, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext, useTtsAudioRuntime };