More exploration

Author: Stefterv

client/src/extension.ts

@@ -1,5 +1,5 @@
 
-import { ExtensionContext, Terminal } from 'vscode';
+import { ExtensionContext, Terminal, window } from 'vscode';
 
 import {
 	LanguageClient
@@ -8,6 +8,7 @@ import { setupSelectedVersion } from './setupSelectedVersion';
 import { setupCommands } from './setupCommands';
 import { setupLanguageServer } from './setupLanguageServer';
 import { setupSidebar } from './setupSidebar';
+import { PdeFileDecorationProvider, setupDecorators } from './setupDecorators';
 
 
 export interface ProcessingVersion {
@@ -30,6 +31,7 @@ export async function activate(context: ExtensionContext) {
 	setupCommands(context);
 	setupLanguageServer();
 	setupSidebar();
+	setupDecorators(context);
 }
 
 

client/src/setupCommands.ts

@@ -8,6 +8,9 @@ export function setupCommands(context: ExtensionContext) {
 			return;
 		}
 
+		// TODO: Save the current file, maybe settting?
+		// TODO: Add a keyboard shortcut to run the sketch
+
 		let terminal = state.terminal;
 		// Create a new terminal
 		if (terminal === undefined || terminal.exitStatus) {

client/src/setupDecorators.ts

@@ -0,0 +1,23 @@
+import * as vscode from 'vscode';
+
+class PdeFileDecorationProvider implements vscode.FileDecorationProvider {
+	onDidChangeFileDecorations?: vscode.Event<vscode.Uri | vscode.Uri[] | undefined>;
+
+	provideFileDecoration(uri: vscode.Uri): vscode.ProviderResult<vscode.FileDecoration> {
+		// if (uri.path.endsWith('.pde')) {
+		// 	return {
+		// 		badge: '$(play)',
+		// 		tooltip: 'Processing Sketch',
+		// 		propagate: false
+		// 	};
+		// }
+		return undefined;
+	}
+}
+
+
+export function setupDecorators(context: vscode.ExtensionContext) {
+	context.subscriptions.push(
+		vscode.window.registerFileDecorationProvider(new PdeFileDecorationProvider())
+	);
+}

client/src/setupSidebar.ts

@@ -1,44 +1,54 @@
-import { CancellationToken, Event, ProviderResult, TreeDataProvider, TreeItem, window } from 'vscode';
+import { join } from 'path';
+import { ProviderResult, TreeDataProvider, TreeItem, TreeItemCollapsibleState, window } from 'vscode';
 
 
 
 export function setupSidebar() {
 	const treeDataProvider = new ProcessingWindowDataProvider();
 	window.createTreeView('processingSidebarView', { treeDataProvider });
 
+	{
+		const treeDataProvider = new ProcessingWindowDataProvider();
+		window.createTreeView('processingSidebarView2', { treeDataProvider });
+	}
+
 }
 
 class ProcessingTreeItem extends TreeItem {
-	constructor() {
-		super('Processing Item');
+	constructor(
+		public readonly label: string,
+		private version: string,
+		public readonly collapsibleState: TreeItemCollapsibleState,
+		public readonly path = "",
+	) {
+		super(label, collapsibleState);
+		this.tooltip = `${this.label}-${this.version}`;
+		// this.iconPath = join(__dirname, "..", "..", "media/processing.svg");
 	}
 
-	getTreeItem() {
-		return this;
-	}
 
-	getChildren() {
-		return [];
-	}
 }
 
 // TODO: Top level items: [examples, sketchbook]
 // TODO: Add examples from libraries
 // TODO: Connect to Processing and request where the sketchbook is located
 
 class ProcessingWindowDataProvider implements TreeDataProvider<ProcessingTreeItem> {
-	onDidChangeTreeData?: Event<void | ProcessingTreeItem | ProcessingTreeItem[]>;
 	getTreeItem(element: ProcessingTreeItem): TreeItem | Thenable<TreeItem> {
-		throw new Error('getTreeItem not implemented.');
+		return element;
 	}
 	getChildren(element?: ProcessingTreeItem): ProviderResult<ProcessingTreeItem[]> {
-		throw new Error('getChildren not implemented.');
+		if (element === undefined) {
+			// return the examples and sketchbook items
+			return [
+				new ProcessingTreeItem('Sketchbook', '3.5.4', TreeItemCollapsibleState.Collapsed),
+				new ProcessingTreeItem('Examples', '3.5.4', TreeItemCollapsibleState.Expanded),
+			];
+		} else {
+			// Return the 
+			return [
+				new ProcessingTreeItem('Example 1', '3.5.4', TreeItemCollapsibleState.None),
+			];
+		}
 	}
-	getParent?(element: ProcessingTreeItem): ProviderResult<ProcessingTreeItem> {
-		throw new Error('getParent not implemented.');
-	}
-	resolveTreeItem?(item: TreeItem, element: ProcessingTreeItem, token: CancellationToken): ProviderResult<TreeItem> {
-		throw new Error('resolveTreeItem not implemented.');
-	}
-
 }

client/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/compareversions.ts","./src/extension.ts","./src/setupcommands.ts","./src/setuplanguageserver.ts","./src/setupselectedversion.ts","./src/setupsidebar.ts"],"version":"5.8.3"}
+{"root":["./src/compareversions.ts","./src/extension.ts","./src/setupcommands.ts","./src/setupdecorators.ts","./src/setuplanguageserver.ts","./src/setupselectedversion.ts","./src/setupsidebar.ts"],"errors":true,"version":"5.8.3"}

package.json

@@ -34,6 +34,13 @@
 			}
 		],
 		"menus": {
+			"explorer/context": [
+				{
+					"command": "processing.sketch.run",
+					"when": "resourceExtname == .pde",
+					"group": "navigation"
+				}
+			],
 			"editor/title": [
 				{
 					"command": "processing.sketch.run",
@@ -82,7 +89,12 @@
 			"processingSidebar": [
 				{
 					"id": "processingSidebarView",
-					"name": "Processing",
+					"name": "Sketchbook",
+					"icon": "media/processing.svg"
+				},
+				{
+					"id": "processingSidebarView2",
+					"name": "Examples",
 					"icon": "media/processing.svg"
 				}
 			]