livekit-client 0.14.2 → 0.15.2

package/example/styles.css

@@ -0,0 +1,144 @@
+#connect-area {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: min-content min-content;
+  grid-auto-flow: column;
+  grid-gap: 10px;
+  margin-bottom: 15px;
+}
+
+#options-area {
+  display: grid;
+  grid-template-columns: repeat(4, fit-content(120px)) auto;
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+  grid-gap: 3rem;
+  margin-bottom: 10px;
+}
+
+#actions-area {
+  display: grid;
+  grid-template-columns: fit-content(100px) auto;
+  grid-gap: 1.25rem;
+  margin-bottom: 15px;
+}
+
+#inputs-area {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 1.25rem;
+  margin-bottom: 10px;
+}
+
+#chat-input-area {
+  margin-top: 1.2rem;
+  display: grid;
+  grid-template-columns: auto min-content;
+  gap: 1.25rem;
+}
+
+#screenshare-area {
+  position: relative;
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+  display: none;
+}
+
+#screenshare-area video {
+  max-width: 900px;
+  max-height: 900px;
+  border: 3px solid rgba(0, 0, 0, 0.5);
+}
+
+#participants-area {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+}
+
+#participants-area > .participant {
+  width: 100%;
+}
+
+#participants-area > .participant::before {
+  content: "";
+  display: inline-block;
+  width: 1px;
+  height: 0;
+  padding-bottom: calc(100% / (16/9));
+}
+
+#log-area {
+  margin-top: 1.25rem;
+  margin-bottom: 1rem;
+}
+
+#log {
+  width: 66.6%;
+  height: 100px;
+}
+
+.participant {
+  position: relative;
+  padding: 0;
+  margin: 0;
+  border-radius: 5px;
+  border: 3px solid rgba(0, 0, 0, 0);
+  overflow: hidden;
+}
+
+.participant video {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #aaa;
+  object-fit: cover;
+  border-radius: 5px;
+}
+
+.participant .info-bar {
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  display: grid;
+  color: #eee;
+  padding: 2px 8px 2px 8px;
+  background-color: rgba(0, 0, 0, 0.35);
+  grid-template-columns: minmax(50px, auto) 1fr minmax(50px, auto);
+  z-index: 5;
+}
+
+.participant .size {
+  text-align: center;
+}
+
+.participant .right {
+  text-align: right;
+}
+
+.participant.speaking {
+  border: 3px solid rgba(94, 166, 190, 0.7);
+}
+
+.participant .mic-off {
+  color: #d33;
+  text-align: right;
+}
+
+.participant .mic-on {
+  text-align: right;
+}
+
+.participant .connection-excellent {
+  color: green;
+}
+
+.participant .connection-good {
+  color: orange;
+}
+
+.participant .connection-poor {
+  color: red;
+}

package/example/webpack.config.js

