Add webpack watch config

Author: jeanp413

.vscode/launch.json

@@ -12,10 +12,7 @@
             "outFiles": [
                 "${workspaceFolder}/out/**/*.js"
             ],
-            "preLaunchTask": "npm: watch",
-            "env": {
-                "TEST": "1",
-            }
-        }
+            "preLaunchTask": "watch"
+        },
     ]
 }

.vscode/tasks.json

@@ -3,7 +3,8 @@
 	"tasks": [
 		{
 			"type": "npm",
-			"script": "watch",
+			"script": "watch-ext",
+			"label": "watch-ext",
 			"problemMatcher": "$tsc-watch",
 			"isBackground": true,
 			"presentation": {
@@ -13,6 +14,61 @@
 				"kind": "build",
 				"isDefault": true
 			}
-		}
+		},
+		{
+			"type": "npm",
+			"script": "watch-proxy",
+			"label": "watch-proxy",
+			"problemMatcher": {
+				"owner": "typescript",
+				// "applyTo": "closedDocuments",
+				"source": "ts",
+				"fileLocation": "absolute",
+				"severity": "error",
+				"pattern": [
+					{
+						"regexp": "\\[tsl\\] (ERROR|WARNING) in (.*)?\\((\\d+),(\\d+)\\)",
+						"severity": 1,
+						"file": 2,
+						"line": 3,
+						"column": 4
+					},
+					{
+						"regexp": "\\s*TS(\\d+):\\s*(.*)$",
+						"code": 1,
+						"message": 2
+					}
+				],
+				"background": {
+					"activeOnStart": true,
+					"beginsPattern": {
+						"regexp": "[Cc]ompiling.*?|[Cc]ompil(ation|er) .*?starting"
+					},
+					"endsPattern": {
+						"regexp": "[Cc]ompiled (.*?successfully|with .*?(error|warning))|[Cc]ompil(ation|er) .*?finished"
+					}
+				}
+			},
+			"isBackground": true,
+			"presentation": {
+				"reveal": "never"
+			},
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			}
+		},
+		{
+			"label": "watch",
+			"dependsOn": [
+				"watch-ext",
+				"watch-proxy"
+			],
+			"group": {
+				"kind": "build",
+				"isDefault": true
+			},
+			"problemMatcher": []
+		},
 	]
 }

package.json

@@ -133,9 +133,10 @@
 	"configcatKey": "gitpod",
 	"scripts": {
 		"vscode:prepublish": "webpack --mode production",
-		"webpack": "webpack --mode development",
-		"compile": "tsc -b",
-		"watch": "tsc -b -w",
+		"compile-proxy": "webpack --mode development",
+		"watch-proxy": "webpack watch --mode development",
+		"compile-ext": "tsc -b",
+		"watch-ext": "tsc -b -w",
 		"package": "vsce package --yarn",
 		"lint": "eslint . --ext .ts",
 		"test": "mocha -u tdd",

src/services/localSSHService.ts

@@ -53,12 +53,6 @@ export class LocalSSHService extends Disposable implements ILocalSSHService {
     }
 
     private async initialize() {
-        if (this.context.extensionMode !== vscode.ExtensionMode.Production) {
-            // TODO: add webpack config for client.js in development, for now copy manually
-            this.isSupportLocalSSH = true;
-            return;
-        }
-
         try {
             const locations = await this.copyProxyScript();
             await this.configureSettings(locations);

tsconfig.json

@@ -43,5 +43,6 @@
 	"exclude": [
 		"node_modules",
 		".vscode-test",
+		"src/**/local-ssh/*"
 	]
 }

webpack.config.js

@@ -9,11 +9,10 @@ const CopyPlugin = require('copy-webpack-plugin');
 
 const daemonVersion = new webpack.DefinePlugin({
 	'process.env.DAEMON_VERSION': JSON.stringify(packageJSON.daemonVersion ?? '0.0.1'),
-	'process.env.DAEMON_EXTENSION_VERSION': JSON.stringify(packageJSON.version),
 });
 
 /**@type {import('webpack').Configuration}*/
-const config = {
+const prodConfig = {
 	target: 'node',
 	entry: {
 		extension: './src/extension.ts',
@@ -61,4 +60,57 @@ const config = {
 	]
 }
 
-module.exports = config;
+/**@type {import('webpack').Configuration}*/
+const devConfig = {
+	target: 'node',
+	entry: {
+		'local-ssh/proxy': './src/local-ssh/proxy.ts',
+	},
+	output: {
+		path: path.resolve(__dirname, 'out'),
+		filename: '[name].js',
+		libraryTarget: "commonjs2",
+		devtoolModuleFilenameTemplate: "../[resource-path]",
+	},
+	devtool: 'source-map',
+	externals: {
+		bufferutil: "bufferutil",
+		"utf-8-validate": "utf-8-validate",
+		"node-rsa": "node-rsa"
+	},
+	resolve: {
+		extensions: ['.ts', '.js']
+	},
+	module: {
+		rules: [{
+			test: /\.ts$/,
+			exclude: /node_modules/,
+			use: [{
+				loader: 'ts-loader'
+			}]
+		}]
+	},
+	plugins: [
+		new CopyPlugin({
+			patterns: [
+				{ from: 'src/local-ssh/proxylauncher.bat', to: 'local-ssh/proxylauncher.bat' },
+				{ from: 'src/local-ssh/proxylauncher.sh', to: 'local-ssh/proxylauncher.sh' },
+			],
+		}),
+		daemonVersion,
+	],
+	watchOptions: {
+		// for some systems, watching many files can result in a lot of CPU or memory usage
+		// https://webpack.js.org/configuration/watch/#watchoptionsignored
+		// don't use this pattern, if you have a monorepo with linked packages
+		ignored: /node_modules/,
+	},
+}
+
+module.exports = (_env, argv) => {
+	if (argv.mode === 'development') {
+		return devConfig;
+	}
+
+	return prodConfig;
+};