Respeecher TypeScript Library

The Respeecher TypeScript library provides convenient access to the Respeecher APIs from TypeScript.

Table of Contents

• Installation
• Reference
• Usage
• Exception Handling
• Streaming Response
• Binary Response
• Advanced
  • Additional Headers
  • Additional Query String Parameters
  • Retries
  • Timeouts
  • Aborting Requests
  • Access Raw Response Data
  • Logging
  • Runtime Compatibility
• Contributing

Installation

npm i -s @respeecher/respeecher-js

Reference

A full reference for this library is available here.

Usage

Instantiate and use the client with the following:

import { RespeecherClient } from "@respeecher/respeecher-js";

const client = new RespeecherClient({ apiKey: "YOUR_API_KEY" });
await client.tts.bytes({
    transcript: "Hello, World!",
    voice: {
        id: "samantha"
    }
});

Exception Handling

When the API returns a non-success status code (4xx or 5xx response), a subclass of the following error will be thrown.

import { RespeecherError } from "@respeecher/respeecher-js";

try {
    await client.tts.bytes(...);
} catch (err) {
    if (err instanceof RespeecherError) {
        console.log(err.statusCode);
        console.log(err.message);
        console.log(err.body);
        console.log(err.rawResponse);
    }
}

Streaming Response

Some endpoints return streaming responses instead of returning the full response at once. The SDK uses async iterators, so you can consume the responses using a for await...of loop.

import { RespeecherClient } from "@respeecher/respeecher-js";

const client = new RespeecherClient({ apiKey: "YOUR_API_KEY" });
const response = await client.tts.sse({
    transcript: "Hello, World!",
    voice: {
        id: "samantha"
    }
});
for await (const item of response) {
    console.log(item);
}

Binary Response

You can consume binary data from endpoints using the BinaryResponse type which lets you choose how to consume the data:

const response = await client.tts.bytes(...);
const stream: ReadableStream<Uint8Array> = response.stream();
// const arrayBuffer: ArrayBuffer = await response.arrayBuffer();
// const blob: Blob = response.blob();
// const bytes: Uint8Array = response.bytes();
// You can only use the response body once, so you must choose one of the above methods.
// If you want to check if the response body has been used, you can use the following property.
const bodyUsed = response.bodyUsed;

Save binary response to a file

Node.js

ReadableStream (most-efficient)

import { createWriteStream } from 'fs';
import { Readable } from 'stream';
import { pipeline } from 'stream/promises';

const response = await client.tts.bytes(...);

const stream = response.stream();
const nodeStream = Readable.fromWeb(stream);
const writeStream = createWriteStream('path/to/file');

await pipeline(nodeStream, writeStream);

ArrayBuffer

import { writeFile } from 'fs/promises';

const response = await client.tts.bytes(...);

const arrayBuffer = await response.arrayBuffer();
await writeFile('path/to/file', Buffer.from(arrayBuffer));

Blob

import { writeFile } from 'fs/promises';

const response = await client.tts.bytes(...);

const blob = await response.blob();
const arrayBuffer = await blob.arrayBuffer();
await writeFile('output.bin', Buffer.from(arrayBuffer));

Bytes (UIntArray8)

import { writeFile } from 'fs/promises';

const response = await client.tts.bytes(...);

const bytes = await response.bytes();
await writeFile('path/to/file', bytes);

Bun

ReadableStream (most-efficient)

const response = await client.tts.bytes(...);

const stream = response.stream();
await Bun.write('path/to/file', stream);

ArrayBuffer

const response = await client.tts.bytes(...);

const arrayBuffer = await response.arrayBuffer();
await Bun.write('path/to/file', arrayBuffer);

Blob

const response = await client.tts.bytes(...);

const blob = await response.blob();
await Bun.write('path/to/file', blob);

Bytes (UIntArray8)

const response = await client.tts.bytes(...);

const bytes = await response.bytes();
await Bun.write('path/to/file', bytes);

Deno

ReadableStream (most-efficient)

const response = await client.tts.bytes(...);

const stream = response.stream();
const file = await Deno.open('path/to/file', { write: true, create: true });
await stream.pipeTo(file.writable);

ArrayBuffer

const response = await client.tts.bytes(...);

const arrayBuffer = await response.arrayBuffer();
await Deno.writeFile('path/to/file', new Uint8Array(arrayBuffer));

Blob

const response = await client.tts.bytes(...);

const blob = await response.blob();
const arrayBuffer = await blob.arrayBuffer();
await Deno.writeFile('path/to/file', new Uint8Array(arrayBuffer));

Bytes (UIntArray8)

const response = await client.tts.bytes(...);

const bytes = await response.bytes();
await Deno.writeFile('path/to/file', bytes);

Browser

Blob (most-efficient)

const response = await client.tts.bytes(...);

const blob = await response.blob();
const url = URL.createObjectURL(blob);

// trigger download
const a = document.createElement('a');
a.href = url;
a.download = 'filename';
a.click();
URL.revokeObjectURL(url);

ReadableStream

const response = await client.tts.bytes(...);

const stream = response.stream();
const reader = stream.getReader();
const chunks = [];

while (true) {
  const { done, value } = await reader.read();
  if (done) break;
  chunks.push(value);
}

const blob = new Blob(chunks);
const url = URL.createObjectURL(blob);

// trigger download
const a = document.createElement('a');
a.href = url;
a.download = 'filename';
a.click();
URL.revokeObjectURL(url);

ArrayBuffer

const response = await client.tts.bytes(...);

const arrayBuffer = await response.arrayBuffer();
const blob = new Blob([arrayBuffer]);
const url = URL.createObjectURL(blob);

// trigger download
const a = document.createElement('a');
a.href = url;
a.download = 'filename';
a.click();
URL.revokeObjectURL(url);

Bytes (UIntArray8)

const response = await client.tts.bytes(...);

const bytes = await response.bytes();
const blob = new Blob([bytes]);
const url = URL.createObjectURL(blob);

// trigger download
const a = document.createElement('a');
a.href = url;
a.download = 'filename';
a.click();
URL.revokeObjectURL(url);

Convert binary response to text

ReadableStream

const response = await client.tts.bytes(...);

const stream = response.stream();
const text = await new Response(stream).text();

ArrayBuffer

const response = await client.tts.bytes(...);

const arrayBuffer = await response.arrayBuffer();
const text = new TextDecoder().decode(arrayBuffer);

Blob

const response = await client.tts.bytes(...);

const blob = await response.blob();
const text = await blob.text();

Bytes (UIntArray8)

const response = await client.tts.bytes(...);

const bytes = await response.bytes();
const text = new TextDecoder().decode(bytes);

Advanced

Additional Headers

If you would like to send additional headers as part of the request, use the headers request option.

import { RespeecherClient } from "@respeecher/respeecher-js";

const client = new RespeecherClient({
    ...
    headers: {
        'X-Custom-Header': 'custom value'
    }
});

const response = await client.tts.bytes(..., {
    headers: {
        'X-Custom-Header': 'custom value'
    }
});

Additional Query String Parameters

If you would like to send additional query string parameters as part of the request, use the queryParams request option.

const response = await client.tts.bytes(..., {
    queryParams: {
        'customQueryParamKey': 'custom query param value'
    }
});

Retries

The SDK is instrumented with automatic retries with exponential backoff. A request will be retried as long as the request is deemed retryable and the number of retry attempts has not grown larger than the configured retry limit (default: 2).

A request is deemed retryable when any of the following HTTP status codes is returned:

• 408 (Timeout)
• 429 (Too Many Requests)
• 5XX (Internal Server Errors)

Use the maxRetries request option to configure this behavior.

const response = await client.tts.bytes(..., {
    maxRetries: 0 // override maxRetries at the request level
});

Timeouts

The SDK defaults to a 60 second timeout. Use the timeoutInSeconds option to configure this behavior.

const response = await client.tts.bytes(..., {
    timeoutInSeconds: 30 // override timeout to 30s
});

Aborting Requests

The SDK allows users to abort requests at any point by passing in an abort signal.

const controller = new AbortController();
const response = await client.tts.bytes(..., {
    abortSignal: controller.signal
});
controller.abort(); // aborts the request

Access Raw Response Data

The SDK provides access to raw response data, including headers, through the .withRawResponse() method. The .withRawResponse() method returns a promise that results to an object with a data and a rawResponse property.

const { data, rawResponse } = await client.tts.bytes(...).withRawResponse();

console.log(data);
console.log(rawResponse.headers['X-My-Header']);

Logging

The SDK supports logging. You can configure the logger by passing in a logging object to the client options.

import { RespeecherClient, logging } from "@respeecher/respeecher-js";

const client = new RespeecherClient({
    ...
    logging: {
        level: logging.LogLevel.Debug, // defaults to logging.LogLevel.Info
        logger: new logging.ConsoleLogger(), // defaults to ConsoleLogger
        silent: false, // defaults to true, set to false to enable logging
    }
});

The logging object can have the following properties:

• level: The log level to use. Defaults to logging.LogLevel.Info.
• logger: The logger to use. Defaults to a logging.ConsoleLogger.
• silent: Whether to silence the logger. Defaults to true.

The level property can be one of the following values:

• logging.LogLevel.Debug
• logging.LogLevel.Info
• logging.LogLevel.Warn
• logging.LogLevel.Error

To provide a custom logger, you can pass in an object that implements the logging.ILogger interface.

Custom logger examples

Here's an example using the popular winston logging library.

import winston from 'winston';

const winstonLogger = winston.createLogger({...});

const logger: logging.ILogger = {
    debug: (msg, ...args) => winstonLogger.debug(msg, ...args),
    info: (msg, ...args) => winstonLogger.info(msg, ...args),
    warn: (msg, ...args) => winstonLogger.warn(msg, ...args),
    error: (msg, ...args) => winstonLogger.error(msg, ...args),
};

Here's an example using the popular pino logging library.

import pino from 'pino';

const pinoLogger = pino({...});

const logger: logging.ILogger = {
  debug: (msg, ...args) => pinoLogger.debug(args, msg),
  info: (msg, ...args) => pinoLogger.info(args, msg),
  warn: (msg, ...args) => pinoLogger.warn(args, msg),
  error: (msg, ...args) => pinoLogger.error(args, msg),
};

Runtime Compatibility

The SDK works in the following runtimes:

• Node.js 18+
• Vercel
• Cloudflare Workers
• Deno v1.25+
• Bun 1.0+
• React Native

Customizing Fetch Client

The SDK provides a way for you to customize the underlying HTTP client / Fetch function. If you're running in an unsupported environment, this provides a way for you to break glass and ensure the SDK works.

import { RespeecherClient } from "@respeecher/respeecher-js";

const client = new RespeecherClient({
    ...
    fetcher: // provide your implementation here
});

Contributing

While we value open-source contributions to this SDK, this library is generated programmatically. Additions made directly to this library would have to be moved over to our generation code, otherwise they would be overwritten upon the next generated release. Feel free to open a PR as a proof of concept, but know that we will not be able to merge it as-is. We suggest opening an issue first to discuss with us!

On the other hand, contributions to the README are always very welcome!