Skip to content

Commit 5de582e

Browse files
ravindra-dyteravindra-dyte
authored
Merge pull request #38 from dyte-io/fix/v2-support
fix(v2-support): updated samples to use v2
2 parents 82465fd + 0c89ef6 commit 5de582e

File tree

18 files changed

+638
-293
lines changed

18 files changed

+638
-293
lines changed

‎package-lock.json

Lines changed: 589 additions & 259 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎samples/active-speaker-ui/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.66.1",
13-
"@dytesdk/react-web-core": "^1.36.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"clsx": "^2.1.0",
1515
"react": "^18.2.0",
1616
"react-dom": "^18.2.0",

‎samples/async-video-survey/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"autoprefixer": "^10.4.15",
1515
"postcss": "^8.4.29",
1616
"react": "^18.2.0",

‎samples/audio-room/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"clsx": "^1.2.1",
1515
"good-grid": "^0.3.0",
1616
"react": "^18.2.0",

‎samples/chat-widget/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,9 @@
1313
"typecheck": "tsc --project tsconfig.json --noEmit"
1414
},
1515
"dependencies": {
16-
"@dytesdk/web-core": "1.20.0",
17-
"@dytesdk/react-web-core": "1.35.5",
18-
"@dytesdk/react-ui-kit": "1.59.0",
16+
"@dytesdk/web-core": "2.0.7",
17+
"@dytesdk/react-ui-kit": "^2.0.3",
18+
"@dytesdk/react-web-core": "^2.0.7",
1919
"react": "^18.2.0",
2020
"react-dom": "^18.2.0"
2121
},

‎samples/chat/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"react": "^18.2.0",
1515
"react-dom": "^18.2.0",
1616
"react-feather": "^2.0.10"

‎samples/clubhouse/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"react": "^18.2.0",
1515
"react-dom": "^18.2.0",
1616
"react-feather": "^2.0.10"

‎samples/create-your-own-ui/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^1.66.3",
12-
"@dytesdk/react-web-core": "^1.36.5",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
1313
"react": "^18.2.0",
1414
"react-dom": "^18.2.0"
1515
},

‎samples/create-your-own-ui/src/components/meeting-control-bar.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { DyteBreakoutRoomsToggle, DyteCameraToggle, DyteChatToggle, DyteControlbar, DyteControlbarButton, DyteDebuggerToggle, DyteFullscreenToggle, DyteLeaveButton, DyteMicToggle, DyteMoreToggle, DyteMuteAllButton, DyteParticipantsToggle, DytePipToggle, DytePluginsToggle, DytePoll, DytePollsToggle, DyteRecordingToggle, DyteScreenShareToggle, DyteSettingsToggle, DyteStageToggle } from "@dytesdk/react-ui-kit";
1+
import { DyteBreakoutRoomsToggle, DyteCameraToggle, DyteChatToggle, DyteControlbar, DyteControlbarButton, DyteFullscreenToggle, DyteLeaveButton, DyteMicToggle, DyteMoreToggle, DyteMuteAllButton, DyteParticipantsToggle, DytePipToggle, DytePluginsToggle, DytePoll, DytePollsToggle, DyteRecordingToggle, DyteScreenShareToggle, DyteSettingsToggle, DyteStageToggle } from "@dytesdk/react-ui-kit";
22
import { UIConfig, defaultIconPack } from "@dytesdk/ui-kit";
33
import DyteClient from "@dytesdk/web-core";
44
import { CustomStates, SetStates } from "../types";
@@ -34,7 +34,6 @@ function ControlBarWithCustomUI({
3434
<DyteMuteAllButton meeting={meeting} variant="horizontal"/>
3535
<DyteBreakoutRoomsToggle meeting={meeting} states={states} variant="horizontal"/>
3636
<DyteRecordingToggle meeting={meeting} variant="horizontal"/>
37-
<DyteDebuggerToggle meeting={meeting} states={states} variant="horizontal"/>
3837
</div>
3938
</DyteMoreToggle>
4039
</div>

‎samples/default-meeting-ui/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
1414
"react": "^18.2.0",
1515
"react-dom": "^18.2.0"
1616
},

‎samples/facetime/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^1.54.0",
12-
"@dytesdk/react-web-core": "^1.33.4",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
1313
"clsx": "^1.2.1",
1414
"react": "^18.2.0",
1515
"react-dom": "^18.2.0",

‎samples/live-auction/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^1.55.0",
12-
"@dytesdk/react-web-core": "^1.34.1",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
1313
"react": "^18.2.0",
1414
"react-dom": "^18.2.0"
1515
},

