Update project structure and add new features for JetTreeMark

Author: HichemTab-tech

.idea/dictionaries/project.xml

@@ -1,7 +1,7 @@
 # JetTreeMark for VS Code
 
 ![Build](https://github.com/HichemTab-tech/JetTreeMark-vscode/actions/workflows/ci.yml/badge.svg)  
-[![Version](https://img.shields.io/badge/version-0.0.3-blue.svg)](https://github.com/HichemTab-tech/JetTreeMark-vscode/releases) [![License](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/HichemTab-tech/JetTreeMark-vscode/blob/master/LICENSE)
+[![Version](https://img.shields.io/badge/version-0.0.4-blue.svg)](https://github.com/HichemTab-tech/JetTreeMark-vscode/releases) [![License](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/HichemTab-tech/JetTreeMark-vscode/blob/master/LICENSE)
 
 ---
 
@@ -94,8 +94,14 @@ vsce package
 
 1. **Right-click** on any folder in the Explorer.
 2. Select **“Show Tree View”** from the context menu.
+
+   ![How to use the JetTreeMark plugin from folder context menu](https://github.com/HichemTab-tech/JetTreeMark-vscode/meta/screenshot-1.png "Screenshot -JetTreeMark in context menu-")
+
 3. The **JetTreeMark** view opens in the Activity Bar.
 4. Use the **tri-state checkboxes** to include/exclude items.
+
+   ![How to use the JetTreeMark plugin to exclude nodes from the tree view result](https://github.com/HichemTab-tech/JetTreeMark-vscode/meta/screenshot-2.png "Screenshot - filter nodes from tree results -")
+
 5. Click **“Copy Selected Structure”** at the top to copy your markdown tree.
 
 ---

README.md

@@ -2,9 +2,16 @@
   "name": "jettreemark",
   "displayName": "JetTreeMark",
   "description": "JetTreeMark is a VS Code plugin that generates a markdown-compatible structure tree for selected files and folders",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "publisher": "HichemTab-tech",
-  "repository": "https://github.com/HichemTab-tech/JetTreeMark-vscode",
+  "homepage": "https://github.com/HichemTab-tech/JetTreeMark-vscode",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/HichemTab-tech/JetTreeMark-vscode"
+  },
+  "bugs": {
+    "url": "https://github.com/HichemTab-tech/JetTreeMark-vscode/issues"
+  },
   "icon": "pluginIcon.png",
   "engines": {
     "vscode": "^1.99.0"
@@ -79,5 +86,8 @@
     "typescript": "^5.8.2",
     "webpack": "^5.98.0",
     "webpack-cli": "^6.0.1"
-  }
+  },
+  "files": [
+    "webview-ui-dist/**"
+  ]
 }

meta/screenshot-1.png

@@ -16,17 +16,17 @@ export class JetTreeMarkViewProvider implements vscode.WebviewViewProvider {
     webviewView.webview.options = {
       enableScripts: true,
       localResourceRoots: [
-        vscode.Uri.joinPath(this.extensionUri, 'src', 'webview-ui-dist')
+        vscode.Uri.joinPath(this.extensionUri, 'webview-ui-dist')
       ]
     };
 
     // Load the built HTML
-    const folder = path.join(this.extensionUri.fsPath, 'src', 'webview-ui-dist');
+    const folder = path.join(this.extensionUri.fsPath, 'webview-ui-dist');
     let html = fs.readFileSync(path.join(folder, 'index.html'), 'utf8');
 
     // 1) compute the folder URI for assets
     const baseUri = webviewView.webview.asWebviewUri(
-      vscode.Uri.joinPath(this.extensionUri, 'src', 'webview-ui-dist')
+      vscode.Uri.joinPath(this.extensionUri, 'webview-ui-dist')
     ) + '/';
 
     // 2) inject the <base> so that all "./…" references resolve correctly

meta/screenshot-2.png

@@ -3,6 +3,7 @@ import * as fs from 'fs';
 import * as path from 'path';
 import { JetTreeMarkViewProvider } from './JetTreeMarkViewProvider';
 
+// noinspection JSUnusedGlobalSymbols
 export function activate(ctx: vscode.ExtensionContext) {
   // Register the WebviewView (your “ToolWindow”)
   const provider = new JetTreeMarkViewProvider(ctx.extensionUri);
@@ -43,7 +44,7 @@ interface TreeNodeType {
 /**
  * Build a TreeNodeType *for* the directory itself, including its contents.
  */
-function buildTreeNode(dir: string): TreeNodeType {
+export function buildTreeNode(dir: string): TreeNodeType {
   const name = path.basename(dir) || dir;
   const node: TreeNodeType = {
     id: dir,

package.json

@@ -1,15 +1,66 @@
 import * as assert from 'assert';
-
-// You can import and use all API from the 'vscode' module
-// as well as import your extension to test it
 import * as vscode from 'vscode';
-// import * as myExtension from '../../extension';
+import * as path from 'path';
+// Make sure you export buildTreeNode from your extension entrypoint
+import { buildTreeNode } from '../extension';
+import * as fs from 'fs';
+import * as os from "os";
+
+suite('JetTreeMark-vscode Test Suite', () => {
+	test('Extension is present in the registry', () => {
+		const ext = vscode.extensions.getExtension('hichemtab-tech.jettreemark');
+		assert.ok(ext, 'Extension not found');
+	});
+
+	test('Extension activates successfully', async () => {
+		const ext = vscode.extensions.getExtension('hichemtab-tech.jettreemark')!;
+		await ext.activate();
+		assert.strictEqual(ext.isActive, true, 'Extension failed to activate');
+	});
+
+	test('buildTreeNode throws on missing folder', () => {
+		assert.throws(
+			() => buildTreeNode('/path/does/not/exist'),
+			/ENOENT/,
+			'Expected buildTreeNode to throw ENOENT for non-existent folder'
+		);
+	});
+
+	suite('JetTreeMark-vscode Test Suite (dynamic fixtures)', () => {
+		let tmpDir: string;
+
+		suiteSetup(() => {
+			// 1) Create a temp directory
+			tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'jtt-test-'));
+
+			// 2) Populate it: a.txt, and a subfolder with b.txt
+			fs.writeFileSync(path.join(tmpDir, 'a.txt'), 'hello');
+			const sub = path.join(tmpDir, 'subdir');
+			fs.mkdirSync(sub);
+			fs.writeFileSync(path.join(sub, 'b.txt'), 'world');
+		});
+
+		suiteTeardown(() => {
+			// Clean up after all tests
+			fs.rmSync(tmpDir, { recursive: true, force: true });
+		});
+
+		test('buildTreeNode returns correct shape for dynamic folder', () => {
+			const root = buildTreeNode(tmpDir);
+			assert.strictEqual(root.name, path.basename(tmpDir));
+			assert.strictEqual(root.type, 'folder');
+			assert.ok(Array.isArray(root.children));
 
-suite('Extension Test Suite', () => {
-	vscode.window.showInformationMessage('Start all tests.');
+			// Expect a.txt
+			const fileNode = root.children!.find(n => n.name === 'a.txt');
+			assert.ok(fileNode, 'a.txt should exist');
+			assert.strictEqual(fileNode!.type, 'file');
 
-	test('Sample test', () => {
-		assert.strictEqual(-1, [1, 2, 3].indexOf(5));
-		assert.strictEqual(-1, [1, 2, 3].indexOf(0));
+			// Expect subdir/b.txt
+			const subNode = root.children!.find(n => n.name === 'subdir');
+			assert.ok(subNode && subNode.type === 'folder', 'subdir should exist');
+			const bNode = subNode!.children!.find(n => n.name === 'b.txt');
+			assert.ok(bNode && bNode.type === 'file', 'b.txt should exist in subdir');
+		});
 	});
-});
+});