Expose a way to reactively control visibility of preference tabs and tray menu items through Extension API (#5789)

src/renderer/components/+preferences/app-preference-tab/app-preference-tab-registration.ts

@@ -3,9 +3,12 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import type { IComputedValue } from "mobx";
+
 export interface AppPreferenceTabRegistration {
   title: string;
   id: string;
   orderNumber?: number;
+  visible?: IComputedValue<boolean>;
 }
 

src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts

@@ -46,7 +46,15 @@ const extensionSpecificTabNavigationItemRegistratorInjectable = getInjectable({
               parent: "general",
               orderNumber: tab.orderNumber || 100,
               navigate: () => navigateToExtensionPreferences(extension.sanitizedExtensionId, tab.id),
-              isVisible: computed(() => true),
+
+              isVisible: computed(() => {
+                if (!tab.visible) {
+                  return true;
+                }
+
+                return tab.visible.get();
+              }),
+
               isActive,
             }),
           });