feat!: remove server-side capabilities from JS client (#1282)

**BREAKING CHANGES**

- The `StreamVideoServerClient` has been removed, integrators should use
the
[`@stream-io/node-sdk`](https://getstream.io/video/docs/api/#installation)
for server-side integration
- `role` field have been removed from `UserRequest` -> it didn't do
anything, so integrators should just remove this from their code
- `VideoEvent` renamed to `WSEvent`
- `LayoutSettings` are removed from the client-side API, it's only
available on server-side

Internal notes for Stream developers:
`HealthCheckEvent` and `CustomVideoEvent` models are missing from open
API, they manually have to be added.
`object` needs to be replaced with `{[key: string]: any}`

Author: szuperaz

packages/client/generate-openapi.sh

@@ -9,11 +9,9 @@ else
   PROTOCOL_REPO_DIR="../../../protocol"
 fi
 if  [ "$FROM_REPO" == 'chat' ]; then
-  SCHEMA_FILE="$PROTOCOL_REPO_DIR/releases/video-openapi.yaml"
-elif [ "$FROM_REPO" == 'protocol' ]; then
-  SCHEMA_FILE="$PROTOCOL_REPO_DIR/openapi/video-openapi.yaml"
+  SCHEMA_FILE="$PROTOCOL_REPO_DIR/releases/video-openapi-clientside.yaml"
 else
-  SCHEMA_FILE=$FROM_REPO
+  SCHEMA_FILE="$PROTOCOL_REPO_DIR/openapi/video-openapi-clientside.yaml"
 fi
 
 if  [ "$FROM_REPO" == 'chat' ]; then

packages/client/index.ts

@@ -13,7 +13,6 @@ export * from './src/stats/types';
 export * from './src/Call';
 export * from './src/CallType';
 export * from './src/StreamVideoClient';
-export * from './src/StreamVideoServerClient';
 export * from './src/StreamSfuClient';
 export * from './src/devices';
 export * from './src/store';

packages/client/package.json

@@ -35,7 +35,6 @@
     "axios": "^1.6.0",
     "base64-js": "^1.5.1",
     "isomorphic-ws": "^5.0.0",
-    "jsonwebtoken": "^9.0.2",
     "rxjs": "~7.8.1",
     "sdp-transform": "^2.14.1",
     "ua-parser-js": "^1.0.36",
@@ -46,7 +45,7 @@
     "@openapitools/openapi-generator-cli": "^2.7.0",
     "@rollup/plugin-replace": "^5.0.5",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/jsonwebtoken": "^9.0.3",
+    "@stream-io/node-sdk": "^0.1.12",
     "@types/sdp-transform": "^2.4.7",
     "@types/ua-parser-js": "^0.7.37",
     "@vitest/coverage-v8": "^0.34.4",

packages/client/rollup.config.mjs

@@ -4,13 +4,7 @@ import replace from '@rollup/plugin-replace';
 import pkg from './package.json' assert { type: 'json' };
 
 // these modules are used only in nodejs and are not needed in the browser
-const browserIgnoredModules = [
-  'jsonwebtoken',
-  'https',
-  'crypto',
-  'util',
-  'stream',
-];
+const browserIgnoredModules = ['https', 'util', 'stream'];
 
 /**
  * A plugin which converts the nodejs modules to empty modules for the browser.

packages/client/src/StreamVideoServerClient.ts

@@ -2,18 +2,23 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { StreamVideoClient } from '../StreamVideoClient';
 import 'dotenv/config';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
-import { StreamVideoServerClient } from '../StreamVideoServerClient';
 import { User } from '../coordinator/connection/types';
+import { StreamClient } from '@stream-io/node-sdk';
 
 const apiKey = process.env.STREAM_API_KEY!;
 const secret = process.env.STREAM_SECRET!;
 
+const serverClient = new StreamClient(apiKey, secret);
+
 const tokenProvider = (userId: string) => {
-  const serverClient = new StreamVideoServerClient(apiKey, { secret });
   return async () => {
     return new Promise<string>((resolve) => {
       setTimeout(() => {
-        const token = serverClient.createToken(userId);
+        const token = serverClient.createToken(
+          userId,
+          undefined,
+          Math.round(Date.now() / 1000 - 10),
+        );
         resolve(token);
       }, 100);
     });