use-voice-control 0.1.35 → 0.1.37

package/README.md

@@ -3,11 +3,8 @@
 <br /> 
     <a href="https://www.npmjs.com/package/use-voice-control"><img src="https://img.shields.io/npm/dm/use-voice-control.svg" alt="NPM Monthly Downloads"></a>
     <a href="https://www.npmjs.com/package/use-voice-control"><img src="https://img.shields.io/npm/v/use-voice-control.svg" alt="npm version"></a>
-    <a href="https://bundlephobia.com/package/use-voice-control" target="_blank" rel="noopener noreferrer">
-  <img
-    src="https://img.shields.io/bundlephobia/minzip/use-voice-control?style=flat&label=size"
-    alt="npm bundle size "
-  />
+    <a href="https://packagephobia.com/result?p=use-voice-control" target="_blank" rel="noopener noreferrer">
+  <img src="https://packagephobia.com/badge?p=use-voice-control" alt="install size" />
 </a>
     <a href="https://discord.gg/SJdBqBz3tV">
         <img src="https://img.shields.io/discord/1110227955554209923.svg?label=Chat&logo=Discord&colorB=7289da&style=flat"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-voice-control",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "React voice control with speech transcription, vocalization, and interruption (STT/TTS/VAD) support.",
   "repository": {
     "type": "git",
@@ -14,6 +14,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./api-client": {
+      "types": "./speech/api-client.ts",
+      "import": "./speech/api-client.ts"
     }
   },
   "files": [

package/speech/api-client.ts

@@ -0,0 +1,68 @@
+import type { TTSOptions } from "./types/types";
+
+export async function generateSpeechFromText(
+  text: string,
+  provider: "kokoro" | "deepgram" = "kokoro",
+  voice?: string
+): Promise<Blob> {
+  const options: TTSOptions = {
+    text,
+    provider,
+    voice,
+  };
+
+  const response = await fetch("/api/speech/tts", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(options),
+  });
+
+  if (!response.ok) {
+    const error = await response.json();
+    throw new Error(error.error || `TTS failed: ${response.statusText}`);
+  }
+
+  const contentType = response.headers.get("Content-Type") || "audio/wav";
+  return new Blob([await response.arrayBuffer()], { type: contentType });
+}
+
+export async function createAudioURL(
+  text: string,
+  provider: "kokoro" | "deepgram" = "kokoro",
+  voice?: string
+): Promise<string> {
+  const blob = await generateSpeechFromText(text, provider, voice);
+  return URL.createObjectURL(blob);
+}
+
+export async function speakText(
+  text: string,
+  provider: "kokoro" | "deepgram" = "kokoro",
+  voice?: string
+): Promise<void> {
+  const audioURL = await createAudioURL(text, provider, voice);
+  const audio = new Audio(audioURL);
+
+  return new Promise((resolve, reject) => {
+    audio.addEventListener("ended", () => {
+      URL.revokeObjectURL(audioURL);
+      resolve();
+    });
+    audio.addEventListener("error", () => {
+      URL.revokeObjectURL(audioURL);
+      reject(new Error("Audio playback failed"));
+    });
+    audio.play().catch(reject);
+  });
+}
+
+export async function checkSTTAPI(): Promise<boolean> {
+  try {
+    const response = await fetch("/api/speech/stt", { method: "GET" });
+    return response.ok;
+  } catch {
+    return false;
+  }
+}