Add "Web Applications" tree under namespace in serverManagerView (#184)

Author: isc-bsaviano

package.json

@@ -381,6 +381,16 @@
         "command": "intersystems-community.servermanager.viewProject",
         "title": "View Code in Project",
         "icon": "$(eye)"
+      },
+      {
+        "command": "intersystems-community.servermanager.editWebApp",
+        "title": "Edit Files in Web Application",
+        "icon": "$(edit)"
+      },
+      {
+        "command": "intersystems-community.servermanager.viewWebApp",
+        "title": "View Files in Web Application",
+        "icon": "$(eye)"
       }
     ],
     "submenus": [
@@ -508,6 +518,14 @@
         {
           "command": "intersystems-community.servermanager.viewProject",
           "when": "false"
+        },
+        {
+          "command": "intersystems-community.servermanager.editWebApp",
+          "when": "false"
+        },
+        {
+          "command": "intersystems-community.servermanager.viewWebApp",
+          "when": "false"
         }
       ],
       "view/title": [
@@ -575,6 +593,16 @@
           "when": "view == intersystems-community_servermanager && viewItem == project",
           "group": "inline@20"
         },
+        {
+          "command": "intersystems-community.servermanager.editWebApp",
+          "when": "view == intersystems-community_servermanager && viewItem == webapp",
+          "group": "inline@10"
+        },
+        {
+          "command": "intersystems-community.servermanager.viewWebApp",
+          "when": "view == intersystems-community_servermanager && viewItem == webapp",
+          "group": "inline@20"
+        },
         {
           "command": "intersystems-community.servermanager.openPortalTab",
           "when": "view == intersystems-community_servermanager && viewItem =~ /\\.server\\./",

src/extension.ts

@@ -12,7 +12,7 @@ import { AUTHENTICATION_PROVIDER, ServerManagerAuthenticationProvider } from "./
 import { importFromRegistry } from "./commands/importFromRegistry";
 import { clearPassword, migratePasswords, storePassword } from "./commands/managePasswords";
 import { logout, serverSessions } from "./makeRESTRequest";
-import { NamespaceTreeItem, ProjectTreeItem, ServerManagerView, ServerTreeItem, SMTreeItem } from "./ui/serverManagerView";
+import { NamespaceTreeItem, ProjectTreeItem, ServerManagerView, ServerTreeItem, SMTreeItem, WebAppTreeItem } from "./ui/serverManagerView";
 
 export const extensionId = "intersystems-community.servermanager";
 export let globalState: vscode.Memento;
@@ -221,7 +221,7 @@ export function activate(context: vscode.ExtensionContext) {
 		}),
 	);
 
