agora-appbuilder-core 2.3.0-beta.22 → 2.3.0-beta.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "2.3.0-beta.22",
+  "version": "2.3.0-beta.23",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/_package-lock.json

@@ -23,6 +23,7 @@
         "electron-updater": "4.3.9",
         "exponential-backoff": "3.1.0",
         "graphql": "15.5.0",
+        "nanoevents": "7.0.1",
         "nanoid": "4.0.0",
         "nosleep.js": "0.12.0",
         "react": "16.13.1",
@@ -21451,6 +21452,14 @@
       "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
       "optional": true
     },
+    "node_modules/nanoevents": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/nanoevents/-/nanoevents-7.0.1.tgz",
+      "integrity": "sha512-o6lpKiCxLeijK4hgsqfR6CNToPyRU3keKyyI6uwuHRvpRTbZ0wXw51WRgyldVugZqoJfkGFrjrIenYH3bfEO3Q==",
+      "engines": {
+        "node": "^14.0.0 || ^16.0.0 || >=18.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.0.tgz",
@@ -45805,6 +45814,11 @@
       "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
       "optional": true
     },
+    "nanoevents": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/nanoevents/-/nanoevents-7.0.1.tgz",
+      "integrity": "sha512-o6lpKiCxLeijK4hgsqfR6CNToPyRU3keKyyI6uwuHRvpRTbZ0wXw51WRgyldVugZqoJfkGFrjrIenYH3bfEO3Q=="
+    },
     "nanoid": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.0.tgz",

package/template/esbuild.rsdk.go

