added agora token

Author: freddysundowner

client/packages/lowcoder/src/comps/comps/layout/mobileTabLayout.tsx

@@ -86,7 +86,9 @@ function TabBarView(props: TabBarProps) {
           activeKey={props.selectedKey}
         >
           {props.tabs.map((tab) => {
-            return <TabBarItem key={tab.key} icon={tab.icon} title={tab.title} />;
+            return (
+              <TabBarItem key={tab.key} icon={tab.icon} title={tab.title} />
+            );
           })}
         </TabBar>
       </TabBarWrapper>
@@ -126,9 +128,18 @@ let MobileTabLayoutTmp = (function () {
   const childrenMap = {
     tabs: manualOptionsControl(TabOptionComp, {
       initOptions: [
-        { label: trans("optionsControl.optionI", { i: 1 }), icon: "/icon:solid/1" },
-        { label: trans("optionsControl.optionI", { i: 2 }), icon: "/icon:solid/2" },
-        { label: trans("optionsControl.optionI", { i: 3 }), icon: "/icon:solid/3" },
+        {
+          label: trans("optionsControl.optionI", { i: 1 }),
+          icon: "/icon:solid/1",
+        },
+        {
+          label: trans("optionsControl.optionI", { i: 2 }),
+          icon: "/icon:solid/2",
+        },
+        {
+          label: trans("optionsControl.optionI", { i: 3 }),
+          icon: "/icon:solid/3",
+        },
       ],
     }),
   };
@@ -138,7 +149,9 @@ let MobileTabLayoutTmp = (function () {
     .setPropertyViewFn((children) => {
       return (
         <>
-          <Section name={trans("aggregation.tabBar")}>{children.tabs.propertyView({})}</Section>
+          <Section name={trans("aggregation.tabBar")}>
+            {children.tabs.propertyView({})}
+          </Section>
         </>
       );
     })
@@ -168,7 +181,9 @@ MobileTabLayoutTmp = withViewFn(MobileTabLayoutTmp, (comp) => {
       tabs={tabViews.map((tab, index) => ({
         key: index,
         title: tab.children.label.getView(),
-        icon: tab.children.icon.toJsonValue() ? tab.children.icon.getView() : undefined,
+        icon: tab.children.icon.toJsonValue()
+          ? tab.children.icon.getView()
+          : undefined,
       }))}
       selectedKey={tabIndex + ""}
       onChange={(key) => setTabIndex(Number(key))}

client/packages/lowcoder/src/comps/comps/meetingComp/videoMeetingControllerComp.tsx

@@ -103,6 +103,8 @@ export const client: IAgoraRTCClient = AgoraRTC.createClient({
   mode: "rtc",
   codec: "vp8",
 });
+AgoraRTC.setLogLevel(3);
+
 let audioTrack: IMicrophoneAudioTrack;
 let videoTrack: ICameraVideoTrack;
 let screenShareStream: ILocalVideoTrack;
@@ -115,8 +117,13 @@ const generateToken = async (
   certificate: any,
   channelName: any
 ) => {
-  const agoraTokenUrl = `https://api.agora.io/v1/token?channelName=test&uid=${userId}&appID=${appId}&appCertificate=${certificate}`;
-  await axios.post(agoraTokenUrl);
+  const agoraTokenUrl = `https://sandbox.wiggolive.com/token/rtc`;
+  let response = await axios.post(agoraTokenUrl, {
+    appId,
+    certificate,
+    channelName,
+  });
+  return response.data;
 };
 
 const turnOnCamera = async (flag?: boolean) => {
@@ -180,14 +187,13 @@ const publishVideo = async (
   height: any,
   certifiCateKey: string
 ) => {
-  // console.log(
-  //   "generateToken",
-  //   await generateToken(appId, certifiCateKey, channel)
-  // );
-
-  // return;
+  console.log(appId, certifiCateKey, channel);
+  let token = null;
+  if (certifiCateKey) {
+    token = await generateToken(appId, certifiCateKey, channel);
+  }
   await turnOnCamera(true);
-  await client.join(appId, channel, null, userId);
+  await client.join(appId, channel, token, userId);
   await client.publish(videoTrack);
 
   await rtmInit(appId, userId, channel);
@@ -581,8 +587,6 @@ MTComp = withMethodExposing(MTComp, [
       };
       message["data"] = otherData;
 
-      console.log(toUsers);
-
       if (toUsers.length > 0 && toUsers[0] !== undefined) {
         let peers = toUsers?.map((u: any) => u.user);
         console.log("peers", peers);