Replace Processes/Workflows view with Project view (#117)

---------

Signed-off-by: Ben Sherman <[email protected]>

Author: bentsherman

README.md

@@ -44,24 +44,25 @@ Related blog posts:
 
 - [Bringing Seqera AI to the Nextflow VS Code extension](https://seqera.io/blog/seqera-ai--nextflow-vs-code/)
 
-### Workflows and Processes View
+### Project view
 
-The extension provides custom views for managing Nextflow workflows and processes.
+The extension provides a custom view for Nextflow projects. The Project view uses the language server to provide an overview of your pipeline project.
 
-The Workflows view provides a comprehensive overview of your pipeline project. It infers the structure of your pipeline from the include declarations in your scripts.
+The list view lists all processes and workflows, as well as any associated [nf-test](https://www.nf-test.com/) files, in alphabetical order:
 
-Here is an eaxmple from the [nf-core/rnaseq](https://github.com/nf-core/rnaseq) pipeline:
+![Project List View](images/project_view_list.png)
 
-![Workflows View](images/workflow_view.png)
+The tree view shows processes and workflows organized by call hierarchy:
 
-The Processes view provides a comprehensive list of all processes in your pipeline, as well as any associated [nf-test](https://www.nf-test.com/) files.
+![Project Tree View](images/project_view_tree.png)
 
-This view helps you:
-- Monitor test coverage across your entire pipeline
-- Quickly identify untested processes
-- Easily navigate to a process definition (or corresponding test) by name
+*Examples taken from the [nf-core/fetchngs](https://github.com/nf-core/fetchngs) pipeline.*
+
+The Project view allows you to:
 
-![Process View](images/process_view.png)
+- See the structure of your pipeline
+- Navigate to a process, workflow, or test by name
+- Monitor test coverage across your entire pipeline
 
 ## Installation
 

images/process_view.png

@@ -302,13 +302,8 @@
     "views": {
       "nextflow": [
         {
-          "id": "workflows",
-          "name": "Workflows",
-          "type": "webview"
-        },
-        {
-          "id": "processes",
-          "name": "Processes",
+          "id": "project",
+          "name": "Project",
           "type": "webview"
         },
         {

images/project_view_list.png

@@ -3,18 +3,16 @@ import * as fs from "fs";
 import * as path from "path";
 
 import {
-  buildList,
-  buildTree,
+  fetchComputeEnvs,
+  fetchDataLinks,
+  fetchDatasets,
+  fetchPipelines,
   fetchPlatformData,
   fetchRuns,
   getRepoInfo,
-  fetchPipelines,
-  fetchDatasets,
-  fetchDataLinks,
-  fetchComputeEnvs
+  queryWorkspace
 } from "./lib";
 import { AuthProvider, getAccessToken } from "../../auth";
-import { FileNode } from "./lib/workspace/types";
 import { jwtExpired } from "../../auth/AuthProvider/utils/jwt";
 import { sleep } from "./lib/utils";
 
@@ -24,7 +22,7 @@ class WebviewProvider implements vscode.WebviewViewProvider {
 
   constructor(
     private readonly _context: vscode.ExtensionContext,
-    private readonly viewID: "workflows" | "processes" | "userInfo" | "modules",
+    private readonly viewID: "project" | "userInfo",
     private readonly _authProvider?: AuthProvider
   ) {
     this._extensionUri = _context.extensionUri;
@@ -40,7 +38,7 @@ class WebviewProvider implements vscode.WebviewViewProvider {
       const { command, workspaceId } = message;
       switch (command) {
         case "openFile":
-          this.openFile(message.file);
+          this.openFile(message.path, message.line);
           break;
         case "openChat":
           this.openChat();
@@ -153,28 +151,18 @@ class WebviewProvider implements vscode.WebviewViewProvider {
       const accessToken = await this.getAccessToken();
       if (!accessToken) return;
       await fetchPlatformData(accessToken, view.webview, _context, refresh);
-    } else {
-      const fileList = buildList();
-      view.webview.postMessage({
-        fileList,
-        tree: buildTree(fileList.files)
-      });
+    }
+    if (viewID === "project") {
+      const nodes = await queryWorkspace();
+      view.webview.postMessage({ nodes });
     }
   }
 
-  public async openFileEvent(filePath: string) {
-    this._currentView?.webview.postMessage({
-      command: "fileOpened",
-      filePath
-    });
-  }
-
-  private async openFile(file: FileNode) {
-    const doc = await vscode.workspace.openTextDocument(file.filePath);
+  private async openFile(filePath: string, line: number) {
+    const doc = await vscode.workspace.openTextDocument(filePath);
     await vscode.window.showTextDocument(doc, {
-      selection: new vscode.Range(file.line || 0, 0, file.line || 0, 0)
+      selection: line != -1 ? new vscode.Range(line, 0, line, 0) : undefined
     });
-    this.openFileEvent(file.filePath);
   }
 
   private async openChat() {

images/project_view_tree.png

@@ -2,5 +2,4 @@ export { default as fetchPlatformData } from "./platform/fetchPlatformData";
 export { default as getAuthState } from "./platform/getAuthState";
 export * from "./platform/utils";
 
-export { default as buildList } from "./workspace/buildList";
-export { default as buildTree } from "./workspace/buildTree";
+export { queryWorkspace } from "./workspace/queryWorkspace";