update anonymous function for log

Author: KangxuanYe

apps/teams-test-app/src/components/LoggerAPIs.tsx

@@ -0,0 +1,33 @@
+import { logger } from '@microsoft/teams-js';
+import React, { ReactElement } from 'react';
+
+import { ApiWithoutInput } from './utils';
+import { ModuleWrapper } from './utils/ModuleWrapper';
+
+const TurnOnConsoleLog = (): React.ReactElement =>
+  ApiWithoutInput({
+    name: 'turnOnConsoleLog',
+    title: 'Turn On Console Log',
+    onClick: async () => {
+      logger.turnOnConsoleLog();
+      return 'true';
+    },
+  });
+
+const TurnOffConsoleLog = (): React.ReactElement =>
+  ApiWithoutInput({
+    name: 'turnOffConsoleLog',
+    title: 'Turn Off Console Log',
+    onClick: async () => {
+      logger.turnOffConsoleLog();
+      return 'true';
+    },
+  });
+const LoggerAPIs = (): ReactElement => (
+  <ModuleWrapper title="Logger">
+    <TurnOnConsoleLog />
+    <TurnOffConsoleLog />
+  </ModuleWrapper>
+);
+
+export default LoggerAPIs;

apps/teams-test-app/src/pages/TestApp.tsx

@@ -22,6 +22,7 @@ import GeoLocationAPIs from '../components/GeoLocationAPIs';
 import HostEntityTabAPIs from '../components/HostEntityTabAPIs';
 import Links from '../components/Links';
 import LocationAPIs from '../components/LocationAPIs';
+import LoggerAPIs from '../components/LoggerAPIs';
 import LogAPIs from '../components/LogsAPIs';
 import MailAPIs from '../components/MailAPIs';
 import MarketplaceAPIs from '../components/MarketplaceAPIs';
@@ -124,6 +125,7 @@ export const TestApp: React.FC = () => {
         <Links />
         <LocationAPIs />
         <LogAPIs />
+        <LoggerAPIs />
         <MailAPIs />
         <MarketplaceAPIs />
         <MediaAPIs />

packages/teams-js/src/internal/telemetry.ts

@@ -20,9 +20,9 @@ const createDebuggerFunction = (namespace: string): Debugger => {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const func = function (formatter: any, ...args: any[]): void {
     if (GlobalVars.turnOnConsoleLog) {
+      internalDebugger(formatter, args);
       console.log(formatter, args);
     }
-    internalDebugger(formatter, args);
   } as Debugger;
 
   Object.assign(func, {

packages/teams-js/src/public/index.ts

@@ -119,3 +119,4 @@ export { settings } from './settings';
 export { tasks } from './tasks';
 export { liveShare, LiveShareHost } from './liveShareHost';
 export { marketplace } from './marketplace';
+export { logger } from './logger';

packages/teams-js/src/public/logger.ts

@@ -0,0 +1,21 @@
+import { GlobalVars } from '../internal/globalVars';
+
+export namespace logger {
+  /**
+   * todo: doc
+   * @returns bool
+   */
+  export function turnOnConsoleLog(): boolean {
+    GlobalVars.turnOnConsoleLog = true;
+    return GlobalVars.turnOnConsoleLog;
+  }
+
+  /**
+   * todo: doc
+   * @returns bool
+   */
+  export function turnOffConsoleLog(): boolean {
+    GlobalVars.turnOnConsoleLog = false;
+    return GlobalVars.turnOnConsoleLog;
+  }
+}