agora-appbuilder-core 3.0.6 → 3.0.8

package/template/src/SDKAppWrapper.tsx

@@ -38,13 +38,25 @@ export interface AppBuilderSdkApiInterface {
   ) => Unsubscribe;
 }
 
+let joinInit = false;
+
 export const AppBuilderSdkApi: AppBuilderSdkApiInterface = {
   customize: (customization: CustomizationApiInterface) => {
     SDKEvents.emit('addFpe', customization);
   },
   join: (roomid: string) =>
     new Promise((resolve, reject) => {
-      SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+      if (joinInit) {
+        console.log('[SDKEvents] Join listener emitted preemptive');
+        SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+      }
+      SDKEvents.on('joinInit', () => {
+        if (!joinInit) {
+          console.log('[SDKEvents] Join listener emitted');
+          SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+          joinInit = true;
+        }
+      });
     }),
   createCustomization: customize,
   on: (userEventName, cb) => {

package/template/src/pages/Create.tsx

@@ -86,6 +86,7 @@ const Create = () => {
     if (isWebInternal()) {
       document.title = $config.APP_NAME;
     }
+    console.log('[SDKEvents] Join listener registered');
     const unbind = SDKEvents.on(
       'joinMeetingWithPhrase',
       (phrase, resolve, reject) => {
@@ -99,6 +100,7 @@ const Create = () => {
         }
       },
     );
+    SDKEvents.emit('joinInit');
     return () => {
       unbind();
     };

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

@@ -49,20 +49,6 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
     currentLayoutRef.current.currentLayout = currentLayout;
   }, [currentLayout]);
 
-  // useEffect(() => {
-  //   if (
-  //     lastJoinedUid &&
-  //     activeUids &&
-  //     activeUids.indexOf(lastJoinedUid) !== -1 &&
-  //     renderListRef.current.renderList[lastJoinedUid] &&
-  //     renderListRef.current.renderList[lastJoinedUid].type === 'screenshare' &&
-  //     isPinned.current !== lastJoinedUid
-  //   ) {
-  //     //set to pinned layout
-  //     //triggerChangeLayout(true, lastJoinedUid);
-  //   }
-  // }, [lastJoinedUid, activeUids, renderListRef.current.renderList]);
-
   useEffect(() => {
     const data = filterObject(screenShareData, ([k, v]) => v?.isActive);
     if (data) {

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

@@ -70,19 +70,6 @@ export const ScreenshareConfigure = (props: {children: React.ReactNode}) => {
    * lastJoinedUid will be coming from the user joined event
    * cross check lastJoinedUid data with renderlist
    */
-  // useEffect(() => {
-  //   if (
-  //     lastJoinedUid &&
-  //     activeUids &&
-  //     activeUids.indexOf(lastJoinedUid) !== -1 &&
-  //     renderListRef.current.renderList[lastJoinedUid] &&
-  //     renderListRef.current.renderList[lastJoinedUid].type === 'screenshare' &&
-  //     isPinned.current !== lastJoinedUid
-  //   ) {
-  //     //set to pinned layout
-  //     // triggerChangeLayout(true, lastJoinedUid);
-  //   }
-  // }, [lastJoinedUid, activeUids, renderListRef.current.renderList]);
 
   useEffect(() => {
     const data = filterObject(screenShareData, ([k, v]) => v?.isActive);

package/template/src/utils/SdkEvents.ts

@@ -19,6 +19,7 @@ import {createNanoEvents} from 'nanoevents';
 interface eventsMapInterface extends userEventsMapInterface {
   addFpe?: callBackType;
   addFpeInit?: () => void;
+  joinInit?: () => void;
   joinMeetingWithPhrase?: (
     phrase: string,
     resolve: () => void,