agora-appbuilder-core 4.0.7 → 4.0.8

package/template/src/subComponents/SelectDevice.tsx

@@ -41,6 +41,7 @@ import {
   settingsPanelSystemDefaultSpeakerText,
   settingsPanelUpdatingText,
 } from '../language/default-labels/precallScreenLabels';
+import {LogSource, logger} from '../logger/AppBuilderLogger';
 // import {dropdown} from '../../theme.json';
 
 /*
@@ -72,9 +73,19 @@ const useSelectDevice = (): [boolean, string] => {
       $config.EVENT_MODE &&
       rtcProps.role === ClientRoleType.ClientRoleAudience
     ) {
+      logger.log(
+        LogSource.Internals,
+        'DEVICE_CONFIGURE',
+        'User is AUDIENCE and in Live mode - device picker is disabled',
+      );
       setPickerDisabled(true);
       setBtnTheme('rgba(16, 16, 16, 0.3)');
     } else {
+      logger.log(
+        LogSource.Internals,
+        'DEVICE_CONFIGURE',
+        'User is HOST - device picker is enabled',
+      );
       setPickerDisabled(false);
       setBtnTheme(primaryColor);
     }
@@ -161,11 +172,30 @@ const SelectVideoDevice = (props: SelectVideoDeviceProps) => {
         onSelect={({label, value}) => {
           setIsFocussed(true);
           try {
+            logger.log(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `Trying to set camera - ${label} - ${value}`,
+            );
             pendingStateUpdateHelper(
               async () => await setSelectedCam(value),
               setIsPendingUpdate,
             );
+            logger.log(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `Camera set - ${value}`,
+            );
           } catch (e) {
+            logger.error(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `There was an error setting camera - ${value}`,
+              {
+                data: value,
+                error: e,
+              },
+            );
             setIsPendingUpdate(false);
           }
         }}
@@ -258,11 +288,30 @@ const SelectAudioDevice = (props: SelectAudioDeviceProps) => {
         onSelect={({label, value}) => {
           setIsFocussed(true);
           try {
+            logger.log(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `Trying to set mic - ${label} - ${value}`,
+            );
             pendingStateUpdateHelper(
               async () => await setSelectedMic(value),
               setIsPendingUpdate,
             );
+            logger.log(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `Mic set - ${value}`,
+            );
           } catch (e) {
+            logger.error(
+              LogSource.Internals,
+              'DEVICE_CONFIGURE',
+              `There was an error setting mic - ${value}`,
+              {
+                data: value,
+                error: e,
+              },
+            );
             setIsPendingUpdate(false);
           }
         }}
@@ -351,11 +400,30 @@ const SelectSpeakerDevice = (props: SelectSpeakerDeviceProps) => {
           onSelect={({label, value}) => {
             setIsFocussed(true);
             try {
+              logger.log(
+                LogSource.Internals,
+                'DEVICE_CONFIGURE',
+                `Trying to set speaker - ${label} - ${value}`,
+              );
               pendingStateUpdateHelper(
                 async () => await setSelectedSpeaker(value),
                 setIsPendingUpdate,
               );
+              logger.log(
+                LogSource.Internals,
+                'DEVICE_CONFIGURE',
+                `Speaker set - ${value}`,
+              );
             } catch (e) {
+              logger.error(
+                LogSource.Internals,
+                'DEVICE_CONFIGURE',
+                `There was an error setting speaker - ${value}`,
+                {
+                  data: value,
+                  error: e,
+                },
+              );
               setIsPendingUpdate(false);
             }
           }}
@@ -439,19 +507,59 @@ const SelectDevice = (props: SelectDeviceProps) => {
   // });
 
   useEffect(() => {
-    if (audioDevices && audioDevices.length) {
+    const isDeviceAvailable = audioDevices && audioDevices.length;
+    logger.log(
+      LogSource.Internals,
+      'DEVICE_CONFIGURE',
+      'audio devices changed',
+      {
+        devices: [...audioDevices],
+        isDeviceAvailable: isDeviceAvailable
+          ? 'Yes, setting mic'
+          : 'No audio devices available',
+      },
+    );
+    if (isDeviceAvailable) {
       setMicAvailable(true);
     }
   }, [audioDevices]);
 
   useEffect(() => {
-    if (videoDevices && videoDevices.length) {
+    const isDeviceAvailable = videoDevices && videoDevices.length;
+    logger.log(
+      LogSource.Internals,
+      'DEVICE_CONFIGURE',
+      'camera devices changed',
+      {
+        data: {
+          devices: [...videoDevices],
+          isDeviceAvailable: isDeviceAvailable
+            ? 'Yes, setting camera'
+            : 'No video devices available',
+        },
+      },
+    );
+    if (isDeviceAvailable) {
       setCameraAvailable(true);
     }
   }, [videoDevices]);
 
   useEffect(() => {
-    if (speakerDevices && speakerDevices.length) {
+    const isDeviceAvailable = speakerDevices && speakerDevices.length;
+    logger.log(
+      LogSource.Internals,
+      'DEVICE_CONFIGURE',
+      'speaker devices changed',
+      {
+        data: {
+          devices: [...speakerDevices],
+          isDeviceAvailable: isDeviceAvailable
+            ? 'Yes, setting speaker'
+            : 'No speaker devices available',
+        },
+      },
+    );
+    if (isDeviceAvailable) {
       setSpeakerAvailable(true);
     }
   }, [speakerDevices]);

package/template/src/subComponents/caption/CaptionContainer.tsx

@@ -35,6 +35,7 @@ import {
   sttChangeSpokenLanguageText,
   toolbarItemCaptionText,
 } from '../../language/default-labels/videoCallScreenLabels';
+import {logger, LogSource} from '../../logger/AppBuilderLogger';
 
 const CaptionContainer = () => {
   const moreIconRef = React.useRef<View>(null);
@@ -223,12 +224,26 @@ const CaptionsActionMenu = (props: CaptionsActionMenuProps) => {
   const onLanguageChange = (langChanged = false, language: LanguageType[]) => {
     setLanguagePopup(false);
     if (langChanged) {
+      logger.log(
+        LogSource.Internals,
+        'STT',
+        `Language changed to  ${language}. Restarting STT`,
+      );
       restart(language)
         .then(() => {
-          console.log('stt restarted successfully');
+          logger.debug(
+            LogSource.Internals,
+            'STT',
+            'stt restarted successfully',
+          );
         })
         .catch(error => {
-          console.log('Error in restarting', error);
+          logger.error(
+            LogSource.Internals,
+            'STT',
+            'Error in restarting',
+            error,
+          );
           // Handle the error case
         });
     }

package/template/src/subComponents/caption/useSTTAPI.tsx

@@ -8,6 +8,7 @@ import {getLanguageLabel, LanguageType} from './utils';
 import useGetName from '../../utils/useGetName';
 import {capitalizeFirstLetter} from '../../utils/common';
 import {PropsContext, useLocalUid} from '../../../agora-rn-uikit';
+import {logger, LogSource} from '../../logger/AppBuilderLogger';
 
 interface IuseSTTAPI {
   start: (lang: LanguageType[]) => Promise<{message: string} | null>;
@@ -42,23 +43,31 @@ const useSTTAPI = (): IuseSTTAPI => {
   }, [language]);
 
   const apiCall = async (method: string, lang: LanguageType[] = []) => {
-    const response = await fetch(`${STT_API_URL}/${method}`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        authorization: store.token ? `Bearer ${store.token}` : '',
-      },
-      body: JSON.stringify({
-        passphrase: roomId?.host || '',
-        lang: lang,
-        dataStream_uid: 111111, // bot ID
-        encryption_mode: $config.ENCRYPTION_ENABLED
-          ? rtcProps.encryption.mode
-          : null,
-      }),
-    });
-    const res = await response.json();
-    return res;
+    logger.log(
+      LogSource.NetworkRest,
+      'stt',
+      `Trying to ${method} stt for lang ${lang}`,
+    );
+    try {
+      const response = await fetch(`${STT_API_URL}/${method}`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          authorization: store.token ? `Bearer ${store.token}` : '',
+        },
+        body: JSON.stringify({
+          passphrase: roomId?.host || '',
+          lang: lang,
+          dataStream_uid: 111111, // bot ID
+          encryption_mode: $config.ENCRYPTION_ENABLED
+            ? rtcProps.encryption.mode
+            : null,
+        }),
+      });
+      const res = await response.json();
+
+      return res;
+    } catch (error) {}
   };
 
   const startWithDelay = (lang: LanguageType[]): Promise<string> =>
@@ -81,7 +90,19 @@ const useSTTAPI = (): IuseSTTAPI => {
 
       if (res?.error?.message) {
         setIsSTTError(true);
+        logger.error(
+          LogSource.NetworkRest,
+          'stt',
+          `start stt for lang ${lang} failed`,
+          res?.error?.message,
+        );
       } else {
+        logger.log(
+          LogSource.NetworkRest,
+          'stt',
+          `start stt for lang ${lang} succesfull`,
+          res,
+        );
         setIsSTTError(false);
       }
       if (res === null || isSTTAlreadyActive) {
@@ -92,8 +113,11 @@ const useSTTAPI = (): IuseSTTAPI => {
           PersistanceLevel.Sender,
         );
         setIsSTTActive(true);
-
-        console.log(`stt lang update from: ${language} to ${lang}`);
+        logger.debug(
+          LogSource.NetworkRest,
+          'stt',
+          `stt lang update from: ${language} to ${lang}`,
+        );
         // inform about the language set for stt
         events.send(
           EventNames.STT_LANGUAGE,
@@ -129,6 +153,12 @@ const useSTTAPI = (): IuseSTTAPI => {
       }
       return res;
     } catch (errorMsg) {
+      logger.error(
+        LogSource.NetworkRest,
+        'stt',
+        'There was error in start stt',
+        errorMsg,
+      );
       throw errorMsg;
     } finally {
       setIsLangChangeInProgress(false);
@@ -148,10 +178,17 @@ const useSTTAPI = (): IuseSTTAPI => {
       if (res?.error?.message) {
         setIsSTTError(true);
       } else {
+        logger.log(LogSource.NetworkRest, 'stt', 'stop stt succesfull', res);
         setIsSTTError(false);
       }
       return res;
     } catch (error) {
+      logger.error(
+        LogSource.NetworkRest,
+        'stt',
+        'There was error in stop stt',
+        error,
+      );
       throw error;
     }
   };
@@ -162,7 +199,12 @@ const useSTTAPI = (): IuseSTTAPI => {
       await startWithDelay(lang);
       return Promise.resolve();
     } catch (error) {
-      console.log('error in re-starting STT', error);
+      logger.error(
+        LogSource.NetworkRest,
+        'stt',
+        'There was error error in re-starting STT',
+        error,
+      );
       return Promise.reject(error);
     } finally {
       setIsLangChangeInProgress(false);

package/template/src/subComponents/caption/useTranscriptDownload.native.ts

@@ -3,6 +3,7 @@ import {useCaption} from './useCaption';
 import RNFetchBlob from 'rn-fetch-blob';
 import {isAndroid, isIOS, useRoomInfo, useContent} from 'customization-api';
 import Share from 'react-native-share';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 const useTranscriptDownload = (): {
   downloadTranscript: () => Promise<string | null>;
@@ -16,6 +17,11 @@ const useTranscriptDownload = (): {
   const downloadTranscript = (): Promise<string | null> => {
     return new Promise((resolve, reject) => {
       try {
+        logger.log(
+          LogSource.Internals,
+          'TRANSCRIPT',
+          'Trying to download transcript',
+        );
         const [finalContent, fileName] = formatTranscriptContent(
           meetingTranscript,
           meetingTitle,
@@ -32,26 +38,50 @@ const useTranscriptDownload = (): {
         RNFetchBlob.fs
           .writeFile(filePath, finalContent, 'utf8')
           .then(() => {
-            console.warn('Content downloaded successfully on native.');
+            logger.warn(
+              LogSource.Internals,
+              'TRANSCRIPT',
+              'Content downloaded successfully on native',
+            );
             // need to show the preview of downloaded file
             Share.open({url: `file://${filePath}`, type: 'text/plain'})
               .then(res => {
-                //  console.warn('File shared successfully:', res);
+                logger.warn(
+                  LogSource.Internals,
+                  'TRANSCRIPT',
+                  'File shared successfully:',
+                  res,
+                );
                 resolve(filePath);
               })
               .catch(error => {
-                // console.error('Error sharing file:', error);
+                logger.error(
+                  LogSource.Internals,
+                  'TRANSCRIPT',
+                  'Error sharing file:',
+                  error,
+                );
                 reject(error);
               });
 
             resolve(filePath);
           })
           .catch(error => {
-            console.error('Error downloading content:', error);
+            logger.error(
+              LogSource.Internals,
+              'TRANSCRIPT',
+              'Error downloading content:',
+              error,
+            );
             reject(error);
           });
       } catch (error) {
-        console.error('Error downloading content:', error);
+        logger.error(
+          LogSource.Internals,
+          'TRANSCRIPT',
+          'Error downloading content:',
+          error,
+        );
         reject(error);
       }
     });

package/template/src/subComponents/caption/useTranscriptDownload.ts

@@ -1,6 +1,7 @@
 import {formatTranscriptContent} from './utils';
 import {useCaption} from './useCaption';
 import {useRoomInfo, useContent} from 'customization-api';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 const useTranscriptDownload = (): {
   downloadTranscript: () => Promise<string | null>;
@@ -37,10 +38,19 @@ const useTranscriptDownload = (): {
 
         // revoke download url
         URL.revokeObjectURL(downloadUrl);
-        console.log('Content downloaded successfully.');
+        logger.debug(
+          LogSource.Internals,
+          'TRANSCRIPT',
+          'content donwloaded successfully',
+        );
         resolve(downloadUrl);
       } catch (error) {
-        console.error('Error downloading content:', error);
+        logger.error(
+          LogSource.Internals,
+          'TRANSCRIPT',
+          'failed to download content',
+          error,
+        );
         reject(error);
       }
     });

package/template/src/subComponents/chat/ChatParticipants.tsx

@@ -25,6 +25,7 @@ import {
   inviteTileNoElseJoinedYetText,
   videoRoomUserFallbackText,
 } from '../../language/default-labels/videoCallScreenLabels';
+import {LogSource, logger} from '../../logger/AppBuilderLogger';
 
 const ChatIcon = () => (
   <View style={{alignSelf: 'center', marginRight: 20}}>
@@ -124,6 +125,11 @@ const ChatParticipants = (props: any) => {
                 return (
                   <Pressable
                     onPress={() => {
+                      logger.log(
+                        LogSource.Internals,
+                        'CHAT',
+                        `Starting chat with ${name}`,
+                      );
                       selectUser(uidAsNumber);
                     }}>
                     <View style={style.participantContainer}>