@stream-io/video-client 0.0.5 → 0.0.7

package/dist/src/StreamVideoClient.d.ts

@@ -1,7 +1,7 @@
 import { Call } from './Call';
 import { StreamClient } from './coordinator/connection/client';
 import { StreamVideoReadOnlyStateStore } from './store';
-import type { CreateCallTypeRequest, CreateCallTypeResponse, CreateDeviceRequest, CreateGuestRequest, CreateGuestResponse, GetCallTypeResponse, GetEdgesResponse, ListCallTypeResponse, ListDevicesResponse, QueryCallsRequest, UpdateCallTypeRequest, UpdateCallTypeResponse } from './gen/coordinator';
+import type { ConnectedEvent, CreateCallTypeRequest, CreateCallTypeResponse, CreateDeviceRequest, CreateGuestRequest, CreateGuestResponse, GetCallTypeResponse, GetEdgesResponse, ListCallTypeResponse, ListDevicesResponse, QueryCallsRequest, UpdateCallTypeRequest, UpdateCallTypeResponse } from './gen/coordinator';
 import type { EventHandler, EventTypes, StreamClientOptions, TokenOrProvider, User } from './coordinator/connection/types';
 /**
  * A `StreamVideoClient` instance lets you communicate with our API, and authenticate users.
@@ -14,6 +14,8 @@ export declare class StreamVideoClient {
     private readonly writeableStateStore;
     streamClient: StreamClient;
     private eventHandlersToUnregister;
+    private connectionPromise;
+    private disconnectionPromise;
     /**
      * You should create only one instance of `StreamVideoClient`.
      * @param apiKey your Stream API key
@@ -28,14 +30,14 @@ export declare class StreamVideoClient {
      * @param user the user to connect.
      * @param tokenOrProvider a token or a function that returns a token.
      */
-    connectUser: (user: User, tokenOrProvider: TokenOrProvider) => Promise<void | import("./gen/coordinator").ConnectedEvent>;
+    connectUser: (user: User, tokenOrProvider: TokenOrProvider) => Promise<void | ConnectedEvent>;
     /**
      * Connects the given anonymous user to the client.
      *
      * @param user the user to connect.
      * @param tokenOrProvider a token or a function that returns a token.
      */
-    connectAnonymousUser: (user: User, tokenOrProvider: TokenOrProvider) => Promise<void>;
+    connectAnonymousUser: (user: User, tokenOrProvider: TokenOrProvider) => Promise<void | ConnectedEvent>;
     /**
      * Disconnects the currently connected user from the client.
      *
@@ -124,4 +126,15 @@ export declare class StreamVideoClient {
      *
      */
     removeDevice: (id: string, userID?: string) => Promise<unknown>;
+    /**
+     * createToken - Creates a token to authenticate this user. This function is used server side.
+     * The resulting token should be passed to the client side when the users registers or logs in.
+     *
+     * @param {string} userID The User ID
+     * @param {number} [exp] The expiration time for the token expressed in the number of seconds since the epoch
+     * @param call_cids for anonymous tokens you have to provide the call cids the use can join
+     *
+     * @return {string} Returns a token
+     */
+    createToken(userID: string, exp?: number, iat?: number, call_cids?: string[]): string;
 }

package/dist/src/coordinator/connection/client.d.ts

