Add logic to disable webapp components

plugin.json

@@ -21,6 +21,13 @@
     "settings_schema": {
         "header": "The GitHub plugin for Mattermost allows users to Subscribe to notifications, stay up-to-date with reviews, see the status of your pull requests at a glance, and other common GitHub actions - directly from Mattermost.  \n \n Instructions for setup are [available here](https://www.mattermost.com/pl/default-github-plugin#configuration)",
         "settings": [
+            {
+                "key": "EnableUI",
+                "display_name": "Enable UI",
+                "type": "bool",
+                "help_text": "",
+                "default": true
+            },
             {
                 "key": "GitHubOAuthClientID",
                 "display_name": "GitHub OAuth Client ID",

server/plugin/api.go

@@ -108,6 +108,7 @@ func (p *Plugin) initializeAPI() {
 	oauthRouter.HandleFunc("/connect", p.extractUserMiddleWare(p.connectUserToGitHub, ResponseTypePlain)).Methods(http.MethodGet)
 	oauthRouter.HandleFunc("/complete", p.extractUserMiddleWare(p.completeConnectUserToGitHub, ResponseTypePlain)).Methods(http.MethodGet)
 
+	apiRouter.HandleFunc("/settingsinfo", p.getSettingsInfo).Methods(http.MethodGet)
 	apiRouter.HandleFunc("/connected", p.getConnected).Methods(http.MethodGet)
 	apiRouter.HandleFunc("/todo", p.extractUserMiddleWare(p.postToDo, ResponseTypeJSON)).Methods(http.MethodPost)
 	apiRouter.HandleFunc("/reviews", p.extractUserMiddleWare(p.getReviews, ResponseTypePlain)).Methods(http.MethodGet)
@@ -193,6 +194,16 @@ func (p *Plugin) ServeHTTP(c *plugin.Context, w http.ResponseWriter, r *http.Req
 	p.router.ServeHTTP(w, r)
 }
 
+func (p *Plugin)  getSettingsInfo(w http.ResponseWriter, _ *http.Request) {
+    resp := struct {
+		UIEnabled bool `json:"ui_enabled"`
+	}{
+		UIEnabled: p.getConfiguration().EnableUI,
+	}
+
+	p.writeJSON(w, resp)
+}
+
 func (p *Plugin) connectUserToGitHub(w http.ResponseWriter, r *http.Request, userID string) {
 	privateAllowed := false
 	pValBool, _ := strconv.ParseBool(r.URL.Query().Get("private"))

server/plugin/configuration.go

@@ -18,6 +18,7 @@ import (
 // If you add non-reference types to your configuration struct, be sure to rewrite Clone as a deep
 // copy appropriate for your types.
 type Configuration struct {
+	EnableUI                bool
 	GitHubOrg               string
 	GitHubOAuthClientID     string
 	GitHubOAuthClientSecret string

server/plugin/manifest.go

@@ -36,6 +36,14 @@ const manifestStr = `
     "header": "The GitHub plugin for Mattermost allows users to Subscribe to notifications, stay up-to-date with reviews, see the status of your pull requests at a glance, and other common GitHub actions - directly from Mattermost.  \n \n Instructions for setup are [available here](https://www.mattermost.com/pl/default-github-plugin#configuration)",
     "footer": "* To report an issue, make a suggestion or a contribution, [check the repository](https://github.com/mattermost/mattermost-plugin-github).",
     "settings": [
+      {
+        "key": "EnableUI",
+        "display_name": "Enable UI",
+        "type": "bool",
+        "help_text": "",
+        "placeholder": "",
+        "default": true
+      },
       {
         "key": "GitHubOAuthClientID",
         "display_name": "GitHub OAuth Client ID",

webapp/src/actions/index.js

@@ -6,6 +6,15 @@ import ActionTypes from '../action_types';
 
 import {id as pluginId} from '../manifest';
 
+export async function getSettings() {
+    let data;
+    try {
+        data = await Client.getSettings();
+    } catch (error) {
+        return {error};
+    }
+    return {data};
+}
 export function getConnected(reminder = false) {
     return async (dispatch) => {
         let data;

webapp/src/client/client.js

@@ -9,6 +9,10 @@ export default class Client {
         this.url = '/plugins/github/api/v1';
     }
 
+    getSettings = async () => {
+        return this.doGet(`${this.url}/settingsinfo`);
+    }
+
     getConnected = async (reminder = false) => {
         return this.doGet(`${this.url}/connected?reminder=${reminder}`);
     }

webapp/src/index.js

@@ -11,7 +11,7 @@ import UserAttribute from './components/user_attribute';
 import SidebarRight from './components/sidebar_right';
 import LinkTooltip from './components/link_tooltip';
 import Reducer from './reducers';
-import {getConnected, setShowRHSAction} from './actions';
+import {getConnected, setShowRHSAction, getSettings} from './actions';
 import {handleConnect, handleDisconnect, handleReconnect, handleRefresh} from './websocket';
 
 let activityFunc;
@@ -22,23 +22,26 @@ class PluginClass {
     async initialize(registry, store) {
         registry.registerReducer(Reducer);
 
+        const {data: settings} = await getSettings(store.getState);
+
         await getConnected(true)(store.dispatch, store.getState);
 
-        registry.registerLeftSidebarHeaderComponent(SidebarHeader);
-        registry.registerBottomTeamSidebarComponent(TeamSidebar);
-        registry.registerPopoverUserAttributesComponent(UserAttribute);
-        registry.registerRootComponent(CreateIssueModal);
-        registry.registerPostDropdownMenuComponent(CreateIssuePostMenuAction);
-        registry.registerRootComponent(AttachCommentToIssueModal);
-        registry.registerPostDropdownMenuComponent(AttachCommentToIssuePostMenuAction);
-        registry.registerLinkTooltipComponent(LinkTooltip);
-
-        const {showRHSPlugin} = registry.registerRightHandSidebarComponent(SidebarRight, 'GitHub');
-        store.dispatch(setShowRHSAction(() => store.dispatch(showRHSPlugin)));
-
-        registry.registerWebSocketEventHandler('custom_github_connect', handleConnect(store));
-        registry.registerWebSocketEventHandler('custom_github_disconnect', handleDisconnect(store));
-        registry.registerWebSocketEventHandler('custom_github_refresh', handleRefresh(store));
+        if (settings && settings.ui_enabled) {
+            registry.registerLeftSidebarHeaderComponent(SidebarHeader);
+            registry.registerBottomTeamSidebarComponent(TeamSidebar);
+            registry.registerPopoverUserAttributesComponent(UserAttribute);
+            registry.registerRootComponent(CreateIssueModal);
+            registry.registerPostDropdownMenuComponent(CreateIssuePostMenuAction);
+            registry.registerRootComponent(AttachCommentToIssueModal);
+            registry.registerPostDropdownMenuComponent(AttachCommentToIssuePostMenuAction);
+            registry.registerLinkTooltipComponent(LinkTooltip);
+            const {showRHSPlugin} = registry.registerRightHandSidebarComponent(SidebarRight, 'GitHub');
+            store.dispatch(setShowRHSAction(() => store.dispatch(showRHSPlugin)));
+
+            registry.registerWebSocketEventHandler('custom_github_connect', handleConnect(store));
+            registry.registerWebSocketEventHandler('custom_github_disconnect', handleDisconnect(store));
+            registry.registerWebSocketEventHandler('custom_github_refresh', handleRefresh(store));
+        }
         registry.registerReconnectHandler(handleReconnect(store));
 
         activityFunc = () => {

webapp/src/manifest.ts

@@ -26,6 +26,14 @@ const manifest = JSON.parse(`
         "header": "The GitHub plugin for Mattermost allows users to Subscribe to notifications, stay up-to-date with reviews, see the status of your pull requests at a glance, and other common GitHub actions - directly from Mattermost.  \\n \\n Instructions for setup are [available here](https://www.mattermost.com/pl/default-github-plugin#configuration)",
         "footer": "* To report an issue, make a suggestion or a contribution, [check the repository](https://github.com/mattermost/mattermost-plugin-github).",
         "settings": [
+            {
+                "key": "EnableUI",
+                "display_name": "Enable UI",
+                "type": "bool",
+                "help_text": "",
+                "placeholder": "",
+                "default": true
+            },
             {
                 "key": "GitHubOAuthClientID",
                 "display_name": "GitHub OAuth Client ID",