@cartesia/cartesia-js 0.0.3 → 1.0.0-alpha.1

package/dist/react/index.cjs

@@ -0,0 +1,846 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  useTTS: () => useTTS
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = require("react");
+
+// src/lib/client.ts
+var import_cross_fetch = __toESM(require("cross-fetch"), 1);
+
+// src/lib/constants.ts
+var BASE_URL = "https://api.cartesia.ai/v0";
+var constructApiUrl = (baseUrl, path, protocol) => {
+  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+  if (!protocol) {
+    return new URL(`${baseUrl}${normalizedPath}`);
+  }
+  if (!["http", "ws"].includes(protocol)) {
+    throw new Error(`Invalid protocol: ${protocol}`);
+  }
+  return new URL(`${baseUrl.replace(/^http/, protocol)}${normalizedPath}`);
+};
+
+// src/lib/client.ts
+var Client = class {
+  constructor(options = {}) {
+    if (!(options.apiKey || process.env.CARTESIA_API_KEY)) {
+      throw new Error("Missing Cartesia API key.");
+    }
+    this.apiKey = options.apiKey || process.env.CARTESIA_API_KEY;
+    this.baseUrl = options.baseUrl || BASE_URL;
+  }
+  fetch(path, options = {}) {
+    const url = constructApiUrl(this.baseUrl, path);
+    return (0, import_cross_fetch.default)(url.toString(), __spreadProps(__spreadValues({}, options), {
+      headers: __spreadValues({
+        "X-API-KEY": this.apiKey
+      }, options.headers)
+    }));
+  }
+};
+
+// src/tts/websocket.ts
+var import_emittery2 = __toESM(require("emittery"), 1);
+var import_human_id = require("human-id");
+var import_partysocket = require("partysocket");
+
+// src/tts/source.ts
+var import_emittery = __toESM(require("emittery"), 1);
+var _emitter, _buffer, _readIndex, _closed, _sampleRate;
+var Source = class {
+  /**
+   * Create a new Source.
+   *
+   * @param options - Options for the Source.
+   * @param options.sampleRate - The sample rate of the audio.
+   */
+  constructor({ sampleRate }) {
+    __privateAdd(this, _emitter, new import_emittery.default());
+    __privateAdd(this, _buffer, new Float32Array());
+    __privateAdd(this, _readIndex, 0);
+    __privateAdd(this, _closed, false);
+    __privateAdd(this, _sampleRate, void 0);
+    this.on = __privateGet(this, _emitter).on.bind(__privateGet(this, _emitter));
+    this.once = __privateGet(this, _emitter).once.bind(__privateGet(this, _emitter));
+    this.events = __privateGet(this, _emitter).events.bind(__privateGet(this, _emitter));
+    this.off = __privateGet(this, _emitter).off.bind(__privateGet(this, _emitter));
+    __privateSet(this, _sampleRate, sampleRate);
+  }
+  get sampleRate() {
+    return __privateGet(this, _sampleRate);
+  }
+  /**
+   * Append audio to the buffer.
+   *
+   * @param src The audio to append.
+   */
+  enqueue(src) {
+    return __async(this, null, function* () {
+      __privateSet(this, _buffer, new Float32Array([...__privateGet(this, _buffer), ...src]));
+      yield __privateGet(this, _emitter).emit("enqueue");
+    });
+  }
+  /**
+   * Read audio from the buffer.
+   *
+   * @param dst The buffer to read the audio into.
+   * @returns The number of samples read. If the source is closed, this will be
+   * less than the length of the provided buffer.
+   */
+  read(dst) {
+    return __async(this, null, function* () {
+      const targetReadIndex = __privateGet(this, _readIndex) + dst.length;
+      while (!__privateGet(this, _closed) && targetReadIndex > __privateGet(this, _buffer).length) {
+        yield __privateGet(this, _emitter).emit("wait");
+        yield Promise.race([
+          __privateGet(this, _emitter).once("enqueue"),
+          __privateGet(this, _emitter).once("close")
+        ]);
+        yield __privateGet(this, _emitter).emit("read");
+      }
+      const read = Math.min(dst.length, __privateGet(this, _buffer).length - __privateGet(this, _readIndex));
+      dst.set(__privateGet(this, _buffer).slice(__privateGet(this, _readIndex), __privateGet(this, _readIndex) + read));
+      __privateSet(this, _readIndex, __privateGet(this, _readIndex) + read);
+      return read;
+    });
+  }
+  /**
+   * Get the number of samples in a given duration.
+   *
+   * @param durationSecs The duration in seconds.
+   * @returns The number of samples.
+   */
+  durationToSampleCount(durationSecs) {
+    return Math.trunc(durationSecs * __privateGet(this, _sampleRate));
+  }
+  get buffer() {
+    return __privateGet(this, _buffer);
+  }
+  get readIndex() {
+    return __privateGet(this, _readIndex);
+  }
+  /**
+   * Close the source. This signals that no more audio will be enqueued.
+   *
+   * This will emit a "close" event.
+   *
+   * @returns A promise that resolves when the source is closed.
+   */
+  close() {
+    return __async(this, null, function* () {
+      __privateSet(this, _closed, true);
+      yield __privateGet(this, _emitter).emit("close");
+      __privateGet(this, _emitter).clearListeners();
+    });
+  }
+};
+_emitter = new WeakMap();
+_buffer = new WeakMap();
+_readIndex = new WeakMap();
+_closed = new WeakMap();
+_sampleRate = new WeakMap();
+
+// src/tts/utils.ts
+var import_base64_js = __toESM(require("base64-js"), 1);
+function base64ToArray(b64) {
+  return filterSentinel(b64).reduce((acc, b) => {
+    const floats = new Float32Array(import_base64_js.default.toByteArray(b).buffer);
+    const newAcc = new Float32Array(acc.length + floats.length);
+    newAcc.set(acc, 0);
+    newAcc.set(floats, acc.length);
+    return newAcc;
+  }, new Float32Array(0));
+}
+function playAudioBuffer(floats, context, startAt, sampleRate) {
+  const source = context.createBufferSource();
+  const buffer = context.createBuffer(1, floats.length, sampleRate);
+  buffer.getChannelData(0).set(floats);
+  source.buffer = buffer;
+  source.connect(context.destination);
+  source.start(startAt);
+  return new Promise((resolve) => {
+    source.onended = () => {
+      resolve();
+    };
+  });
+}
+function createMessageHandlerForContextId(contextId, handler) {
+  return (event) => {
+    if (typeof event.data !== "string") {
+      return;
+    }
+    const message = JSON.parse(event.data);
+    if (message.context_id !== contextId) {
+      return;
+    }
+    let chunk;
+    if (message.done) {
+      chunk = getSentinel();
+    } else {
+      chunk = message.data;
+    }
+    handler({ chunk, message: event.data });
+  };
+}
+function getSentinel() {
+  return null;
+}
+function isSentinel(x) {
+  return x === getSentinel();
+}
+function filterSentinel(collection) {
+  return collection.filter(
+    (x) => !isSentinel(x)
+  );
+}
+function getEmitteryCallbacks(emitter) {
+  return {
+    on: emitter.on.bind(emitter),
+    off: emitter.off.bind(emitter),
+    once: emitter.once.bind(emitter),
+    events: emitter.events.bind(emitter)
+  };
+}
+
+// src/tts/websocket.ts
+var _isConnected, _sampleRate2, _generateId, generateId_fn;
+var WebSocket = class extends Client {
+  /**
+   * Create a new WebSocket client.
+   *
+   * @param args - Arguments to pass to the Client constructor.
+   */
+  constructor({ sampleRate }, ...args) {
+    super(...args);
+    /**
+     * Generate a unique ID suitable for a streaming context.
+     *
+     * Not suitable for security purposes or as a primary key, since
+     * it lacks the amount of entropy required for those use cases.
+     *
+     * @returns A unique ID.
+     */
+    __privateAdd(this, _generateId);
+    __privateAdd(this, _isConnected, false);
+    __privateAdd(this, _sampleRate2, void 0);
+    __privateSet(this, _sampleRate2, sampleRate);
+  }
+  /**
+   * Send a message over the WebSocket in order to start a stream.
+   *
+   * @param inputs - Stream options.
+   * @param options - Options for the stream.
+   * @param options.timeout - The maximum time to wait for a chunk before cancelling the stream.
+   * If `0`, the stream will not time out.
+   * @returns A Source object that can be passed to a Player to play the audio.
+   */
+  send(inputs, { timeout = 0 } = {}) {
+    var _a, _b, _c, _d;
+    if (!__privateGet(this, _isConnected)) {
+      throw new Error("Not connected to WebSocket. Call .connect() first.");
+    }
+    const contextId = __privateMethod(this, _generateId, generateId_fn).call(this);
+    (_a = this.socket) == null ? void 0 : _a.send(
+      JSON.stringify(__spreadProps(__spreadValues({
+        context_id: contextId
+      }, inputs), {
+        output_format: {
+          container: "raw",
+          encoding: "pcm_f32le",
+          sample_rate: __privateGet(this, _sampleRate2)
+        }
+      }))
+    );
+    const emitter = new import_emittery2.default();
+    const source = new Source({
+      sampleRate: __privateGet(this, _sampleRate2)
+    });
+    const streamCompleteController = new AbortController();
+    let timeoutId = null;
+    if (timeout > 0) {
+      timeoutId = setTimeout(streamCompleteController.abort, timeout);
+    }
+    const handleMessage = createMessageHandlerForContextId(
+      contextId,
+      (_0) => __async(this, [_0], function* ({ chunk, message }) {
+        emitter.emit("message", message);
+        if (isSentinel(chunk)) {
+          yield source.close();
+          streamCompleteController.abort();
+          return;
+        }
+        yield source.enqueue(base64ToArray([chunk]));
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+          timeoutId = setTimeout(streamCompleteController.abort, timeout);
+        }
+      })
+    );
+    (_b = this.socket) == null ? void 0 : _b.addEventListener("message", handleMessage, {
+      signal: streamCompleteController.signal
+    });
+    (_c = this.socket) == null ? void 0 : _c.addEventListener(
+      "close",
+      () => {
+        streamCompleteController.abort();
+      },
+      {
+        once: true
+      }
+    );
+    (_d = this.socket) == null ? void 0 : _d.addEventListener(
+      "error",
+      () => {
+        streamCompleteController.abort();
+      },
+      {
+        once: true
+      }
+    );
+    streamCompleteController.signal.addEventListener("abort", () => {
+      source.close();
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    });
+    return __spreadValues({ source }, getEmitteryCallbacks(emitter));
+  }
+  /**
+   * Authenticate and connect to a Cartesia streaming WebSocket.
+   *
+   * @returns A promise that resolves when the WebSocket is connected.
+   * @throws {Error} If the WebSocket fails to connect.
+   */
+  connect() {
+    const url = constructApiUrl(this.baseUrl, "/tts/websocket", "ws");
+    url.searchParams.set("api_key", this.apiKey);
+    const emitter = new import_emittery2.default();
+    this.socket = new import_partysocket.WebSocket(url.toString());
+    this.socket.onopen = () => {
+      __privateSet(this, _isConnected, true);
+      emitter.emit("open");
+    };
+    this.socket.onclose = () => {
+      __privateSet(this, _isConnected, false);
+      emitter.emit("close");
+    };
+    return new Promise(
+      (resolve, reject) => {
+        var _a, _b, _c;
+        (_a = this.socket) == null ? void 0 : _a.addEventListener(
+          "open",
+          () => {
+            resolve(getEmitteryCallbacks(emitter));
+          },
+          {
+            once: true
+          }
+        );
+        const aborter = new AbortController();
+        (_b = this.socket) == null ? void 0 : _b.addEventListener(
+          "error",
+          () => {
+            aborter.abort();
+            reject(new Error("WebSocket failed to connect."));
+          },
+          {
+            signal: aborter.signal
+          }
+        );
+        (_c = this.socket) == null ? void 0 : _c.addEventListener(
+          "close",
+          () => {
+            aborter.abort();
+            reject(new Error("WebSocket closed before it could connect."));
+          },
+          {
+            signal: aborter.signal
+          }
+        );
+      }
+    );
+  }
+  /**
+   * Disconnect from the Cartesia streaming WebSocket.
+   */
+  disconnect() {
+    var _a;
+    (_a = this.socket) == null ? void 0 : _a.close();
+  }
+};
+_isConnected = new WeakMap();
+_sampleRate2 = new WeakMap();
+_generateId = new WeakSet();
+generateId_fn = function() {
+  return (0, import_human_id.humanId)({
+    separator: "-",
+    capitalize: false
+  });
+};
+
+// src/tts/index.ts
+var TTS = class extends Client {
+  /**
+   * Get a WebSocket client for streaming audio from the TTS API.
+   *
+   * @returns {WebSocket} A Cartesia WebSocket client.
+   */
+  websocket(options) {
+    return new WebSocket(options, {
+      apiKey: this.apiKey,
+      baseUrl: this.baseUrl
+    });
+  }
+};
+
+// src/voices/index.ts
+var Voices = class extends Client {
+  list() {
+    return __async(this, null, function* () {
+      const response = yield this.fetch("/voices");
+      return response.json();
+    });
+  }
+  get(voiceId) {
+    return __async(this, null, function* () {
+      const response = yield this.fetch(`/voices/${voiceId}`);
+      return response.json();
+    });
+  }
+  create(voice) {
+    return __async(this, null, function* () {
+      const response = yield this.fetch("/voices", {
+        method: "POST",
+        body: JSON.stringify(voice)
+      });
+      return response.json();
+    });
+  }
+  clone(options) {
+    return __async(this, null, function* () {
+      if (options.mode === "url") {
+        const response = yield this.fetch(
+          `/voices/clone/url?link=${options.link}`,
+          {
+            method: "POST"
+          }
+        );
+        return response.json();
+      }
+      if (options.mode === "clip") {
+        const formData = new FormData();
+        formData.append("clip", options.clip);
+        const response = yield this.fetch("/voices/clone/clip", {
+          method: "POST",
+          body: formData
+        });
+        return response.json();
+      }
+      throw new Error("Invalid mode for clone()");
+    });
+  }
+};
+
+// src/lib/index.ts
+var Cartesia = class extends Client {
+  constructor(options = {}) {
+    super(options);
+    this.tts = new TTS(options);
+    this.voices = new Voices(options);
+  }
+};
+
+// src/tts/player.ts
+var import_emittery3 = __toESM(require("emittery"), 1);
+var _context, _startNextPlaybackAt, _bufferDuration, _emitter2, _playBuffer, playBuffer_fn;
+var Player = class {
+  /**
+   * Create a new Player.
+   *
+   * @param options - Options for the Player.
+   * @param options.bufferDuration - The duration of the audio buffer to play.
+   */
+  constructor({ bufferDuration }) {
+    __privateAdd(this, _playBuffer);
+    __privateAdd(this, _context, null);
+    __privateAdd(this, _startNextPlaybackAt, 0);
+    __privateAdd(this, _bufferDuration, void 0);
+    __privateAdd(this, _emitter2, new import_emittery3.default());
+    __privateSet(this, _bufferDuration, bufferDuration);
+  }
+  /**
+   * Play audio from a source.
+   *
+   * @param source The source to play audio from.
+   * @returns A promise that resolves when the audio has finished playing.
+   */
+  play(source) {
+    return __async(this, null, function* () {
+      __privateSet(this, _startNextPlaybackAt, 0);
+      __privateSet(this, _context, new AudioContext({ sampleRate: source.sampleRate }));
+      const buffer = new Float32Array(
+        source.durationToSampleCount(__privateGet(this, _bufferDuration))
+      );
+      const plays = [];
+      while (true) {
+        const read = yield source.read(buffer);
+        const playableAudio = buffer.slice(0, read);
+        plays.push(__privateMethod(this, _playBuffer, playBuffer_fn).call(this, playableAudio, source.sampleRate));
+        if (read < buffer.length) {
+          yield __privateGet(this, _emitter2).emit("finish");
+          break;
+        }
+      }
+      yield Promise.all(plays);
+    });
+  }
+  /**
+   * Pause the audio.
+   *
+   * @returns A promise that resolves when the audio has been paused.
+   */
+  pause() {
+    return __async(this, null, function* () {
+      if (!__privateGet(this, _context)) {
+        throw new Error("AudioContext not initialized.");
+      }
+      yield __privateGet(this, _context).suspend();
+    });
+  }
+  /**
+   * Resume the audio.
+   *
+   * @returns A promise that resolves when the audio has been resumed.
+   */
+  resume() {
+    return __async(this, null, function* () {
+      if (!__privateGet(this, _context)) {
+        throw new Error("AudioContext not initialized.");
+      }
+      yield __privateGet(this, _context).resume();
+    });
+  }
+  /**
+   * Toggle the audio.
+   *
+   * @returns A promise that resolves when the audio has been toggled.
+   */
+  toggle() {
+    return __async(this, null, function* () {
+      if (!__privateGet(this, _context)) {
+        throw new Error("AudioContext not initialized.");
+      }
+      if (__privateGet(this, _context).state === "running") {
+        yield this.pause();
+      } else {
+        yield this.resume();
+      }
+    });
+  }
+};
+_context = new WeakMap();
+_startNextPlaybackAt = new WeakMap();
+_bufferDuration = new WeakMap();
+_emitter2 = new WeakMap();
+_playBuffer = new WeakSet();
+playBuffer_fn = function(buf, sampleRate) {
+  return __async(this, null, function* () {
+    if (!__privateGet(this, _context)) {
+      throw new Error("AudioContext not initialized.");
+    }
+    const startAt = __privateGet(this, _startNextPlaybackAt);
+    const duration = buf.length / sampleRate;
+    __privateSet(this, _startNextPlaybackAt, duration + Math.max(__privateGet(this, _context).currentTime, __privateGet(this, _startNextPlaybackAt)));
+    yield playAudioBuffer(buf, __privateGet(this, _context), startAt, sampleRate);
+  });
+};
+
+// src/react/utils.ts
+function pingServer(url) {
+  return __async(this, null, function* () {
+    const start = (/* @__PURE__ */ new Date()).getTime();
+    yield fetch(url);
+    const end = (/* @__PURE__ */ new Date()).getTime();
+    return end - start;
+  });
+}
+
+// src/react/index.ts
+var PING_INTERVAL = 5e3;
+var DEFAULT_BUFFER_DURATION = 0.01;
+function useTTS({
+  apiKey,
+  baseUrl,
+  sampleRate
+}) {
+  var _a, _b;
+  if (typeof window === "undefined") {
+    return {
+      buffer: () => __async(this, null, function* () {
+      }),
+      play: () => __async(this, null, function* () {
+      }),
+      pause: () => __async(this, null, function* () {
+      }),
+      resume: () => __async(this, null, function* () {
+      }),
+      toggle: () => __async(this, null, function* () {
+      }),
+      playbackStatus: "inactive",
+      bufferStatus: "inactive",
+      isWaiting: false,
+      source: null,
+      isConnected: false,
+      metrics: {
+        modelLatency: null
+      }
+    };
+  }
+  const websocket = (0, import_react.useMemo)(() => {
+    if (!apiKey) {
+      return null;
+    }
+    const cartesia = new Cartesia({ apiKey, baseUrl });
+    baseUrl = baseUrl != null ? baseUrl : cartesia.baseUrl;
+    return cartesia.tts.websocket({ sampleRate });
+  }, [apiKey, baseUrl, sampleRate]);
+  const websocketReturn = (0, import_react.useRef)(null);
+  const player = (0, import_react.useRef)(null);
+  const [playbackStatus, setPlaybackStatus] = (0, import_react.useState)("inactive");
+  const [bufferStatus, setBufferStatus] = (0, import_react.useState)("inactive");
+  const [isWaiting, setIsWaiting] = (0, import_react.useState)(false);
+  const [isConnected, setIsConnected] = (0, import_react.useState)(false);
+  const [bufferDuration, setBufferDuration] = (0, import_react.useState)(null);
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const buffer = (0, import_react.useCallback)(
+    (options) => __async(this, null, function* () {
+      var _a2;
+      setMessages([]);
+      setBufferStatus("buffering");
+      websocketReturn.current = (_a2 = websocket == null ? void 0 : websocket.send(options)) != null ? _a2 : null;
+      if (!websocketReturn.current) {
+        return;
+      }
+      websocketReturn.current.on("message", (message) => {
+        setMessages((messages2) => [...messages2, JSON.parse(message)]);
+      });
+      yield websocketReturn.current.source.once("close");
+      setBufferStatus("buffered");
+    }),
+    [websocket]
+  );
+  const metrics = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (messages.length === 0) {
+      return {
+        modelLatency: null
+      };
+    }
+    const modelLatency = (_a2 = messages[0].step_time) != null ? _a2 : null;
+    return {
+      modelLatency: Math.trunc(modelLatency)
+    };
+  }, [messages]);
+  (0, import_react.useEffect)(() => {
+    let cleanup = () => {
+    };
+    function setupConnection() {
+      return __async(this, null, function* () {
+        try {
+          const connection = yield websocket == null ? void 0 : websocket.connect();
+          if (!connection) {
+            return;
+          }
+          setIsConnected(true);
+          connection.on("open", () => {
+            setIsConnected(true);
+          });
+          const unsubscribe = connection.on("close", () => {
+            setIsConnected(false);
+          });
+          const intervalId = setInterval(() => {
+            if (baseUrl) {
+              pingServer(new URL(baseUrl).origin).then((ping) => {
+                let bufferDuration2;
+                if (ping < 300) {
+                  bufferDuration2 = 0.01;
+                } else if (ping > 1500) {
+                  bufferDuration2 = 6;
+                } else {
+                  bufferDuration2 = ping / 1e3 * 4;
+                }
+                setBufferDuration(bufferDuration2);
+              });
+            }
+          }, PING_INTERVAL);
+          return () => {
+            unsubscribe();
+            clearInterval(intervalId);
+            websocket == null ? void 0 : websocket.disconnect();
+          };
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    }
+    setupConnection().then((cleanupConnection) => {
+      cleanup = cleanupConnection;
+    });
+    return () => cleanup == null ? void 0 : cleanup();
+  }, [websocket, baseUrl]);
+  const play = (0, import_react.useCallback)(() => __async(this, null, function* () {
+    if (playbackStatus === "playing" || !websocketReturn.current) {
+      return;
+    }
+    setPlaybackStatus("playing");
+    const unsubscribes = [];
+    unsubscribes.push(
+      websocketReturn.current.source.on("wait", () => {
+        setIsWaiting(true);
+      })
+    );
+    unsubscribes.push(
+      websocketReturn.current.source.on("read", () => {
+        setIsWaiting(false);
+      })
+    );
+    player.current = new Player({
+      bufferDuration: bufferDuration != null ? bufferDuration : DEFAULT_BUFFER_DURATION
+    });
+    yield player.current.play(websocketReturn.current.source);
+    for (const unsubscribe of unsubscribes) {
+      unsubscribe();
+    }
+    setPlaybackStatus("finished");
+  }), [playbackStatus, bufferDuration]);
+  const pause = (0, import_react.useCallback)(() => __async(this, null, function* () {
+    var _a2;
+    yield (_a2 = player.current) == null ? void 0 : _a2.pause();
+    setPlaybackStatus("paused");
+  }), []);
+  const resume = (0, import_react.useCallback)(() => __async(this, null, function* () {
+    var _a2;
+    yield (_a2 = player.current) == null ? void 0 : _a2.resume();
+    setPlaybackStatus("playing");
+  }), []);
+  const toggle = (0, import_react.useCallback)(() => __async(this, null, function* () {
+    var _a2;
+    yield (_a2 = player.current) == null ? void 0 : _a2.toggle();
+    setPlaybackStatus((status) => {
+      if (status === "playing") {
+        return "paused";
+      }
+      if (status === "paused") {
+        return "playing";
+      }
+      return status;
+    });
+  }), []);
+  return {
+    buffer,
+    play,
+    pause,
+    source: (_b = (_a = websocketReturn.current) == null ? void 0 : _a.source) != null ? _b : null,
+    resume,
+    toggle,
+    playbackStatus,
+    bufferStatus,
+    isWaiting,
+    isConnected,
+    metrics
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTTS
+});