bundle extension for vscode web editor (#122)

- add webpack.extension.config.js
- add build renderer and extension scripts
- add test:web script
...

Author: RandomFractals

.gitignore

@@ -4,3 +4,4 @@ notebooks/test
 *.vsix
 .vscode-test
 .vscode-test-web
+.VSCodeCounter

package.json

@@ -130,17 +130,21 @@
     ]
   },
   "scripts": {
-    "vscode:prepublish": "npm run compile && node out/test/checkNoTestProvider.js",
+    "vscode:prepublish": "npm run build && node out/test/checkNoTestProvider.js",
     "compile": "npm run compile:extension && npm run compile:renderer",
-    "compile:extension": "tsc -b",
-    "compile:renderer": "webpack --mode production",
+    "compile:extension": "tsc -p src/extension",
+    "compile:renderer": "webpack --config=./webpack.config.js",
+    "build": "npm run build:renderer && npm run build:extension",
+    "build:renderer": "webpack --config=./webpack.config.js --mode=production",
+    "build:extension": "webpack --config=./webpack.extension.config.js --mode=production",
     "lint": "eslint src --ext ts",
     "watch": "concurrently -r \"npm:watch:*\"",
-    "watch:extension": "tsc -b --watch",
+    "watch:extension": "tsc -watch -p ./",
     "watch:renderer": "webpack --mode development --watch",
     "dev": "concurrently -r npm:watch:extension npm:watch:renderer",
     "pretest": "npm run compile && npm run lint",
-    "test": "node ./out/test/runTest.js"
+    "test": "node ./out/test/runTest.js",
+    "test:web": "npx @vscode/test-web --extensionDevelopmentPath=. --extensionPath=."
   },
   "devDependencies": {
     "@babel/core": "^7.13.10",

src/tsconfig-base.json

@@ -8,7 +8,9 @@
     "types": ["node"],
     "moduleResolution": "node",
     "sourceMap": true,
-    "strict": true   /* enable all strict type-checking options */
+    "strict": true   /* enable all strict type-checking options */,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
     /* Additional Checks */
     // "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
     // "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */

webpack.config.js

@@ -21,7 +21,7 @@ module.exports = (env, argv) => ({
     extensions: ['.ts', '.tsx', '.js', '.jsx', '.css'],
   },
   experiments: {
-      outputModule: true,
+    outputModule: true,
   },
   module: {
     rules: [

webpack.extension.config.js

@@ -0,0 +1,41 @@
+const path = require('path');
+const configFileName = 'src/extension/tsconfig.json';
+
+module.exports = {
+  // context: path.dirname(__dirname),
+  target: 'node',
+  entry: {
+    extension: './src/extension/extension.ts'
+  },
+  output: {
+    filename: 'extension.js',
+    path: path.join(__dirname, 'out', 'extension'),
+    libraryTarget: 'commonjs2'
+  },
+  mode: 'production',
+  devtool: 'source-map',
+  externals: ['vscode', 'commonjs'],
+  resolve: {
+    extensions: ['.ts', '.js']
+  },
+  node: {
+    __dirname: false
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: 'ts-loader',
+            options: {
+              configFile: configFileName,
+              reportFiles: ['src/extension/**/*.{ts,tsx}']
+            }
+          }
+        ]
+      }
+    ]
+  }
+};