@stream-io/video-client 0.0.9 → 0.0.11

package/dist/src/Call.d.ts

@@ -41,14 +41,14 @@ export declare class Call {
      * updates from the backend.
      */
     watching: boolean;
-    /**
-     * The permissions context of this call.
-     */
-    readonly permissionsContext: PermissionsContext;
     /**
      * Flag telling whether this call is a "ringing" call.
      */
     private readonly ringingSubject;
+    /**
+     * The permissions context of this call.
+     */
+    readonly permissionsContext: PermissionsContext;
     /**
      * The event dispatcher instance dedicated to this Call instance.
      * @private

package/dist/src/StreamVideoClient.d.ts

@@ -30,14 +30,7 @@ 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 | 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 | ConnectedEvent>;
+    connectUser(user: User, token: TokenOrProvider): Promise<void | ConnectedEvent>;
     /**
      * Disconnects the currently connected user from the client.
      *
@@ -137,4 +130,11 @@ export declare class StreamVideoClient {
      * @return {string} Returns a token
      */
     createToken(userID: string, exp?: number, iat?: number, call_cids?: string[]): string;
+    /**
+     * 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.
+     */
+    private connectAnonymousUser;
 }

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

@@ -4,10 +4,10 @@ import WebSocket from 'isomorphic-ws';
 import { StableWSConnection } from './connection';
 import { TokenManager } from './token_manager';
 import { WSConnectionFallback } from './connection_fallback';
