@reactor-team/js-sdk 1.0.17 → 1.0.19

package/dist/index.d.mts

@@ -15,6 +15,11 @@ declare const WaitingInfoDataSchema: z.ZodObject<{
 declare const SessionExpirationDataSchema: z.ZodObject<{
     expire: z.ZodNumber;
 }, z.core.$strip>;
+declare const ReactorAuthSchema: z.ZodObject<{
+    insecureApiKey: z.ZodOptional<z.ZodString>;
+    jwtToken: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type ReactorAuth = z.infer<typeof ReactorAuthSchema>;
 
 type ReactorStatus = "disconnected" | "connecting" | "waiting" | "ready";
 interface ReactorWaitingInfo extends z$1.infer<typeof WaitingInfoDataSchema> {
@@ -37,12 +42,6 @@ interface ReactorState$1 {
 type ReactorEvent = "statusChanged" | "waitingInfoChanged" | "newMessage" | "fps" | "streamChanged" | "error" | "sessionExpirationChanged";
 
 declare const OptionsSchema: z.ZodObject<{
-    directConnection: z.ZodOptional<z.ZodObject<{
-        livekitJwtToken: z.ZodString;
-        livekitWsUrl: z.ZodString;
-    }, z.core.$strip>>;
-    insecureApiKey: z.ZodOptional<z.ZodString>;
-    jwtToken: z.ZodOptional<z.ZodString>;
     coordinatorUrl: z.ZodDefault<z.ZodString>;
     modelName: z.ZodString;
     queueing: z.ZodDefault<z.ZodBoolean>;
@@ -57,13 +56,11 @@ declare class Reactor {
     private coordinatorUrl;
     private lastError?;
     private waitingInfo?;
-    private jwtToken?;
-    private insecureApiKey?;
-    private directConnection?;
     private modelName;
     private modelVersion;
     private queueing;
     private sessionExpiration?;
+    private local;
     constructor(options: Options);
     private eventListeners;
     on(event: ReactorEvent, handler: EventHandler): void;
@@ -96,8 +93,9 @@ declare class Reactor {
     /**
      * Connects to the coordinator and waits for a GPU to be assigned.
      * Once a GPU is assigned, the Reactor will connect to the gpu machine via LiveKit.
+     * If no authentication is provided and not in local mode, an error is thrown.
      */
-    connect(): Promise<void>;
+    connect(auth?: ReactorAuth): Promise<void>;
     /**
      * Disconnects from the coordinator and the gpu machine.
      * Ensures cleanup completes even if individual disconnections fail.
@@ -136,10 +134,12 @@ interface ReactorState {
     waitingInfo?: ReactorWaitingInfo;
     lastError?: ReactorError;
     sessionExpiration?: number;
+    insecureApiKey?: string;
+    jwtToken?: string;
 }
 interface ReactorActions {
     sendMessage(message: any): Promise<void>;
-    connect(): Promise<void>;
+    connect(auth?: ReactorAuth): Promise<void>;
     disconnect(): Promise<void>;
     publishVideoStream(stream: MediaStream): Promise<void>;
     unpublishVideoStream(): Promise<void>;
@@ -151,13 +151,17 @@ type ReactorStore = ReactorState & ReactorActions & {
     internal: ReactorInternalState;
 };
 interface ReactorInitializationProps extends Options {
+    insecureApiKey?: string;
+    jwtToken?: string;
 }
 
 interface ReactorProviderProps extends ReactorInitializationProps {
     autoConnect?: boolean;
+    insecureApiKey?: string;
+    jwtToken?: string;
     children: ReactNode;
 }
-declare function ReactorProvider({ children, autoConnect, ...props }: ReactorProviderProps): react_jsx_runtime.JSX.Element;
+declare function ReactorProvider({ children, autoConnect, insecureApiKey, jwtToken, ...props }: ReactorProviderProps): react_jsx_runtime.JSX.Element;
 declare function useReactorStore<T = ReactorStore>(selector: (state: ReactorStore) => T): T;
 
 interface ReactorViewProps {

package/dist/index.d.ts

@@ -15,6 +15,11 @@ declare const WaitingInfoDataSchema: z.ZodObject<{
 declare const SessionExpirationDataSchema: z.ZodObject<{
     expire: z.ZodNumber;
 }, z.core.$strip>;
+declare const ReactorAuthSchema: z.ZodObject<{
+    insecureApiKey: z.ZodOptional<z.ZodString>;
+    jwtToken: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type ReactorAuth = z.infer<typeof ReactorAuthSchema>;
 
 type ReactorStatus = "disconnected" | "connecting" | "waiting" | "ready";
 interface ReactorWaitingInfo extends z$1.infer<typeof WaitingInfoDataSchema> {
@@ -37,12 +42,6 @@ interface ReactorState$1 {
 type ReactorEvent = "statusChanged" | "waitingInfoChanged" | "newMessage" | "fps" | "streamChanged" | "error" | "sessionExpirationChanged";
 
 declare const OptionsSchema: z.ZodObject<{
-    directConnection: z.ZodOptional<z.ZodObject<{
-        livekitJwtToken: z.ZodString;
-        livekitWsUrl: z.ZodString;
-    }, z.core.$strip>>;
-    insecureApiKey: z.ZodOptional<z.ZodString>;
-    jwtToken: z.ZodOptional<z.ZodString>;
     coordinatorUrl: z.ZodDefault<z.ZodString>;
     modelName: z.ZodString;
     queueing: z.ZodDefault<z.ZodBoolean>;
@@ -57,13 +56,11 @@ declare class Reactor {
     private coordinatorUrl;
     private lastError?;
     private waitingInfo?;
-    private jwtToken?;
-    private insecureApiKey?;
-    private directConnection?;
     private modelName;
     private modelVersion;
     private queueing;
     private sessionExpiration?;
+    private local;
     constructor(options: Options);
     private eventListeners;
     on(event: ReactorEvent, handler: EventHandler): void;
@@ -96,8 +93,9 @@ declare class Reactor {
     /**
      * Connects to the coordinator and waits for a GPU to be assigned.
      * Once a GPU is assigned, the Reactor will connect to the gpu machine via LiveKit.
+     * If no authentication is provided and not in local mode, an error is thrown.
      */
-    connect(): Promise<void>;
+    connect(auth?: ReactorAuth): Promise<void>;
     /**
      * Disconnects from the coordinator and the gpu machine.
      * Ensures cleanup completes even if individual disconnections fail.
@@ -136,10 +134,12 @@ interface ReactorState {
     waitingInfo?: ReactorWaitingInfo;
     lastError?: ReactorError;
     sessionExpiration?: number;
+    insecureApiKey?: string;
+    jwtToken?: string;
 }
 interface ReactorActions {
     sendMessage(message: any): Promise<void>;
-    connect(): Promise<void>;
+    connect(auth?: ReactorAuth): Promise<void>;
     disconnect(): Promise<void>;
     publishVideoStream(stream: MediaStream): Promise<void>;
     unpublishVideoStream(): Promise<void>;
@@ -151,13 +151,17 @@ type ReactorStore = ReactorState & ReactorActions & {
     internal: ReactorInternalState;
 };
 interface ReactorInitializationProps extends Options {
+    insecureApiKey?: string;
+    jwtToken?: string;
 }
 
 interface ReactorProviderProps extends ReactorInitializationProps {
     autoConnect?: boolean;
+    insecureApiKey?: string;
+    jwtToken?: string;
     children: ReactNode;
 }
-declare function ReactorProvider({ children, autoConnect, ...props }: ReactorProviderProps): react_jsx_runtime.JSX.Element;
+declare function ReactorProvider({ children, autoConnect, insecureApiKey, jwtToken, ...props }: ReactorProviderProps): react_jsx_runtime.JSX.Element;
 declare function useReactorStore<T = ReactorStore>(selector: (state: ReactorStore) => T): T;
 
 interface ReactorViewProps {

package/dist/index.js

@@ -154,6 +154,12 @@ var SessionSetupMessageSchema = import_zod.z.object({
     modelVersion: import_zod.z.string().default("latest")
   })
 });
+var ReactorAuthSchema = import_zod.z.object({
+  insecureApiKey: import_zod.z.string().optional(),
+  jwtToken: import_zod.z.string().optional()
+}).refine((data) => data.insecureApiKey || data.jwtToken, {
+  message: "Either insecureApiKey or jwtToken must be provided"
+});
 
 // src/core/CoordinatorClient.ts
 var import_zod2 = require("zod");
@@ -571,22 +577,11 @@ var LOCAL_COORDINATOR_URL = "ws://localhost:8080/ws";
 var LOCAL_INSECURE_API_KEY = "1234";
 var PROD_COORDINATOR_URL = "wss://api.reactor.inc/ws";
 var OptionsSchema2 = import_zod3.z.object({
-  directConnection: import_zod3.z.object({
-    livekitJwtToken: import_zod3.z.string(),
-    livekitWsUrl: import_zod3.z.string()
-  }).optional(),
-  insecureApiKey: import_zod3.z.string().optional(),
-  jwtToken: import_zod3.z.string().optional(),
   coordinatorUrl: import_zod3.z.string().default(PROD_COORDINATOR_URL),
   modelName: import_zod3.z.string(),
   queueing: import_zod3.z.boolean().default(false),
   local: import_zod3.z.boolean().default(false)
-}).refine(
-  (data) => data.directConnection || data.insecureApiKey || data.jwtToken || data.local,
-  {
-    message: "At least one of directConnection, insecureApiKey, or jwtToken or local must be provided."
-  }
-);
+});
 var Reactor = class {
   constructor(options) {
     //client for the machine instance
@@ -595,15 +590,12 @@ var Reactor = class {
     this.eventListeners = /* @__PURE__ */ new Map();
     const validatedOptions = OptionsSchema2.parse(options);
     this.coordinatorUrl = validatedOptions.coordinatorUrl;
-    this.jwtToken = validatedOptions.jwtToken;
-    this.insecureApiKey = validatedOptions.insecureApiKey;
-    this.directConnection = validatedOptions.directConnection;
     this.modelName = validatedOptions.modelName;
     this.queueing = validatedOptions.queueing;
     this.modelVersion = "1.0.0";
-    if (validatedOptions.local) {
+    this.local = validatedOptions.local;
+    if (this.local) {
       this.coordinatorUrl = LOCAL_COORDINATOR_URL;
-      this.insecureApiKey = LOCAL_INSECURE_API_KEY;
     }
   }
   // Event Emitter API
@@ -749,18 +741,21 @@ var Reactor = class {
   /**
    * Connects to the coordinator and waits for a GPU to be assigned.
    * Once a GPU is assigned, the Reactor will connect to the gpu machine via LiveKit.
+   * If no authentication is provided and not in local mode, an error is thrown.
    */
-  connect() {
+  connect(auth) {
     return __async(this, null, function* () {
       console.debug("[Reactor] Connecting, status:", this.status);
+      if (auth == void 0) {
+        if (!this.local) {
+          throw new Error("No authentication provided and not in local mode");
+        }
+        auth = {
+          insecureApiKey: LOCAL_INSECURE_API_KEY
+        };
+      }
       if (this.status !== "disconnected")
         throw new Error("Already connected or connecting");
-      if (this.directConnection) {
-        return this.connectToGPUMachine(
-          this.directConnection.livekitJwtToken,
-          this.directConnection.livekitWsUrl
-        );
-      }
       this.setStatus("connecting");
       try {
         console.debug(
@@ -768,8 +763,8 @@ var Reactor = class {
         );
         this.coordinatorClient = new CoordinatorClient({
           wsUrl: this.coordinatorUrl,
-          jwtToken: this.jwtToken,
-          insecureApiKey: this.insecureApiKey,
+          jwtToken: auth.jwtToken,
+          insecureApiKey: auth.insecureApiKey,
           modelName: this.modelName,
           modelVersion: this.modelVersion,
           queueing: this.queueing
@@ -969,7 +964,9 @@ var defaultInitState = {
   fps: void 0,
   waitingInfo: void 0,
   lastError: void 0,
-  sessionExpiration: void 0
+  sessionExpiration: void 0,
+  insecureApiKey: void 0,
+  jwtToken: void 0
 };
 var initReactorStore = (props) => {
   return __spreadValues(__spreadValues({}, defaultInitState), props);
@@ -977,6 +974,8 @@ var initReactorStore = (props) => {
 var createReactorStore = (initProps, publicState = defaultInitState) => {
   console.debug("[ReactorStore] Creating store", {
     coordinatorUrl: initProps.coordinatorUrl,
+    insecureApiKey: initProps.insecureApiKey,
+    jwtToken: initProps.jwtToken,
     initialState: publicState
   });
   return (0, import_react.create)()((set, get) => {
@@ -989,20 +988,26 @@ var createReactorStore = (initProps, publicState = defaultInitState) => {
       });
       set({ status: newStatus });
     });
-    reactor.on("waitingInfoChanged", (newWaitingInfo) => {
-      console.debug("[ReactorStore] Waiting info changed", {
-        oldWaitingInfo: get().waitingInfo,
-        newWaitingInfo
-      });
-      set({ waitingInfo: newWaitingInfo });
-    });
-    reactor.on("sessionExpirationChanged", (newSessionExpiration) => {
-      console.debug("[ReactorStore] Session expiration changed", {
-        oldSessionExpiration: get().sessionExpiration,
-        newSessionExpiration
-      });
-      set({ sessionExpiration: newSessionExpiration });
-    });
+    reactor.on(
+      "waitingInfoChanged",
+      (newWaitingInfo) => {
+        console.debug("[ReactorStore] Waiting info changed", {
+          oldWaitingInfo: get().waitingInfo,
+          newWaitingInfo
+        });
+        set({ waitingInfo: newWaitingInfo });
+      }
+    );
+    reactor.on(
+      "sessionExpirationChanged",
+      (newSessionExpiration) => {
+        console.debug("[ReactorStore] Session expiration changed", {
+          oldSessionExpiration: get().sessionExpiration,
+          newSessionExpiration
+        });
+        set({ sessionExpiration: newSessionExpiration });
+      }
+    );
     reactor.on("streamChanged", (videoTrack) => {
       console.debug("[ReactorStore] Stream changed", {
         hasVideoTrack: !!videoTrack,
@@ -1020,6 +1025,9 @@ var createReactorStore = (initProps, publicState = defaultInitState) => {
       set({ lastError: error });
     });
     return __spreadProps(__spreadValues({}, publicState), {
+      // Include auth credentials from initProps in the store state
+      insecureApiKey: initProps.insecureApiKey,
+      jwtToken: initProps.jwtToken,
       internal: { reactor },
       // actions
       onMessage: (handler) => {
@@ -1040,10 +1048,17 @@ var createReactorStore = (initProps, publicState = defaultInitState) => {
           throw error;
         }
       }),
-      connect: () => __async(null, null, function* () {
-        console.debug("[ReactorStore] Connect called");
+      connect: (auth) => __async(null, null, function* () {
+        console.debug("auth", auth);
+        if (auth === void 0) {
+          auth = {
+            insecureApiKey: get().insecureApiKey,
+            jwtToken: get().jwtToken
+          };
+        }
+        console.debug("[ReactorStore] Connect called", { auth });
         try {
-          yield get().internal.reactor.connect();
+          yield get().internal.reactor.connect(auth);
           console.debug("[ReactorStore] Connect completed successfully");
         } catch (error) {
           console.error("[ReactorStore] Connect failed:", error);
@@ -1098,37 +1113,41 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function ReactorProvider(_a) {
   var _b = _a, {
     children,
-    autoConnect = true
+    autoConnect = true,
+    insecureApiKey,
+    jwtToken
   } = _b, props = __objRest(_b, [
     "children",
-    "autoConnect"
+    "autoConnect",
+    "insecureApiKey",
+    "jwtToken"
   ]);
   const storeRef = (0, import_react3.useRef)(void 0);
   const firstRender = (0, import_react3.useRef)(true);
   const [_storeVersion, setStoreVersion] = (0, import_react3.useState)(0);
   if (storeRef.current === void 0) {
     console.debug("[ReactorProvider] Creating new reactor store");
-    storeRef.current = createReactorStore(initReactorStore(props));
+    storeRef.current = createReactorStore(
+      initReactorStore(__spreadProps(__spreadValues({}, props), {
+        insecureApiKey,
+        jwtToken
+      }))
+    );
     console.debug("[ReactorProvider] Reactor store created successfully");
   }
-  const {
-    coordinatorUrl,
-    modelName,
-    jwtToken,
-    insecureApiKey,
-    directConnection,
-    queueing,
-    local
-  } = props;
+  const { coordinatorUrl, modelName, queueing, local } = props;
   (0, import_react3.useEffect)(() => {
     if (firstRender.current) {
       firstRender.current = false;
       const current2 = storeRef.current;
-      if (autoConnect && current2.getState().status === "disconnected") {
+      if (autoConnect && current2.getState().status === "disconnected" && (insecureApiKey || jwtToken)) {
         console.debug(
           "[ReactorProvider] Starting autoconnect in first render..."
         );
-        current2.getState().connect().then(() => {
+        current2.getState().connect({
+          insecureApiKey,
+          jwtToken
+        }).then(() => {
           console.debug(
             "[ReactorProvider] Autoconnect successful in first render"
           );
@@ -1160,11 +1179,10 @@ function ReactorProvider(_a) {
       initReactorStore({
         coordinatorUrl,
         modelName,
-        jwtToken,
-        insecureApiKey,
-        directConnection,
         queueing,
-        local
+        local,
+        insecureApiKey,
+        jwtToken
       })
     );
     const current = storeRef.current;
@@ -1172,9 +1190,12 @@ function ReactorProvider(_a) {
     console.debug(
       "[ReactorProvider] Reactor store updated successfully, and increased version"
     );
-    if (autoConnect && current.getState().status === "disconnected") {
+    if (autoConnect && current.getState().status === "disconnected" && (insecureApiKey || jwtToken)) {
       console.debug("[ReactorProvider] Starting autoconnect...");
-      current.getState().connect().then(() => {
+      current.getState().connect({
+        insecureApiKey,
+        jwtToken
+      }).then(() => {
         console.debug("[ReactorProvider] Autoconnect successful");
       }).catch((error) => {
         console.error("[ReactorProvider] Failed to autoconnect:", error);
@@ -1193,12 +1214,11 @@ function ReactorProvider(_a) {
   }, [
     coordinatorUrl,
     modelName,
-    jwtToken,
-    insecureApiKey,
-    directConnection,
     queueing,
     autoConnect,
-    local
+    local,
+    insecureApiKey,
+    jwtToken
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReactorContext.Provider, { value: storeRef.current, children });
 }
@@ -1353,7 +1373,7 @@ function ReactorController({
       setExpandedCommands({});
     }
   }, [status]);
-  import_react6.default.useEffect(() => {
+  const requestCapabilities = (0, import_react6.useCallback)(() => {
     if (status === "ready") {
       sendMessage({
         type: "requestCapabilities",
@@ -1361,6 +1381,20 @@ function ReactorController({
       });
     }
   }, [status, sendMessage]);
+  import_react6.default.useEffect(() => {
+    if (status === "ready") {
+      requestCapabilities();
+    }
+  }, [status, requestCapabilities]);
+  import_react6.default.useEffect(() => {
+    if (status !== "ready" || Object.keys(commands).length > 0) {
+      return;
+    }
+    const interval = setInterval(() => {
+      requestCapabilities();
+    }, 5e3);
+    return () => clearInterval(interval);
+  }, [status, commands, requestCapabilities]);
   useReactorMessage((message) => {
     if (message && typeof message === "object" && "commands" in message) {
       const commandsMessage = message;