@@ -167,4 +167,15 @@ export declare class StreamClient {
      * creates an abort controller that will be used by the next HTTP Request.
      */
     createAbortControllerForNextRequest(): AbortController;
+    /**
+     * createToken - Creates a token to authenticate this user. This function is used server side.
+     * The resulting token should be passed to the client side when the users registers or logs in.
+     *
+     * @param {string} userID The User ID
+     * @param {number} [exp] The expiration time for the token expressed in the number of seconds since the epoch
+     * @param call_cids for anonymous tokens you have to provide the call cids the use can join
+     *
+     * @return {string} Returns a token
+     */
+    createToken(userID: string, exp?: number, iat?: number, call_cids?: string[]): string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/StreamVideoClient.ts

@@ -5,6 +5,7 @@ import {
   StreamVideoWriteableStateStore,
 } from './store';
 import type {
+  ConnectedEvent,
   CreateCallTypeRequest,
   CreateCallTypeResponse,
   CreateDeviceRequest,
@@ -40,6 +41,8 @@ export class StreamVideoClient {
   streamClient: StreamClient;
 
   private eventHandlersToUnregister: Array<() => void> = [];
+  private connectionPromise: Promise<void | ConnectedEvent> | undefined;
+  private disconnectionPromise: Promise<void> | undefined;
 
   /**
    * You should create only one instance of `StreamVideoClient`.
@@ -48,8 +51,6 @@ export class StreamVideoClient {
    */
   constructor(apiKey: string, opts?: StreamClientOptions) {
     this.streamClient = new StreamClient(apiKey, {
-      // FIXME: OL: fix SSR.
-      browser: true,
       persistUserOnConnectionFailure: true,
       ...opts,
     });
@@ -69,11 +70,19 @@ export class StreamVideoClient {
    * @param tokenOrProvider a token or a function that returns a token.
    */
   connectUser = async (user: User, tokenOrProvider: TokenOrProvider) => {
-    const connectUserResponse = await this.streamClient.connectUser(
-      // @ts-expect-error
-      user,
-      tokenOrProvider,
-    );
+    const connectUser = () => {
+      return this.streamClient.connectUser(
+        // @ts-expect-error
+        user,
+        tokenOrProvider,
+      );
+    };
+    this.connectionPromise = this.disconnectionPromise
+      ? this.disconnectionPromise.then(() => connectUser())
+      : connectUser();
+
+    this.connectionPromise?.finally(() => (this.connectionPromise = undefined));
+    const connectUserResponse = await this.connectionPromise;
     this.writeableStateStore.setConnectedUser(user);
 
     this.eventHandlersToUnregister.push(
@@ -165,8 +174,14 @@ export class StreamVideoClient {
     user: User,
     tokenOrProvider: TokenOrProvider,
   ) => {
-    // @ts-expect-error
-    return this.streamClient.connectAnonymousUser(user, tokenOrProvider);
+    const connectAnonymousUser = () =>
+      // @ts-expect-error
+      this.streamClient.connectAnonymousUser(user, tokenOrProvider);
+    this.connectionPromise = this.disconnectionPromise
+      ? this.disconnectionPromise.then(() => connectAnonymousUser())
+      : connectAnonymousUser();
+    this.connectionPromise.finally(() => (this.connectionPromise = undefined));
+    return this.connectionPromise;
   };
 
   /**
@@ -178,7 +193,14 @@ export class StreamVideoClient {
    *                https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
    */
   disconnectUser = async (timeout?: number) => {
-    await this.streamClient.disconnectUser(timeout);
+    const disconnectUser = () => this.streamClient.disconnectUser(timeout);
+    this.disconnectionPromise = this.connectionPromise
+      ? this.connectionPromise.then(() => disconnectUser())
+      : disconnectUser();
+    this.disconnectionPromise.finally(
+      () => (this.disconnectionPromise = undefined),
+    );
+    await this.disconnectionPromise;
     this.eventHandlersToUnregister.forEach((unregister) => unregister());
     this.eventHandlersToUnregister = [];
     this.writeableStateStore.setConnectedUser(undefined);
@@ -370,4 +392,23 @@ export class StreamVideoClient {
       ...(userID ? { user_id: userID } : {}),
     });
   };
+
+  /**
+   * createToken - Creates a token to authenticate this user. This function is used server side.
+   * The resulting token should be passed to the client side when the users registers or logs in.
+   *
+   * @param {string} userID The User ID
+   * @param {number} [exp] The expiration time for the token expressed in the number of seconds since the epoch
+   * @param call_cids for anonymous tokens you have to provide the call cids the use can join
+   *
+   * @return {string} Returns a token
+   */
+  createToken(
+    userID: string,
+    exp?: number,
+    iat?: number,
+    call_cids?: string[],
+  ) {
+    return this.streamClient.createToken(userID, exp, iat, call_cids);
+  }
 }

package/src/coordinator/connection/client.ts

@@ -8,7 +8,7 @@ import axios, {
 import https from 'https';
 import WebSocket from 'isomorphic-ws';
 import { StableWSConnection } from './connection';
-import { DevToken } from './signing';
+import { DevToken, JWTUserToken } from './signing';
 import { TokenManager } from './token_manager';
 import { WSConnectionFallback } from './connection_fallback';
 import { isErrorResponse, isWSFailure } from './errors';
@@ -804,4 +804,42 @@ export class StreamClient {
   createAbortControllerForNextRequest() {
     return (this.nextRequestAbortController = new AbortController());
   }
+
+  /**
+   * createToken - Creates a token to authenticate this user. This function is used server side.
+   * The resulting token should be passed to the client side when the users registers or logs in.
+   *
+   * @param {string} userID The User ID
+   * @param {number} [exp] The expiration time for the token expressed in the number of seconds since the epoch
+   * @param call_cids for anonymous tokens you have to provide the call cids the use can join
+   *
+   * @return {string} Returns a token
+   */
+  createToken(
+    userID: string,
+    exp?: number,
+    iat?: number,
+    call_cids?: string[],
+  ) {
+    if (this.secret == null) {
+      throw Error(
+        `tokens can only be created server-side using the API Secret`,
+      );
+    }
+    const extra: { exp?: number; iat?: number; call_cids?: string[] } = {};
+
+    if (exp) {
+      extra.exp = exp;
+    }
+
+    if (iat) {
+      extra.iat = iat;
+    }
+
+    if (call_cids) {
+      extra.call_cids = call_cids;
+    }
+
+    return JWTUserToken(this.secret, userID, extra, {});
+  }
 }