Merge pull request #3585 from element-hq/toger5/add-log-screenshare

Add log to screenshare

src/state/CallViewModel/localMember/LocalMembership.ts

@@ -10,6 +10,7 @@ import {
   type Participant,
   ParticipantEvent,
   type LocalParticipant,
+  type ScreenShareCaptureOptions,
 } from "livekit-client";
 import { observeParticipantEvents } from "@livekit/components-core";
 import {
@@ -516,10 +517,24 @@ export const createLocalMembership$ = ({
     ),
   );
 
-  const toggleScreenSharing =
+  let toggleScreenSharing = null;
+  if (
     "getDisplayMedia" in (navigator.mediaDevices ?? {}) &&
     !getUrlParams().hideScreensharing
-      ? (): void =>
+  ) {
+    toggleScreenSharing = (): void => {
+      const screenshareSettings: ScreenShareCaptureOptions = {
+        audio: true,
+        selfBrowserSurface: "include",
+        surfaceSwitching: "include",
+        systemAudio: "include",
+      };
+      const targetScreenshareState = !sharingScreen$.value;
+      logger.info(
+        `toggleScreenSharing called. Switching ${
+          targetScreenshareState ? "On" : "Off"
+        }`,
+      );
       // If a connection is ready, toggle screen sharing.
       // We deliberately do nothing in the case of a null connection because
       // it looks nice for the call control buttons to all become available
@@ -528,15 +543,11 @@ export const createLocalMembership$ = ({
       // We also allow screen sharing to be toggled even if the connection
       // is still initializing or publishing tracks, because there's no
       // technical reason to disallow this. LiveKit will publish if it can.
-          void localConnection$.value?.livekitRoom.localParticipant
+      localConnection$.value?.livekitRoom.localParticipant
-            .setScreenShareEnabled(!sharingScreen$.value, {
+        .setScreenShareEnabled(targetScreenshareState, screenshareSettings)
-              audio: true,
+        .catch(logger.error);
-              selfBrowserSurface: "include",
+    };
-              surfaceSwitching: "include",
+  }
-              systemAudio: "include",
-            })
-            .catch(logger.error)
-      : null;
 
   const participant$ = scope.behavior(
     localConnection$.pipe(map((c) => c?.livekitRoom.localParticipant ?? null)),