Implement dynamic icon for app setting visibility toggle using contextValue monkey-patching

Co-authored-by: nturinski <[email protected]>

Author: Copilot

package.json

@@ -367,6 +367,18 @@
                 "category": "Azure Functions",
                 "icon": "$(eye)"
             },
+            {
+                "command": "azureFunctions.showAppSettingValue",
+                "title": "Show App Setting Value",
+                "category": "Azure Functions",
+                "icon": "$(eye)"
+            },
+            {
+                "command": "azureFunctions.hideAppSettingValue",
+                "title": "Hide App Setting Value",
+                "category": "Azure Functions",
+                "icon": "$(eye-closed)"
+            },
             {
                 "command": "azureFunctions.uninstallFuncCoreTools",
                 "title": "%azureFunctions.uninstallFuncCoreTools%",
@@ -717,8 +729,13 @@
                     "group": "1@4"
                 },
                 {
-                    "command": "azureFunctions.toggleAppSettingVisibility",
-                    "when": "view =~ /(azureResourceGroups|azureFocusView|azureWorkspace)/ && viewItem =~ /applicationSettingItem.*(azFunc|localSettings)/",
+                    "command": "azureFunctions.showAppSettingValue",
+                    "when": "view =~ /(azureResourceGroups|azureFocusView|azureWorkspace)/ && viewItem =~ /applicationSettingItem.*(azFunc|localSettings).*hidden/",
+                    "group": "inline"
+                },
+                {
+                    "command": "azureFunctions.hideAppSettingValue", 
+                    "when": "view =~ /(azureResourceGroups|azureFocusView|azureWorkspace)/ && viewItem =~ /applicationSettingItem.*(azFunc|localSettings).*visible/",
                     "group": "inline"
                 },
                 {

src/commands/registerCommands.ts

@@ -171,13 +171,46 @@ export function registerCommands(
     registerCommandWithTreeNodeUnwrapping('azureFunctions.stopFunctionApp', stopFunctionApp);
     registerCommandWithTreeNodeUnwrapping('azureFunctions.stopStreamingLogs', stopStreamingLogs);
     registerCommandWithTreeNodeUnwrapping('azureFunctions.swapSlot', swapSlot);
+    // Monkey-patch AppSettingTreeItem to include visibility state in contextValue
+    const originalContextValueGetter = Object.getOwnPropertyDescriptor(AppSettingTreeItem.prototype, 'contextValue')?.get;
+    if (originalContextValueGetter) {
+        Object.defineProperty(AppSettingTreeItem.prototype, 'contextValue', {
+            get: function () {
+                const originalValue = originalContextValueGetter.call(this);
+                const isHidden = this.label.includes('Hidden value');
+                return isHidden ? `${originalValue};hidden` : `${originalValue};visible`;
+            },
+            configurable: true
+        });
+    }
+
     registerCommandWithTreeNodeUnwrapping(
         'azureFunctions.toggleAppSettingVisibility',
         async (context: IActionContext, node: AppSettingTreeItem) => {
             await node.toggleValueVisibility(context);
         },
         250,
     );
+    registerCommandWithTreeNodeUnwrapping(
+        'azureFunctions.showAppSettingValue',
+        async (context: IActionContext, node: AppSettingTreeItem) => {
+            // Only show if currently hidden
+            if (node.label.includes('Hidden value')) {
+                await node.toggleValueVisibility(context);
+            }
+        },
+        250,
+    );
+    registerCommandWithTreeNodeUnwrapping(
+        'azureFunctions.hideAppSettingValue',
+        async (context: IActionContext, node: AppSettingTreeItem) => {
+            // Only hide if currently shown
+            if (!node.label.includes('Hidden value')) {
+                await node.toggleValueVisibility(context);
+            }
+        },
+        250,
+    );
     registerCommandWithTreeNodeUnwrapping('azureFunctions.uninstallFuncCoreTools', uninstallFuncCoreTools);
     registerCommandWithTreeNodeUnwrapping('azureFunctions.viewCommitInGitHub', viewCommitInGitHub);
     registerSiteCommand('azureFunctions.viewDeploymentLogs', unwrapTreeNodeCommandCallback(viewDeploymentLogs));