@whereby.com/browser-sdk 2.1.0 → 2.2.0

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@whereby.com/browser-sdk",
-    "version": "2.1.0",
+    "version": "2.2.0",
     "description": "Modules for integration Whereby video in web apps",
     "author": "Whereby AS",
     "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "https://github.com/whereby/browser-sdk.git"
+        "url": "https://github.com/whereby/sdk.git",
+        "directory": "packages/browser-sdk"
     },
     "browserslist": "> 0.5%, last 2 versions, not dead",
     "source": "src/index.js",
@@ -18,10 +19,6 @@
         "./embed": {
             "import": "./dist/embed/index.esm.js",
             "types": "./dist/embed/index.d.ts"
-        },
-        "./utils": {
-            "import": "./dist/utils/index.esm.js",
-            "types": "./dist/utils/index.d.ts"
         }
     },
     "typesVersions": {
@@ -31,9 +28,6 @@
             ],
             "embed": [
                 "dist/embed/index.d.ts"
-            ],
-            "utils": [
-                "dist/utils/index.d.ts"
             ]
         }
     },
@@ -64,31 +58,29 @@
         "@rollup/plugin-node-resolve": "^15.2.3",
         "@rollup/plugin-replace": "^5.0.5",
         "@storybook/addon-actions": "^7.5.2",
-        "@storybook/addon-essentials": "^7.5.2",
-        "@storybook/addon-links": "^7.5.2",
+        "@storybook/addon-essentials": "^7.6.13",
+        "@storybook/addon-links": "^7.6.14",
         "@storybook/react": "^7.5.2",
-        "@storybook/react-webpack5": "^7.5.2",
+        "@storybook/react-webpack5": "^7.6.16",
         "@testing-library/react": "^14.0.0",
-        "@types/btoa": "^1.2.3",
         "@types/chrome": "^0.0.210",
-        "@types/node": "^20.7.1",
-        "@types/react": "^18.0.26",
+        "@types/node": "^20.11.19",
+        "@types/react": "^18.2.55",
         "@types/uuid": "^9.0.7",
         "babel-loader": "^8.2.5",
         "deep-object-diff": "^1.1.9",
         "dotenv": "^16.3.1",
         "dotenv-run-script": "^0.4.1",
         "lit-html": "^2.5.0",
-        "prettier": "^2.7.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "rimraf": "^3.0.2",
-        "rollup": "^4.3.0",
+        "rimraf": "^5.0.5",
+        "rollup": "^4.12.0",
         "rollup-plugin-dts": "^6.1.0",
         "rollup-plugin-polyfill-node": "^0.13.0",
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-typescript2": "^0.36.0",
-        "storybook": "^7.5.2",
+        "storybook": "^7.6.16",
         "tslib": "^2.4.1",
         "uuid": "^9.0.1",
         "yalc": "^1.0.0-pre.53"
@@ -96,10 +88,7 @@
     "dependencies": {
         "@reduxjs/toolkit": "^2.0.1",
         "@swc/helpers": "^0.3.13",
-        "@whereby/jslib-media": "whereby/jslib-media.git#1.4.1",
-        "axios": "^1.2.3",
-        "btoa": "^1.2.1",
-        "events": "^3.3.0",
+        "@whereby.com/core": "*",
         "heresy": "^1.0.4"
     },
     "peerDependencies": {

package/dist/utils/index.d.ts

@@ -1,5 +0,0 @@
-declare function fakeAudioStream(): MediaStream;
-
-declare function fakeWebcamFrame(canvas: HTMLCanvasElement): void;
-
-export { fakeAudioStream, fakeWebcamFrame };

package/dist/utils/index.esm.js

@@ -1,70 +0,0 @@
-function fakeAudioStream() {
-    const audioCtx = new AudioContext();
-    const oscillator = audioCtx.createOscillator();
-    const destination = audioCtx.createMediaStreamDestination();
-    oscillator.connect(destination);
-    oscillator.frequency.value = 400;
-    oscillator.type = "sine";
-    setInterval(() => {
-        if (oscillator.frequency.value <= 900) {
-            oscillator.frequency.value += 10;
-        }
-        else {
-            oscillator.frequency.value = 200;
-        }
-    }, 20);
-    oscillator.start();
-    return destination.stream;
-}
-
-let rotationAngle = 0;
-function drawWebcamFrame(canvas) {
-    const context = canvas.getContext("2d");
-    if (!context) {
-        console.error("Canvas context not available");
-        return;
-    }
-    const wheelRadius = 100;
-    const wheelCenterX = canvas.width / 2;
-    const wheelCenterY = canvas.height / 2;
-    context.fillStyle = "darkgreen";
-    context.fillRect(0, 0, canvas.width, canvas.height);
-    context.save();
-    context.translate(wheelCenterX, wheelCenterY);
-    context.rotate(rotationAngle);
-    const numSlices = 12;
-    const sliceAngle = (2 * Math.PI) / numSlices;
-    const colors = ["red", "orange", "yellow", "green", "blue", "purple"];
-    for (let i = 0; i < numSlices; i++) {
-        context.beginPath();
-        context.moveTo(0, 0);
-        context.arc(0, 0, wheelRadius, i * sliceAngle, (i + 1) * sliceAngle);
-        context.fillStyle = colors[i % colors.length];
-        context.fill();
-        context.closePath();
-    }
-    context.restore();
-    context.fillStyle = "white";
-    context.font = "42px Arial";
-    const topText = "Whereby Media Stream";
-    const topTextWidth = context.measureText(topText).width;
-    context.fillText(topText, canvas.width / 2 - topTextWidth / 2, 50);
-    context.font = "32px Arial";
-    const now = new Date();
-    const timeText = `time: ${now.getHours().toString().padStart(2, "0")}:${now
-        .getMinutes()
-        .toString()
-        .padStart(2, "0")}:${now.getSeconds().toString().padStart(2, "0")}.${now
-        .getMilliseconds()
-        .toString()
-        .padStart(3, "0")}`;
-    context.fillText(timeText, 10, canvas.height - 20);
-    context.fillText(`rotation angle: ${rotationAngle.toFixed(2)}`, canvas.width - canvas.width / 2, canvas.height - 20);
-    rotationAngle += 0.01;
-}
-function fakeWebcamFrame(canvas) {
-    drawWebcamFrame(canvas);
-    requestAnimationFrame(() => fakeWebcamFrame(canvas));
-}
-
-export { fakeAudioStream, fakeWebcamFrame };