@100mslive/roomkit-react 0.3.25-alpha.0 → 0.3.25-alpha.10
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +8 -3
- package/dist/Prebuilt/App.d.ts +1 -2
- package/dist/VideoTile/StyledVideoTile.d.ts +1 -606
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +844 -885
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +910 -952
- package/dist/index.js.map +4 -4
- package/dist/meta.cjs.json +40 -65
- package/dist/meta.esbuild.json +40 -65
- package/package.json +8 -9
- package/src/Diagnostics/ConnectivityTest.tsx +2 -0
- package/src/Prebuilt/App.tsx +6 -4
- package/src/Prebuilt/components/AudioVideoToggle.tsx +1 -1
- package/src/Prebuilt/components/ConferenceScreen.tsx +7 -35
- package/src/Prebuilt/components/PIP/PIPChat.tsx +1 -1
- package/src/Prebuilt/components/VideoLayouts/Grid.tsx +29 -32
- package/src/VideoTile/StyledVideoTile.tsx +2 -15
package/README.md
CHANGED
@@ -1,12 +1,17 @@
|
|
1
1
|

|
2
2
|
|
3
|
+
[](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml)
|
4
|
+
[](https://bundlephobia.com/result?p=@100mslive/roomkit-react)
|
5
|
+
[](https://www.100ms.live/)
|
6
|
+

|
7
|
+
|
3
8
|
# Room Kit React Library
|
4
9
|
|
5
10
|
100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.
|
6
11
|
|
7
12
|
## Installation
|
8
13
|
|
9
|
-
```
|
14
|
+
```bash
|
10
15
|
// npm
|
11
16
|
npm install @100mslive/roomkit-react@latest --save
|
12
17
|
|
@@ -16,7 +21,7 @@ yarn add @100mslive/roomkit-react@latest
|
|
16
21
|
|
17
22
|
## Usage
|
18
23
|
|
19
|
-
|
24
|
+
### Using room code
|
20
25
|
|
21
26
|
```jsx
|
22
27
|
import { HMSPrebuilt } from '@100mslive/roomkit-react'
|
@@ -28,7 +33,7 @@ export default App() {
|
|
28
33
|
}
|
29
34
|
```
|
30
35
|
|
31
|
-
|
36
|
+
### Using authToken
|
32
37
|
|
33
38
|
```jsx
|
34
39
|
import { HMSPrebuilt } from '@100mslive/roomkit-react'
|
package/dist/Prebuilt/App.d.ts
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { HMSStatsStoreWrapper, HMSStoreWrapper, IHMSNotifications } from '@100mslive/hms-video-store';
|
3
2
|
import { Logo, Screens, Theme, Typography } from '@100mslive/types-prebuilt';
|
4
|
-
import { HMSActions } from '@100mslive/react-sdk';
|
3
|
+
import { HMSActions, HMSStatsStoreWrapper, HMSStoreWrapper, IHMSNotifications } from '@100mslive/react-sdk';
|
5
4
|
export declare type HMSPrebuiltOptions = {
|
6
5
|
userName?: string;
|
7
6
|
userId?: string;
|