feat: Add support for vscode web (#71)

* try to communicate over the web

* test web serial port with vscode

* - add main plugin implementation for web
- refactor code to support both web and non-web extensions

* add mpy compile to web

* bump version

* Update src/web/message-transformer.ts

Co-authored-by: Copilot <[email protected]>

* Update src/web/message-transformer.ts

Co-authored-by: Copilot <[email protected]>

* bump change log

* cleanup

---------

Co-authored-by: Copilot <[email protected]>

Author: PeterStaev

.gitignore

@@ -3,5 +3,6 @@ dist
 lib
 node_modules
 .vscode-test/
+.vscode-test-web/
 *.vsix
 .DS_Store

.vscode/launch.json

@@ -33,6 +33,35 @@
 				"${workspaceFolder}/out/test/**/*.js"
 			],
 			"preLaunchTask": "npm: test-compile"
+		},
+		{
+			"name": "Run Web Extension in VS Code",
+			"type": "extensionHost",
+			"debugWebWorkerHost": true,
+			"request": "launch",
+			"args": [
+				"--extensionDevelopmentPath=${workspaceFolder}",
+				"--extensionDevelopmentKind=web"
+			],
+			"outFiles": [
+				"${workspaceFolder}/dist/web/**/*.js"
+			],
+			"preLaunchTask": "npm: compile"
+		},
+		{
+			"name": "Extension Tests in VS Code",
+			"type": "extensionHost",
+			"debugWebWorkerHost": true,
+			"request": "launch",
+			"args": [
+				"--extensionDevelopmentPath=${workspaceFolder}",
+				"--extensionDevelopmentKind=web",
+				"--extensionTestsPath=${workspaceFolder}/dist/web/test/suite/index"
+			],
+			"outFiles": [
+				"${workspaceFolder}/dist/web/**/*.js"
+			],
+			"preLaunchTask": "npm: compile"
 		}
 	]
 }

.vscode/tasks.json

@@ -5,18 +5,14 @@
 	"tasks": [
 		{
 			"type": "npm",
-			"script": "watch",
-			"problemMatcher": "$tsc-watch",
-			"isBackground": true,
-			"presentation": {
-				"reveal": "never"
-			},
+			"script": "compile",
 			"group": {
 				"kind": "build",
 				"isDefault": true
 			},
-			"label": "npm: watch",
-			"detail": "tsc -watch -p ./"
+			"problemMatcher": [],
+			"label": "npm: compile",
+			"detail": "webpack --mode development"
 		}
 	]
 }

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## 3.0.0 - 2025-05-28
+
+- Add support to use the extension as web extension. Currently supporting only connection through USB!
+
 ## 2.1.0 - 2025-05-25
 
 - Add USB connection support for HubOS3

README.md

@@ -32,6 +32,9 @@ from file_name import *
 
 is supported. Files not found are skipped (in the hope they exist on the hub). Nevertheless an error will inform you.
 
+> [!NOTE]  
+> This is not supported for web extension usage. 
+
 ### Custom Preprocessor
 
 The plugin has a settings where you can specify an external program/script that should be executed before uploading the program
@@ -40,6 +43,9 @@ to the hub. This will receive the contents of the file as stdin. It should outpu
 > [!NOTE]  
 > This will be executed AFTER the builtin preprocessor for combining the files and right before compiling and uploading the program to the hub!
 
+> [!NOTE]  
+> This is not supported for web extension usage. 
+
 ### Compilation
 
 The extension supports compiling Python files to binary (MPY) before uploading. This is controlled by a setting:

eslint.config.mjs

@@ -10,6 +10,7 @@ import { defineConfig, globalIgnores } from "eslint/config";
 import _import from "eslint-plugin-import";
 import preferArrow from "eslint-plugin-prefer-arrow";
 import simpleImportSort from "eslint-plugin-simple-import-sort";
+import importNewLines from "eslint-plugin-import-newlines";
 import globals from "globals";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -33,6 +34,7 @@ export default defineConfig([globalIgnores(["**/*.d.ts"]), {
         import: fixupPluginRules(_import),
         "prefer-arrow": preferArrow,
         "simple-import-sort": simpleImportSort,
+        "import-newlines": importNewLines,
         "@typescript-eslint": typescriptEslint,
         "@stylistic/ts": stylisticTs,
     },
@@ -52,6 +54,7 @@ export default defineConfig([globalIgnores(["**/*.d.ts"]), {
     },
 
     rules: {
+        "no-undef": "off",
         "@typescript-eslint/adjacent-overload-signatures": "error",
 
         "@typescript-eslint/array-type": ["error", {
@@ -169,6 +172,12 @@ export default defineConfig([globalIgnores(["**/*.d.ts"]), {
 
         "id-match": "error",
         "import/no-extraneous-dependencies": "error",
+        "import-newlines/enforce": [
+            "error",
+            {
+                "items": 2
+            }
+        ],
         "max-len": "off",
         "new-parens": "error",
         "no-bitwise": "error",