wip: getting there

Author: jsjoeio

media/dependency.svg

@@ -180,6 +180,10 @@ export class Commands {
       } else {
         selected = opened[0]
       }
+      // TODO figure out why we'e getting
+      //  Failed to parse remote port from server output
+      // [16:01:51.489] Resolver error: Error:
+      console.log("here are the values", remoteAuthority, selected.folderUri.path)
 
       await vscode.commands.executeCommand(
         "vscode.openFolder",

src/commands.ts

@@ -16,16 +16,11 @@ export async function activate(ctx: vscode.ExtensionContext): Promise<void> {
 
   // Register TreeDataProvider
   const dataObject = {
-    label: "level one",
+    label: "Workspaces",
     children: [
       {
         label: "level two a",
-        children: [
-          {
-            label: "level three",
-            children: [],
-          },
-        ],
+        children: [],
       },
       {
         label: "level two b",

src/extension.ts

@@ -1,30 +1,71 @@
+import { getWorkspaces } from "coder/site/src/api/api"
+import * as path from "path"
 import * as vscode from "vscode"
 
 export class OutlineProvider implements vscode.TreeDataProvider<any> {
-  constructor(private outline: any, private context: vscode.ExtensionContext) {
-    console.log(outline)
-  }
+  constructor(private outline: any, private context: vscode.ExtensionContext) {}
 
-  getTreeItem(item: any): vscode.TreeItem {
-    return new vscode.TreeItem(
-      item.label,
-      item.children.length > 0 ? vscode.TreeItemCollapsibleState.Expanded : vscode.TreeItemCollapsibleState.None,
-    )
+  getTreeItem(element: Workspace): vscode.TreeItem {
+    return element
   }
 
-  getChildren(element?: any): Thenable<[]> {
+  async getChildren(element?: Workspace): Promise<Workspace[]> {
     // TODO - make request to get requests
     // then resolve with workspaces as children
     // otherwise resolve with empty array
+    // TODO create dummy data and show those
+    const workspaces = await getWorkspaces({
+      q: "owner:me",
+    }).catch(() => {
+      return
+    })
 
-    // TODO - if error, what do we do?
+    if (workspaces) {
+      const items: Workspace[] = workspaces.workspaces.map((workspace) => {
+        return new Workspace(
+          `${workspace.name}`,
+          vscode.TreeItemCollapsibleState.None,
+          `${workspace.latest_build.status !== "running" ? "circle-outline" : "circle-filled"}`,
+          {
+            command: "coder.open",
+            title: "",
+            arguments: [workspace.owner_name, workspace.name],
+          },
+        )
+      })
 
-    // TODO - if you login does it refresh the view?
-    // same thing with logout
-    if (element) {
-      return Promise.resolve(element.children)
+      return Promise.resolve(items)
     } else {
       return Promise.resolve([])
     }
+
+    // TODO - if error, what do we do?
+
+    // TODO - if you login does it refresh the view?
+    // same thing with logout
+    // if (element) {
+    //   return Promise.resolve(element.children)
+    // } else {
+    //   return Promise.resolve(this.outline)
+    // }
+  }
+}
+
+export class Workspace extends vscode.TreeItem {
+  constructor(
+    public readonly label: string,
+    public readonly collapsibleState: vscode.TreeItemCollapsibleState,
+    public readonly iconId: vscode.ThemeIcon["id"],
+    public readonly command?: vscode.Command,
+  ) {
+    super(label, collapsibleState)
+
+    this.tooltip = `${this.label}`
+  }
+
+  //  this.iconId iconPath = this.iconId
+  iconPath = {
+    light: path.join(__filename, "..", "..", "media", "dependency.svg"),
+    dark: path.join(__filename, "..", "..", "media", "dependency.svg"),
   }
 }