Add secrets UI to the tree view (#406)

Author: MicroFish91

resources/secrets.svg

@@ -13,6 +13,7 @@ import { ContainerAppsItem, TreeElementBase } from "../ContainerAppsBranchDataPr
 import { ActionsItem } from "./ActionsItem";
 import { DaprEnabledItem, createDaprDisabledItem } from "./DaprItem";
 import { IngressDisabledItem, IngressEnabledItem } from "./IngressItem";
+import { SecretsItem } from "./secrets/SecretsItem";
 
 const configuration: string = localize('configuration', 'Configuration');
 
@@ -36,9 +37,9 @@ export class ConfigurationItem implements ContainerAppsItem {
         const result = await callWithTelemetryAndErrorHandling('getChildren', async (_context) => {
             const children: TreeElementBase[] = [];
             children.push(this.containerApp.configuration?.ingress ? new IngressEnabledItem(this.subscription, this.containerApp) : new IngressDisabledItem(this.subscription, this.containerApp));
-            children.push(this.containerApp.configuration?.dapr?.enabled ? new DaprEnabledItem(this.containerApp, this.containerApp.configuration.dapr) : createDaprDisabledItem(this.containerApp));
+            children.push(new SecretsItem(this.subscription, this.containerApp));
             children.push(new ActionsItem(this.id, ext.prefix, this.subscription, this.containerApp));
-            // We should add secrets/registries here when we support it
+            children.push(this.containerApp.configuration?.dapr?.enabled ? new DaprEnabledItem(this.containerApp, this.containerApp.configuration.dapr) : createDaprDisabledItem(this.containerApp));
             return children;
         });
 

src/tree/configurations/ConfigurationItem.ts

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+*  Copyright (c) Microsoft Corporation. All rights reserved.
+*  Licensed under the MIT License. See License.txt in the project root for license information.
+*--------------------------------------------------------------------------------------------*/
+
+import type { AzureSubscription } from "@microsoft/vscode-azureresources-api";
+import { ThemeIcon, TreeItem } from "vscode";
+import type { ContainerAppModel } from "../../ContainerAppItem";
+import type { ContainerAppsItem } from "../../ContainerAppsBranchDataProvider";
+import { SecretsItem } from "./SecretsItem";
+
+export class SecretItem implements ContainerAppsItem {
+    static readonly contextValue: string = 'secretItem';
+    static readonly contextValueRegExp: RegExp = new RegExp(SecretItem.contextValue);
+
+    constructor(readonly subscription: AzureSubscription, readonly containerApp: ContainerAppModel, readonly secretName: string) { }
+
+    id: string = `${this.containerApp.id}/${SecretsItem.idSuffix}/${this.secretName}`;
+
+    getTreeItem(): TreeItem {
+        return {
+            label: this.secretName,
+            iconPath: new ThemeIcon('key'),
+            contextValue: SecretItem.contextValue
+        };
+    }
+}

src/tree/configurations/secrets/SecretItem.ts

@@ -0,0 +1,45 @@
+/*---------------------------------------------------------------------------------------------
+*  Copyright (c) Microsoft Corporation. All rights reserved.
+*  Licensed under the MIT License. See License.txt in the project root for license information.
+*--------------------------------------------------------------------------------------------*/
+
+import type { Secret } from "@azure/arm-appcontainers";
+import { nonNullProp } from "@microsoft/vscode-azext-utils";
+import type { AzureSubscription, ViewPropertiesModel } from "@microsoft/vscode-azureresources-api";
+import { TreeItem, TreeItemCollapsibleState } from "vscode";
+import { localize } from "../../../utils/localize";
+import { treeUtils } from "../../../utils/treeUtils";
+import type { ContainerAppModel } from "../../ContainerAppItem";
+import type { ContainerAppsItem, TreeElementBase } from "../../ContainerAppsBranchDataProvider";
+import { SecretItem } from "./SecretItem";
+
+const secrets: string = localize('secrets', 'Secrets');
+
+export class SecretsItem implements ContainerAppsItem {
+    static readonly idSuffix: string = 'secrets';
+    static readonly contextValue: string = 'secretsItem';
+    static readonly contextValueRegExp: RegExp = new RegExp(SecretsItem.contextValue);
+
+    constructor(readonly subscription: AzureSubscription, readonly containerApp: ContainerAppModel) { }
+
+    id: string = `${this.containerApp.id}/${SecretsItem.idSuffix}`;
+
+    viewProperties: ViewPropertiesModel = {
+        data: this.containerApp.configuration?.secrets ?? [],
+        label: `${this.containerApp.name} ${secrets}`,
+    }
+
+    async getChildren(): Promise<TreeElementBase[]> {
+        const secrets: Secret[] = this.containerApp.configuration?.secrets ?? [];
+        return secrets.map((secret) => new SecretItem(this.subscription, this.containerApp, nonNullProp(secret, 'name')));
+    }
+
+    getTreeItem(): TreeItem {
+        return {
+            label: secrets,
+            iconPath: treeUtils.getIconPath('secrets'),
+            contextValue: SecretsItem.contextValue,
+            collapsibleState: TreeItemCollapsibleState.Collapsed
+        };
+    }
+}