Merge pull request #280 from lumaxis/feature/add-browser-compatibility

Add compatibility with browser-based versions of VS Code

Author: lumaxis

.eslintrc.json

@@ -11,27 +11,19 @@
 		"project": "./tsconfig.json",
 		"sourceType": "module"
 	},
-	"plugins": ["@typescript-eslint"],
+	"plugins": [
+		"@typescript-eslint"
+	],
 	"rules": {
-		"@typescript-eslint/naming-convention": [
-			"warn",
-			{
-				"selector": "class",
-				"format": ["PascalCase"]
-			}
-		],
+		"@typescript-eslint/naming-convention": "warn",
 		"@typescript-eslint/semi": "warn",
 		"curly": "warn",
 		"eqeqeq": "warn",
 		"no-throw-literal": "warn",
 		"semi": "off",
 		"indent": ["error", "tab"]
 	},
-	"ignorePatterns": ["**/fixtures/**"],
-	"overrides": [
-		{
-			"files": ["**/*.ts"],
-			"excludedFiles": ["**/fixtures/**"]
-		}
+	"ignorePatterns": [
+		"**/*.d.ts"
 	]
 }

.gitattributes

@@ -1,2 +1,2 @@
-src/test/fixtures/crlf-ruby-example.rb eol=crlf
+src/web/test/fixtures/crlf-ruby-example.rb eol=crlf
 *.sketch filter=lfs diff=lfs merge=lfs -text

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12, 14]
+        node-version: [14, 16]
 
     steps:
     - uses: actions/checkout@v2

.gitignore

@@ -1,5 +1,6 @@
-out
+dist
 node_modules
 .vscode-test/
+.vscode-test-web/
 *.vsix
 *.vsix.zip

.vscode/extensions.json

@@ -2,6 +2,7 @@
 	// See http://go.microsoft.com/fwlink/?LinkId=827846
 	// for the documentation about the extensions.json format
 	"recommendations": [
-		"dbaeumer.vscode-eslint"
+		"dbaeumer.vscode-eslint",
+		"amodio.tsl-problem-matcher"
 	]
 }

.vscode/launch.json

@@ -6,34 +6,36 @@
 	"version": "0.2.0",
 	"configurations": [
 		{
-			"name": "Run Extension",
-			"type": "extensionHost",
+			"name": "Run Web Extension ",
+			"type": "pwa-extensionHost",
+			"debugWebWorkerHost": true,
 			"request": "launch",
-			"runtimeExecutable": "${execPath}",
 			"args": [
-				"${workspaceFolder}/src/test/fixtures",
+				"${workspaceFolder}/src/web/test/fixtures",
 				"--disable-extensions",
-				"--extensionDevelopmentPath=${workspaceFolder}"
+				"--extensionDevelopmentPath=${workspaceFolder}",
+				"--extensionDevelopmentKind=web"
 			],
 			"outFiles": [
-				"${workspaceFolder}/out/**/*.js"
+				"${workspaceFolder}/dist/web/**/*.js"
 			],
-			"preLaunchTask": "${defaultBuildTask}"
+			"preLaunchTask": "npm: watch-web"
 		},
 		{
 			"name": "Extension Tests",
 			"type": "extensionHost",
+			"debugWebWorkerHost": true,
 			"request": "launch",
-			"runtimeExecutable": "${execPath}",
 			"args": [
-				"--disable-extensions",
+				"${workspaceFolder}/src/web/test/fixtures",
 				"--extensionDevelopmentPath=${workspaceFolder}",
-				"--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
+				"--extensionDevelopmentKind=web",
+				"--extensionTestsPath=${workspaceFolder}/dist/web/test/suite/index"
 			],
 			"outFiles": [
-				"${workspaceFolder}/out/test/**/*.js"
+				"${workspaceFolder}/dist/web/**/*.js"
 			],
-			"preLaunchTask": "${defaultBuildTask}"
+			"preLaunchTask": "npm: watch-web"
 		}
 	]
 }

.vscode/settings.json

@@ -1,14 +1,14 @@
 // Place your settings in this file to overwrite default and user settings.
 {
-		"files.exclude": {
-				"out": false // set this to true to hide the "out" folder with the compiled JS files
-		},
-		"search.exclude": {
-				"out": true // set this to false to include "out" folder in search results
-		},
-		// Turn off tsc task auto detection since we have the necessary tasks as npm scripts
-		"typescript.tsc.autoDetect": "off",
-		"editor.codeActionsOnSave": {
-			"source.organizeImports": true
-		}
+	"files.exclude": {
+		"out": false // set this to true to hide the "out" folder with the compiled JS files
+	},
+	"search.exclude": {
+		"out": true // set this to false to include "out" folder in search results
+	},
+	// Turn off tsc task auto detection since we have the necessary tasks as npm scripts
+	"typescript.tsc.autoDetect": "off",
+	"editor.codeActionsOnSave": {
+		"source.organizeImports": true
+	}
 }

.vscode/tasks.json

@@ -5,16 +5,25 @@
 	"tasks": [
 		{
 			"type": "npm",
-			"script": "watch",
-			"problemMatcher": "$tsc-watch",
-			"isBackground": true,
-			"presentation": {
-				"reveal": "never"
-			},
+			"script": "compile-web",
 			"group": {
 				"kind": "build",
 				"isDefault": true
-			}
+			},
+			"problemMatcher": [
+				"$ts-webpack",
+				"$tslint-webpack"
+			]
+		},
+		{
+			"type": "npm",
+			"script": "watch-web",
+			"group": "build",
+			"isBackground": true,
+			"problemMatcher": [
+				"$ts-webpack-watch",
+				"$tslint-webpack-watch"
+			]
 		}
 	]
 }

.vscodeignore

@@ -1,13 +1,17 @@
 .github/**
 .vscode/**
-.vscode-test/**
-images/**
-out/test/**
+.vscode-test-web/**
 src/**
+out/**
+dist/**/test/**
+images/**
+!images/icon.png
+node_modules/**
 .gitignore
 vsc-extension-quickstart.md
+webpack.config.js
+.yarnrc
 **/tsconfig.json
 **/.eslintrc.json
 **/*.map
 **/*.ts
-!images/icon.png

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+## [2.0.0]
+
+Snippet copy is now a [web extension](https://code.visualstudio.com/api/extension-guides/web-extensions)! This means you can now also use it in browser-based versions of VS Code, for example GitHub Codespaces or on vscode.dev
+
 ## [1.0.0]
 
 First stable release 🎉