@@ -24,7 +24,7 @@ module.exports = {
     ],
   },
   resolve: {
-    extensions: ['.tsx', '.ts', '.js'],
+    extensions: ['.tsx', '.ts', '.js', '.css'],
   },
   output: {
     filename: 'bundle.js',

package/jest.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  clearMocks: true,
+  modulePathIgnorePatterns: ['<rootDir>/dist/'],
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "livekit-client",
-  "version": "0.14.2",
+  "version": "0.15.2",
   "description": "JavaScript/TypeScript client SDK for LiveKit",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -11,21 +11,22 @@
   "scripts": {
     "build": "yarn exec tsc",
     "build-docs": "yarn exec typedoc",
-    "proto": "protoc --plugin=node_modules/ts-proto/protoc-gen-ts_proto --ts_proto_opt=esModuleInterop=true --ts_proto_out=./src/proto --ts_proto_opt=outputClientImpl=false,useOptionals=true -I../protocol ../protocol/livekit_rtc.proto ../protocol/livekit_models.proto",
+    "proto": "protoc --plugin=node_modules/ts-proto/protoc-gen-ts_proto --ts_proto_opt=esModuleInterop=true --ts_proto_out=./src/proto --ts_proto_opt=outputClientImpl=false,useOptionals=true -I./protocol ./protocol/livekit_rtc.proto ./protocol/livekit_models.proto",
     "sample": "cd example && webpack serve",
-    "build-sample": "cd example && webpack && cp index.html dist/",
+    "build-sample": "cd example && webpack && cp styles.css index.html dist/",
     "lint": "yarn exec eslint src",
     "test": "jest",
     "deploy": "gh-pages -d example/dist"
   },
   "dependencies": {
     "events": "^3.3.0",
-    "loglevel": "^1.7.1",
-    "protobufjs": "^6.10.2",
+    "loglevel": "^1.8.0",
+    "protobufjs": "^6.11.2",
     "ts-debounce": "^3.0.0",
-    "webrtc-adapter": "^7.7.1"
+    "webrtc-adapter": "^8.1.0"
   },
   "devDependencies": {
+    "@types/jest": "^27.0.3",
     "@types/ws": "^7.4.0",
     "@typescript-eslint/eslint-plugin": "^4.31.2",
     "@webpack-cli/serve": "^1.5.2",
@@ -33,6 +34,8 @@
     "eslint-config-airbnb-typescript": "^12.3.1",
     "eslint-plugin-import": "^2.24.2",
     "gh-pages": "^3.2.3",
+    "jest": "^27.4.3",
+    "ts-jest": "^27.0.7",
     "ts-loader": "^8.1.0",
     "ts-proto": "^1.85.0",
     "typedoc": "^0.20.35",

package/tsconfig.eslint.json

@@ -1,4 +1,11 @@
 {
   "extends": "./tsconfig.json",
-  "include": ["src/**/*.ts", "src/**/*.js", "example/**/*.ts", "example/**/*.js", ".eslintrc.js"]
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.js",
+    "example/**/*.ts",
+    "example/**/*.js",
+    ".eslintrc.js",
+    "jest.config.js",
+  ]
 }

package/dist/room/defaults.d.ts

@@ -1,5 +0,0 @@
-import { TrackCaptureDefaults, TrackPublishDefaults } from './track/options';
-export declare function getTrackPublishDefaults(): TrackPublishDefaults;
-export declare function setTrackPublishDefaults(defaults: TrackPublishDefaults): void;
-export declare function getTrackCaptureDefaults(): TrackCaptureDefaults;
-export declare function setTrackCaptureDefaults(defaults: TrackCaptureDefaults): void;

package/dist/room/defaults.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setTrackCaptureDefaults = exports.getTrackCaptureDefaults = exports.setTrackPublishDefaults = exports.getTrackPublishDefaults = void 0;
-const options_1 = require("./track/options");
-let publishDefaults = {
-    audioBitrate: options_1.AudioPresets.speech.maxBitrate,
-    stopMicTrackOnMute: false,
-};
-let captureDefaults = {
-    autoGainControl: true,
-    channelCount: 1,
-    echoCancellation: true,
-    noiseSuppression: true,
-    videoResolution: options_1.VideoPresets.qhd.resolution,
-};
-function getTrackPublishDefaults() {
-    return publishDefaults;
-}
-exports.getTrackPublishDefaults = getTrackPublishDefaults;
-function setTrackPublishDefaults(defaults) {
-    publishDefaults = defaults;
-}
-exports.setTrackPublishDefaults = setTrackPublishDefaults;
-function getTrackCaptureDefaults() {
-    return captureDefaults;
-}
-exports.getTrackCaptureDefaults = getTrackCaptureDefaults;
-function setTrackCaptureDefaults(defaults) {
-    captureDefaults = defaults;
-}
-exports.setTrackCaptureDefaults = setTrackCaptureDefaults;
-//# sourceMappingURL=defaults.js.map

package/dist/room/defaults.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/room/defaults.ts"],"names":[],"mappings":";;;AAAA,6CAEyB;AAEzB,IAAI,eAAe,GAAyB;IAC1C,YAAY,EAAE,sBAAY,CAAC,MAAM,CAAC,UAAU;IAC5C,kBAAkB,EAAE,KAAK;CAC1B,CAAC;AAEF,IAAI,eAAe,GAAyB;IAC1C,eAAe,EAAE,IAAI;IACrB,YAAY,EAAE,CAAC;IACf,gBAAgB,EAAE,IAAI;IACtB,gBAAgB,EAAE,IAAI;IACtB,eAAe,EAAE,sBAAY,CAAC,GAAG,CAAC,UAAU;CAC7C,CAAC;AAEF,SAAgB,uBAAuB;IACrC,OAAO,eAAe,CAAC;AACzB,CAAC;AAFD,0DAEC;AAED,SAAgB,uBAAuB,CAAC,QAA8B;IACpE,eAAe,GAAG,QAAQ,CAAC;AAC7B,CAAC;AAFD,0DAEC;AAED,SAAgB,uBAAuB;IACrC,OAAO,eAAe,CAAC;AACzB,CAAC;AAFD,0DAEC;AAED,SAAgB,uBAAuB,CAAC,QAA8B;IACpE,eAAe,GAAG,QAAQ,CAAC;AAC7B,CAAC;AAFD,0DAEC"}