@creativeorange/azure-text-to-speech 2.2.3 → 3.0.1

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

@@ -4,6 +4,193 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+const DEFAULT_TOKEN_LIFETIME_MS = 8 * 60 * 1e3;
+function createSpeechAuthorizationProvider(options) {
+  var _a;
+  const hasTokenEndpoint = typeof options.tokenEndpoint === "string" && options.tokenEndpoint.trim() !== "";
+  const hasProvider = typeof options.getAuthorizationToken === "function";
+  if (hasTokenEndpoint && hasProvider) {
+    throw new Error(
+      "Provide either tokenEndpoint or getAuthorizationToken, not both."
+    );
+  }
+  if (!hasTokenEndpoint && !hasProvider) {
+    throw new Error(
+      "A tokenEndpoint or getAuthorizationToken provider is required."
+    );
+  }
+  if (hasProvider) {
+    return options.getAuthorizationToken;
+  }
+  const tokenEndpoint = options.tokenEndpoint.trim();
+  const requestOptions = (_a = options.tokenRequestOptions) != null ? _a : {};
+  return async () => {
+    var _a2, _b, _c;
+    let response;
+    try {
+      response = await fetch(tokenEndpoint, {
+        method: "GET",
+        cache: (_a2 = requestOptions.cache) != null ? _a2 : "no-store",
+        credentials: (_b = requestOptions.credentials) != null ? _b : "same-origin",
+        headers: {
+          Accept: "application/json",
+          ...(_c = requestOptions.headers) != null ? _c : {}
+        }
+      });
+    } catch {
+      throw createSafeError(
+        "Could not reach the speech token endpoint.",
+        "TOKEN_ENDPOINT_UNREACHABLE"
+      );
+    }
+    if (!response.ok) {
+      throw createSafeError(
+        `Speech token endpoint returned HTTP ${response.status}.`,
+        "TOKEN_ENDPOINT_HTTP_ERROR"
+      );
+    }
+    let payload;
+    try {
+      payload = await response.json();
+    } catch {
+      throw createSafeError(
+        "Speech token endpoint returned invalid JSON.",
+        "TOKEN_ENDPOINT_INVALID_JSON"
+      );
+    }
+    return validateSpeechAuthorization(payload);
+  };
+}
+function validateSpeechAuthorization(value) {
+  if (!value || typeof value !== "object") {
+    throw createSafeError(
+      "Speech authorization response must be an object.",
+      "TOKEN_INVALID_RESPONSE"
+    );
+  }
+  const candidate = value;
+  const token = typeof candidate.token === "string" ? candidate.token.trim() : "";
+  const region = typeof candidate.region === "string" ? candidate.region.trim() : "";
+  if (token === "") {
+    throw createSafeError(
+      "Speech authorization token is missing or empty.",
+      "TOKEN_EMPTY"
+    );
+  }
+  if (region === "") {
+    throw createSafeError(
+      "Speech authorization region is missing or empty.",
+      "TOKEN_REGION_MISSING"
+    );
+  }
+  return { token, region };
+}
+function createSafeError(message, code) {
+  const error = new Error(sanitizeErrorText(message));
+  error.message = sanitizeErrorText(message);
+  if (code) {
+    error.code = code;
+  }
+  return error;
+}
+function toSafeErrorDetail(error) {
+  if (typeof error === "string") {
+    const message = error.trim() !== "" ? sanitizeErrorText(error) : "An unexpected speech error occurred.";
+    return { message };
+  }
+  if (error && typeof error === "object") {
+    const candidate = error;
+    const rawMessage = [
+      typeof candidate.message === "string" ? candidate.message : "",
+      typeof candidate.errorDetails === "string" ? candidate.errorDetails : "",
+      typeof candidate.reason === "string" ? candidate.reason : ""
+    ].filter((part) => part.trim() !== "").join(" ");
+    const message = rawMessage !== "" ? sanitizeErrorText(rawMessage) : "An unexpected speech error occurred.";
+    const detail = { message };
+    if (typeof candidate.code === "string" && candidate.code.trim() !== "") {
+      detail.code = candidate.code;
+    } else if (typeof candidate.code === "number") {
+      detail.code = String(candidate.code);
+    }
+    return detail;
+  }
+  return {
+    message: "An unexpected speech error occurred."
+  };
+}
+function sanitizeErrorText(message) {
+  return message.replace(/Authorization\s*:\s*Bearer\s+\S+/gi, "Authorization: Bearer [redacted]").replace(/Bearer\s+\S+/gi, "Bearer [redacted]").replace(
+    /authorization[_-]?token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "authorizationToken=[redacted]"
+  ).replace(
+    /access[_-]?token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "accessToken=[redacted]"
+  ).replace(
+    /["']token["']\s*:\s*["'][^"']+["']/gi,
+    '"token":"[redacted]"'
+  ).replace(
+    /token["']?\s*[:=]\s*["']?[^"',\s}]+/gi,
+    "token=[redacted]"
+  );
+}
+function isLikelyAuthorizationError(error) {
+  var _a;
+  const detail = toSafeErrorDetail(error);
+  const haystack = `${detail.message} ${(_a = detail.code) != null ? _a : ""}`.toLowerCase();
+  return haystack.includes("unauthorized") || haystack.includes("authentication") || haystack.includes("authorization") || haystack.includes("invalid token") || haystack.includes("token expired") || haystack.includes("expired token") || haystack.includes("403") || haystack.includes("401") || detail.code === "TOKEN_REFRESH_ERROR";
+}
+class SpeechAuthorizationManager {
+  constructor(options) {
+    __publicField(this, "authorization");
+    __publicField(this, "authorizationExpiresAt", 0);
+    __publicField(this, "authorizationRequest");
+    __publicField(this, "provider");
+    __publicField(this, "tokenLifetimeMs");
+    this.provider = createSpeechAuthorizationProvider(options);
+    this.tokenLifetimeMs = options.tokenLifetimeMs && options.tokenLifetimeMs > 0 ? options.tokenLifetimeMs : DEFAULT_TOKEN_LIFETIME_MS;
+  }
+  getTokenLifetimeMs() {
+    return this.tokenLifetimeMs;
+  }
+  async getAuthorization() {
+    if (this.authorization && Date.now() < this.authorizationExpiresAt) {
+      return this.authorization;
+    }
+    if (this.authorizationRequest) {
+      return this.authorizationRequest;
+    }
+    this.authorizationRequest = this.fetchAuthorization().then((authorization) => {
+      this.authorization = authorization;
+      this.authorizationExpiresAt = Date.now() + this.tokenLifetimeMs;
+      return authorization;
+    }).finally(() => {
+      this.authorizationRequest = void 0;
+    });
+    return this.authorizationRequest;
+  }
+  async refreshAuthorization() {
+    this.authorization = void 0;
+    this.authorizationExpiresAt = 0;
+    if (this.authorizationRequest) {
+      return this.authorizationRequest;
+    }
+    return this.getAuthorization();
+  }
+  clearAuthorization() {
+    this.authorization = void 0;
+    this.authorizationExpiresAt = 0;
+  }
+  async fetchAuthorization() {
+    try {
+      const authorization = await this.provider();
+      return validateSpeechAuthorization(authorization);
+    } catch (error) {
+      this.clearAuthorization();
+      const detail = toSafeErrorDetail(error);
+      throw createSafeError(detail.message, detail.code);
+    }
+  }
+}
 var ws = {};
 var getRandomValues;
 var rnds8 = new Uint8Array(16);
