@creativeorange/azure-text-to-speech 2.2.0 → 2.2.1

package/dist/co-azure-tts.es.js

@@ -8460,6 +8460,7 @@ class TextToSpeech {
     __publicField(this, "prefetchedAudio", /* @__PURE__ */ new Map());
     __publicField(this, "prefetchPromises", /* @__PURE__ */ new Map());
     __publicField(this, "activePrefetchedAudioUrl", "");
+    __publicField(this, "playbackSegments", []);
     this.key = key;
     this.region = region;
     this.voice = voice;
@@ -8630,6 +8631,8 @@ class TextToSpeech {
     this.originalHighlightDivInnerHTML = "";
     this.wordBoundryList = [];
     this.wordEncounters = [];
+    this.resetPlaybackSegments();
+    this.playbackSegments = [];
     if (this.player !== void 0) {
       this.player.pause();
     }
@@ -8651,8 +8654,20 @@ class TextToSpeech {
     this.synthesizer.wordBoundary = (s, e) => {
       this.wordBoundryList.push(e);
     };
+    const playbackChain = this.collectPlaybackChain(this.clickedNode);
+    const isChainedPlayback = playbackChain.length > 1;
+    if (isChainedPlayback) {
+      this.preparePlaybackChain(playbackChain);
+    } else {
+      this.playbackSegments = [];
+    }
     this.player.onAudioEnd = async () => {
+      const wasChainedPlayback = this.playbackSegments.length > 0;
       this.stopPlayer();
+      if (wasChainedPlayback) {
+        document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
+        return;
+      }
       if (this.clickedNode.hasAttribute("co-tts.next")) {
         const nextNode = document.getElementById(this.clickedNode.getAttribute("co-tts.next"));
         if (nextNode && await this.playPrefetchedNode(nextNode)) {
@@ -8670,7 +8685,9 @@ class TextToSpeech {
     this.player.onAudioStart = async () => {
       document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
     };
-    this.prefetchNextNode(this.clickedNode);
+    if (!isChainedPlayback) {
+      this.prefetchNextNode(this.clickedNode);
+    }
     this.synthesizer.speakSsmlAsync(
       this.buildSSML(this.textToRead),
       () => {
@@ -8683,6 +8700,94 @@ class TextToSpeech {
       }
     );
   }
+  collectPlaybackChain(node) {
+    var _a, _b;
+    const chain = [];
+    const seenNodeIds = /* @__PURE__ */ new Set();
+    let currentNode = node;
+    let offset = 0;
+    while (currentNode && !seenNodeIds.has(currentNode.id)) {
+      seenNodeIds.add(currentNode.id);
+      const attr = (_a = currentNode.attributes.getNamedItem("co-tts.text")) != null ? _a : currentNode.attributes.getNamedItem("co-tts");
+      const text = this.getNodeText(currentNode, attr);
+      if (text === "") {
+        break;
+      }
+      const highlightDiv = this.getHighlightDivForNode(currentNode);
+      chain.push({
+        node: currentNode,
+        text,
+        start: offset,
+        end: offset + text.length,
+        highlightDiv,
+        originalHighlightDivInnerHTML: (_b = highlightDiv == null ? void 0 : highlightDiv.innerHTML) != null ? _b : ""
+      });
+      offset += text.length + 2;
+      if (!currentNode.hasAttribute("co-tts.next")) {
+        break;
+      }
+      currentNode = document.getElementById(currentNode.getAttribute("co-tts.next"));
+    }
+    return chain;
+  }
+  preparePlaybackChain(chain) {
+    this.playbackSegments = chain;
+    this.textToRead = chain.map((segment) => segment.text).join(". ");
+    this.highlightDiv = void 0;
+    this.originalHighlightDivInnerHTML = "";
+    this.wordEncounters = [];
+    this.previousWordBoundary = void 0;
+    this.prevTextOffset = 0;
+    this.currentWord = "";
+    this.currentOffset = 0;
+    this.wordBoundaryOffset = 0;
+  }
+  getHighlightDivForNode(node) {
+    var _a;
+    if (!node.hasAttribute("co-tts.highlight")) {
+      return void 0;
+    }
+    if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
+      return document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+    }
+    return node;
+  }
+  resetPlaybackSegments() {
+    this.playbackSegments.forEach((segment) => {
+      if (segment.highlightDiv) {
+        segment.highlightDiv.innerHTML = segment.originalHighlightDivInnerHTML;
+      }
+    });
+  }
+  updateChainedHighlight(wordBoundary) {
+    var _a;
+    if (~[".", ",", "!", "?", "*", "(", ")", "&", "\\", "/", "^", "[", "]", "<", ">", ":"].indexOf(wordBoundary.text)) {
+      wordBoundary = (_a = this.previousWordBoundary) != null ? _a : void 0;
+    }
+    if (!wordBoundary) {
+      this.resetPlaybackSegments();
+      return;
+    }
+    const segment = this.playbackSegments.find((candidate) => wordBoundary.textOffset >= candidate.start && wordBoundary.textOffset < candidate.end);
+    this.resetPlaybackSegments();
+    if (!(segment == null ? void 0 : segment.highlightDiv)) {
+      this.previousWordBoundary = wordBoundary;
+      return;
+    }
+    const relativeTextOffset = wordBoundary.textOffset - segment.start;
+    const currentOffset = this.getPosition(segment.originalHighlightDivInnerHTML, wordBoundary.text, relativeTextOffset);
+    if (currentOffset === Number.MAX_SAFE_INTEGER) {
+      this.previousWordBoundary = wordBoundary;
+      return;
+    }
+    const startOfString = segment.originalHighlightDivInnerHTML.substring(0, currentOffset);
+    const endOffset = currentOffset + wordBoundary.wordLength;
+    const endOfString = segment.originalHighlightDivInnerHTML.substring(endOffset);
+    segment.highlightDiv.innerHTML = `
+            ${startOfString}<mark class='co-tts-highlight'>${wordBoundary.text}</mark>${endOfString}
+        `;
+    this.previousWordBoundary = wordBoundary;
+  }
   getNodeText(node, attr) {
     var _a;
     if (attr && attr.value !== "") {
@@ -8844,6 +8949,10 @@ class TextToSpeech {
           }
         }
         if (wordBoundary !== void 0) {
+          if (this.playbackSegments.length > 0) {
+            this.updateChainedHighlight(wordBoundary);
+            return;
+          }
           if (~[".", ",", "!", "?", "*", "(", ")", "&", "\\", "/", "^", "[", "]", "<", ">", ":"].indexOf(wordBoundary.text)) {
             wordBoundary = (_a = this.previousWordBoundary) != null ? _a : void 0;
           }