@reactor-team/js-sdk 1.0.22 → 2.0.1

package/README.md

@@ -9,61 +9,12 @@ There are two main ways to use the frontend SDK:
 1. **Imperative API**: Use it in any TS/JS application.
 2. **React API**: Use it in a React applications.
 
-## Setup
-
-### Fetching Protobuf Types
-
-The SDK uses generated TypeScript types from the [reactor-proto](https://github.com/reactor-team/reactor-proto) repository. These are fetched from GitHub releases and placed in `src/generated/`.
-
-1. Set your GitHub token (required for private repo access):
-
-```bash
-export GH_TOKEN=your_github_token
-```
-
-2. Fetch the protobuf types:
-
-```bash
-pnpm proto
-```
-
-This will download the types matching the version specified in `package.json` under `protobufsVersion`.
-
-### Updating Protobuf Version
-
-To update to a new protobuf version:
-
-1. Update `protobufsVersion` in `package.json` to the new semver (e.g., `"0.3.4"`)
-2. Run `pnpm proto` to fetch the new types
-
-### Cleaning Generated Files
-
-To remove the generated protobuf types:
-
-```bash
-pnpm clean
-```
-
 ## Building the SDK
 
-Set up the environment variables:
-
-```bash
-cp .env.example .env
-```
-
-Then add your NPM_TOKEN to the .env file.
-
-Build the SDK:
-
 ```bash
 pnpm build
 ```
 
-## Publishing
+## Documentation
 
-To publish the SDK:
-
-```bash
-./publish_package.sh
-```
+- [Getting Started](https://docs.reactor.inc)

package/dist/index.d.mts

@@ -171,4 +171,17 @@ declare function useReactor<T>(selector: (state: ReactorStore) => T): T;
  */
 declare function useReactorMessage(handler: (message: any) => void): void;
 
-export { type Options, PROD_COORDINATOR_URL, Reactor, ReactorController, type ReactorControllerProps, type ReactorError, type ReactorEvent, ReactorProvider, type ReactorState$1 as ReactorState, type ReactorStatus, ReactorView, type ReactorViewProps, WebcamStream, useReactor, useReactorMessage, useReactorStore };
+/**
+ * ⚠️ INSECURE: Fetches a JWT token directly from the client.
+ *
+ * WARNING: This function exposes your API key in client-side code.
+ * Only use this for local development or testing purposes.
+ * In production, call /tokens from your server and pass the JWT to your frontend.
+ *
+ * @param apiKey - Your Reactor API key (will be exposed in client code!)
+ * @param coordinatorUrl - Optional coordinator URL, defaults to production
+ * @returns string containing the JWT token
+ */
+declare function fetchInsecureJwtToken(apiKey: string, coordinatorUrl?: string): Promise<string>;
+
+export { type Options, PROD_COORDINATOR_URL, Reactor, ReactorController, type ReactorControllerProps, type ReactorError, type ReactorEvent, ReactorProvider, type ReactorState$1 as ReactorState, type ReactorStatus, ReactorView, type ReactorViewProps, WebcamStream, fetchInsecureJwtToken, useReactor, useReactorMessage, useReactorStore };

package/dist/index.d.ts

@@ -171,4 +171,17 @@ declare function useReactor<T>(selector: (state: ReactorStore) => T): T;
  */
 declare function useReactorMessage(handler: (message: any) => void): void;
 
-export { type Options, PROD_COORDINATOR_URL, Reactor, ReactorController, type ReactorControllerProps, type ReactorError, type ReactorEvent, ReactorProvider, type ReactorState$1 as ReactorState, type ReactorStatus, ReactorView, type ReactorViewProps, WebcamStream, useReactor, useReactorMessage, useReactorStore };
+/**
+ * ⚠️ INSECURE: Fetches a JWT token directly from the client.
+ *
+ * WARNING: This function exposes your API key in client-side code.
+ * Only use this for local development or testing purposes.
+ * In production, call /tokens from your server and pass the JWT to your frontend.
+ *
+ * @param apiKey - Your Reactor API key (will be exposed in client code!)
+ * @param coordinatorUrl - Optional coordinator URL, defaults to production
+ * @returns string containing the JWT token
+ */
+declare function fetchInsecureJwtToken(apiKey: string, coordinatorUrl?: string): Promise<string>;
+
+export { type Options, PROD_COORDINATOR_URL, Reactor, ReactorController, type ReactorControllerProps, type ReactorError, type ReactorEvent, ReactorProvider, type ReactorState$1 as ReactorState, type ReactorStatus, ReactorView, type ReactorViewProps, WebcamStream, fetchInsecureJwtToken, useReactor, useReactorMessage, useReactorStore };

package/dist/index.js

@@ -85,195 +85,13 @@ __export(index_exports, {
   ReactorProvider: () => ReactorProvider,
   ReactorView: () => ReactorView,
   WebcamStream: () => WebcamStream,
+  fetchInsecureJwtToken: () => fetchInsecureJwtToken,
   useReactor: () => useReactor,
   useReactorMessage: () => useReactorMessage,
   useReactorStore: () => useReactorStore
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/generated/api/types/api_types.ts
-var import_wire2 = require("@bufbuild/protobuf/wire");
-
-// src/generated/api/types/base.ts
-var import_wire = require("@bufbuild/protobuf/wire");
-
-// src/generated/api/types/api_types.ts
-function createBaseSDPParamsResponse() {
-  return { sdpAnswer: "", extraArgs: {} };
-}
-var SDPParamsResponse = {
-  encode(message, writer = new import_wire2.BinaryWriter()) {
-    if (message.sdpAnswer !== "") {
-      writer.uint32(10).string(message.sdpAnswer);
-    }
-    globalThis.Object.entries(message.extraArgs).forEach(
-      ([key, value]) => {
-        SDPParamsResponse_ExtraArgsEntry.encode(
-          { key, value },
-          writer.uint32(18).fork()
-        ).join();
-      }
-    );
-    return writer;
-  },
-  decode(input, length) {
-    const reader = input instanceof import_wire2.BinaryReader ? input : new import_wire2.BinaryReader(input);
-    const end = length === void 0 ? reader.len : reader.pos + length;
-    const message = createBaseSDPParamsResponse();
-    while (reader.pos < end) {
-      const tag = reader.uint32();
-      switch (tag >>> 3) {
-        case 1: {
-          if (tag !== 10) {
-            break;
-          }
-          message.sdpAnswer = reader.string();
-          continue;
-        }
-        case 2: {
-          if (tag !== 18) {
-            break;
-          }
-          const entry2 = SDPParamsResponse_ExtraArgsEntry.decode(
-            reader,
-            reader.uint32()
-          );
-          if (entry2.value !== void 0) {
-            message.extraArgs[entry2.key] = entry2.value;
-          }
-          continue;
-        }
-      }
-      if ((tag & 7) === 4 || tag === 0) {
-        break;
-      }
-      reader.skip(tag & 7);
-    }
-    return message;
-  },
-  fromJSON(object) {
-    return {
-      sdpAnswer: isSet(object.sdpAnswer) ? globalThis.String(object.sdpAnswer) : "",
-      extraArgs: isObject(object.extraArgs) ? globalThis.Object.entries(object.extraArgs).reduce(
-        (acc, [key, value]) => {
-          acc[key] = globalThis.String(value);
-          return acc;
-        },
-        {}
-      ) : {}
-    };
-  },
-  toJSON(message) {
-    const obj = {};
-    if (message.sdpAnswer !== "") {
-      obj.sdpAnswer = message.sdpAnswer;
-    }
-    if (message.extraArgs) {
-      const entries = globalThis.Object.entries(message.extraArgs);
-      if (entries.length > 0) {
-        obj.extraArgs = {};
-        entries.forEach(([k, v]) => {
-          obj.extraArgs[k] = v;
-        });
-      }
-    }
-    return obj;
-  },
-  create(base) {
-    return SDPParamsResponse.fromPartial(base != null ? base : {});
-  },
-  fromPartial(object) {
-    var _a, _b;
-    const message = createBaseSDPParamsResponse();
-    message.sdpAnswer = (_a = object.sdpAnswer) != null ? _a : "";
-    message.extraArgs = globalThis.Object.entries((_b = object.extraArgs) != null ? _b : {}).reduce(
-      (acc, [key, value]) => {
-        if (value !== void 0) {
-          acc[key] = globalThis.String(value);
-        }
-        return acc;
-      },
-      {}
-    );
-    return message;
-  }
-};
-function createBaseSDPParamsResponse_ExtraArgsEntry() {
-  return { key: "", value: "" };
-}
-var SDPParamsResponse_ExtraArgsEntry = {
-  encode(message, writer = new import_wire2.BinaryWriter()) {
-    if (message.key !== "") {
-      writer.uint32(10).string(message.key);
-    }
-    if (message.value !== "") {
-      writer.uint32(18).string(message.value);
-    }
-    return writer;
-  },
-  decode(input, length) {
-    const reader = input instanceof import_wire2.BinaryReader ? input : new import_wire2.BinaryReader(input);
-    const end = length === void 0 ? reader.len : reader.pos + length;
-    const message = createBaseSDPParamsResponse_ExtraArgsEntry();
-    while (reader.pos < end) {
-      const tag = reader.uint32();
-      switch (tag >>> 3) {
-        case 1: {
-          if (tag !== 10) {
-            break;
-          }
-          message.key = reader.string();
-          continue;
-        }
-        case 2: {
-          if (tag !== 18) {
-            break;
-          }
-          message.value = reader.string();
-          continue;
-        }
-      }
-      if ((tag & 7) === 4 || tag === 0) {
-        break;
-      }
-      reader.skip(tag & 7);
-    }
-    return message;
-  },
-  fromJSON(object) {
-    return {
-      key: isSet(object.key) ? globalThis.String(object.key) : "",
-      value: isSet(object.value) ? globalThis.String(object.value) : ""
-    };
-  },
-  toJSON(message) {
-    const obj = {};
-    if (message.key !== "") {
-      obj.key = message.key;
-    }
-    if (message.value !== "") {
-      obj.value = message.value;
-    }
-    return obj;
-  },
-  create(base) {
-    return SDPParamsResponse_ExtraArgsEntry.fromPartial(base != null ? base : {});
-  },
-  fromPartial(object) {
-    var _a, _b;
-    const message = createBaseSDPParamsResponse_ExtraArgsEntry();
-    message.key = (_a = object.key) != null ? _a : "";
-    message.value = (_b = object.value) != null ? _b : "";
-    return message;
-  }
-};
-function isObject(value) {
-  return typeof value === "object" && value !== null;
-}
-function isSet(value) {
-  return value !== null && value !== void 0;
-}
-
 // src/core/CoordinatorClient.ts
 var INITIAL_BACKOFF_MS = 500;
 var MAX_BACKOFF_MS = 3e4;
@@ -312,7 +130,7 @@ var CoordinatorClient = class {
         }),
         body: JSON.stringify(requestBody)
       });
-      if (response.status !== 200) {
+      if (!response.ok) {
         const errorText = yield response.text();
         throw new Error(
           `Failed to create session: ${response.status} ${errorText}`
@@ -347,7 +165,7 @@ var CoordinatorClient = class {
           headers: this.getAuthHeaders()
         }
       );
-      if (response.status !== 200) {
+      if (!response.ok) {
         const errorText = yield response.text();
         throw new Error(`Failed to get session: ${response.status} ${errorText}`);
       }
@@ -375,13 +193,7 @@ var CoordinatorClient = class {
           headers: this.getAuthHeaders()
         }
       );
-      if (response.status === 200 || response.status === 204) {
-        const data = yield response.json();
-        console.debug(
-          "[CoordinatorClient] Session terminated:",
-          data.session_id,
-          data.status
-        );
+      if (response.ok) {
         this.currentSessionId = void 0;
         return;
       }
@@ -477,9 +289,7 @@ var CoordinatorClient = class {
           }
         );
         if (response.status === 200) {
-          const answerData = SDPParamsResponse.fromJSON(
-            yield response.json()
-          );
+          const answerData = yield response.json();
           console.debug("[CoordinatorClient] Received SDP answer via polling");
           return answerData.sdp_answer;
         }
@@ -2319,6 +2129,27 @@ function WebcamStream({
     }
   );
 }
+
+// src/utils/tokens.ts
+function fetchInsecureJwtToken(_0) {
+  return __async(this, arguments, function* (apiKey, coordinatorUrl = PROD_COORDINATOR_URL) {
+    console.warn(
+      "[Reactor] \u26A0\uFE0F SECURITY WARNING: fetchInsecureJwtToken() exposes your API key in client-side code. This should ONLY be used for local development or testing. In production, fetch tokens from your server instead."
+    );
+    const response = yield fetch(`${coordinatorUrl}/tokens`, {
+      method: "GET",
+      headers: {
+        "X-API-Key": apiKey
+      }
+    });
+    if (!response.ok) {
+      const error = yield response.text();
+      throw new Error(`Failed to create token: ${response.status} ${error}`);
+    }
+    const { jwt } = yield response.json();
+    return jwt;
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PROD_COORDINATOR_URL,
@@ -2327,6 +2158,7 @@ function WebcamStream({
   ReactorProvider,
   ReactorView,
   WebcamStream,
+  fetchInsecureJwtToken,
   useReactor,
   useReactorMessage,
   useReactorStore