‎samples/screenshare-focused-ui-with-custom-addons/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^2.0.0",
12-
"@dytesdk/react-web-core": "^2.0.0",
13-
"@dytesdk/video-background-transformer": "2.0.1",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
13+
"@dytesdk/video-background-transformer": "^2.0.3",
1414
"zustand": "^3.5.6",
1515
"react": "^18.2.0",
1616
"react-dom": "^18.2.0"

‎samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,8 +55,15 @@ const EffectsManager = ({
5555
backgroundTransformerInit.current !== true
5656
) {
5757
backgroundTransformerInit.current = true;
58+
/**
59+
* To customise DyteVideoBackgroundTransformer configs, please refer to https://www.npmjs.com/package/@dytesdk/video-background-transformer?activeTab=readme.
60+
*
61+
*/
5862
const transformer = await DyteVideoBackgroundTransformer.init({
5963
meeting,
64+
segmentationConfig: {
65+
pipeline: 'canvas2dCpu', // 'webgl2' | 'canvas2dCpu'
66+
},
6067
});
6168
MiddlewareHolder.transformer = transformer;
6269
} else return;

‎samples/simple-group-call/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^1.54.0",
12-
"@dytesdk/react-web-core": "^1.33.4",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
1313
"clsx": "^1.2.1",
1414
"good-grid": "^0.3.0",
1515
"react": "^18.2.0",

‎samples/simple-ui/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@dytesdk/react-ui-kit": "^1.56.0",
12-
"@dytesdk/react-web-core": "^1.35.0",
11+
"@dytesdk/react-ui-kit": "^2.0.3",
12+
"@dytesdk/react-web-core": "^2.0.7",
1313
"react": "^18.2.0",
1414
"react-dom": "^18.2.0"
1515
},

‎samples/with-background-transformer/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@
99
"preview": "vite preview"
1010
},
1111
"dependencies": {
12-
"@dytesdk/react-ui-kit": "^1.54.0",
13-
"@dytesdk/react-web-core": "^1.33.4",
14-
"@dytesdk/video-background-transformer": "^1.1.0",
12+
"@dytesdk/react-ui-kit": "^2.0.3",
13+
"@dytesdk/react-web-core": "^2.0.7",
14+
"@dytesdk/video-background-transformer": "^2.0.3",
1515
"react": "^18.2.0",
1616
"react-dom": "^18.2.0"
1717
},

‎samples/with-background-transformer/src/App.tsx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,17 @@ function App() {
3131
).then(async (meeting: any) => {
3232
window.meeting = meeting;
3333

34+
/**
35+
* To customise DyteVideoBackgroundTransformer configs, please refer to https://www.npmjs.com/package/@dytesdk/video-background-transformer?activeTab=readme.
36+
*
37+
*/
3438
const videoBackgroundTransformer =
35-
await DyteVideoBackgroundTransformer.init();
39+
await DyteVideoBackgroundTransformer.init({
40+
meeting,
41+
segmentationConfig: {
42+
pipeline: 'canvas2dCpu', // 'webgl2' | 'canvas2dCpu'
43+
},
44+
});
3645

3746
// The video-background-transformer provides two functionalities
3847
// 1. Add background blur

0 commit comments

Comments
 (0)