@superinterface/react 2.3.0 → 2.4.0

package/dist/index.cjs

@@ -2982,33 +2982,57 @@ 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
             ]);
         });
         var searchParams = new URLSearchParams(_object_spread({
-            input: input2
+            input: firstUnplayedMessageSentence.sentence
         }, isHtmlAudioSupported && superinterfaceContext.publicApiKey ? {
             publicApiKey: superinterfaceContext.publicApiKey
         } : {}));
@@ -3016,7 +3040,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: {
@@ -3027,14 +3056,15 @@ var useMessageAudio = function(param) {
             })
         }));
     }, [
+        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;