@knocklabs/client 0.9.2 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.9.3
+
+### Patch Changes
+
+- bc69618: Add react-native to package.json files to fix a bug in our React Native SDK
+
 ## 0.9.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knocklabs/client",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "The clientside library for interacting with Knock",
   "homepage": "https://github.com/knocklabs/javascript/tree/main/packages/client",
   "author": "@knocklabs",
@@ -9,16 +9,19 @@
   "module": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "typings": "dist/types/index.d.ts",
+  "react-native": "./src/index.ts",
   "exports": {
     ".": {
       "require": "./dist/cjs/index.js",
       "import": "./dist/esm/index.mjs",
       "types": "./dist/types/index.d.ts",
+      "react-native": "./src/index.ts",
       "default": "./dist/esm/index.mjs"
     }
   },
   "files": [
     "dist",
+    "src",
     "README.md"
   ],
   "repository": {

package/src/api.ts

@@ -0,0 +1,110 @@
+import axios, { AxiosError, AxiosInstance, AxiosRequestConfig } from "axios";
+import axiosRetry from "axios-retry";
+import { Socket } from "phoenix";
+
+type ApiClientOptions = {
+  host: string;
+  apiKey: string;
+  userToken: string | undefined;
+};
+
+export interface ApiResponse {
+  // eslint-disable-next-line
+  error?: any;
+  // eslint-disable-next-line
+  body?: any;
+  statusCode: "ok" | "error";
+  status: number;
+}
+
+class ApiClient {
+  private host: string;
+  private apiKey: string;
+  private userToken: string | null;
+  private axiosClient: AxiosInstance;
+
+  public socket: Socket | undefined;
+
+  constructor(options: ApiClientOptions) {
+    this.host = options.host;
+    this.apiKey = options.apiKey;
+    this.userToken = options.userToken || null;
+
+    // Create a retryable axios client
+    this.axiosClient = axios.create({
+      baseURL: this.host,
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${this.apiKey}`,
+        "X-Knock-User-Token": this.userToken,
+      },
+    });
+
+    if (typeof window !== "undefined") {
+      this.socket = new Socket(`${this.host.replace("http", "ws")}/ws/v1`, {
+        params: {
+          user_token: this.userToken,
+          api_key: this.apiKey,
+        },
+      });
+    }
+
+    // @ts-ignore
+    axiosRetry(this.axiosClient, {
+      retries: 3,
+      retryCondition: this.canRetryRequest,
+      retryDelay: axiosRetry.exponentialDelay,
+    });
+  }
+
+  async makeRequest(req: AxiosRequestConfig): Promise<ApiResponse> {
+    try {
+      const result = await this.axiosClient(req);
+
+      return {
+        statusCode: result.status < 300 ? "ok" : "error",
+        body: result.data,
+        error: undefined,
+        status: result.status,
+      };
+
+      // eslint:disable-next-line
+    } catch (e: unknown) {
+      console.error(e);
+
+      return {
+        statusCode: "error",
+        status: 500,
+        body: undefined,
+        error: e,
+      };
+    }
+  }
+
+  private canRetryRequest(error: AxiosError) {
+    // Retry Network Errors.
+    if (axiosRetry.isNetworkError(error)) {
+      return true;
+    }
+
+    if (!error.response) {
+      // Cannot determine if the request can be retried
+      return false;
+    }
+
+    // Retry Server Errors (5xx).
+    if (error.response.status >= 500 && error.response.status <= 599) {
+      return true;
+    }
+
+    // Retry if rate limited.
+    if (error.response.status === 429) {
+      return true;
+    }
+
+    return false;
+  }
+}
+
+export default ApiClient;