@100mslive/roomkit-react 0.1.10 → 0.1.11-alpha.0

package/dist/index.js

@@ -61,7 +61,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-N5HPVHTK.js";
+} from "./chunk-VSALCLHF.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -7469,7 +7469,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-      "bytes": 2720,
+      "bytes": 2777,
       "imports": [
         {
           "path": "react",
@@ -10256,7 +10256,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
-      "bytes": 1857,
+      "bytes": 1965,
       "imports": [
         {
           "path": "react",
@@ -10701,7 +10701,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1105442
+      "bytes": 1105668
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -12985,7 +12985,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18484
+          "bytesInOutput": 18619
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -13624,7 +13624,7 @@
           "bytesInOutput": 2165
         },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-          "bytesInOutput": 3330
+          "bytesInOutput": 3383
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
           "bytesInOutput": 12099
@@ -13822,7 +13822,7 @@
           "bytesInOutput": 823
         },
         "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
-          "bytesInOutput": 2053
+          "bytesInOutput": 2105
         },
         "src/Prebuilt/App.tsx": {
           "bytesInOutput": 9863
@@ -13837,7 +13837,7 @@
           "bytesInOutput": 2930
         }
       },
-      "bytes": 900457
+      "bytes": 900697
     }
   }
 }

package/dist/meta.esbuild.json

@@ -7469,7 +7469,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-      "bytes": 2720,
+      "bytes": 2777,
       "imports": [
         {
           "path": "react",
@@ -10256,7 +10256,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
-      "bytes": 1857,
+      "bytes": 1965,
       "imports": [
         {
           "path": "react",
@@ -10706,7 +10706,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-N5HPVHTK.js",
+          "path": "dist/chunk-VSALCLHF.js",
           "kind": "import-statement"
         }
       ],
@@ -10778,16 +10778,16 @@
       "inputs": {},
       "bytes": 1798
     },
-    "dist/HLSView-7WXNI2WP.js.map": {
+    "dist/HLSView-TEG6Y6WL.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 53119
     },
-    "dist/HLSView-7WXNI2WP.js": {
+    "dist/HLSView-TEG6Y6WL.js": {
       "imports": [
         {
-          "path": "dist/chunk-N5HPVHTK.js",
+          "path": "dist/chunk-VSALCLHF.js",
           "kind": "import-statement"
         },
         {
@@ -10938,13 +10938,13 @@
       },
       "bytes": 32956
     },
-    "dist/chunk-N5HPVHTK.js.map": {
+    "dist/chunk-VSALCLHF.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1042751
+      "bytes": 1042977
     },
-    "dist/chunk-N5HPVHTK.js": {
+    "dist/chunk-VSALCLHF.js": {
       "imports": [
         {
           "path": "react",
@@ -12837,7 +12837,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-7WXNI2WP.js",
+          "path": "dist/HLSView-TEG6Y6WL.js",
           "kind": "dynamic-import"
         },
         {
@@ -13201,7 +13201,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18377
+          "bytesInOutput": 18512
         },
         "src/Button/Button.tsx": {
           "bytesInOutput": 4304
@@ -13819,7 +13819,7 @@
           "bytesInOutput": 1599
         },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-          "bytesInOutput": 2607
+          "bytesInOutput": 2660
         },
         "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
           "bytesInOutput": 2014
@@ -13969,13 +13969,13 @@
           "bytesInOutput": 578
         },
         "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
-          "bytesInOutput": 1692
+          "bytesInOutput": 1744
         },
         "src/Progress/index.tsx": {
           "bytesInOutput": 391
         }
       },
-      "bytes": 700019
+      "bytes": 700259
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.1.10",
+  "version": "0.1.11-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "files": [
@@ -76,10 +76,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.1.19",
-    "@100mslive/hms-virtual-background": "1.11.19",
-    "@100mslive/react-icons": "0.8.19",
-    "@100mslive/react-sdk": "0.8.19",
+    "@100mslive/hls-player": "0.1.20-alpha.0",
+    "@100mslive/hms-virtual-background": "1.11.20-alpha.0",
+    "@100mslive/react-icons": "0.8.20-alpha.0",
+    "@100mslive/react-sdk": "0.8.20-alpha.0",
     "@100mslive/types-prebuilt": "0.12.0",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -114,5 +114,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "0764f906bf58ec5d5c4738942ad6411ffa07eddc"
+  "gitHead": "a9b4d6c1bca655825e8fd4a8b07753912e213626"
 }

package/src/Prebuilt/components/Preview/PreviewForm.tsx

@@ -27,7 +27,7 @@ const PreviewForm = ({
     e.preventDefault();
   };
   const isMobile = useMedia(cssConfig.media.md);
-  const { isHLSRunning, isRTMPRunning, isRecordingOn } = useRecordingStreaming();
+  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming();
 
   const layout = useRoomLayout();
   const { join_form: joinForm = {} } = layout?.screens?.preview?.default?.elements || {};
@@ -36,7 +36,8 @@ const PreviewForm = ({
     joinForm?.join_btn_type === JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE &&
     !isHLSRunning &&
     !isRTMPRunning &&
-    !isRecordingOn;
+    !isHLSRecordingOn &&
+    !isBrowserRecordingOn;
 
   return (
     <Form

package/src/Prebuilt/components/hooks/useAutoStartStreaming.tsx

@@ -19,12 +19,19 @@ export const useAutoStartStreaming = () => {
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions();
   const isConnected = useHMSStore(selectIsConnectedToRoom);
-  const { isHLSRunning, isRTMPRunning, isRecordingOn } = useRecordingStreaming();
+  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming();
   const streamStartedRef = useRef(false);
 
   const startHLS = useCallback(async () => {
     try {
-      if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning) {
+      if (
+        isHLSStarted ||
+        !showStreamingUI ||
+        isHLSRunning ||
+        isRTMPRunning ||
+        isHLSRecordingOn ||
+        isBrowserRecordingOn
+      ) {
         return;
       }
       setHLSStarted(true);
@@ -44,7 +51,7 @@ export const useAutoStartStreaming = () => {
   }, [isHLSStarted, isHLSRunning]);
 
   useEffect(() => {
-    if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming || isRecordingOn) {
+    if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
       return;
     }
     // Is a streaming kit and peer with streaming permissions joins