First version of Web Extension. Currently only offers syntax highlighting.

2 files changed, 61 insertions, 12 deletions

diff --git a/client/src/browserClientMain.ts b/client/src/browserClientMain.ts
new file mode 100644
index 0000000..3452528
--- /dev/null
+++ b/client/src/browserClientMain.ts
@@ -0,0 +1,49 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { ExtensionContext, Uri } from 'vscode';
+import { LanguageClientOptions } from 'vscode-languageclient';
+
+import { LanguageClient } from 'vscode-languageclient/browser';
+
+// this method is called when vs code is activated
+export function activate(context: ExtensionContext) {
+
+	console.log('Perl Navigator web client activated!');
+
+	/* 
+	 * all except the code to create the language client in not browser specific
+	 * and could be shared with a regular (Node) extension
+	 */
+	const documentSelector = [
+		{ scheme: 'file', language: 'perl' },
+		{ scheme: 'untitled', language: 'perl' }
+	]
+
+	// Options to control the language client
+	const clientOptions: LanguageClientOptions = {
+		documentSelector,
+		synchronize: {},
+		initializationOptions: {}
+	};
+
+	const client = createWorkerLanguageClient(context, clientOptions);
+
+	const disposable = client.start();
+	context.subscriptions.push(disposable);
+
+	client.onReady().then(() => {
+		console.log('Perl Navigator web client is now ready!');
+	});
+}
+
+function createWorkerLanguageClient(context: ExtensionContext, clientOptions: LanguageClientOptions) {
+	// Create a worker. The worker main file implements the language server.
+	const serverMain = Uri.joinPath(context.extensionUri, 'browser-ext/dist/browserServerMain.js');
+	const worker = new Worker(serverMain.toString(true));
+
+	// create the language server client to communicate with the server running in the worker
+	return new LanguageClient('perlnavigator-web', 'Perl Navigator Web', clientOptions, worker);
+}
\ No newline at end of file
diff --git a/client/tsconfig.json b/client/tsconfig.json
index c197bb6..2642d8b 100644
--- a/client/tsconfig.json
+++ b/client/tsconfig.json
@@ -1,12 +1,12 @@
-{

-	"compilerOptions": {

-		"module": "commonjs",

-		"target": "es2019",

-		"lib": ["ES2019"],

-		"outDir": "out",

-		"rootDir": "src",

-		"sourceMap": true

-	},

-	"include": ["src"],

-	"exclude": ["node_modules", ".vscode-test"]

-}

+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"target": "es2019",
+		"lib": ["ES2019", "WebWorker"],
+		"outDir": "out",
+		"rootDir": "src",
+		"sourceMap": true
+	},
+	"include": ["src"],
+	"exclude": ["node_modules", ".vscode-test"]
+}