@@ -211,6 +211,7 @@ func rsdk(iopath *ioPaths) api.BuildResult {
 		MinifyWhitespace:  true,
 		MinifyIdentifiers: true,
 		MinifySyntax:      true,
+    Sourcemap:         api.SourceMapExternal,
 
 		// debug options. does not affect bundle size
 		// Metafile: true,

package/template/fpe-api/components.ts

@@ -54,4 +54,8 @@ export {SidePanelButtonsArray} from '../src/subComponents/SidePanelButtons';
 export {
   ImageIcon as UiKitImageIcon,
   MaxVideoView as UiKitMaxVideoView,
+  BtnTemplate as UiKitBtnTemplate,
+  ClientRole as UikitClientRole,
+  ChannelProfile as UikitChannelProfile,
 } from '../agora-rn-uikit';
+export type {BtnTemplateInterface as UikitBtnTemplateInterface} from '../agora-rn-uikit';

package/template/fpe-api/utils.ts

@@ -66,4 +66,5 @@ export {
   isWeb,
   shouldAuthenticate,
 } from '../src/utils/common';
+export {default as isMobileOrTablet} from '../src/utils/isMobileOrTablet';
 export {useLocalUid} from '../agora-rn-uikit';

package/template/package.json

@@ -18,6 +18,7 @@
     "web-sdk:build": "cross-env TARGET=wsdk NODE_ENV=production gulp webSdk",
     "react-sdk": "cross-env TARGET=rsdk NODE_ENV=development gulp reactSdk",
     "react-sdk:build": "cross-env TARGET=rsdk NODE_ENV=production gulp reactSdk",
+    "react-sdk:esbuild": "cross-env TARGET=rsdk NODE_ENV=production gulp reactSdkEsbuild",
     "electron:start": "cross-env NODE_ENV=development gulp electron_development",
     "electron:build": "cross-env NODE_ENV=production gulp electron_build",
     "windows": "cross-env TARGET=windows npm run electron:start",
@@ -62,6 +63,7 @@
     "electron-updater": "4.3.9",
     "exponential-backoff": "3.1.0",
     "graphql": "15.5.0",
+    "nanoevents": "7.0.1",
     "nanoid": "4.0.0",
     "nosleep.js": "0.12.0",
     "react": "16.13.1",

package/template/src/SDKAppWrapper.tsx

@@ -9,7 +9,10 @@ export interface userEventsMapInterface {
   create: (
     hostPhrase: string,
     attendeePhrase?: string,
-    pstnNumer?: string,
+    pstnNumer?: {
+      number: string;
+      pin: string;
+    },
   ) => void;
   preJoin: (meetingTitle: string, devices: MediaDeviceInfo[]) => void;
   join: (
@@ -27,7 +30,6 @@ export interface AppBuilderSdkApiInterface {
     userEventName: T,
     callBack: userEventsMapInterface[T],
   ) => void;
-  off: (userEventName: keyof userEventsMapInterface) => void;
 }
 
 export const AppBuilderSdkApi: AppBuilderSdkApiInterface = {
@@ -40,9 +42,7 @@ export const AppBuilderSdkApi: AppBuilderSdkApiInterface = {
   createFPE,
   on: (userEventName, cb) => {
     SDKEvents.on(userEventName, cb);
-  },
-  off: (userEventName) => {
-    SDKEvents.off(userEventName);
+    console.log('SDKEvents: Event Registered', userEventName);
   },
 };
 

package/template/src/pages/Create.tsx

@@ -91,7 +91,7 @@ const Create = () => {
     if (isWeb) {
       document.title = $config.APP_NAME;
     }
-    SDKEvents.on('joinMeetingWithPhrase', (phrase) => {
+    const unbind = SDKEvents.on('joinMeetingWithPhrase', (phrase) => {
       console.log(
         'SDKEvents: joinMeetingWithPhrase event called', phrase
       );
@@ -99,7 +99,7 @@ const Create = () => {
       navigateTo(phrase)
     });
     return () => {
-      SDKEvents.off('joinMeetingWithPhrase');
+      unbind();
     };
   }, []);
 
@@ -107,12 +107,6 @@ const Create = () => {
     setRoomCreated(true);
   };
 
-  useEffect(() => {
-    if (attendee) {
-      SDKEvents.emit('create', host, attendee, pstn);
-    }
-  }, [attendee]);
-
   const createRoomAndNavigateToShare = async (
     roomTitle: string,
     enablePSTN: boolean,

package/template/src/pages/video-call/VideoCallScreen.tsx

@@ -128,16 +128,20 @@ const VideoCallScreen = () => {
 
   useEffect(() => {
     /**
-     * Commenting this code as getDevices API is web only
+     * OLD: Commenting this code as getDevices API is web only
      * The below code fails on native app
+     * RESPONSE: Added isWeb check to restrict execution only on web.
      */
-    // new Promise((res) =>
-    //   rtc.RtcEngine.getDevices(function (devices: MediaDeviceInfo[]) {
-    //     res(devices);
-    //   }),
-    // ).then((devices: MediaDeviceInfo[]) => {
-    //   SDKEvents.emit('join', meetingTitle, devices, isHost);
-    // });
+    if (isWeb) {
+      new Promise((res) =>
+        rtc.RtcEngine.getDevices(function (devices: MediaDeviceInfo[]) {
+          res(devices);
+        }),
+      ).then((devices: MediaDeviceInfo[]) => {
+        SDKEvents.emit('join', meetingTitle, devices, isHost);
+        console.log('SDKEvents: Event Called join')
+      });
+    }
   }, []);
 
   return VideocallComponent ? (

package/template/src/utils/SdkEvents.ts

@@ -14,55 +14,13 @@
  */
 type callBackType = (...args: any[]) => void;
 import {userEventsMapInterface} from '../SDKAppWrapper';
+import {createNanoEvents} from 'nanoevents';
 
 interface eventsMapInterface extends userEventsMapInterface {
-  addFpe: callBackType;
-  joinMeetingWithPhrase: (phrase: string) => void;
-}
-interface SDKEventsInterface {
-  eventsMap: eventsMapInterface;
-  eventSubs: {[key in keyof eventsMapInterface]: any};
-  emit: (eventName: keyof eventsMapInterface, ...args: any) => void;
-  on: (eventName: keyof eventsMapInterface, cb: callBackType) => void;
-  off: (eventName: keyof eventsMapInterface) => void;
+  addFpe?: callBackType;
+  joinMeetingWithPhrase?: (phrase: string) => void;
 }
 
-const SDKEvents: SDKEventsInterface = {
-  eventsMap: {
-    addFpe: () => {},
-    joinMeetingWithPhrase: (p) => {},
-    leave: () => {},
-    create: () => {},
-    preJoin: () => {},
-    join: () => {},
-  },
-  eventSubs: {
-    addFpe: null,
-    joinMeetingWithPhrase: null,
-    leave: null,
-    create: null,
-    preJoin: null,
-    join: null,
-  },
-  on: function (eventName, cb) {
-    console.log(
-      'SDKEvents: event registered:',
-      eventName,
-    );
-    this.eventsMap[eventName] = cb;
-    if (this.eventSubs[eventName]) {
-      cb(...this.eventSubs[eventName]);
-    }
-  },
-  emit: function (eventName, ...args) {
-    console.log('SDKEvents: emit called:', eventName, ...args);
-    this.eventsMap[eventName](...args);
-    this.eventSubs[eventName] = args;
-  },
-  off: function (eventName) {
-    console.log('SDKEvents: event deregistered:', eventName);
-    this.eventSubs[eventName] = null;
-  },
-};
+const SDKEvents = createNanoEvents<eventsMapInterface>();
 
 export default SDKEvents;

package/template/src/utils/useCreateMeeting.ts

@@ -1,6 +1,7 @@
 import {gql, useMutation} from '@apollo/client';
 import {MeetingInfoContextInterface} from '../components/meeting-info/useMeetingInfo';
 import {useSetMeetingInfo} from '../components/meeting-info/useSetMeetingInfo';
+import SDKEvents from '../utils/SdkEvents';
 
 const CREATE_CHANNEL = gql`
   mutation CreateChannel(
@@ -67,6 +68,12 @@ export default function useCreateMeeting() {
         meetingTitle: roomTitle,
         meetingPassphrase: meetingInfoPassPhrase,
       });
+      SDKEvents.emit(
+        'create',
+        meetingInfoPassPhrase.host,
+        meetingInfoPassPhrase.attendee,
+        meetingInfoPassPhrase.pstn,
+      );
     } else {
       throw new Error(`An error occurred in parsing the channel data.`);
     }

package/template/webpack.commons.js

@@ -85,7 +85,7 @@ module.exports = {
     ].filter(Boolean),
   },
   // Enable source maps during development
-  // devtool: isDevelopment ? 'eval-cheap-module-source-map' : undefined,
+  devtool: isDevelopment ? 'eval-cheap-module-source-map' : undefined,
   module: {
     rules: [
       {