TFC: Implement run panel for viewing plan

Author: radeksimko

package-lock.json

@@ -495,6 +495,11 @@
       {
         "command": "terraform.cloud.run.plan.downloadLog",
         "title": "View raw plan log",
+        "icon": "$(console)"
+      },
+      {
+        "command": "terraform.cloud.run.viewPlan",
+        "title": "View plan output",
         "icon": "$(output)"
       },
       {
@@ -567,6 +572,10 @@
           "command": "terraform.cloud.run.plan.downloadLog",
           "when": "false"
         },
+        {
+          "command": "terraform.cloud.run.viewPlan",
+          "when": "false"
+        },
         {
           "command": "terraform.cloud.run.apply.downloadLog",
           "when": "false"
@@ -633,7 +642,12 @@
         },
         {
           "command": "terraform.cloud.run.plan.downloadLog",
-          "when": "view == terraform.cloud.runs && viewItem =~ /hasPlan/",
+          "when": "view == terraform.cloud.runs && viewItem =~ /hasRawPlan/",
+          "group": "inline"
+        },
+        {
+          "command": "terraform.cloud.run.viewPlan",
+          "when": "view == terraform.cloud.runs && viewItem =~ /hasStructuredPlan/",
           "group": "inline"
         },
         {
@@ -665,6 +679,12 @@
           "name": "Runs",
           "contextualTitle": "Terraform Cloud runs"
         }
+      ],
+      "terraform-cloud-panel": [
+        {
+          "id": "terraform.cloud.run.plan",
+          "name": "Plan"
+        }
       ]
     },
     "viewsContainers": {
@@ -679,6 +699,13 @@
           "title": "HashiCorp Terraform Cloud",
           "icon": "assets/icons/vs_code_terraform_cloud.svg"
         }
+      ],
+      "panel": [
+        {
+          "id": "terraform-cloud-panel",
+          "title": "Terraform Cloud",
+          "icon": "assets/icons/vs_code_terraform_cloud.svg"
+        }
       ]
     },
     "viewsWelcome": [
@@ -723,6 +750,10 @@
       {
         "view": "terraform.cloud.runs",
         "contents": "Select a workspace to view a list of runs"
+      },
+      {
+        "view": "terraform.cloud.run.plan",
+        "contents": "Select a run to view a plan"
       }
     ]
   },
@@ -751,6 +782,7 @@
     "@zodios/core": "^10.9.2",
     "@zodios/plugins": "^10.6.0",
     "axios": "^1.4.0",
+    "semver": "^7.5.4",
     "vscode-languageclient": "8.1.0",
     "vscode-uri": "^3.0.7",
     "which": "^3.0.1",

package.json

@@ -8,6 +8,7 @@ import TelemetryReporter from '@vscode/extension-telemetry';
 
 import { WorkspaceTreeDataProvider, WorkspaceTreeItem } from '../providers/tfc/workspaceProvider';
 import { RunTreeDataProvider } from '../providers/tfc/runProvider';
+import { PlanTreeDataProvider } from '../providers/tfc/planProvider';
 import { TerraformCloudAuthenticationProvider } from '../providers/authenticationProvider';
 import {
   CreateOrganizationItem,
@@ -56,7 +57,14 @@ export class TerraformCloudFeature implements vscode.Disposable {
       ),
     );
 
-    const runDataProvider = new RunTreeDataProvider(this.context, this.reporter, outputChannel);
+    const planDataProvider = new PlanTreeDataProvider(this.context, this.reporter, outputChannel);
+    const planView = vscode.window.createTreeView('terraform.cloud.run.plan', {
+      canSelectMany: false,
+      showCollapseAll: true,
+      treeDataProvider: planDataProvider,
+    });
+
+    const runDataProvider = new RunTreeDataProvider(this.context, this.reporter, outputChannel, planDataProvider);
     const runView = vscode.window.createTreeView('terraform.cloud.runs', {
       canSelectMany: false,
       showCollapseAll: true,
@@ -77,7 +85,7 @@ export class TerraformCloudFeature implements vscode.Disposable {
     const organization = this.context.workspaceState.get('terraform.cloud.organization', '');
     workspaceView.title = organization !== '' ? `Workspaces - (${organization})` : 'Workspaces';
 
-    this.context.subscriptions.push(runView, runDataProvider, workspaceDataProvider, workspaceView);
+    this.context.subscriptions.push(runView, planView, runDataProvider, workspaceDataProvider, workspaceView);
 
     workspaceView.onDidChangeSelection((event) => {
       if (event.selection.length <= 0) {
@@ -89,6 +97,7 @@ export class TerraformCloudFeature implements vscode.Disposable {
       if (item instanceof WorkspaceTreeItem) {
         // call the TFC Run provider with the workspace
         runDataProvider.refresh(item);
+        planDataProvider.refresh();
       }
     });
 
@@ -100,6 +109,7 @@ export class TerraformCloudFeature implements vscode.Disposable {
         workspaceDataProvider.reset();
         workspaceDataProvider.refresh();
         runDataProvider.refresh();
+        planDataProvider.refresh();
       }
     });
 

src/features/terraformCloud.ts

@@ -4,6 +4,7 @@
  */
 
 import * as vscode from 'vscode';
+import { ChangeAction, DiagnosticSeverity } from '../../terraformCloud/log';
 
 export function GetPlanApplyStatusIcon(status?: string): vscode.ThemeIcon {
   switch (status) {
@@ -148,6 +149,34 @@ export function GetRunStatusMessage(status?: string): string {
   return 'No runs available';
 }
 
+export function GetPlanActionIcon(action: ChangeAction): vscode.ThemeIcon {
+  switch (action) {
+    case 'create':
+      return new vscode.ThemeIcon('diff-added', new vscode.ThemeColor('charts.green'));
+    case 'delete':
+      return new vscode.ThemeIcon('diff-removed', new vscode.ThemeColor('charts.red'));
+    case 'update':
+      return new vscode.ThemeIcon('diff-modified', new vscode.ThemeColor('charts.orange'));
+    case 'move':
+      return new vscode.ThemeIcon('diff-renamed', new vscode.ThemeColor('charts.orange'));
+    case 'replace':
+      return new vscode.ThemeIcon('arrow-swap', new vscode.ThemeColor('charts.orange'));
+    case 'read':
+      return new vscode.ThemeIcon('export', new vscode.ThemeColor('charts.blue'));
+    case 'noop':
+      return new vscode.ThemeIcon('diff-ignored', new vscode.ThemeColor('charts.grey'));
+  }
+}
+
+export function GetDiagnosticSeverityIcon(severity: DiagnosticSeverity): vscode.ThemeIcon {
+  switch (severity) {
+    case 'warning':
+      return new vscode.ThemeIcon('warning', new vscode.ThemeColor('charts.orange'));
+    case 'error':
+      return new vscode.ThemeIcon('error', new vscode.ThemeColor('charts.red'));
+  }
+}
+
 export function RelativeTimeFormat(d: Date): string {
   const SECONDS_IN_MINUTE = 60;
   const SECONDS_IN_HOUR = SECONDS_IN_MINUTE * 60;