ref(plugin): refactor the code of plugin logger to be more robust

README.md

@@ -350,7 +350,7 @@ The data-channel name must be in the `manifest.json` along with all the permissi
     {
       "name": "channel-name",
       "pushPermission": ["moderator","presenter"],
-      "replaceOrDeletePermission": ["moderator", "sender"]
+      "replaceOrDeletePermission": ["moderator", "creator"]
     }
   ]
 }

samples/sample-actions-bar-plugin/src/sample-actions-bar-plugin/component.tsx

@@ -7,6 +7,7 @@ import {
   PluginApi, UsersBasicInfoResponseFromGraphqlWrapper,
   pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
+
 import { SampleActionsBarPluginProps } from './types';
 
 function SampleActionsBarPlugin({

samples/sample-data-channel-plugin/manifest.json

@@ -1,13 +1,25 @@
 {
   "requiredSdkVersion": "~0.0.59",
   "name": "SampleDataChannelPlugin",
+  "version": "0.0.8-beta1",
   "javascriptEntrypointUrl": "SampleDataChannelPlugin.js",
   "localesBaseUrl": "https://cdn.dominio.com/pluginabc/",
-  "dataChannels":[
+  "loggerSettings": {
+    "console": {
+      "level": "error"
+    }
+  },
+  "dataChannels": [
     {
       "name": "public-channel",
-      "pushPermission": ["moderator","presenter"],
-      "replaceOrDeletePermission": ["moderator", "sender"]
+      "pushPermission": [
+        "moderator",
+        "presenter"
+      ],
+      "replaceOrDeletePermission": [
+        "moderator",
+        "creator"
+      ]
     }
   ]
 }

samples/sample-presentation-dropdown-plugin/src/components/sample-presentation-dropdown-plugin/component.tsx

@@ -4,10 +4,10 @@ import { useEffect } from 'react';
 import {
   BbbPluginSdk,
   PluginApi,
-  pluginLogger,
   PresentationDropdownInterface,
   PresentationDropdownOption,
   PresentationDropdownSeparator,
+  pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
 import { SamplePresentationDropdownPluginProps } from './types';
 

samples/sample-screenshare-helper-plugin/src/sample-screenshare-helper-plugin/component.tsx

@@ -4,14 +4,14 @@ import { useEffect } from 'react';
 import {
   BbbPluginSdk,
   PluginApi,
-  pluginLogger,
   ScreenshareHelperItemPosition,
   ScreenshareHelperButton,
+  pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
 import { SampleUserCameraDropdownPluginProps } from './types';
 
 function SampleUserCameraDropdownPlugin({ pluginUuid: uuid }: SampleUserCameraDropdownPluginProps):
-React.ReactElement<SampleUserCameraDropdownPluginProps> {
+  React.ReactElement<SampleUserCameraDropdownPluginProps> {
   BbbPluginSdk.initialize(uuid);
   const pluginApi: PluginApi = BbbPluginSdk.getPluginApi(uuid);
 

samples/sample-ui-events-plugin/src/sample-ui-events-plugin-item/component.tsx

@@ -9,7 +9,7 @@ import {
 import { SampleUiEventsPluginProps } from './types';
 
 function SampleUiEventsPlugin({ pluginUuid: uuid }: SampleUiEventsPluginProps):
-React.ReactElement<SampleUiEventsPluginProps> {
+  React.ReactElement<SampleUiEventsPluginProps> {
   BbbPluginSdk.initialize(uuid);
   const pluginApi: PluginApi = BbbPluginSdk.getPluginApi(uuid);
   const userListOpened = pluginApi

samples/sample-use-meeting/src/sample-use-meeting/component.tsx

@@ -7,7 +7,7 @@ import {
 import { SampleUseMeetingPluginProps } from './types';
 
 function SampleUseMeetingPlugin({ pluginUuid: uuid }: SampleUseMeetingPluginProps):
-React.ReactElement<SampleUseMeetingPluginProps> {
+  React.ReactElement<SampleUseMeetingPluginProps> {
   BbbPluginSdk.initialize(uuid);
   const pluginApi: PluginApi = BbbPluginSdk.getPluginApi(uuid);
   const meetingInfoGraphqlResponse = pluginApi.useMeeting();

samples/sample-user-camera-dropdown-plugin/src/sample-user-camera-dropdown-plugin-item/component.tsx

@@ -4,15 +4,15 @@ import { useEffect } from 'react';
 import {
   BbbPluginSdk,
   PluginApi,
-  pluginLogger,
   UserCameraDropdownOption,
   UserCameraDropdownSeparator,
+  pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
 import { SampleUserCameraDropdownPluginProps, VideoStreamsSubscriptionResultType } from './types';
 import { VIDEO_STREAMS_SUBSCRIPTION } from '../queries';
 
 function SampleUserCameraDropdownPlugin({ pluginUuid: uuid }: SampleUserCameraDropdownPluginProps):
-React.ReactElement<SampleUserCameraDropdownPluginProps> {
+  React.ReactElement<SampleUserCameraDropdownPluginProps> {
   BbbPluginSdk.initialize(uuid);
   const pluginApi: PluginApi = BbbPluginSdk.getPluginApi(uuid);
 

samples/sample-user-camera-helper-plugin/src/sample-user-camera-helper-plugin/component.tsx

@@ -4,15 +4,15 @@ import { useEffect } from 'react';
 import {
   BbbPluginSdk,
   PluginApi,
-  pluginLogger,
   UserCameraHelperButton,
   UserCameraHelperItemPosition,
+  pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
 import { SampleUserCameraHelperPluginProps, VideoStreamsSubscriptionResultType } from './types';
 import { VIDEO_STREAMS_SUBSCRIPTION } from '../queries';
 
 function SampleUserCameraHelperPlugin({ pluginUuid: uuid }: SampleUserCameraHelperPluginProps):
-React.ReactElement<SampleUserCameraHelperPluginProps> {
+  React.ReactElement<SampleUserCameraHelperPluginProps> {
   BbbPluginSdk.initialize(uuid);
   const pluginApi: PluginApi = BbbPluginSdk.getPluginApi(uuid);
 

samples/sample-user-list-dropdown-plugin/src/sample-user-list-dropdown-plugin-item/component.tsx

@@ -4,11 +4,11 @@ import { useEffect } from 'react';
 import {
   BbbPluginSdk,
   PluginApi,
-  pluginLogger,
   UserListDropdownFixedContentInformation,
   UserListDropdownInterface,
   UserListDropdownOption,
   UserListDropdownSeparator,
+  pluginLogger,
 } from 'bigbluebutton-html-plugin-sdk';
 import { SampleUserListDropdownPluginProps } from './types';
 
@@ -21,48 +21,48 @@ function SampleUserListDropdownPlugin({
   useEffect(() => {
     if (loadedUserList !== undefined && loadedUserList.length > 0) {
       const listOfInformationToSend:
-      Array<UserListDropdownInterface> = loadedUserList.map(
-        (user) => {
-          const buttonToUserListItem:
-            UserListDropdownInterface = new UserListDropdownFixedContentInformation({
-              label: 'Warning test',
-              iconRight: 'warning',
-              userId: user.userId,
-              textColor: 'red',
-              allowed: true,
-            });
-          return buttonToUserListItem as UserListDropdownInterface;
-        },
-      );
+        Array<UserListDropdownInterface> = loadedUserList.map(
+          (user) => {
+            const buttonToUserListItem:
+              UserListDropdownInterface = new UserListDropdownFixedContentInformation({
+                label: 'Warning test',
+                iconRight: 'warning',
+                userId: user.userId,
+                textColor: 'red',
+                allowed: true,
+              });
+            return buttonToUserListItem as UserListDropdownInterface;
+          },
+        );
 
       const listOfOptionsToSend:
-      Array<UserListDropdownInterface> = loadedUserList.map(
-        (user) => {
-          const buttonToUserListItem:
-            UserListDropdownInterface = new UserListDropdownOption({
-              label: 'Click to log something in the console',
-              icon: 'user',
-              userId: user.userId,
-              tooltip: 'This will log something in the console',
-              allowed: true,
-              onClick: () => {
-                pluginLogger.info('Log from sample user-list-dropdown-plugin');
-              },
-            });
-          return buttonToUserListItem as UserListDropdownInterface;
-        },
-      );
+        Array<UserListDropdownInterface> = loadedUserList.map(
+          (user) => {
+            const buttonToUserListItem:
+              UserListDropdownInterface = new UserListDropdownOption({
+                label: 'Click to log something in the console',
+                icon: 'user',
+                userId: user.userId,
+                tooltip: 'This will log something in the console',
+                allowed: true,
+                onClick: () => {
+                  pluginLogger.info('Log from sample user-list-dropdown-plugin');
+                },
+              });
+            return buttonToUserListItem as UserListDropdownInterface;
+          },
+        );
 
       const listOfDropdownsToSend:
-      Array<UserListDropdownInterface> = loadedUserList.map(
-        (user) => {
-          const dropdownToUserListItem:
-            UserListDropdownInterface = new UserListDropdownSeparator({
-              userId: user.userId,
-            });
-          return dropdownToUserListItem as UserListDropdownInterface;
-        },
-      );
+        Array<UserListDropdownInterface> = loadedUserList.map(
+          (user) => {
+            const dropdownToUserListItem:
+              UserListDropdownInterface = new UserListDropdownSeparator({
+                userId: user.userId,
+              });
+            return dropdownToUserListItem as UserListDropdownInterface;
+          },
+        );
       pluginApi.setUserListDropdownItems(
         [...listOfInformationToSend, ...listOfDropdownsToSend, ...listOfOptionsToSend],
       );

src/core/api/BbbPluginSdk.ts

@@ -206,7 +206,6 @@ export abstract class BbbPluginSdk {
         localesBaseUrl,
       };
     }
-
     return window.bbb_plugins[uuid];
   }
 }

src/core/api/types.ts

@@ -1,3 +1,4 @@
+import { Logger } from 'browser-bunyan';
 import { UiCommands } from '../../ui-commands/types';
 import { UseChatMessageDomElementsFunction } from '../../dom-element-manipulation/chat/message/types';
 import { ActionButtonDropdownInterface } from '../../extensible-areas/action-button-dropdown-item/types';
@@ -308,13 +309,38 @@ export interface PluginApi {
    *
    */
   persistEvent?: PersistEventFunction;
+  /**
+   * Function used to log in the console.
+   */
+  logger?: Logger;
+}
+
+export interface Console {
+  enabled: boolean
+  level: string
+}
+
+export interface External {
+  enabled: boolean
+  level: string
+  url: string
+  method: string
+  throttleInterval: number
+  flushOnClose: boolean
+  logTag: string
+}
+
+export interface ClientLog {
+  console: Console
+  external: External
 }
 
 export interface MeetingClientSettings {
   public: {
     app: {
       bbbWebBase: string;
     }
+    clientLog: ClientLog;
   }
 }