agora-appbuilder-core 4.0.0-api.8 → 4.0.0-api.9

package/template/src/utils/useMuteToggleLocal.ts

@@ -13,7 +13,7 @@ import {useLocalUserInfo, useRtc} from 'customization-api';
 import {useContext} from 'react';
 import {
   PropsContext,
-  ClientRole,
+  ClientRoleType,
   ToggleState,
   DispatchContext,
 } from '../../agora-rn-uikit';
@@ -33,7 +33,7 @@ function useMuteToggleLocal() {
   const local = useLocalUserInfo();
   const isLiveStream = $config.EVENT_MODE;
   const {rtcProps} = useContext(PropsContext);
-  const isBroadCasting = rtcProps?.role == ClientRole.Broadcaster;
+  const isBroadCasting = rtcProps?.role == ClientRoleType.ClientRoleBroadcaster;
 
   const {videoMuteQueue, audioMuteQueue} = useContext(SdkMuteQueueContext);
 
@@ -77,9 +77,14 @@ function useMuteToggleLocal() {
             });
 
             try {
-              await RtcEngineUnsafe.muteLocalAudioStream(
-                localAudioState === ToggleState.enabled,
-              );
+              isWebInternal()
+                ? await RtcEngineUnsafe.muteLocalAudioStream(
+                    localAudioState === ToggleState.enabled,
+                  ) //@ts-ignore
+                : await RtcEngineUnsafe.enableLocalAudio(
+                    localAudioState === ToggleState.enabled ? false : true,
+                  );
+
               // Enable UI
               dispatch({
                 type: 'LocalMuteAudio',

package/template/src/utils/useSearchParams.tsx

@@ -0,0 +1,18 @@
+import {useLocation} from '../components/Router';
+import {useMemo} from 'react';
+
+interface ReadOnlyURLSearchParams extends URLSearchParams {
+  append: never;
+  set: never;
+  delete: never;
+  sort: never;
+}
+
+export function useSearchParams() {
+  const {search} = useLocation();
+
+  return useMemo(
+    () => new URLSearchParams(search) as ReadOnlyURLSearchParams,
+    [search],
+  );
+}

package/template/bridge/rtc/webNg/LocalView.tsx

@@ -1,20 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import React from 'react';
-import SurfaceView, {RtcSurfaceViewProps, StyleProps} from './SurfaceView';
-
-interface LocalViewInterface extends RtcSurfaceViewProps, StyleProps {}
-
-export default function LocalView(props: LocalViewInterface) {
-  //   console.log('LocalView props: ', props);
-  return <SurfaceView uid={0} {...props} />;
-}