@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 CHANGED
@@ -1,12 +1,17 @@
1
1
  ![Banner](https://github.com/100mslive/web-sdks/blob/06c65259912db6ccd8617f2ecb6fef51429251ec/prebuilt-banner.png)
2
2
 
3
+ [![Lint, Test and Build](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml/badge.svg)](https://github.com/100mslive/web-sdks/actions/workflows/lint-test-build.yml)
4
+ [![Bundle Size](https://badgen.net/bundlephobia/minzip/@100mslive/roomkit-react)](https://bundlephobia.com/result?p=@100mslive/roomkit-react)
5
+ [![License](https://img.shields.io/npm/l/@100mslive/roomkit-react)](https://www.100ms.live/)
6
+ ![Tree shaking](https://badgen.net/bundlephobia/tree-shaking/@100mslive/roomkit-react)
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
- #### Using room code
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
- #### Using authToken
36
+ ### Using authToken
32
37
 
33
38
  ```jsx
34
39
  import { HMSPrebuilt } from '@100mslive/roomkit-react'
@@ -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;