-import { APIErrorResponse, ConnectAPIResponse, ErrorFromResponse, EventHandler, Logger, OwnUserResponse, StreamClientOptions, StreamVideoEvent, TokenOrProvider } from './types';
+import { APIErrorResponse, ConnectAPIResponse, ErrorFromResponse, EventHandler, Logger, StreamClientOptions, StreamVideoEvent, TokenOrProvider, UserWithId } from './types';
 import { InsightMetrics } from './insights';
 export declare class StreamClient {
-    _user?: OwnUserResponse;
+    _user?: UserWithId;
     anonymous: boolean;
     persistUserOnConnectionFailure?: boolean;
     axiosInstance: AxiosInstance;
@@ -23,7 +23,7 @@ export declare class StreamClient {
     secret?: string;
     setUserPromise: ConnectAPIResponse | null;
     tokenManager: TokenManager;
-    user?: OwnUserResponse;
+    user?: UserWithId;
     userAgent?: string;
     userID?: string;
     wsBaseURL?: string;
@@ -59,14 +59,14 @@ export declare class StreamClient {
     /**
      * connectUser - Set the current user and open a WebSocket connection
      *
-     * @param {OwnUserResponse} user Data about this user. IE {name: "john"}
+     * @param user Data about this user. IE {name: "john"}
      * @param {TokenOrProvider} userTokenOrProvider Token or provider
      *
      * @return {ConnectAPIResponse} Returns a promise that resolves when the connection is setup
      */
-    connectUser: (user: OwnUserResponse, userTokenOrProvider: TokenOrProvider) => Promise<void | import("../../..").ConnectedEvent>;
-    _setToken: (user: OwnUserResponse, userTokenOrProvider: TokenOrProvider, isAnonymous: boolean) => Promise<void>;
-    _setUser(user: OwnUserResponse): void;
+    connectUser: (user: UserWithId, userTokenOrProvider: TokenOrProvider) => Promise<void | import("../../..").ConnectedEvent>;
+    _setToken: (user: UserWithId, userTokenOrProvider: TokenOrProvider, isAnonymous: boolean) => Promise<void>;
+    _setUser(user: UserWithId): void;
     /**
      * Disconnects the websocket connection, without removing the user set on client.
      * client.closeConnection will not trigger default auto-retry mechanism for reconnection. You need
@@ -96,7 +96,7 @@ export declare class StreamClient {
     /**
      * connectAnonymousUser - Set an anonymous user and open a WebSocket connection
      */
-    connectAnonymousUser: (user: OwnUserResponse, tokenOrProvider: TokenOrProvider) => Promise<void>;
+    connectAnonymousUser: (user: UserWithId, tokenOrProvider: TokenOrProvider) => Promise<void>;
     /**
      * on - Listen to events on all channels and users your watching
      *
@@ -126,6 +126,8 @@ export declare class StreamClient {
         config?: AxiosRequestConfig & {
             maxBodyLength?: number;
         };
+    } & {
+        publicEndpoint?: boolean;
     }) => Promise<T>;
     get<T>(url: string, params?: AxiosRequestConfig['params']): Promise<T>;
     put<T, D = unknown>(url: string, data?: D): Promise<T>;
@@ -155,6 +157,8 @@ export declare class StreamClient {
     _isUsingServerAuth: () => boolean;
     _enrichAxiosOptions(options?: AxiosRequestConfig & {
         config?: AxiosRequestConfig;
+    } & {
+        publicEndpoint?: boolean;
     }): AxiosRequestConfig;
     _getToken(): string | null | undefined;
     /**
@@ -171,7 +175,7 @@ export declare class StreamClient {
      * 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 {string} userID The UserWithId 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
      *

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

@@ -24,7 +24,7 @@ export declare function buildWsFatalInsight(connection: StableWSConnection, even
     auth_type: string;
     token: string | undefined;
     user_id: string | undefined;
-    user_details: import("./types").OwnUserResponse | undefined;
+    user_details: import("./types").UserWithId | undefined;
     device: string;
     client_id: string | undefined;
     ws_details: import("ws") | undefined;
@@ -44,7 +44,7 @@ export declare function buildWsSuccessAfterFailureInsight(connection: StableWSCo
     auth_type: string;
     token: string | undefined;
     user_id: string | undefined;
-    user_details: import("./types").OwnUserResponse | undefined;
+    user_details: import("./types").UserWithId | undefined;
     device: string;
     client_id: string | undefined;
     ws_details: import("ws") | undefined;

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

@@ -1,5 +1,5 @@
 import { Secret } from 'jsonwebtoken';
-import type { OwnUserResponse, TokenOrProvider } from './types';
+import type { TokenOrProvider, UserWithId } from './types';
 /**
  * TokenManager
  *
@@ -11,7 +11,7 @@ export declare class TokenManager {
     secret?: Secret;
     token?: string;
     tokenProvider?: TokenOrProvider;
-    user?: OwnUserResponse;
+    user?: UserWithId;
     /**
      * Constructor
      *
@@ -26,13 +26,13 @@ export declare class TokenManager {
      * @param {UserResponse} user - the user object.
      * @param {boolean} isAnonymous - whether the user is anonymous or not.
      */
-    setTokenOrProvider: (tokenOrProvider: TokenOrProvider, user: OwnUserResponse, isAnonymous: boolean) => Promise<void>;
+    setTokenOrProvider: (tokenOrProvider: TokenOrProvider, user: UserWithId, isAnonymous: boolean) => Promise<void>;
     /**
      * Resets the token manager.
      * Useful for client disconnection or switching user.
      */
     reset: () => void;
-    validateToken: (tokenOrProvider: TokenOrProvider, user: OwnUserResponse, isAnonymous: boolean) => void;
+    validateToken: (tokenOrProvider: TokenOrProvider, user: UserWithId, isAnonymous: boolean) => void;
     tokenReady: () => Promise<string> | null;
     loadToken: () => Promise<string>;
     getToken: () => string | undefined;

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

@@ -1,18 +1,23 @@
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { StableWSConnection } from './connection';
-import { ConnectedEvent, VideoEvent } from '../../gen/coordinator';
+import { ConnectedEvent, UserRequest, VideoEvent } from '../../gen/coordinator';
 export type UR = Record<string, unknown>;
-export type User = {
-    id: string;
-    name?: string;
-    role?: string;
-    teams?: string[];
-    username?: string;
-    image?: string;
-    custom?: {
-        [key: string]: any;
-    };
-};
+export type User = (UserRequest & {
+    type?: 'authenticated';
+}) | (UserRequest & {
+    type: 'guest';
+}) | (Omit<UserRequest, 'id'> & {
+    id?: '!anon';
+    type: 'anonymous';
+});
+export type UserWithId = (UserRequest & {
+    type?: 'authenticated';
+}) | (UserRequest & {
+    type: 'guest';
+}) | (UserRequest & {
+    id: '!anon';
+    type: 'anonymous';
+});
 export type { OwnUserResponse } from '../../gen/coordinator';
 export type ConnectAPIResponse = Promise<void | ConnectedEvent>;
 export type LogLevel = 'info' | 'error' | 'warn';

package/dist/src/store/stateStore.d.ts

@@ -1,12 +1,12 @@
 import { BehaviorSubject, Observable } from 'rxjs';
 import type { Patch } from './rxUtils';
 import { Call } from '../Call';
-import type { User } from '../coordinator/connection/types';
+import type { OwnUserResponse } from '../coordinator/connection/types';
 export declare class StreamVideoWriteableStateStore {
     /**
      * A store keeping data of a successfully connected user over WS to the coordinator server.
      */
-    connectedUserSubject: BehaviorSubject<User | undefined>;
+    connectedUserSubject: BehaviorSubject<OwnUserResponse | undefined>;
     /**
      * A list of {@link Call} objects created/tracked by this client.
      */
@@ -42,14 +42,14 @@ export declare class StreamVideoWriteableStateStore {
     /**
      * The currently connected user.
      */
-    get connectedUser(): User | undefined;
+    get connectedUser(): OwnUserResponse | undefined;
     /**
      * Sets the currently connected user.
      *
      * @internal
      * @param user the user to set as connected.
      */
-    setConnectedUser: (user: Patch<User | undefined>) => User | undefined;
+    setConnectedUser: (user: Patch<OwnUserResponse | undefined>) => OwnUserResponse | undefined;
     /**
      * A list of {@link Call} objects created/tracked by this client.
      */
@@ -98,7 +98,7 @@ export declare class StreamVideoReadOnlyStateStore {
     /**
      * Data describing a user successfully connected over WS to coordinator server.
      */
-    connectedUser$: Observable<User | undefined>;
+    connectedUser$: Observable<OwnUserResponse | undefined>;
     /**
      * A list of {@link Call} objects created/tracked by this client.
      */
@@ -124,7 +124,7 @@ export declare class StreamVideoReadOnlyStateStore {
     /**
      * The current user connected over WS to the backend.
      */
-    get connectedUser(): User | undefined;
+    get connectedUser(): OwnUserResponse | undefined;
     /**
      * A list of {@link Call} objects created/tracked by this client.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -55,11 +55,11 @@
     "prettier": "^2.8.4",
     "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2",
-    "rollup": "^3.21.6",
+    "rollup": "^3.25.1",
     "typedoc": "^0.24.7",
     "typedoc-plugin-markdown": "^3.15.3",
     "typescript": "^4.9.5",
-    "vite": "^4.3.5",
+    "vite": "^4.3.9",
     "vitest": "^0.30.1",
     "vitest-mock-extended": "^1.1.3"
   }

package/src/Call.ts

@@ -152,14 +152,14 @@ export class Call {
   watching: boolean;
 
   /**
-   * The permissions context of this call.
+   * Flag telling whether this call is a "ringing" call.
    */
-  readonly permissionsContext = new PermissionsContext();
+  private readonly ringingSubject: Subject<boolean>;
 
   /**
-   * Flag telling whether this call is a "ringing" call.
+   * The permissions context of this call.
    */
-  private readonly ringingSubject: Subject<boolean>;
+  readonly permissionsContext = new PermissionsContext();
 
   /**
    * The event dispatcher instance dedicated to this Call instance.

package/src/StreamVideoClient.ts

@@ -27,6 +27,7 @@ import type {
   StreamClientOptions,
   TokenOrProvider,
   User,
+  UserWithId,
 } from './coordinator/connection/types';
 
 /**
@@ -69,13 +70,25 @@ export class StreamVideoClient {
    * @param user the user to connect.
    * @param tokenOrProvider a token or a function that returns a token.
    */
-  connectUser = async (user: User, tokenOrProvider: TokenOrProvider) => {
+  async connectUser(
+    user: User,
+    token: TokenOrProvider,
+  ): Promise<void | ConnectedEvent> {
+    if (user.type === 'anonymous') {
+      user.id = '!anon';
+      return this.connectAnonymousUser(user as UserWithId, token);
+    }
+    if (user.type === 'guest') {
+      const response = await this.createGuestUser({
+        user: {
+          ...user,
+          role: 'guest',
+        },
+      });
+      return this.connectUser(response.user, response.access_token);
+    }
     const connectUser = () => {
-      return this.streamClient.connectUser(
-        // @ts-expect-error
-        user,
-        tokenOrProvider,
-      );
+      return this.streamClient.connectUser(user, token);
     };
     this.connectionPromise = this.disconnectionPromise
       ? this.disconnectionPromise.then(() => connectUser())
@@ -83,7 +96,10 @@ export class StreamVideoClient {
 
     this.connectionPromise?.finally(() => (this.connectionPromise = undefined));
     const connectUserResponse = await this.connectionPromise;
-    this.writeableStateStore.setConnectedUser(user);
+    // connectUserResponse will be void if connectUser called twice for the same user
+    if (connectUserResponse?.me) {
+      this.writeableStateStore.setConnectedUser(connectUserResponse.me);
+    }
 
     this.eventHandlersToUnregister.push(
       this.on('connection.changed', (e) => {
@@ -162,27 +178,7 @@ export class StreamVideoClient {
     );
 
     return connectUserResponse;
-  };
-
-  /**
-   * 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 = async (
-    user: User,
-    tokenOrProvider: 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;
-  };
+  }
 
   /**
    * Disconnects the currently connected user from the client.
@@ -250,10 +246,10 @@ export class StreamVideoClient {
    * @param data the data for the guest user.
    */
   createGuestUser = async (data: CreateGuestRequest) => {
-    return this.streamClient.post<CreateGuestResponse, CreateGuestRequest>(
-      '/guest',
-      data,
-    );
+    return this.streamClient.doAxiosRequest<
+      CreateGuestResponse,
+      CreateGuestRequest
+    >('post', '/guest', data, { publicEndpoint: true });
   };
 
   /**
@@ -411,4 +407,23 @@ export class StreamVideoClient {
   ) {
     return this.streamClient.createToken(userID, exp, iat, call_cids);
   }
+
+  /**
+   * 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.
+   */
+  private connectAnonymousUser = async (
+    user: UserWithId,
+    tokenOrProvider: TokenOrProvider,
+  ) => {
+    const connectAnonymousUser = () =>
+      this.streamClient.connectAnonymousUser(user, tokenOrProvider);
+    this.connectionPromise = this.disconnectionPromise
+      ? this.disconnectionPromise.then(() => connectAnonymousUser())
+      : connectAnonymousUser();
+    this.connectionPromise.finally(() => (this.connectionPromise = undefined));
+    return this.connectionPromise;
+  };
 }

package/src/coordinator/connection/client.ts

@@ -27,15 +27,15 @@ import {
   ErrorFromResponse,
   EventHandler,
   Logger,
-  OwnUserResponse,
   StreamClientOptions,
   StreamVideoEvent,
   TokenOrProvider,
+  UserWithId,
 } from './types';
 import { InsightMetrics, postInsights } from './insights';
 
 export class StreamClient {
-  _user?: OwnUserResponse;
+  _user?: UserWithId;
   anonymous: boolean;
   persistUserOnConnectionFailure?: boolean;
   axiosInstance: AxiosInstance;
@@ -52,7 +52,7 @@ export class StreamClient {
   secret?: string;
   setUserPromise: ConnectAPIResponse | null;
   tokenManager: TokenManager;
-  user?: OwnUserResponse;
+  user?: UserWithId;
   userAgent?: string;
   userID?: string;
   wsBaseURL?: string;
@@ -183,13 +183,13 @@ export class StreamClient {
   /**
    * connectUser - Set the current user and open a WebSocket connection
    *
-   * @param {OwnUserResponse} user Data about this user. IE {name: "john"}
+   * @param user Data about this user. IE {name: "john"}
    * @param {TokenOrProvider} userTokenOrProvider Token or provider
    *
    * @return {ConnectAPIResponse} Returns a promise that resolves when the connection is setup
    */
   connectUser = async (
-    user: OwnUserResponse,
+    user: UserWithId,
     userTokenOrProvider: TokenOrProvider,
   ) => {
     if (!user.id) {
@@ -253,7 +253,7 @@ export class StreamClient {
   };
 
   _setToken = (
-    user: OwnUserResponse,
+    user: UserWithId,
     userTokenOrProvider: TokenOrProvider,
     isAnonymous: boolean,
   ) =>
@@ -263,7 +263,7 @@ export class StreamClient {
       isAnonymous,
     );
 
-  _setUser(user: OwnUserResponse) {
+  _setUser(user: UserWithId) {
     /**
      * This one is used by the frontend. This is a copy of the current user object stored on backend.
      * It contains reserved properties and own user properties which are not present in `this._user`.
@@ -306,7 +306,7 @@ export class StreamClient {
   openConnection = async () => {
     if (!this.userID) {
       throw Error(
-        'User is not set on client, use client.connectUser or client.connectAnonymousUser instead',
+        'UserWithId is not set on client, use client.connectUser or client.connectAnonymousUser instead',
       );
     }
 
@@ -382,7 +382,7 @@ export class StreamClient {
    * connectAnonymousUser - Set an anonymous user and open a WebSocket connection
    */
   connectAnonymousUser = async (
-    user: OwnUserResponse,
+    user: UserWithId,
     tokenOrProvider: TokenOrProvider,
   ) => {
     this.anonymous = true;
@@ -493,9 +493,11 @@ export class StreamClient {
     data?: D,
     options: AxiosRequestConfig & {
       config?: AxiosRequestConfig & { maxBodyLength?: number };
-    } = {},
+    } & { publicEndpoint?: boolean } = {},
   ): Promise<T> => {
-    await this.tokenManager.tokenReady();
+    if (!options.publicEndpoint || this.user) {
+      await this.tokenManager.tokenReady();
+    }
     const requestConfig = this._enrichAxiosOptions(options);
     try {
       let response: AxiosResponse<T>;
@@ -739,13 +741,16 @@ export class StreamClient {
   _isUsingServerAuth = () => !!this.secret;
 
   _enrichAxiosOptions(
-    options: AxiosRequestConfig & { config?: AxiosRequestConfig } = {
+    options: AxiosRequestConfig & { config?: AxiosRequestConfig } & {
+      publicEndpoint?: boolean;
+    } = {
       params: {},
       headers: {},
       config: {},
     },
   ): AxiosRequestConfig {
-    const token = this._getToken();
+    const token =
+      options.publicEndpoint && !this.user ? undefined : this._getToken();
     const authorization = token ? { Authorization: token } : undefined;
     let signal: AbortSignal | null = null;
     if (this.nextRequestAbortController !== null) {
@@ -769,7 +774,10 @@ export class StreamClient {
       },
       headers: {
         ...authorization,
-        'stream-auth-type': this.getAuthType(),
+        'stream-auth-type':
+          options.publicEndpoint && !this.user
+            ? 'anonymous'
+            : this.getAuthType(),
         'X-Stream-Client': this.getUserAgent(),
         ...options.headers,
       },
@@ -809,7 +817,7 @@ export class StreamClient {
    * 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 {string} userID The UserWithId 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
    *

package/src/coordinator/connection/token_manager.ts

@@ -1,7 +1,7 @@
 import { Secret } from 'jsonwebtoken';
 import { JWTServerToken, JWTUserToken, UserFromToken } from './signing';
 import { isFunction } from './utils';
-import type { OwnUserResponse, TokenOrProvider } from './types';
+import type { TokenOrProvider, UserWithId } from './types';
 
 /**
  * TokenManager
@@ -14,7 +14,7 @@ export class TokenManager {
   secret?: Secret;
   token?: string;
   tokenProvider?: TokenOrProvider;
-  user?: OwnUserResponse;
+  user?: UserWithId;
   /**
    * Constructor
    *
@@ -43,7 +43,7 @@ export class TokenManager {
    */
   setTokenOrProvider = async (
     tokenOrProvider: TokenOrProvider,
-    user: OwnUserResponse,
+    user: UserWithId,
     isAnonymous: boolean,
   ) => {
     this.validateToken(tokenOrProvider, user, isAnonymous);
@@ -80,7 +80,7 @@ export class TokenManager {
   // Validates the user token.
   validateToken = (
     tokenOrProvider: TokenOrProvider,
-    user: OwnUserResponse,
+    user: UserWithId,
     isAnonymous: boolean,
   ) => {
     // allow empty token for anon user
@@ -88,7 +88,7 @@ export class TokenManager {
 
     // Don't allow empty token for non-server side client.
     if (!this.secret && !tokenOrProvider) {
-      throw new Error('User token can not be empty');
+      throw new Error('UserWithId token can not be empty');
     }
 
     if (

package/src/coordinator/connection/types.ts

@@ -1,18 +1,24 @@
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
 import { StableWSConnection } from './connection';
-import { ConnectedEvent, VideoEvent } from '../../gen/coordinator';
+import { ConnectedEvent, UserRequest, VideoEvent } from '../../gen/coordinator';
 
 export type UR = Record<string, unknown>;
 
-export type User = {
-  id: string;
-  name?: string;
-  role?: string;
-  teams?: string[];
-  username?: string;
-  image?: string;
-  custom?: { [key: string]: any };
-};
+export type User =
+  | (UserRequest & { type?: 'authenticated' })
+  | (UserRequest & { type: 'guest' })
+  | (Omit<UserRequest, 'id'> & {
+      id?: '!anon';
+      type: 'anonymous';
+    });
+
+export type UserWithId =
+  | (UserRequest & { type?: 'authenticated' })
+  | (UserRequest & { type: 'guest' })
+  | (UserRequest & {
+      id: '!anon';
+      type: 'anonymous';
+    });
 
 export type { OwnUserResponse } from '../../gen/coordinator';
 

package/src/events/__tests__/call.test.ts

@@ -282,6 +282,12 @@ const fakeCall = ({ ring = true, currentUserId = 'test-user-id' } = {}) => {
   const store = new StreamVideoWriteableStateStore();
   store.setConnectedUser({
     id: currentUserId,
+    created_at: '',
+    updated_at: '',
+    role: '',
+    custom: {},
+    teams: [],
+    devices: [],
   });
   const client = new StreamClient('api-key');
   return new Call({