Merge pull request #65 from github/joshmgross/create-variables

Support creating variables in the sidebar

Author: joshmgross

package.json

@@ -174,6 +174,15 @@
           "light": "resources/icons/light/remove.svg"
         }
       },
+      {
+        "command": "github-actions.settings.variable.add",
+        "category": "GitHub Actions",
+        "title": "Add new variable",
+        "icon": {
+          "dark": "resources/icons/dark/add.svg",
+          "light": "resources/icons/light/add.svg"
+        }
+      },
       {
         "command": "github-actions.workflow.pin",
         "category": "GitHub Actions",
@@ -306,6 +315,11 @@
           "when": "viewItem == 'secret'",
           "group": "inline@2"
         },
+        {
+          "command": "github-actions.settings.variable.add",
+          "group": "inline",
+          "when": "viewItem == 'repo-variables' || viewItem == 'environment-variables'"
+        },
         {
           "command": "github-actions.workflow.run.open",
           "when": "viewItem =~ /run\\s/",
@@ -349,6 +363,10 @@
           "command": "github-actions.settings.secret.delete",
           "when": "false"
         },
+        {
+          "command": "github-actions.settings.variable.add",
+          "when": "false"
+        },
         {
           "command": "github-actions.workflow.pin",
           "when": "false"
@@ -414,4 +432,4 @@
     "uuid": "^3.3.3",
     "vscode-languageclient": "^8.0.2"
   }
-}
+}

src/commands/variables/addVariable.ts

@@ -0,0 +1,52 @@
+import * as vscode from "vscode";
+import {EnvironmentVariablesCommandArgs} from "../../treeViews/settings/environmentVariablesNode";
+import {RepoVariablesCommandArgs} from "../../treeViews/settings/repoVariablesNode";
+
+type Args = RepoVariablesCommandArgs | EnvironmentVariablesCommandArgs;
+
+export function registerAddVariable(context: vscode.ExtensionContext) {
+  context.subscriptions.push(
+    vscode.commands.registerCommand("github-actions.settings.variable.add", async (args: Args) => {
+      const {gitHubRepoContext} = args;
+
+      const name = await vscode.window.showInputBox({
+        prompt: "Enter name for new variable",
+        placeHolder: "Variable name"
+      });
+
+      if (!name) {
+        return;
+      }
+
+      const value = await vscode.window.showInputBox({
+        prompt: "Enter the new variable value"
+      });
+
+      if (!value) {
+        return;
+      }
+
+      try {
+        if ("environment" in args) {
+          await gitHubRepoContext.client.actions.createEnvironmentVariable({
+            repository_id: gitHubRepoContext.id,
+            environment_name: args.environment.name,
+            name,
+            value
+          });
+        } else {
+          await gitHubRepoContext.client.actions.createRepoVariable({
+            owner: gitHubRepoContext.owner,
+            repo: gitHubRepoContext.name,
+            name,
+            value
+          });
+        }
+      } catch (e) {
+        await vscode.window.showErrorMessage((e as Error).message);
+      }
+
+      await vscode.commands.executeCommand("github-actions.explorer.refresh");
+    })
+  );
+}

src/extension.ts

@@ -14,6 +14,7 @@ import {registerDeleteSecret} from "./commands/secrets/deleteSecret";
 import {registerUpdateSecret} from "./commands/secrets/updateSecret";
 import {registerTriggerWorkflowRun} from "./commands/triggerWorkflowRun";
 import {registerUnPinWorkflow} from "./commands/unpinWorkflow";
+import {registerAddVariable} from "./commands/variables/addVariable";
 import {initConfiguration} from "./configuration/configuration";
 import {getGitHubContext} from "./git/repository";
 import {LogScheme} from "./logs/constants";
@@ -62,6 +63,8 @@ export async function activate(context: vscode.ExtensionContext) {
   registerCopySecret(context);
   registerUpdateSecret(context);
 
+  registerAddVariable(context);
+
   registerPinWorkflow(context);
   registerUnPinWorkflow(context);
 

src/treeViews/settings/environmentVariablesNode.ts

@@ -4,11 +4,15 @@ import {Environment} from "../../model";
 import {EmptyNode} from "./emptyNode";
 import {VariableNode} from "./variableNode";
 
+export type EnvironmentVariablesCommandArgs = Pick<EnvironmentVariablesNode, "gitHubRepoContext" | "environment">;
+
 export class EnvironmentVariablesNode extends vscode.TreeItem {
   constructor(public readonly gitHubRepoContext: GitHubRepoContext, public readonly environment: Environment) {
     super("Variables", vscode.TreeItemCollapsibleState.Collapsed);
 
     this.iconPath = new vscode.ThemeIcon("symbol-text");
+
+    this.contextValue = "environment-variables";
   }
 
   async getVariables(): Promise<(VariableNode | EmptyNode)[]> {

src/treeViews/settings/repoVariablesNode.ts

@@ -2,11 +2,13 @@ import * as vscode from "vscode";
 import {GitHubRepoContext} from "../../git/repository";
 import {VariableNode} from "./variableNode";
 
+export type RepoVariablesCommandArgs = Pick<RepoVariablesNode, "gitHubRepoContext">;
+
 export class RepoVariablesNode extends vscode.TreeItem {
   constructor(public readonly gitHubRepoContext: GitHubRepoContext) {
     super("Repository Variables", vscode.TreeItemCollapsibleState.Collapsed);
 
-    this.contextValue = "variables";
+    this.contextValue = "repo-variables";
   }
 
   async getVariables(): Promise<vscode.TreeItem[]> {