running sketches

Author: Stefterv

.vscode/launch.json

@@ -7,7 +7,10 @@
 			"request": "launch",
 			"name": "Launch Client",
 			"runtimeExecutable": "${execPath}",
-			"args": ["--extensionDevelopmentPath=${workspaceRoot}"],
+			"args": [
+				"--extensionDevelopmentPath=${workspaceRoot}",
+				"--user-data-dir=${workspaceRoot}/.vscode-test"
+			],
 			"outFiles": [
 				"${workspaceRoot}/client/out/**/*.js",
 				"${workspaceRoot}/server/out/**/*.js"
@@ -28,7 +31,9 @@
 				"--extensionTestsPath=${workspaceRoot}/client/out/test/index",
 				"${workspaceRoot}/client/testFixture"
 			],
-			"outFiles": ["${workspaceRoot}/client/out/test/**/*.js"]
+			"outFiles": [
+				"${workspaceRoot}/client/out/test/**/*.js"
+			]
 		}
 	]
-}
+}

client/src/extension.ts

@@ -1,11 +1,6 @@
-/* --------------------------------------------------------------------------------------------
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License. See License.txt in the project root for license information.
- * ------------------------------------------------------------------------------------------ */
-
 import { exec, execSync } from 'child_process';
-import { join } from 'path';
-import { workspace, ExtensionContext, Uri, FileType, window } from 'vscode';
+import { dirname, join } from 'path';
+import { workspace, ExtensionContext, Uri, FileType, window, commands, Terminal } from 'vscode';
 
 import {
 	Executable,
@@ -20,8 +15,9 @@ interface ProcessingVersion {
 	path: string;
 }
 
+let terminal: Terminal | undefined;
+
 export async function activate(context: ExtensionContext) {
-	// TODO: Find where the Processing app is installed
 	// TODO: Add a launch button when a relevant file is open
 	const config = workspace.getConfiguration('processing');
 
@@ -115,6 +111,38 @@ export async function activate(context: ExtensionContext) {
 		console.log(e);
 	};
 
+
+	const runSketch = commands.registerCommand('processing.sketch.run', (resource: Uri) => {
+		if (!resource) {
+			return;
+		}
+
+		// Create a new terminal
+		if (terminal === undefined) {
+			terminal = window.createTerminal("Sketch");
+		}
+
+		// Show the terminal panel
+		terminal.show(true);
+
+		// Send the command to the terminal
+		terminal.sendText(`${selectedVersion.path} cli --sketch=${dirname(resource.fsPath)} --run`, true);
+
+		// clear the terminal
+		terminal.sendText("clear", true);
+	});
+
+	const stopSketch = commands.registerCommand('processing.sketch.stop', () => {
+		if (terminal === undefined) {
+			return;
+		}
+
+		// Send the command to the terminal
+		terminal.sendText('\x03', false);
+	});
+
+	context.subscriptions.push(runSketch, stopSketch);
+
 	// Start the client. This will also launch the server
 	client.start();
 }

package.json

@@ -21,6 +21,42 @@
 	],
 	"main": "./client/out/extension",
 	"contributes": {
+		"commands": [
+			{
+				"command": "processing.sketch.run",
+				"title": "Run the Processing Sketch",
+				"icon": "$(play)"
+			},
+			{
+				"command": "processing.sketch.stop",
+				"title": "Stop the Processing Sketch",
+				"icon": "$(stop)"
+			}
+		],
+		"menus": {
+			"editor/title": [
+				{
+					"command": "processing.sketch.run",
+					"when": "editorLangId == Processing || editorLangId == java",
+					"group": "navigation"
+				},
+				{
+					"command": "processing.sketch.stop",
+					"when": "editorLangId == Processing || editorLangId == java",
+					"group": "navigation"
+				}
+			],
+			"terminal/context": [
+				{
+					"command": "processing.sketch.run",
+					"group": "navigation"
+				},
+				{
+					"command": "processing.sketch.stop",
+					"group": "navigation"
+				}
+			]
+		},
 		"configuration": {
 			"type": "object",
 			"title": "Processing",