@@ -1079,7 +1266,7 @@ class Timeout {
         throw new Error(message);
       }
     });
-    const clearTimeout = (timerId) => {
+    const clearTimeout2 = (timerId) => {
       const id = Math.random();
       unhandledRequests.set(id, timerId);
       scheduledTimeoutFunctions.set(timerId, id);
@@ -1104,7 +1291,7 @@ class Timeout {
       return timerId;
     };
     return {
-      clearTimeout,
+      clearTimeout: clearTimeout2,
       setTimeout: setTimeout2
     };
   }
@@ -8351,16 +8538,23 @@ class RestMessageAdapter {
   }
 }
 class SpeechToText {
-  constructor(key, region, sourceLanguage, targetLanguage = null) {
-    __publicField(this, "key");
-    __publicField(this, "region");
+  constructor(options) {
+    __publicField(this, "region", "");
     __publicField(this, "sourceLanguage");
     __publicField(this, "targetLanguage");
     __publicField(this, "recognizer");
-    this.key = key;
-    this.region = region;
-    this.sourceLanguage = sourceLanguage;
-    this.targetLanguage = targetLanguage !== null ? targetLanguage : sourceLanguage;
+    __publicField(this, "authorizationManager");
+    __publicField(this, "authorizationRefreshIntervalMs");
+    __publicField(this, "authorizationRefreshTimer");
+    __publicField(this, "stopPromise");
+    var _a;
+    if (!options || typeof options.sourceLanguage !== "string" || options.sourceLanguage.trim() === "") {
+      throw new Error("A sourceLanguage is required.");
+    }
+    this.authorizationManager = new SpeechAuthorizationManager(options);
+    this.authorizationRefreshIntervalMs = options.tokenLifetimeMs && options.tokenLifetimeMs > 0 ? options.tokenLifetimeMs : DEFAULT_TOKEN_LIFETIME_MS;
+    this.sourceLanguage = options.sourceLanguage;
+    this.targetLanguage = (_a = options.targetLanguage) != null ? _a : options.sourceLanguage;
   }
   async start() {
     await this.registerBindings(document);
@@ -8374,9 +8568,15 @@ class SpeechToText {
       const currentNode = nodes[i];
       if (currentNode.attributes) {
         if (currentNode.attributes.getNamedItem("co-stt.start")) {
-          await this.handleStartModifier(currentNode, currentNode.attributes.getNamedItem("co-stt.start"));
+          await this.handleStartModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-stt.start")
+          );
         } else if (currentNode.attributes.getNamedItem("co-stt.stop")) {
-          await this.handleStopModifier(currentNode, currentNode.attributes.getNamedItem("co-stt.stop"));
+          await this.handleStopModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-stt.stop")
+          );
         }
       }
       if (currentNode.childNodes.length > 0) {
@@ -8384,59 +8584,163 @@ class SpeechToText {
       }
     }
   }
+  async createSpeechTranslationConfig() {
+    const authorization = await this.authorizationManager.getAuthorization();
+    const speechConfig = SpeechTranslationConfig.fromAuthorizationToken(
+      authorization.token,
+      authorization.region
+    );
+    speechConfig.speechRecognitionLanguage = this.sourceLanguage;
+    speechConfig.addTargetLanguage(
+      this.targetLanguage
+    );
+    this.region = authorization.region;
+    return speechConfig;
+  }
   async handleStartModifier(node, attr) {
     node.addEventListener("click", async (_) => {
-      const speechConfig = SpeechTranslationConfig.fromSubscription(this.key, this.region);
-      speechConfig.speechRecognitionLanguage = this.sourceLanguage;
-      speechConfig.addTargetLanguage(this.targetLanguage);
-      const audioConfig = AudioConfig.fromDefaultMicrophoneInput();
-      this.recognizer = new TranslationRecognizer(speechConfig, audioConfig);
-      document.dispatchEvent(new CustomEvent("COAzureSTTStartedRecording", {}));
-      const prevResults = [];
-      this.recognizer.recognizing = (sender, event) => {
-        const result = event.result;
-        if (result && result.reason === ResultReason.TranslatingSpeech) {
-          const translation = result.translations.get(this.targetLanguage);
-          prevResults["result_" + result.privOffset.toString()] = translation;
-          const totalResult = Object.values(prevResults).join(". ");
-          const inputElement = document.getElementById(attr.value);
-          if (inputElement !== null) {
-            if (inputElement instanceof HTMLInputElement) {
-              inputElement.value = `${totalResult} `;
-            } else {
-              inputElement.innerHTML = `${totalResult} `;
+      try {
+        await this.stop();
+        const speechConfig = await this.createSpeechTranslationConfig();
+        const audioConfig = AudioConfig.fromDefaultMicrophoneInput();
+        this.recognizer = new TranslationRecognizer(speechConfig, audioConfig);
+        document.dispatchEvent(new CustomEvent("COAzureSTTStartedRecording", {}));
+        const prevResults = {};
+        this.recognizer.recognizing = (_sender, event) => {
+          const result = event.result;
+          if (result && result.reason === ResultReason.TranslatingSpeech) {
+            const translation = result.translations.get(this.targetLanguage);
+            prevResults["result_" + result.privOffset.toString()] = translation;
+            const totalResult = Object.values(prevResults).join(". ");
+            const inputElement = document.getElementById(attr.value);
+            if (inputElement !== null) {
+              if (inputElement instanceof HTMLInputElement) {
+                inputElement.value = `${totalResult} `;
+              } else {
+                inputElement.innerHTML = `${totalResult} `;
+              }
             }
           }
+        };
+        this.recognizer.startContinuousRecognitionAsync(
+          () => {
+            this.scheduleAuthorizationRefresh();
+          },
+          (err) => {
+            if (isLikelyAuthorizationError(err)) {
+              this.authorizationManager.clearAuthorization();
+            }
+            this.dispatchError(err, "RECOGNITION_ERROR");
+            void this.stop();
+          }
+        );
+      } catch (error) {
+        this.clearAuthorizationRefreshTimer();
+        if (isLikelyAuthorizationError(error)) {
+          this.authorizationManager.clearAuthorization();
         }
-      };
-      this.recognizer.startContinuousRecognitionAsync(
-        (result) => {
-        },
-        (err) => {
-          console.log(err);
-          this.stop();
-        }
-      );
+        this.dispatchError(error);
+        await this.stop();
+      }
     });
   }
-  async handleStopModifier(node, attr) {
+  async handleStopModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
       await this.stop();
     });
   }
   async stop() {
-    if (this.recognizer !== void 0) {
-      this.recognizer.stopContinuousRecognitionAsync();
-      this.recognizer.close();
-      this.recognizer = void 0;
+    if (this.stopPromise) {
+      return this.stopPromise;
+    }
+    this.clearAuthorizationRefreshTimer();
+    const recognizer = this.recognizer;
+    if (!recognizer) {
+      return;
     }
-    document.dispatchEvent(new CustomEvent("COAzureSTTStoppedRecording", {}));
+    this.recognizer = void 0;
+    this.stopPromise = this.stopRecognizer(recognizer).finally(() => {
+      this.stopPromise = void 0;
+      document.dispatchEvent(
+        new CustomEvent("COAzureSTTStoppedRecording", {})
+      );
+    });
+    return this.stopPromise;
+  }
+  scheduleAuthorizationRefresh() {
+    this.clearAuthorizationRefreshTimer();
+    this.authorizationRefreshTimer = setTimeout(async () => {
+      if (!this.recognizer) {
+        return;
+      }
+      try {
+        const authorization = await this.authorizationManager.refreshAuthorization();
+        if (!this.recognizer) {
+          return;
+        }
+        this.recognizer.authorizationToken = authorization.token;
+        this.region = authorization.region;
+        this.scheduleAuthorizationRefresh();
+      } catch (error) {
+        this.dispatchError(error, "TOKEN_REFRESH_ERROR");
+        await this.stop();
+      }
+    }, this.authorizationRefreshIntervalMs);
+  }
+  clearAuthorizationRefreshTimer() {
+    if (!this.authorizationRefreshTimer) {
+      return;
+    }
+    clearTimeout(this.authorizationRefreshTimer);
+    this.authorizationRefreshTimer = void 0;
+  }
+  stopRecognizer(recognizer) {
+    return new Promise((resolve) => {
+      let closed = false;
+      const closeOnce = () => {
+        if (closed) {
+          resolve();
+          return;
+        }
+        closed = true;
+        try {
+          recognizer.close();
+        } catch {
+        } finally {
+          resolve();
+        }
+      };
+      try {
+        recognizer.stopContinuousRecognitionAsync(
+          () => {
+            closeOnce();
+          },
+          () => {
+            closeOnce();
+          }
+        );
+      } catch {
+        closeOnce();
+      }
+    });
+  }
+  dispatchError(error, code) {
+    const detail = toSafeErrorDetail(error);
+    if (code && !detail.code) {
+      detail.code = code;
+    }
+    document.dispatchEvent(
+      new CustomEvent("COAzureSTTError", {
+        detail: {
+          error: detail
+        }
+      })
+    );
   }
 }
 class TextToSpeech {
-  constructor(key, region, voice, rate = 0, pitch = 0, url = "") {
-    __publicField(this, "key");
-    __publicField(this, "region");
+  constructor(options) {
+    __publicField(this, "region", "");
     __publicField(this, "voice");
     __publicField(this, "rate");
     __publicField(this, "pitch");
@@ -8462,12 +8766,17 @@ class TextToSpeech {
     __publicField(this, "prefetchPromises", /* @__PURE__ */ new Map());
     __publicField(this, "activePrefetchedAudioUrl", "");
     __publicField(this, "playbackSegments", []);
-    this.key = key;
-    this.region = region;
-    this.voice = voice;
-    this.rate = rate;
-    this.pitch = pitch;
-    this.url = url;
+    __publicField(this, "authorizationManager");
+    __publicField(this, "stopPromise");
+    var _a, _b, _c;
+    if (!options || typeof options.voice !== "string" || options.voice.trim() === "") {
+      throw new Error("A voice is required.");
+    }
+    this.authorizationManager = new SpeechAuthorizationManager(options);
+    this.voice = options.voice;
+    this.rate = (_a = options.rate) != null ? _a : 0;
+    this.pitch = (_b = options.pitch) != null ? _b : 0;
+    this.url = (_c = options.url) != null ? _c : "";
   }
   async start() {
     await this.registerBindings(document);
@@ -8496,17 +8805,35 @@ class TextToSpeech {
       const currentNode = nodes[i];
       if (currentNode.attributes) {
         if (currentNode.attributes.getNamedItem("co-tts.id")) {
-          await this.handleIdModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.id"));
+          await this.handleIdModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.id")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.ajax")) {
-          await this.handleAjaxModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.ajax"));
+          await this.handleAjaxModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.ajax")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts")) {
-          await this.handleDefault(currentNode, currentNode.attributes.getNamedItem("co-tts"));
+          await this.handleDefault(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.stop")) {
-          await this.handleStopModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.stop"));
+          await this.handleStopModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.stop")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.resume")) {
-          await this.handleResumeModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.resume"));
+          await this.handleResumeModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.resume")
+          );
         } else if (currentNode.attributes.getNamedItem("co-tts.pause")) {
-          await this.handlePauseModifier(currentNode, currentNode.attributes.getNamedItem("co-tts.pause"));
+          await this.handlePauseModifier(
+            currentNode,
+            currentNode.attributes.getNamedItem("co-tts.pause")
+          );
         }
       }
       if (currentNode.childNodes.length > 0) {
@@ -8516,8 +8843,8 @@ class TextToSpeech {
   }
   async handleIdModifier(node, attr) {
     node.addEventListener("click", async (_) => {
-      var _a, _b;
-      this.stopPlayer();
+      var _a, _b, _c, _d, _e, _f;
+      await this.stopPlayer();
       await this.createInterval();
       const referenceDiv = document.getElementById(attr.value);
       this.clickedNode = referenceDiv;
@@ -8527,65 +8854,69 @@ class TextToSpeech {
       if (referenceDiv.hasAttribute("co-tts.text") && referenceDiv.getAttribute("co-tts.text") !== "") {
         this.textToRead = (_a = referenceDiv.getAttribute("co-tts.text")) != null ? _a : "";
       } else {
-        this.textToRead = referenceDiv.innerText;
+        this.textToRead = (_c = (_b = referenceDiv.innerText) != null ? _b : referenceDiv.textContent) != null ? _c : "";
       }
       if (referenceDiv.hasAttribute("co-tts.highlight")) {
-        if (((_b = referenceDiv.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _b.value) !== "") {
-          const newReferenceDiv = document.getElementById(referenceDiv.attributes.getNamedItem("co-tts.highlight").value);
+        const highlightTarget = (_e = (_d = referenceDiv.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _d.value) != null ? _e : "";
+        if (highlightTarget !== "") {
+          const newReferenceDiv = document.getElementById(highlightTarget);
           this.highlightDiv = newReferenceDiv;
-          this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
+          this.originalHighlightDivInnerHTML = (_f = newReferenceDiv == null ? void 0 : newReferenceDiv.innerHTML) != null ? _f : "";
         } else {
           this.highlightDiv = referenceDiv;
           this.originalHighlightDivInnerHTML = referenceDiv.innerHTML;
         }
       }
-      this.startSynthesizer(node, attr);
+      await this.startSynthesizer(node, attr);
     });
   }
   async handleAjaxModifier(node, attr) {
     node.addEventListener("click", async (_) => {
-      this.stopPlayer();
+      await this.stopPlayer();
       await this.createInterval();
       this.clickedNode = node;
       const response = await fetch(attr.value, {
         method: `GET`
       });
       this.textToRead = await response.text();
-      this.startSynthesizer(node, attr);
+      await this.startSynthesizer(node, attr);
     });
   }
   async handleDefault(node, attr) {
     node.addEventListener("click", async (_) => {
-      var _a;
-      this.stopPlayer();
+      var _a, _b, _c, _d, _e;
+      await this.stopPlayer();
       await this.createInterval();
       this.clickedNode = node;
       if (node.hasAttribute("co-tts.highlight")) {
-        if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
-          const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const highlightTarget = (_b = (_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) != null ? _b : "";
+        if (highlightTarget !== "") {
+          const newReferenceDiv = document.getElementById(highlightTarget);
           this.highlightDiv = newReferenceDiv;
-          this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
+          this.originalHighlightDivInnerHTML = (_c = newReferenceDiv == null ? void 0 : newReferenceDiv.innerHTML) != null ? _c : "";
         } else {
           this.highlightDiv = node;
           this.originalHighlightDivInnerHTML = node.innerHTML;
         }
       }
       if (attr.value === "") {
-        this.textToRead = node.innerText;
+        this.textToRead = (_e = (_d = node.innerText) != null ? _d : node.textContent) != null ? _e : "";
       } else {
         this.textToRead = attr.value;
       }
-      this.startSynthesizer(node, attr);
+      await this.startSynthesizer(node, attr);
     });
   }
   async handleWithoutClick(node, attr) {
-    var _a;
-    this.stopPlayer();
+    var _a, _b, _c;
+    await this.stopPlayer();
     await this.createInterval();
     this.clickedNode = node;
     if (node.hasAttribute("co-tts.highlight")) {
       if (((_a = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _a.value) !== "") {
-        const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const newReferenceDiv = document.getElementById(
+          node.attributes.getNamedItem("co-tts.highlight").value
+        );
         this.highlightDiv = newReferenceDiv;
         if (newReferenceDiv !== null) {
           this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
@@ -8596,111 +8927,172 @@ class TextToSpeech {
       }
     }
     if (attr.value === "") {
-      this.textToRead = node.innerText;
+      this.textToRead = (_c = (_b = node.innerText) != null ? _b : node.textContent) != null ? _c : "";
     } else {
       this.textToRead = attr.value;
     }
-    this.startSynthesizer(node, attr);
+    await this.startSynthesizer(node, attr);
   }
-  async handleStopModifier(node, attr) {
+  async handleStopModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
       await this.stopPlayer();
       document.dispatchEvent(new CustomEvent("COAzureTTSStoppedPlaying", {}));
     });
   }
-  async handlePauseModifier(node, attr) {
+  async handlePauseModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
+      if (!this.player || typeof this.player.pause !== "function") {
+        return;
+      }
       await this.clearInterval();
       await this.player.pause();
       document.dispatchEvent(new CustomEvent("COAzureTTSPausedPlaying", {}));
     });
   }
-  async handleResumeModifier(node, attr) {
+  async handleResumeModifier(node, _attr) {
     node.addEventListener("click", async (_) => {
+      if (!this.player) {
+        return;
+      }
       await this.createInterval();
-      await this.player.resume();
+      if (typeof this.player.resume === "function") {
+        await this.player.resume();
+      } else if (typeof this.player.play === "function") {
+        await this.player.play();
+      } else {
+        return;
+      }
       document.dispatchEvent(new CustomEvent("COAzureTTSResumedPlaying", {}));
     });
   }
   async stopPlayer() {
+    if (this.stopPromise) {
+      return this.stopPromise;
+    }
+    this.stopPromise = this.performStopPlayer().finally(() => {
+      this.stopPromise = void 0;
+    });
+    return this.stopPromise;
+  }
+  async performStopPlayer() {
     await this.clearInterval();
     if (this.highlightDiv !== void 0) {
       this.highlightDiv.innerHTML = this.originalHighlightDivInnerHTML;
     }
+    this.resetPlaybackSegments();
+    const player = this.player;
+    const activePrefetchedAudioUrl = this.activePrefetchedAudioUrl;
+    const synthesizer = this.synthesizer;
     this.textToRead = "";
     this.currentWord = "";
     this.originalHighlightDivInnerHTML = "";
     this.wordBoundryList = [];
     this.wordEncounters = [];
-    this.resetPlaybackSegments();
     this.playbackSegments = [];
-    if (this.player !== void 0) {
-      this.player.pause();
-    }
-    if (this.activePrefetchedAudioUrl !== "") {
-      URL.revokeObjectURL(this.activePrefetchedAudioUrl);
-      this.activePrefetchedAudioUrl = "";
-    }
-    this.player = void 0;
     this.highlightDiv = void 0;
     this.prevTextOffset = 0;
     this.playbackTextOffsetBase = void 0;
-  }
-  async startSynthesizer(node, attr) {
-    this.speechConfig = SpeechConfig.fromSubscription(this.key, this.region);
-    this.speechConfig.speechSynthesisVoiceName = `Microsoft Server Speech Text to Speech Voice (${this.voice})`;
-    this.speechConfig.speechSynthesisOutputFormat = SpeechSynthesisOutputFormat.Audio24Khz160KBitRateMonoMp3;
-    this.player = new SpeakerAudioDestination();
-    this.audioConfig = AudioConfig.fromSpeakerOutput(this.player);
-    this.synthesizer = new SpeechSynthesizer(this.speechConfig, this.audioConfig);
-    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.audioConfig = void 0;
+    this.speechConfig = void 0;
+    if (this.player === player) {
+      this.player = void 0;
     }
-    this.player.onAudioEnd = async () => {
-      const wasChainedPlayback = this.playbackSegments.length > 0;
-      this.stopPlayer();
-      if (wasChainedPlayback) {
-        document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
-        return;
+    if (this.activePrefetchedAudioUrl === activePrefetchedAudioUrl) {
+      this.activePrefetchedAudioUrl = "";
+    }
+    if (this.synthesizer === synthesizer) {
+      this.synthesizer = void 0;
+    }
+    if (player !== void 0 && typeof player.pause === "function") {
+      try {
+        player.pause();
+      } catch {
       }
-      if (this.clickedNode.hasAttribute("co-tts.next")) {
-        const nextNode = document.getElementById(this.clickedNode.getAttribute("co-tts.next"));
-        if (nextNode && await this.playPrefetchedNode(nextNode)) {
+    }
+    if (activePrefetchedAudioUrl !== "") {
+      URL.revokeObjectURL(activePrefetchedAudioUrl);
+    }
+    this.closeResource(synthesizer);
+  }
+  async createSpeechConfig() {
+    const authorization = await this.authorizationManager.getAuthorization();
+    const speechConfig = SpeechConfig.fromAuthorizationToken(
+      authorization.token,
+      authorization.region
+    );
+    speechConfig.speechSynthesisVoiceName = `Microsoft Server Speech Text to Speech Voice (${this.voice})`;
+    speechConfig.speechSynthesisOutputFormat = SpeechSynthesisOutputFormat.Audio24Khz160KBitRateMonoMp3;
+    this.region = authorization.region;
+    return speechConfig;
+  }
+  async startSynthesizer(_node, _attr) {
+    try {
+      this.speechConfig = await this.createSpeechConfig();
+      this.player = new SpeakerAudioDestination();
+      this.audioConfig = AudioConfig.fromSpeakerOutput(this.player);
+      this.synthesizer = new SpeechSynthesizer(this.speechConfig, this.audioConfig);
+      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 () => {
+        var _a;
+        const clickedNode = this.clickedNode;
+        const wasChainedPlayback = this.playbackSegments.length > 0;
+        const nextNodeId = ((_a = clickedNode == null ? void 0 : clickedNode.hasAttribute) == null ? void 0 : _a.call(clickedNode, "co-tts.next")) ? clickedNode.getAttribute("co-tts.next") : null;
+        await this.stopPlayer();
+        if (wasChainedPlayback) {
+          document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
           return;
         }
-        if (nextNode && nextNode.attributes.getNamedItem("co-tts.text")) {
-          this.handleWithoutClick(nextNode, nextNode.attributes.getNamedItem("co-tts.text"));
-        } else if (nextNode) {
-          nextNode.dispatchEvent(new Event("click"));
+        if (nextNodeId) {
+          const nextNode = document.getElementById(nextNodeId);
+          if (nextNode && await this.playPrefetchedNode(nextNode)) {
+            return;
+          }
+          const nextTextAttr = nextNode == null ? void 0 : nextNode.attributes.getNamedItem("co-tts.text");
+          if (nextNode && nextTextAttr) {
+            await this.handleWithoutClick(nextNode, nextTextAttr);
+          } else if (nextNode) {
+            nextNode.dispatchEvent(new Event("click"));
+          }
+        } else {
+          document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
         }
-      } else {
-        document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
+      };
+      this.player.onAudioStart = async () => {
+        document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
+      };
+      if (!isChainedPlayback) {
+        void this.prefetchNextNode(this.clickedNode);
       }
-    };
-    this.player.onAudioStart = async () => {
-      document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
-    };
-    if (!isChainedPlayback) {
-      this.prefetchNextNode(this.clickedNode);
-    }
-    this.synthesizer.speakSsmlAsync(
-      this.buildSSML(this.textToRead),
-      () => {
-        this.synthesizer.close();
-        this.synthesizer = void 0;
-      },
-      () => {
-        this.synthesizer.close();
-        this.synthesizer = void 0;
+      this.synthesizer.speakSsmlAsync(
+        this.buildSSML(this.textToRead),
+        () => {
+          this.closeSynthesizer();
+        },
+        (error) => {
+          if (isLikelyAuthorizationError(error)) {
+            this.authorizationManager.clearAuthorization();
+          }
+          this.dispatchError(error, "SYNTHESIS_ERROR");
+          this.closeSynthesizer();
+          void this.stopPlayer();
+        }
+      );
+    } catch (error) {
+      if (isLikelyAuthorizationError(error)) {
+        this.authorizationManager.clearAuthorization();
       }
-    );
+      this.dispatchError(error);
+      await this.stopPlayer();
+    }
   }
   collectPlaybackChain(node) {
     var _a, _b;
@@ -8751,7 +9143,9 @@ class TextToSpeech {
       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 document.getElementById(
+        node.attributes.getNamedItem("co-tts.highlight").value
+      );
     }
     return node;
   }
@@ -8763,7 +9157,7 @@ class TextToSpeech {
     });
   }
   updateChainedHighlight(wordBoundary) {
-    var _a;
+    var _a, _b;
     if (~[".", ",", "!", "?", "*", "(", ")", "&", "\\", "/", "^", "[", "]", "<", ">", ":"].indexOf(wordBoundary.text)) {
       wordBoundary = (_a = this.previousWordBoundary) != null ? _a : void 0;
     }
@@ -8774,7 +9168,10 @@ class TextToSpeech {
     if (this.playbackTextOffsetBase === void 0) {
       this.playbackTextOffsetBase = wordBoundary.textOffset;
     }
-    const normalizedTextOffset = Math.max(0, wordBoundary.textOffset - this.playbackTextOffsetBase);
+    const normalizedTextOffset = Math.max(
+      0,
+      wordBoundary.textOffset - ((_b = this.playbackTextOffsetBase) != null ? _b : 0)
+    );
     const segment = this.playbackSegments.find((candidate) => normalizedTextOffset >= candidate.start && normalizedTextOffset < candidate.end);
     this.resetPlaybackSegments();
     if (!(segment == null ? void 0 : segment.highlightDiv)) {
@@ -8782,7 +9179,11 @@ class TextToSpeech {
       return;
     }
     const relativeTextOffset = normalizedTextOffset - segment.start;
-    const currentOffset = this.getPosition(segment.originalHighlightDivInnerHTML, wordBoundary.text, relativeTextOffset);
+    const currentOffset = this.getPosition(
+      segment.originalHighlightDivInnerHTML,
+      wordBoundary.text,
+      relativeTextOffset
+    );
     if (currentOffset === Number.MAX_SAFE_INTEGER) {
       this.previousWordBoundary = wordBoundary;
       return;
@@ -8796,14 +9197,14 @@ class TextToSpeech {
     this.previousWordBoundary = wordBoundary;
   }
   getNodeText(node, attr) {
-    var _a;
+    var _a, _b, _c;
     if (attr && attr.value !== "") {
       return attr.value;
     }
     if (node.hasAttribute("co-tts.text") && node.getAttribute("co-tts.text") !== "") {
       return (_a = node.getAttribute("co-tts.text")) != null ? _a : "";
     }
-    return node.innerText;
+    return (_c = (_b = node.innerText) != null ? _b : node.textContent) != null ? _c : "";
   }
   getPrefetchKey(node, text) {
     return [
@@ -8842,41 +9243,58 @@ class TextToSpeech {
     if (this.prefetchedAudio.has(key) || this.prefetchPromises.has(key)) {
       return;
     }
-    const speechConfig = SpeechConfig.fromSubscription(this.key, this.region);
-    speechConfig.speechSynthesisVoiceName = `Microsoft Server Speech Text to Speech Voice (${this.voice})`;
-    speechConfig.speechSynthesisOutputFormat = SpeechSynthesisOutputFormat.Audio24Khz160KBitRateMonoMp3;
-    const synthesizer = new SpeechSynthesizer(speechConfig, null);
-    const wordBoundryList = [];
-    synthesizer.wordBoundary = (s, e) => {
-      wordBoundryList.push(e);
-    };
-    const prefetchPromise = new Promise((resolve) => {
-      synthesizer.speakSsmlAsync(
-        this.buildSSML(text),
-        (result) => {
-          synthesizer.close();
-          if (!(result == null ? void 0 : result.audioData)) {
-            resolve(null);
-            return;
-          }
-          const blob = new Blob([result.audioData], { type: "audio/mpeg" });
-          const url = URL.createObjectURL(blob);
-          const prefetch = {
-            key,
-            nodeId: nextNode.id,
-            text,
-            url,
-            wordBoundryList
-          };
-          this.prefetchedAudio.set(key, prefetch);
-          resolve(prefetch);
-        },
-        () => {
-          synthesizer.close();
-          resolve(null);
+    let synthesizer;
+    const prefetchPromise = (async () => {
+      try {
+        const speechConfig = await this.createSpeechConfig();
+        synthesizer = new SpeechSynthesizer(speechConfig, void 0);
+        const wordBoundryList = [];
+        synthesizer.wordBoundary = (_s, e) => {
+          wordBoundryList.push(e);
+        };
+        return await new Promise((resolve) => {
+          synthesizer == null ? void 0 : synthesizer.speakSsmlAsync(
+            this.buildSSML(text),
+            (result) => {
+              this.closeResource(synthesizer);
+              synthesizer = void 0;
+              if (!(result == null ? void 0 : result.audioData)) {
+                resolve(null);
+                return;
+              }
+              const blob = new Blob([result.audioData], { type: "audio/mpeg" });
+              const url = URL.createObjectURL(blob);
+              const prefetch = {
+                key,
+                nodeId: nextNode.id,
+                text,
+                url,
+                wordBoundryList
+              };
+              this.prefetchedAudio.set(key, prefetch);
+              resolve(prefetch);
+            },
+            (error) => {
+              this.closeResource(synthesizer);
+              synthesizer = void 0;
+              if (isLikelyAuthorizationError(error)) {
+                this.authorizationManager.clearAuthorization();
+              }
+              this.dispatchError(error, "PREFETCH_ERROR");
+              resolve(null);
+            }
+          );
+        });
+      } catch (error) {
+        this.closeResource(synthesizer);
+        synthesizer = void 0;
+        if (isLikelyAuthorizationError(error)) {
+          this.authorizationManager.clearAuthorization();
         }
-      );
-    }).finally(() => {
+        this.dispatchError(error);
+        return null;
+      }
+    })().finally(() => {
       this.prefetchPromises.delete(key);
     });
     this.prefetchPromises.set(key, prefetchPromise);
@@ -8902,7 +9320,9 @@ class TextToSpeech {
     this.wordBoundaryOffset = 0;
     if (node.hasAttribute("co-tts.highlight")) {
       if (((_c = node.attributes.getNamedItem("co-tts.highlight")) == null ? void 0 : _c.value) !== "") {
-        const newReferenceDiv = document.getElementById(node.attributes.getNamedItem("co-tts.highlight").value);
+        const newReferenceDiv = document.getElementById(
+          node.attributes.getNamedItem("co-tts.highlight").value
+        );
         this.highlightDiv = newReferenceDiv;
         if (newReferenceDiv !== null) {
           this.originalHighlightDivInnerHTML = newReferenceDiv.innerHTML;
@@ -8913,31 +9333,48 @@ class TextToSpeech {
       }
     }
     await this.createInterval();
-    const audio = new Audio(prefetch.url);
-    this.activePrefetchedAudioUrl = prefetch.url;
-    this.player = audio;
-    audio.addEventListener("play", () => {
-      document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
-    }, { once: true });
-    audio.addEventListener("ended", async () => {
-      this.stopPlayer();
-      if (this.clickedNode.hasAttribute("co-tts.next")) {
-        const nextNode = document.getElementById(this.clickedNode.getAttribute("co-tts.next"));
-        if (nextNode && await this.playPrefetchedNode(nextNode)) {
-          return;
-        }
-        if (nextNode && nextNode.attributes.getNamedItem("co-tts.text")) {
-          this.handleWithoutClick(nextNode, nextNode.attributes.getNamedItem("co-tts.text"));
-        } else if (nextNode) {
-          nextNode.dispatchEvent(new Event("click"));
+    try {
+      const audio = new Audio(prefetch.url);
+      this.activePrefetchedAudioUrl = prefetch.url;
+      this.player = audio;
+      audio.addEventListener("play", () => {
+        document.dispatchEvent(new CustomEvent("COAzureTTSStartedPlaying", {}));
+      }, { once: true });
+      audio.addEventListener("ended", async () => {
+        var _a2;
+        const clickedNode = this.clickedNode;
+        const nextNodeId = ((_a2 = clickedNode == null ? void 0 : clickedNode.hasAttribute) == null ? void 0 : _a2.call(clickedNode, "co-tts.next")) ? clickedNode.getAttribute("co-tts.next") : null;
+        await this.stopPlayer();
+        if (nextNodeId) {
+          const nextNode = document.getElementById(nextNodeId);
+          if (nextNode && await this.playPrefetchedNode(nextNode)) {
+            return;
+          }
+          const nextTextAttr = nextNode == null ? void 0 : nextNode.attributes.getNamedItem("co-tts.text");
+          if (nextNode && nextTextAttr) {
+            await this.handleWithoutClick(nextNode, nextTextAttr);
+          } else if (nextNode) {
+            nextNode.dispatchEvent(new Event("click"));
+          }
+        } else {
+          document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
         }
-      } else {
-        document.dispatchEvent(new CustomEvent("COAzureTTSFinishedPlaying", {}));
-      }
-    }, { once: true });
-    this.prefetchNextNode(node);
-    await audio.play();
-    return true;
+      }, { once: true });
+      audio.addEventListener("error", () => {
+        this.dispatchError(
+          new Error("Prefetched audio resource closed unexpectedly."),
+          "AUDIO_RESOURCE_ERROR"
+        );
+        void this.stopPlayer();
+      }, { once: true });
+      void this.prefetchNextNode(node);
+      await audio.play();
+      return true;
+    } catch (error) {
+      this.dispatchError(error, "AUDIO_RESOURCE_ERROR");
+      await this.stopPlayer();
+      return false;
+    }
   }
   async clearInterval() {
     clearInterval(this.interval);
@@ -9040,5 +9477,31 @@ class TextToSpeech {
     p.textContent = input;
     return p.innerHTML;
   }
+  closeSynthesizer() {
+    this.closeResource(this.synthesizer);
+    this.synthesizer = void 0;
+  }
+  closeResource(resource) {
+    if (!resource || typeof resource.close !== "function") {
+      return;
+    }
+    try {
+      resource.close();
+    } catch {
+    }
+  }
+  dispatchError(error, code) {
+    const detail = toSafeErrorDetail(error);
+    if (code && !detail.code) {
+      detail.code = code;
+    }
+    document.dispatchEvent(
+      new CustomEvent("COAzureTTSError", {
+        detail: {
+          error: detail
+        }
+      })
+    );
+  }
 }
-export { SpeechToText, TextToSpeech };
+export { DEFAULT_TOKEN_LIFETIME_MS, SpeechAuthorizationManager, SpeechToText, TextToSpeech, createSpeechAuthorizationProvider, isLikelyAuthorizationError, sanitizeErrorText, toSafeErrorDetail, validateSpeechAuthorization };