@superinterface/react 2.3.0 → 2.4.1

package/dist/index.d.cts

@@ -527,6 +527,11 @@ declare const AudioThread: {
     Form: () => react_jsx_runtime.JSX.Element;
 };
 
+declare const useThreadDialogContext: () => {
+    isOpen: boolean;
+    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
 declare const Suggestions: {
     ({ children, }: {
         children: React.ReactNode;
@@ -599,4 +604,4 @@ type Args = {
 };
 declare const FunctionBase: ({ fn, runStep, title, }: Args) => react_jsx_runtime.JSX.Element;
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages, useThreadDialogContext };

package/dist/index.d.ts

@@ -527,6 +527,11 @@ declare const AudioThread: {
     Form: () => react_jsx_runtime.JSX.Element;
 };
 
+declare const useThreadDialogContext: () => {
+    isOpen: boolean;
+    setIsOpen: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
 declare const Suggestions: {
     ({ children, }: {
         children: React.ReactNode;
@@ -599,4 +604,4 @@ type Args = {
 };
 declare const FunctionBase: ({ fn, runStep, title, }: Args) => react_jsx_runtime.JSX.Element;
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages, useThreadDialogContext };

package/dist/index.js

@@ -2858,33 +2858,57 @@ var unsupportedNames = [
 ];
 var isHtmlAudioSupported = !unsupportedNames.includes(((_detect = detect()) === null || _detect === void 0 ? void 0 : _detect.name) || "");
 // src/hooks/audioThreads/useMessageAudio/index.ts
+var SPLIT_SENTENCE_REGEX = /[^\.\?!]+[\.\?!]/g;
+var FULL_SENTENCE_REGEX = /^\s*[A-Z].*[.?!]$/;
+var getMessageSentences = function(param) {
+    var messageId = param.messageId, input2 = param.input;
+    var sentences = input2.match(SPLIT_SENTENCE_REGEX) || [];
+    return sentences.map(function(sentence) {
+        return {
+            messageId: messageId,
+            sentence: sentence
+        };
+    });
+};
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _useState4 = _sliced_to_array(useState4([]), 2), playedMessages = _useState4[0], setPlayedMessages = _useState4[1];
+    var _useState4 = _sliced_to_array(useState4([]), 2), playedMessageSentences = _useState4[0], setPlayedMessageSentences = _useState4[1];
     var audioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
+    var _useState41 = _sliced_to_array(useState4(false), 2), isPlaying = _useState41[0], setIsPlaying = _useState41[1];
     var latestMessageProps = useLatestMessage();
     useEffect5(function() {
+        if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
         if (latestMessageProps.latestMessage.role !== "assistant") return;
-        if (playedMessages.find(function(pm) {
-            return pm.id === latestMessageProps.latestMessage.id || isOptimistic({
-                id: pm.id
-            }) && pm.content === latestMessageProps.latestMessage.content;
-        })) return;
-        if (playedMessages.includes(latestMessageProps.latestMessage)) return;
         var input2 = input({
             message: latestMessageProps.latestMessage
         });
         if (!input2) return;
-        setPlayedMessages(function(prev) {
+        var messageSentences = getMessageSentences({
+            messageId: latestMessageProps.latestMessage.id,
+            input: input2
+        });
+        var unplayedMessageSentences = messageSentences.filter(function(ms) {
+            return !playedMessageSentences.find(function(pms) {
+                return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
+            });
+        });
+        var firstUnplayedMessageSentence = unplayedMessageSentences[0];
+        if (!firstUnplayedMessageSentence) {
+            return;
+        }
+        var isFullSentence = FULL_SENTENCE_REGEX.test(firstUnplayedMessageSentence.sentence);
+        if (!isFullSentence) return;
+        setIsPlaying(true);
+        setPlayedMessageSentences(function(prev) {
             return _to_consumable_array(prev).concat([
-                latestMessageProps.latestMessage
+                firstUnplayedMessageSentence
             ]);
         });
         var searchParams = new URLSearchParams(_object_spread({
-            input: input2
+            input: firstUnplayedMessageSentence.sentence
         }, isHtmlAudioSupported && superinterfaceContext.publicApiKey ? {
             publicApiKey: superinterfaceContext.publicApiKey
         } : {}));
@@ -2892,7 +2916,12 @@ var useMessageAudio = function(param) {
             format: "mp3",
             autoplay: true,
             html5: isHtmlAudioSupported,
-            onend: onEnd
+            onend: function() {
+                setIsPlaying(false);
+                if (unplayedMessageSentences.length === 1 && latestMessageProps.latestMessage.status !== "in_progress") {
+                    onEnd();
+                }
+            }
         }, isHtmlAudioSupported ? {} : {
             xhr: _object_spread_props(_object_spread({}, superinterfaceContext.publicApiKey ? {
                 headers: {
@@ -2903,14 +2932,15 @@ var useMessageAudio = function(param) {
             })
         }));
     }, [
+        isPlaying,
         superinterfaceContext,
         latestMessageProps,
         audioPlayer,
-        playedMessages,
+        playedMessageSentences,
         onEnd
     ]);
     var isInited = useRef5(false);
-    var _useState41 = _sliced_to_array(useState4(null), 2), audioEngine = _useState41[0], setAudioEngine = _useState41[1];
+    var _useState42 = _sliced_to_array(useState4(null), 2), audioEngine = _useState42[0], setAudioEngine = _useState42[1];
     useEffect5(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;
@@ -3418,5 +3448,5 @@ var MarkdownProvider = function(_param) {
         children: children
     });
 };
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, MarkdownProvider, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useLatestMessage, useMarkdownContext, useMessageContext, useMessages, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadDialogContext };
 //# sourceMappingURL=index.js.map