@superinterface/react 2.2.0 → 2.4.0

package/dist/index.cjs

@@ -2982,36 +2982,71 @@ var unsupportedNames = [
 ];
 var isHtmlAudioSupported = !unsupportedNames.includes(((_this = (0, import_detect_browser.detect)()) === null || _this === void 0 ? void 0 : _this.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 _ref = _sliced_to_array((0, import_react40.useState)([]), 2), playedMessages = _ref[0], setPlayedMessages = _ref[1];
+    var _ref = _sliced_to_array((0, import_react40.useState)([]), 2), playedMessageSentences = _ref[0], setPlayedMessageSentences = _ref[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
+    var _ref1 = _sliced_to_array((0, import_react40.useState)(false), 2), isPlaying = _ref1[0], setIsPlaying = _ref1[1];
     var latestMessageProps = useLatestMessage();
     (0, import_react40.useEffect)(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)
@@ -3019,16 +3054,17 @@ var useMessageAudio = function(param) {
             } : {}), {
                 withCredentials: true
             })
-        });
+        }));
     }, [
+        isPlaying,
         superinterfaceContext,
         latestMessageProps,
         audioPlayer,
-        playedMessages,
+        playedMessageSentences,
         onEnd
     ]);
     var isInited = (0, import_react40.useRef)(false);
-    var _ref1 = _sliced_to_array((0, import_react40.useState)(null), 2), audioEngine = _ref1[0], setAudioEngine = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react40.useState)(null), 2), audioEngine = _ref2[0], setAudioEngine = _ref2[1];
     (0, import_react40.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;