@dialtribe/react-sdk 0.1.0-alpha.15 → 0.1.0-alpha.17

package/dist/{dialtribe-streamer-Bc17hH6o.d.mts → dialtribe-streamer-CUKftBcx.d.mts}

@@ -197,6 +197,7 @@ declare class WebSocketStreamer {
     private bytesSent;
     private chunksSent;
     private userStopped;
+    private isHotSwapping;
     private startTime;
     private mimeType;
     private onBytesUpdate?;

package/dist/{dialtribe-streamer-jgZX44_G.d.ts → dialtribe-streamer-DbXOuOHe.d.ts}

@@ -197,6 +197,7 @@ declare class WebSocketStreamer {
     private bytesSent;
     private chunksSent;
     private userStopped;
+    private isHotSwapping;
     private startTime;
     private mimeType;
     private onBytesUpdate?;

package/dist/dialtribe-streamer.d.mts

@@ -1,4 +1,4 @@
 export { A as ApiClientConfig, h as AudioWaveform, B as Broadcast, C as CDN_DOMAIN, d as DIALTRIBE_API_BASE, c as DialtribeClient, a as DialtribeContextValue, i as DialtribeOverlay, k as DialtribeOverlayMode, j as DialtribeOverlayProps, e as DialtribePlayer, g as DialtribePlayerErrorBoundary, f as DialtribePlayerProps, D as DialtribeProvider, b as DialtribeProviderProps, E as ENDPOINTS, H as HTTP_STATUS, q as HttpStatusCode, L as LoadingSpinner, m as TranscriptData, l as TranscriptSegment, T as TranscriptWord, o as buildBroadcastCdnUrl, p as buildBroadcastS3KeyPrefix, n as formatTime, u as useDialtribe, r as useDialtribeOptional } from './dialtribe-player-CNriUtNi.mjs';
-export { j as DEFAULT_ENCODER_SERVER_URL, D as DialtribeStreamer, a as DialtribeStreamerProps, M as MediaConstraintsOptions, O as OpenDialtribeStreamerPopupOptions, P as PopupDimensions, w as PopupFallbackMode, f as StreamKeyDisplay, g as StreamKeyDisplayProps, h as StreamKeyInput, i as StreamKeyInputProps, e as StreamingControlState, c as StreamingControls, d as StreamingControlsProps, S as StreamingPreview, b as StreamingPreviewProps, t as UseDialtribeStreamerLauncherOptions, v as UseDialtribeStreamerLauncherReturn, U as UseDialtribeStreamerPopupReturn, W as WebSocketStreamer, k as WebSocketStreamerOptions, r as calculatePopupDimensions, o as checkBrowserCompatibility, m as getMediaConstraints, n as getMediaRecorderOptions, q as openBroadcastPopup, p as openDialtribeStreamerPopup, s as useDialtribeStreamerLauncher, u as useDialtribeStreamerPopup } from './dialtribe-streamer-Bc17hH6o.mjs';
+export { j as DEFAULT_ENCODER_SERVER_URL, D as DialtribeStreamer, a as DialtribeStreamerProps, M as MediaConstraintsOptions, O as OpenDialtribeStreamerPopupOptions, P as PopupDimensions, w as PopupFallbackMode, f as StreamKeyDisplay, g as StreamKeyDisplayProps, h as StreamKeyInput, i as StreamKeyInputProps, e as StreamingControlState, c as StreamingControls, d as StreamingControlsProps, S as StreamingPreview, b as StreamingPreviewProps, t as UseDialtribeStreamerLauncherOptions, v as UseDialtribeStreamerLauncherReturn, U as UseDialtribeStreamerPopupReturn, W as WebSocketStreamer, k as WebSocketStreamerOptions, r as calculatePopupDimensions, o as checkBrowserCompatibility, m as getMediaConstraints, n as getMediaRecorderOptions, q as openBroadcastPopup, p as openDialtribeStreamerPopup, s as useDialtribeStreamerLauncher, u as useDialtribeStreamerPopup } from './dialtribe-streamer-CUKftBcx.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/dialtribe-streamer.d.ts

@@ -1,4 +1,4 @@
 export { A as ApiClientConfig, h as AudioWaveform, B as Broadcast, C as CDN_DOMAIN, d as DIALTRIBE_API_BASE, c as DialtribeClient, a as DialtribeContextValue, i as DialtribeOverlay, k as DialtribeOverlayMode, j as DialtribeOverlayProps, e as DialtribePlayer, g as DialtribePlayerErrorBoundary, f as DialtribePlayerProps, D as DialtribeProvider, b as DialtribeProviderProps, E as ENDPOINTS, H as HTTP_STATUS, q as HttpStatusCode, L as LoadingSpinner, m as TranscriptData, l as TranscriptSegment, T as TranscriptWord, o as buildBroadcastCdnUrl, p as buildBroadcastS3KeyPrefix, n as formatTime, u as useDialtribe, r as useDialtribeOptional } from './dialtribe-player-CNriUtNi.js';
-export { j as DEFAULT_ENCODER_SERVER_URL, D as DialtribeStreamer, a as DialtribeStreamerProps, M as MediaConstraintsOptions, O as OpenDialtribeStreamerPopupOptions, P as PopupDimensions, w as PopupFallbackMode, f as StreamKeyDisplay, g as StreamKeyDisplayProps, h as StreamKeyInput, i as StreamKeyInputProps, e as StreamingControlState, c as StreamingControls, d as StreamingControlsProps, S as StreamingPreview, b as StreamingPreviewProps, t as UseDialtribeStreamerLauncherOptions, v as UseDialtribeStreamerLauncherReturn, U as UseDialtribeStreamerPopupReturn, W as WebSocketStreamer, k as WebSocketStreamerOptions, r as calculatePopupDimensions, o as checkBrowserCompatibility, m as getMediaConstraints, n as getMediaRecorderOptions, q as openBroadcastPopup, p as openDialtribeStreamerPopup, s as useDialtribeStreamerLauncher, u as useDialtribeStreamerPopup } from './dialtribe-streamer-jgZX44_G.js';
+export { j as DEFAULT_ENCODER_SERVER_URL, D as DialtribeStreamer, a as DialtribeStreamerProps, M as MediaConstraintsOptions, O as OpenDialtribeStreamerPopupOptions, P as PopupDimensions, w as PopupFallbackMode, f as StreamKeyDisplay, g as StreamKeyDisplayProps, h as StreamKeyInput, i as StreamKeyInputProps, e as StreamingControlState, c as StreamingControls, d as StreamingControlsProps, S as StreamingPreview, b as StreamingPreviewProps, t as UseDialtribeStreamerLauncherOptions, v as UseDialtribeStreamerLauncherReturn, U as UseDialtribeStreamerPopupReturn, W as WebSocketStreamer, k as WebSocketStreamerOptions, r as calculatePopupDimensions, o as checkBrowserCompatibility, m as getMediaConstraints, n as getMediaRecorderOptions, q as openBroadcastPopup, p as openDialtribeStreamerPopup, s as useDialtribeStreamerLauncher, u as useDialtribeStreamerPopup } from './dialtribe-streamer-DbXOuOHe.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/dialtribe-streamer.js

@@ -320,6 +320,8 @@ var WebSocketStreamer = class {
     this.chunksSent = 0;
     this.userStopped = false;
     // Track if user initiated the stop
+    this.isHotSwapping = false;
+    // Track if we're swapping media streams
     this.startTime = 0;
     this.streamKey = options.streamKey;
     this.mediaStream = options.mediaStream;
@@ -483,6 +485,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
    */
   async updateMediaStream(newMediaStream) {
     console.log("\u{1F504} Updating media stream (hot-swap)");
+    this.isHotSwapping = true;
     if (this.mediaRecorder && this.mediaRecorder.state !== "inactive") {
       this.mediaRecorder.stop();
       console.log("\u23F9\uFE0F Old MediaRecorder stopped");
@@ -493,6 +496,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
     console.log("\u{1F399}\uFE0F New MediaRecorder created");
     this.setupMediaRecorderHandlers();
     this.mediaRecorder.start(300);
+    this.isHotSwapping = false;
     console.log("\u2705 Media stream updated - streaming continues");
   }
   /**
@@ -553,7 +557,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
     });
     this.mediaRecorder.addEventListener("stop", () => {
       console.log("\u23F9\uFE0F MediaRecorder stopped");
-      if (this.websocket?.readyState === WebSocket.OPEN) {
+      if (!this.isHotSwapping && this.websocket?.readyState === WebSocket.OPEN) {
         this.websocket.close();
       }
     });
@@ -1583,7 +1587,12 @@ function DialtribeStreamer({
       const audioInputs = devices.filter((device) => device.kind === "audioinput");
       console.log(`\u{1F4F7} Found ${videoInputs.length} video input device(s)`);
       console.log(`\u{1F3A4} Found ${audioInputs.length} audio input device(s)`);
-      setHasMultipleCameras(videoInputs.length > 1);
+      const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+      const hasMultiple = videoInputs.length > 1 || isIOS && isVideoKey;
+      setHasMultipleCameras(hasMultiple);
+      if (isIOS && videoInputs.length <= 1) {
+        console.log("\u{1F4F1} iOS device detected - assuming multiple cameras available");
+      }
       setVideoDevices(videoInputs.map((d) => ({
         deviceId: d.deviceId,
         label: d.label || `Camera ${d.deviceId.slice(0, 8)}`
@@ -1600,7 +1609,8 @@ function DialtribeStreamer({
       }
     } catch (err) {
       console.error("\u274C Failed to enumerate devices:", err);
-      setHasMultipleCameras(false);
+      const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+      setHasMultipleCameras(isIOS && isVideoKey);
     }
   };
   React2.useEffect(() => {
@@ -1634,7 +1644,7 @@ function DialtribeStreamer({
     if (videoRef.current && mediaStream) {
       videoRef.current.srcObject = mediaStream;
     }
-  }, [mediaStream]);
+  }, [mediaStream, isVideoEnabled]);
   const requestMediaPermissions = async () => {
     if (!streamKey) return;
     try {