Refactoring: Moved showComponentHierarchy to its own folder

Author: CoderAllan

src/commands/index.ts

@@ -2,4 +2,4 @@ export * from './componentHierarchyDgml';
 export * from './listAllImports';
 export * from './packageJsonToMarkdown';
 export * from './projectDirectoryStructure';
-export * from './showComponentHierarchy';
+export * from './showComponentHierarchy/showComponentHierarchy';

src/commands/showComponentHierarchy.css renamed to src/commands/showComponentHierarchy/showComponentHierarchy.css

@@ -1,7 +1,7 @@
 import * as vscode from 'vscode';
 import * as fs from 'fs';
 import * as path from 'path';
-import { FileSystemUtils } from "../filesystemUtils";
+import { FileSystemUtils } from "../../filesystemUtils";
 
 class Component {
 
@@ -95,10 +95,10 @@ export class ShowComponentHierarchy {
 
     try {
       const jsContent = this.generateJavascriptContent(nodesJson, rootNodesJson, edgesJson);
-      const outputJsFilename = 'showComponentHierarchy.js';
+      const outputJsFilename = 'showComponentHierarchy/showComponentHierarchy.js';
       let htmlContent = this.generateHtmlContent(webview, outputJsFilename);
 
-      // fsUtils.writeFile(this.extensionContext?.asAbsolutePath(path.join('src', 'commands', 'showComponentHierarchy.html')), htmlContent, () => { } ); // For debugging
+      fsUtils.writeFile(this.extensionContext?.asAbsolutePath(path.join('src', 'commands', 'showComponentHierarchy/showComponentHierarchy.html')), htmlContent, () => { } ); // For debugging
       fsUtils.writeFile(
         this.extensionContext?.asAbsolutePath(path.join('src', 'commands', outputJsFilename)),
         jsContent,
@@ -222,7 +222,7 @@ export class ShowComponentHierarchy {
   }
 
   private generateJavascriptContent(nodesJson: string, rootNodesJson: string, edgesJson: string): string {
-    const templateJsFilename = 'showComponentHierarchy_Template.js';
+    const templateJsFilename = 'showComponentHierarchy/showComponentHierarchy_Template.js';
     let template = fs.readFileSync(this.extensionContext?.asAbsolutePath(path.join('src', 'commands', templateJsFilename)), 'utf8');
     let jsContent = template.replace('var nodes = new vis.DataSet([]);', `var nodes = new vis.DataSet([${nodesJson}]);`);
     jsContent = jsContent.replace('var rootNodes = [];', `var rootNodes = [${rootNodesJson}];`);
@@ -231,14 +231,14 @@ export class ShowComponentHierarchy {
   }
 
   private generateHtmlContent(webview: vscode.Webview, outputJsFilename: string): string {
-    const templateHtmlFilename = 'showComponentHierarchy_Template.html';
+    const templateHtmlFilename = 'showComponentHierarchy/showComponentHierarchy_Template.html';
     let htmlContent = fs.readFileSync(this.extensionContext?.asAbsolutePath(path.join('src', 'commands', templateHtmlFilename)), 'utf8');
 
-    const visPath = vscode.Uri.joinPath(this.extensionContext.extensionUri, 'src', 'commands', 'vis-network.min.js');
+    const visPath = vscode.Uri.joinPath(this.extensionContext.extensionUri, 'src', 'commands', 'showComponentHierarchy/vis-network.min.js');
     const visUri = webview.asWebviewUri(visPath);
     htmlContent = htmlContent.replace('vis-network.min.js', visUri.toString());
 
-    const cssPath = vscode.Uri.joinPath(this.extensionContext.extensionUri, 'src', 'commands', 'showComponentHierarchy.css');
+    const cssPath = vscode.Uri.joinPath(this.extensionContext.extensionUri, 'src', 'commands', 'showComponentHierarchy/showComponentHierarchy.css');
     const cssUri = webview.asWebviewUri(cssPath);
     htmlContent = htmlContent.replace('showComponentHierarchy.css', cssUri.toString());