@superinterface/react 2.2.0 → 2.4.0

package/dist/index.js

@@ -2858,36 +2858,71 @@ 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
             ]);
         });
-        audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/tts?input=").concat(input2), {
+        var searchParams = new URLSearchParams(_object_spread({
+            input: firstUnplayedMessageSentence.sentence
+        }, isHtmlAudioSupported && superinterfaceContext.publicApiKey ? {
+            publicApiKey: superinterfaceContext.publicApiKey
+        } : {}));
+        audioPlayer.load("".concat(superinterfaceContext.baseUrl, "/tts?").concat(searchParams), _object_spread({
             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: {
                     Authorization: "Bearer ".concat(superinterfaceContext.publicApiKey)
@@ -2895,16 +2930,17 @@ var useMessageAudio = function(param) {
             } : {}), {
                 withCredentials: true
             })
-        });
+        }));
     }, [
+        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;