agora-appbuilder-core 4.0.7 → 4.0.8

package/template/src/subComponents/recording/useRecording.tsx

@@ -45,6 +45,7 @@ import {
   videoRoomRecordingErrorToastSubHeading,
 } from '../../language/default-labels/videoCallScreenLabels';
 import {getOriginURL} from '../../auth/config';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 const getFrontendUrl = (url: string) => {
   // check if it doesn't contains the https protocol
@@ -89,8 +90,6 @@ function usePrevious<T = any>(value: any) {
 interface RecordingProviderProps {
   children: React.ReactNode;
   value: {
-    setRecordingActive: React.Dispatch<SetStateAction<boolean>>;
-    isRecordingActive: boolean;
     callActive: boolean;
   };
 }
@@ -102,7 +101,8 @@ interface RecordingProviderProps {
  */
 
 const RecordingProvider = (props: RecordingProviderProps) => {
-  const {setRecordingActive, isRecordingActive, callActive} = props?.value;
+  const {callActive} = props?.value;
+  const [isRecordingActive, setRecordingActive] = useState(false);
   const {
     data: {isHost, roomId},
   } = useRoomInfo();
@@ -199,22 +199,34 @@ const RecordingProvider = (props: RecordingProviderProps) => {
   const startRecording = () => {
     const passphrase = roomId.host || '';
     let recordinghostURL = getOriginURL();
-    console.log('web-recording - start recording API called');
-
     if (inProgress) {
-      console.error('web-recording - start recording API already in progress');
+      logger.debug(
+        LogSource.Internals,
+        'RECORDING',
+        'start recording already in progress. Aborting..',
+      );
       return;
     }
     if (recordinghostURL.includes('localhost')) {
-      console.error(
-        'web-recording - Recording url cannot be localhost. It should be a valid deployed URL',
+      logger.error(
+        LogSource.Internals,
+        'RECORDING',
+        'Recording url cannot be localhost. It should be a valid deployed URL',
+        recordinghostURL,
       );
       return;
     }
     recordinghostURL = getFrontendUrl(recordinghostURL);
-    console.log('web-recording - recordinghostURL: ', recordinghostURL);
-
     setInProgress(true);
+    logger.debug(
+      LogSource.NetworkRest,
+      'recording_start',
+      'Trying to start recording',
+      {
+        passphrase: roomId.host,
+        url: `${recordinghostURL}/${passphrase}`,
+      },
+    );
     fetch(`${$config.BACKEND_ENDPOINT}/v1/recording/start`, {
       method: 'POST',
       headers: {
@@ -231,6 +243,12 @@ const RecordingProvider = (props: RecordingProviderProps) => {
       .then((res: any) => {
         setInProgress(false);
         if (res.status === 200) {
+          logger.debug(
+            LogSource.NetworkRest,
+            'recording_start',
+            'start recording successfull',
+            res,
+          );
           /**
            * 1. Once the backend sucessfuly starts recording, send message
            * in the channel indicating that cloud recording is now active.
@@ -247,14 +265,31 @@ const RecordingProvider = (props: RecordingProviderProps) => {
           setUidWhoStarted(localUid);
           setRecordingActive(true);
         } else if (res.status === 500) {
+          logger.error(
+            LogSource.NetworkRest,
+            'recording_start',
+            'Error while start recording',
+            res,
+          );
           showErrorToast(headingStartError, subheadingError);
         } else {
+          logger.error(
+            LogSource.NetworkRest,
+            'recording_start',
+            'Error while start recording',
+            res,
+          );
           showErrorToast(headingStartError);
         }
       })
       .catch(err => {
+        logger.error(
+          LogSource.NetworkRest,
+          'recording_start',
+          'Error while start recording',
+          err,
+        );
         setInProgress(false);
-        console.log(err);
       });
   };
 
@@ -262,15 +297,22 @@ const RecordingProvider = (props: RecordingProviderProps) => {
     /**
      * Any host in the channel can stop recording.
      */
-    console.log('web-recording - stop recording API called');
+    logger.debug(LogSource.Internals, 'RECORDING', 'stop recording API called');
     if (inProgress) {
-      console.error(
-        'web-recording - stop recording already in progress. Aborting..',
+      logger.error(
+        LogSource.Internals,
+        'RECORDING',
+        'stop recording already in progress. Aborting..',
       );
       return;
     }
     setInProgress(true);
     // If recording is already going on, stop the recording by executing the below query.
+    logger.debug(
+      LogSource.NetworkRest,
+      'recording_stop',
+      'Trying to stop recording',
+    );
     fetch(`${$config.BACKEND_ENDPOINT}/v1/recording/stop`, {
       method: 'POST',
       headers: {
@@ -284,6 +326,12 @@ const RecordingProvider = (props: RecordingProviderProps) => {
       .then(res => {
         setInProgress(false);
         if (res.status === 200) {
+          logger.debug(
+            LogSource.NetworkRest,
+            'recording_stop',
+            'stop recording successfull',
+            res,
+          );
           /**
            * 1. Once the backend sucessfuly stops recording, send message
            * in the channel indicating that cloud recording is now inactive.
@@ -299,14 +347,31 @@ const RecordingProvider = (props: RecordingProviderProps) => {
           // 2. set the local recording state to false to update the UI
           setRecordingActive(false);
         } else if (res.status === 500) {
+          logger.error(
+            LogSource.NetworkRest,
+            'recording_stop',
+            'Error while stopping recording',
+            res,
+          );
           showErrorToast(headingStopError, subheadingError);
         } else {
+          logger.error(
+            LogSource.NetworkRest,
+            'recording_stop',
+            'Error while stopping recording',
+            res,
+          );
           showErrorToast(headingStopError);
         }
       })
       .catch(err => {
+        logger.error(
+          LogSource.NetworkRest,
+          'recording_stop',
+          'Error while stopping recording',
+          err,
+        );
         setInProgress(false);
-        console.log(err);
       });
   }, [
     headingStopError,
@@ -341,6 +406,16 @@ const RecordingProvider = (props: RecordingProviderProps) => {
 
   const fetchRecordings = useCallback(
     (page: number) => {
+      logger.log(
+        LogSource.NetworkRest,
+        'recordings_get',
+        'Trying to fetch recordings',
+        {
+          passphrase: roomId?.host,
+          limit: 10,
+          page,
+        },
+      );
       return fetch(`${$config.BACKEND_ENDPOINT}/v1/recordings`, {
         method: 'POST',
         headers: {
@@ -356,6 +431,12 @@ const RecordingProvider = (props: RecordingProviderProps) => {
       }).then(async response => {
         const data = await response.json();
         if (response.ok) {
+          logger.log(
+            LogSource.NetworkRest,
+            'recordings_get',
+            'fetch recordings successfull',
+            data,
+          );
           if (data) {
             return data;
           } else {
@@ -369,6 +450,12 @@ const RecordingProvider = (props: RecordingProviderProps) => {
           const error = {
             message: data?.error?.message,
           };
+          logger.error(
+            LogSource.NetworkRest,
+            'recordings_get',
+            'Error while fetching recording',
+            error,
+          );
           return Promise.reject(error);
         }
       });

package/template/src/subComponents/screenshare/ScreenshareConfigure.native.tsx

@@ -31,6 +31,7 @@ import useMuteToggleLocal, {
 import {useLocalUserInfo} from '../../app-state/useLocalUserInfo';
 import {LocalVideoStreamError} from 'react-native-agora';
 import useAppState from '../../utils/useAppState';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 export const ScreenshareContextConsumer = ScreenshareContext.Consumer;
 
@@ -244,6 +245,7 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     if (!isScreenshareActive) {
       // either user can publish local video or screenshare stream
       // so if user video is turned on then we are turning off video before screenshare
+      logger.log(LogSource.Internals, 'SCREENSHARE', 'starting screenshare');
       await RtcEngineUnsafe?.startScreenCapture({
         captureVideo: true,
         captureAudio,
@@ -258,7 +260,11 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
       }
       //For ios will update state in the video state changed callback
     } else {
-      console.log('screenshare is already active');
+      logger.debug(
+        LogSource.Internals,
+        'SCREENSHARE',
+        'screenshare is already active',
+      );
     }
   };
 
@@ -281,6 +287,7 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
   ) => {
     if (isScreenshareActive || forceStop) {
       enableVideoRef.current = enableVideo;
+      logger.log(LogSource.Internals, 'SCREENSHARE', 'stopping screenshare');
       await RtcEngineUnsafe?.stopScreenCapture();
       if (Platform.OS === 'android') {
         processRef.current = true;
@@ -288,15 +295,29 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
       }
       //For ios will update state in the video state changed callback
     } else {
-      console.log('no screenshare is active');
+      logger.debug(
+        LogSource.Internals,
+        'SCREENSHARE',
+        'no screenshare is active',
+      );
     }
   };
 
   useEffect(() => {
     if (processRef.current) {
       //native screenshare is started
+      logger.log(
+        LogSource.Internals,
+        'SCREENSHARE',
+        'native screenshare is started',
+      );
       if (isScreenshareActive) {
         //to increase the performance - stop incoming video stream
+        logger.log(
+          LogSource.Internals,
+          'SCREENSHARE',
+          'muting all remote video streams[muteAllRemoteVideoStreams(true)] to increase the performance',
+        );
         RtcEngineUnsafe.muteAllRemoteVideoStreams(true);
 
         //since native screenshare uses local user video
@@ -308,7 +329,17 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
       }
       //native screenshare is stopped
       else {
+        logger.log(
+          LogSource.Internals,
+          'SCREENSHARE',
+          'native screenshare is stopped',
+        );
         //resume the incoming video stream
+        logger.log(
+          LogSource.Internals,
+          'SCREENSHARE',
+          'resume all remote video streams[muteAllRemoteVideoStreams(false)]',
+        );
         RtcEngineUnsafe.muteAllRemoteVideoStreams(false);
 
         //edge case - if screenshare is going on and user want to enable the video

package/template/src/subComponents/screenshare/ScreenshareConfigure.tsx

@@ -36,6 +36,7 @@ import {
   videoRoomScreenShareErrorToastHeading,
   videoRoomScreenShareErrorToastSubHeading,
 } from '../../language/default-labels/videoCallScreenLabels';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 export const ScreenshareContextConsumer = ScreenshareContext.Consumer;
 
@@ -227,7 +228,7 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
 
   const ScreenshareStoppedCallback = () => {
     setScreenshareActive(false);
-    console.log('STOPPED SHARING');
+    logger.debug(LogSource.Internals, 'SCREENSHARE', 'screenshare stopped.');
     events.send(
       EventNames.SCREENSHARE_ATTRIBUTE,
       JSON.stringify({
@@ -282,6 +283,16 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
   };
 
   const userScreenshare = async (isActive: boolean) => {
+    logger.log(
+      LogSource.Internals,
+      'SCREENSHARE',
+      `${isActive ? 'starting' : 'stopping'}  screenshare`,
+      {
+        channel,
+        screenShareUid,
+        encryption,
+      },
+    );
     try {
       // @ts-ignore
       await rtc.RtcEngineUnsafe.startScreenshare(
@@ -321,7 +332,12 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
         );
       }
     } catch (e) {
-      console.error("can't start the screen share", e);
+      logger.error(
+        LogSource.Internals,
+        'SCREENSHARE',
+        'failed to start screen share',
+        e,
+      );
       Toast.show({
         leadingIconName: 'alert',
         type: 'error',

package/template/src/subComponents/waiting-rooms/useWaitingRoomAPI.ts

@@ -7,6 +7,7 @@ import {EventNames} from '../../rtm-events';
 import useGetName from '../../utils/useGetName';
 import {useLocalUid} from '../../../agora-rn-uikit';
 import {useParams} from '../../components/Router';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 interface IuseWaitingRoomAPI {
   request: (params: {
@@ -40,6 +41,7 @@ const useWaitingRoomAPI = (): IuseWaitingRoomAPI => {
       body: payload,
     });
     const res = await response.json();
+
     return res;
   };
 
@@ -48,7 +50,19 @@ const useWaitingRoomAPI = (): IuseWaitingRoomAPI => {
       passphrase: meetingPhrase || phrase,
       send_event: send_event,
     });
+    logger.log(
+      LogSource.NetworkRest,
+      'channel_join_request',
+      'API channel_join_request trying to send request to join channel',
+      payload,
+    );
     const res = await apiCall('request', payload);
+    logger.log(
+      LogSource.NetworkRest,
+      'channel_join_request',
+      'API channel_join_request executed successfully',
+      res,
+    );
     return res;
   };
 
@@ -65,7 +79,19 @@ const useWaitingRoomAPI = (): IuseWaitingRoomAPI => {
       attendee_screenshare_uid: attendee_screenshare_uid, // screenshare uid of attendee
       approved: approved, //approval status,
     });
+    logger.log(
+      LogSource.NetworkRest,
+      'channel_join_approval',
+      `API channel_join_approval. Trying to approve join channel request as waiting room is enabled. Is request approved ?  ${approved}`,
+      payload,
+    );
     const res = await apiCall('approval', payload);
+    logger.log(
+      LogSource.NetworkRest,
+      'channel_join_request',
+      'API channel_join_approval executed successfully',
+      res,
+    );
     return res;
   };
 

package/template/src/utils/axiomLogger.ts

@@ -94,7 +94,8 @@ export const setupLogger = () => {
     log({
       data: args,
       _time: Date.now(),
-      projectId: $config.APP_ID,
+      projectId: $config.PROJECT_ID,
+      appId: $config.APP_ID,
       service: 'app-builder-core',
       env: isSDK()
         ? 'SDK'

package/template/src/utils/useCreateRoom.ts

@@ -3,6 +3,7 @@ import {RoomInfoContextInterface} from '../components/room-info/useRoomInfo';
 import {useSetRoomInfo} from '../components/room-info/useSetRoomInfo';
 import SDKEvents from '../utils/SdkEvents';
 import isSDK from './isSDK';
+import {LogSource, logger} from '../logger/AppBuilderLogger';
 
 const CREATE_CHANNEL = gql`
   mutation CreateChannel($title: String!, $enablePSTN: Boolean) {
@@ -36,6 +37,16 @@ export default function useCreateRoom(): createRoomFun {
     //isSeparateHostLink will be for internal usage since backend integration is not there
     isSeparateHostLink?: boolean,
   ) => {
+    logger.log(
+      LogSource.NetworkRest,
+      'createChannel',
+      'API createChannel. Trying to create room',
+      {
+        roomTitle,
+        enablePSTN,
+        isSeparateHostLink,
+      },
+    );
     const res = await createChannel({
       variables: {
         title: roomTitle,
@@ -47,9 +58,21 @@ export default function useCreateRoom(): createRoomFun {
     // upgrade core dependency as well. The following condition accounts
     // for differences in the way the two version function.
     if (error && !isSDK) {
+      logger.error(
+        LogSource.NetworkRest,
+        'createChannel',
+        'API createChannel failed. There was an error',
+        error,
+      );
       throw error;
     }
     if (res && res?.data && res?.data?.createChannel) {
+      logger.log(
+        LogSource.NetworkRest,
+        'createChannel',
+        'API createChannel. Channel created successfully',
+        res.data.createChannel,
+      );
       let roomInfo: Partial<RoomInfoContextInterface['data']> = {
         roomId: {
           attendee: '',
@@ -67,6 +90,13 @@ export default function useCreateRoom(): createRoomFun {
           pin: res.data.createChannel.pstn.dtmf,
         };
       }
+      logger.log(LogSource.Internals, 'CREATE_MEETING', 'Room created', {
+        isHost: true,
+        isSeparateHostLink: isSeparateHostLink ? true : false,
+        meetingTitle: roomTitle,
+        roomId: roomInfo?.roomId,
+        pstn: roomInfo?.pstn,
+      });
       setRoomInfo({
         data: {
           isHost: true,

package/template/src/utils/useFindActiveSpeaker.ts

@@ -13,6 +13,7 @@ import ChatContext from '../components/ChatContext';
 import LocalEventEmitter, {
   LocalEventsEnum,
 } from '../rtm-events-api/LocalEvents';
+import {LogSource, logger} from '../logger/AppBuilderLogger';
 
 enum volumeEnum {
   IS_SPEAKING = 'IS_SPEAKING',
@@ -57,6 +58,18 @@ const useFindActiveSpeaker = () => {
         ? log(' %cLocal user started speaking', 'color:green')
         : log(' %cLocal user stopped speaking', 'color:red');
 
+      isLocalUserSpeaking
+        ? logger.log(
+            LogSource.Internals,
+            'ACTIVE_SPEAKER',
+            `${'%cLocal user started speaking'}, ${'color:green'}`,
+          )
+        : logger.log(
+            LogSource.Internals,
+            'ACTIVE_SPEAKER',
+            `${'%cLocal user stopped speaking'}, ${'color:red'}`,
+          );
+
       //sending local user speaking and non speaking volume to remote users
       let volume = 0;
       //@ts-ignore
@@ -130,6 +143,11 @@ const useFindActiveSpeaker = () => {
     );
     if (!speakingUids || speakingUids?.length == 0) {
       log(' %cFinal No Active speaker', 'color:red');
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `${'%cFinal No Active speaker'}, ${'color:red'}`,
+      );
       emitActiveSpeaker(0);
     } else {
       if (speakingUids?.length === 1) {
@@ -268,6 +286,11 @@ const useFindActiveSpeaker = () => {
       // log(' local user speaking stauts', sender, '=', payload);
     } else {
       log(' remote user speaking status ', sender, '=', payload);
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `remote user speaking status ${sender} = ${payload}`,
+      );
     }
 
     usersVolume.current = {
@@ -283,8 +306,18 @@ const useFindActiveSpeaker = () => {
   const speakingVolumeEventCallBack = ({payload, sender}) => {
     if (sender == localUid) {
       log(' local user speaking volume ', sender, '=', payload);
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `local user speaking volume ${sender} = ${payload}`,
+      );
     } else {
       log(' remote user speaking volume ', sender, '=', payload);
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `remote user speaking volume ${sender} = ${payload}`,
+      );
     }
 
     usersVolume.current = {
@@ -299,8 +332,18 @@ const useFindActiveSpeaker = () => {
   const nonSpeakingVolumeEventCallback = ({payload, sender}) => {
     if (sender == localUid) {
       log(' local user non speaking volume ', sender, '=', payload);
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `local user non speaking volume ${sender} = ${payload}`,
+      );
     } else {
       log(' remote user non speaking volume ', sender, '=', payload);
+      logger.log(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        `remote user non speaking volume ${sender} = ${payload}`,
+      );
     }
 
     usersVolume.current = {

package/template/src/utils/useFocus.tsx

@@ -10,7 +10,7 @@
 *********************************************
 */
 
-import React, {SetStateAction} from 'react';
+import React, {SetStateAction, useState} from 'react';
 import {createHook} from 'customization-implementation';
 
 export interface currentFocus {
@@ -27,12 +27,17 @@ const FocusContext = React.createContext<FocusContextInterface>({
 });
 
 interface FocusProviderProps {
-  value: FocusContextInterface;
   children: React.ReactNode;
 }
 const FocusProvider = (props: FocusProviderProps) => {
+  const [currentFocus, setFocus] = useState<currentFocus>({
+    editName: false,
+  });
+
+  const value = {currentFocus, setFocus};
+
   return (
-    <FocusContext.Provider value={{...props.value}}>
+    <FocusContext.Provider value={value}>
       {props.children}
     </FocusContext.Provider>
   );

package/template/src/utils/useIsLocalUserSpeaking.ts

@@ -5,6 +5,7 @@ import {useAsyncEffect} from './useAsyncEffect';
 import LocalEventEmitter, {
   LocalEventsEnum,
 } from '../rtm-events-api/LocalEvents';
+import {LogSource, logger} from '../logger/AppBuilderLogger';
 import {useIsRecordingBot} from '../subComponents/recording/useIsRecordingBot';
 
 const useIsLocalUserSpeaking = () => {
@@ -60,7 +61,12 @@ const useIsLocalUserSpeaking = () => {
           audioTrackRef.current[0]?.stop();
       }
     } catch (error) {
-      log(' Error on stopping the hark', error);
+      logger.error(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        'Error on stopping the hark',
+        error,
+      );
     }
     try {
       //detect local user speaking or not
@@ -75,7 +81,12 @@ const useIsLocalUserSpeaking = () => {
       speechRef.current.on('speaking', speakingCallBack);
       speechRef.current.on('stopped_speaking', stoppedSpeakingCallBack);
     } catch (error) {
-      log(' Error on starting the hark', error);
+      logger.error(
+        LogSource.Internals,
+        'ACTIVE_SPEAKER',
+        'Error on starting the hark',
+        error,
+      );
     }
   };
 
@@ -92,7 +103,12 @@ const useIsLocalUserSpeaking = () => {
             audioTrackRef.current[0]?.stop &&
             audioTrackRef.current[0]?.stop();
         } catch (error) {
-          console.log('error couldnt stop the track');
+          logger.error(
+            LogSource.Internals,
+            'ACTIVE_SPEAKER',
+            'couldnt stop the track',
+            error,
+          );
         }
       };
     }