-	const addWorkspaceFolderAsync = async (readonly: boolean, csp: boolean, namespaceTreeItem?: ServerTreeItem, project?: string) => {
+	const addWorkspaceFolderAsync = async (readonly: boolean, csp: boolean, namespaceTreeItem?: ServerTreeItem, project?: string, webApp?: string) => {
 		if (namespaceTreeItem) {
 			const pathParts = namespaceTreeItem.id?.split(":");
 			if (pathParts && pathParts.length === 4) {
@@ -245,7 +245,7 @@ export function activate(context: vscode.ExtensionContext) {
 					}
 
 					const params = [csp ? "csp" : "", project ? `project=${project}` : ""].filter(e => e != "").join("&");
-					const uri = vscode.Uri.parse(`isfs${readonly ? "-readonly" : ""}://${serverName}:${namespace}/${params ? `?${params}` : ""}`);
+					const uri = vscode.Uri.parse(`isfs${readonly ? "-readonly" : ""}://${serverName}:${namespace}${csp && webApp ? webApp : "/"}${params ? `?${params}` : ""}`);
 					if ((vscode.workspace.workspaceFolders || []).filter((workspaceFolder) => workspaceFolder.uri.toString() === uri.toString()).length === 0) {
 						const label = `${project ? `${project} - ` : ""}${serverName}:${namespace}${csp ? ' web files' : ''}${readonly && project == undefined ? " (read-only)" : ""}`;
 						const added = vscode.workspace.updateWorkspaceFolders(
@@ -307,6 +307,18 @@ export function activate(context: vscode.ExtensionContext) {
 		})
 	);
 
+	context.subscriptions.push(
+		vscode.commands.registerCommand(`${extensionId}.editWebApp`, async (webAppTreeItem?: WebAppTreeItem) => {
+			await addWorkspaceFolderAsync(false, true, <NamespaceTreeItem>webAppTreeItem?.parent?.parent, undefined, webAppTreeItem?.name);
+		})
+	);
+
+	context.subscriptions.push(
+		vscode.commands.registerCommand(`${extensionId}.viewWebApp`, async (webAppTreeItem?: WebAppTreeItem) => {
+			await addWorkspaceFolderAsync(true, true, <NamespaceTreeItem>webAppTreeItem?.parent?.parent, undefined, webAppTreeItem?.name);
+		})
+	);
+
 	// Listen for relevant configuration changes
 	context.subscriptions.push(vscode.workspace.onDidChangeConfiguration((e) => {
 		if (e.affectsConfiguration("intersystems.servers") || e.affectsConfiguration("objectscript.conn")) {

src/ui/serverManagerView.ts

@@ -498,7 +498,10 @@ export class NamespaceTreeItem extends SMTreeItem {
  * @returns feature folders of a namespace.
  */
 async function namespaceFeatures(element: NamespaceTreeItem, params?: any): Promise<FeatureTreeItem[] | undefined> {
-	return [new ProjectsTreeItem({ parent: element, id: element.name, label: element.name }, params.serverName)];
+	return [
+		new ProjectsTreeItem({ parent: element, id: element.name, label: element.name }, params.serverName),
+		new WebAppsTreeItem({ parent: element, id: element.name, label: element.name }, params.serverName)
+	];
 }
 
 export class ProjectsTreeItem extends FeatureTreeItem {
@@ -585,3 +588,76 @@ export class ProjectTreeItem extends SMTreeItem {
 		this.iconPath = new vscode.ThemeIcon('files');
 	}
 }
+
+export class WebAppsTreeItem extends FeatureTreeItem {
+	public readonly name: string;
+	constructor(
+		element: ISMItem,
+		serverName: string
+	) {
+		const parentFolderId = element.parent?.id || '';
+		super({
+			parent: element.parent,
+			label: 'Web Applications',
+			id: parentFolderId + ':webapps',
+			tooltip: `Web Applications in this namespace`,
+			getChildren: namespaceWebApps,
+			params: { serverName, ns: element.label }
+		});
+		this.name = 'Web Applications';
+		this.contextValue = 'webapps';
+		this.iconPath = new vscode.ThemeIcon('library');
+	}
+}
+
+/**
+ * getChildren function returning web applications in a server namespace.
+ *
+ * @param element parent
+ * @param params { serverName }
+ * @returns web applications in a server namespace.
+ */
+async function namespaceWebApps(element: ProjectsTreeItem, params?: any): Promise<WebAppTreeItem[] | undefined> {
+	const children: ProjectTreeItem[] = [];
+
+	if (params?.serverName && params.ns) {
+		const name: string = params.serverName;
+		const serverSpec = await getServerSpec(name)
+		if (!serverSpec) {
+			return undefined
+		}
+
+		const response = await makeRESTRequest(
+			"GET",
+			serverSpec,
+			{ apiVersion: 1, namespace: "%SYS", path: `/cspapps/${params.ns}` }
+		);
+		if (response !== undefined) {
+			if (response.data.result.content === undefined) {
+				vscode.window.showErrorMessage(response.data.status.summary);
+				return undefined;
+			}
+			response.data.result.content.map((webapp: string) => {
+				children.push(new WebAppTreeItem({ parent: element, label: name, id: name }, webapp));
+			});
+		}
+	}
+
+	return children;
+}
+
+export class WebAppTreeItem extends SMTreeItem {
+	public readonly name: string;
+	constructor(element: ISMItem, name: string) {
+		const parentFolderId = element.parent?.id || '';
+		const id = parentFolderId + ':' + name;
+		super({
+			parent: element.parent,
+			label: name,
+			id
+		});
+		this.name = name;
+		this.contextValue = 'webapp';
+		this.iconPath = new vscode.ThemeIcon('file-code');
+	}
+}