@superinterface/react 3.7.1 → 3.7.3-beta.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, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.cjs';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, 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,11 +8,13 @@ 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$9 = {
+type Args$a = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -24,7 +26,7 @@ type Args$9 = {
     };
     threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$a) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -37,14 +39,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$8 = Args$9;
+type Args$9 = Args$a;
 
-type Args$7 = Args$8 & StyleProps;
+type Args$8 = Args$9 & StyleProps;
 
-type Args$6 = Omit<Args$7, 'children'>;
+type Args$7 = Omit<Args$8, 'children'>;
 declare const Thread: {
-    (props: Args$6): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
+    (props: Args$7): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, className, ...rest }: Args$8) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, className, style, }: {
             children?: React.ReactNode;
@@ -336,10 +338,10 @@ declare const useMessageFormContext: () => {
 
 declare const useIsMutatingMessage: () => boolean;
 
-type Args$5 = {
+type Args$6 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$5) => {
+declare const useAssistant: ({ assistantId, }: Args$6) => {
     assistant: any;
     data: any;
     error: Error;
@@ -533,14 +535,15 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$4 = {
+type Args$5 = {
     children: React.ReactNode;
+    play?: (args: PlayArgs) => void;
 } & StyleProps;
 
-type Args$3 = Omit<Args$4, 'children'>;
+type Args$4 = Omit<Args$5, 'children'>;
 declare const AudioThread: {
-    (props: Args$3): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
+    (props: Args$4): react_jsx_runtime.JSX.Element;
+    Root: ({ children, ...rest }: Args$5) => 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;
@@ -551,6 +554,71 @@ declare const useThreadDialogContext: () => {
     setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
 };
 
+declare const useMessageAudio: ({ onEnd, play: passedPlay, }: {
+    onEnd: () => void;
+    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;
+};
+
+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 Suggestions: {
     ({ children, className, style, }: {
         children: React.ReactNode;
@@ -664,4 +732,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, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, 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, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, Avatar as Avatar$1, SerializedRunStep, ToolCall } from './types/index.js';
+import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseCreateMessageVariables, PlayArgs, 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,11 +8,13 @@ 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$9 = {
+type Args$a = {
     children: React.ReactNode;
     baseUrl?: string;
     variables?: {
@@ -24,7 +26,7 @@ type Args$9 = {
     };
     threadIdStorageOptions?: ThreadStorageOptions | null;
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$9) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, variables, defaultOptions, threadIdStorageOptions, }: Args$a) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
     baseUrl: string | null;
@@ -37,14 +39,14 @@ declare const useSuperinterfaceContext: () => {
     createMessageAbortControllerRef: React.MutableRefObject<AbortController | null>;
 };
 
-type Args$8 = Args$9;
+type Args$9 = Args$a;
 
-type Args$7 = Args$8 & StyleProps;
+type Args$8 = Args$9 & StyleProps;
 
-type Args$6 = Omit<Args$7, 'children'>;
+type Args$7 = Omit<Args$8, 'children'>;
 declare const Thread: {
-    (props: Args$6): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, className, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
+    (props: Args$7): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, className, ...rest }: Args$8) => react_jsx_runtime.JSX.Element;
     Messages: {
         ({ children, className, style, }: {
             children?: React.ReactNode;
@@ -336,10 +338,10 @@ declare const useMessageFormContext: () => {
 
 declare const useIsMutatingMessage: () => boolean;
 
-type Args$5 = {
+type Args$6 = {
     assistantId: string;
 };
-declare const useAssistant: ({ assistantId, }: Args$5) => {
+declare const useAssistant: ({ assistantId, }: Args$6) => {
     assistant: any;
     data: any;
     error: Error;
@@ -533,14 +535,15 @@ declare const AudioThreadDialog: {
     };
 };
 
-type Args$4 = {
+type Args$5 = {
     children: React.ReactNode;
+    play?: (args: PlayArgs) => void;
 } & StyleProps;
 
-type Args$3 = Omit<Args$4, 'children'>;
+type Args$4 = Omit<Args$5, 'children'>;
 declare const AudioThread: {
-    (props: Args$3): react_jsx_runtime.JSX.Element;
-    Root: ({ children, ...rest }: Args$4) => react_jsx_runtime.JSX.Element;
+    (props: Args$4): react_jsx_runtime.JSX.Element;
+    Root: ({ children, ...rest }: Args$5) => 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;
@@ -551,6 +554,71 @@ declare const useThreadDialogContext: () => {
     setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
 };
 
+declare const useMessageAudio: ({ onEnd, play: passedPlay, }: {
+    onEnd: () => void;
+    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;
+};
+
+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 Suggestions: {
     ({ children, className, style, }: {
         children: React.ReactNode;
@@ -664,4 +732,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, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, 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, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, UserAvatarContext, useAssistant, useAudioThreadContext, useComponents, useCreateMessage, useIsMutatingMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessageFormContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };