Chrt TypeScript Library

The Chrt TypeScript library provides convenient access to the Chrt API from TypeScript.

Installation

$npm i -s @chrt-inc/typescript-sdk

Usage

Instantiate and use the client with the following:

1import { ChrtClient } from "@chrt-inc/typescript-sdk";
2
3const client = new ChrtClient({ token: "YOUR_TOKEN" });
4await client.root.postAuthd();

Request And Response Types

The SDK exports all request and response types as TypeScript interfaces. Simply import them with the following namespace:

1import { Chrt } from "@chrt-inc/typescript-sdk";
2
3const request: Chrt.TemplateReq = {
4 ...
5};

Exception Handling

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

1import { ChrtError } from "@chrt-inc/typescript-sdk";
2
3try {
4 await client.root.postAuthd(...);
5} catch (err) {
6 if (err instanceof ChrtError) {
7 console.log(err.statusCode);
8 console.log(err.message);
9 console.log(err.body);
10 }
11}

Advanced

Additional Headers

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

1const response = await client.root.postAuthd(..., {
2 headers: {
3 'X-Custom-Header': 'custom value'
4 }
5});

Retries

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

A request is deemed retriable 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.

1const response = await client.root.postAuthd(..., {
2 maxRetries: 0 // override maxRetries at the request level
3});

Timeouts

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

1const response = await client.root.postAuthd(..., {
2 timeoutInSeconds: 30 // override timeout to 30s
3});

Aborting Requests

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

1const controller = new AbortController();
2const response = await client.root.postAuthd(..., {
3 abortSignal: controller.signal
4});
5controller.abort(); // aborts the request

Runtime Compatibility

The SDK defaults to node-fetch but will use the global fetch client if present. 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.

1import { ChrtClient } from "@chrt-inc/typescript-sdk";
2
3const client = new ChrtClient({
4 ...
5 fetcher: // provide your implementation here
6});

Example

Here’s a practical example of integrating the Chrt SDK in a Next.js application with authentication:

Setting up the Client with Authentication

Create a utility function to handle client instantiation with dynamic authentication:

1// app/providers/ChrtClient/getChrtClient.ts
2import "server-only";
3import { ChrtClient } from "@chrt-inc/typescript-sdk";
4import { auth } from "@clerk/nextjs/server";
5
6export async function getChrtClient(): Promise<ChrtClient> {
7 const { getToken } = await auth();
8 const token = await getToken();
9
10 return new ChrtClient({
11 environment: process.env.NEXT_PUBLIC_CHRT_API_BASE_URL || "https://api.dev.chrt.com",
12 token: () => token!,
13 });
14}

Using the Client in Server Components

1// app/(app)/orders/page.tsx
2import { getChrtClient } from "@/app/providers/ChrtClient";
3
4export default async function OrdersPage() {
5 // Get authenticated Chrt Client instance
6 const chrt = await getChrtClient();
7
8 try {
9 // Make API calls using the SDK
10 const orders = await chrt.oortOrders.getOortOrdersListByCourierOrgId();
11
12 // Process your data
13 console.log("Orders:", orders);
14
15 return (
16 <div>
17 {/* Render your orders */}
18 </div>
19 );
20 } catch (error) {
21 console.error("Failed to fetch orders:", error);
22 return <div>Error loading orders</div>;
23 }
24}

Client Provider Setup

For client-side usage, you can also set up a React context provider:

1// app/providers/ChrtClient/index.ts
2export { getChrtClient } from "./getChrtClient"; // Server-side utility
3export { ChrtClientProvider, useChrtClient } from "./ChrtClientProvider"; // Client-side provider

This pattern allows you to seamlessly use the Chrt SDK across your application with proper authentication handling.

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!


For more information about our APIs and integrations, check out our API Reference or contact our Support team.