Enable local test environment for web extension

.gitignore

@@ -1,6 +1,7 @@
 node_modules
 .DS_Store
 .vscode-test/
+.vscode-test-web/
 *.tsbuildinfo
 *.vsix
 *.log

.vscode/launch.json

@@ -40,10 +40,10 @@
       "debugWebWorkerHost": true,
       "request": "launch",
       "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}",
+        "--extensionDevelopmentPath=${workspaceFolder}/packages/foam-vscode",
         "--extensionDevelopmentKind=web"
       ],
-      "outFiles": ["${workspaceFolder}/dist/web/**/*.js"],
+      "outFiles": ["${workspaceFolder}/packages/foam-vscode/dist/web/**/*.js"],
       "preLaunchTask": "npm: watch-web"
     },
     {

.vscode/tasks.json

@@ -18,12 +18,14 @@
       }
     },
     {
-      "label": "watch-web: foam-vscode",
       "type": "npm",
       "script": "watch-web",
       "group": "build",
+      "path": "packages/foam-vscode",
       "isBackground": true,
-      "problemMatcher": ["$ts-webpack-watch"]
+      "problemMatcher": [
+        "$ts-webpack-watch"
+      ]
     },
     {
       "label": "test: all packages",

packages/foam-vscode/package.json

@@ -670,7 +670,8 @@
     "publish-extension": "yarn publish-extension-vscode && yarn publish-extension-openvsx",
     "compile-web": "webpack --config web/webpack.config.js",
     "watch-web": "webpack --config web/webpack.config.js --watch",
-    "package-web": "webpack --config web/webpack.config.js --mode production --devtool hidden-source-map"
+    "package-web": "webpack --config web/webpack.config.js --mode production --devtool hidden-source-map",
+    "open-in-browser": "vscode-test-web --browser=chromium --extensionDevelopmentPath=."
   },
   "devDependencies": {
     "@types/dateformat": "^3.0.1",
@@ -685,6 +686,7 @@
     "@types/webpack-env": "1.16.0",
     "@typescript-eslint/eslint-plugin": "^5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
+    "@vscode/test-web": "^0.0.45",
     "crypto-browserify": "^3.12.0",
     "dts-cli": "^1.6.3",
     "esbuild": "^0.17.7",
@@ -707,8 +709,8 @@
     "typescript": "^4.9.5",
     "vscode-test": "^1.3.0",
     "wait-for-expect": "^3.0.2",
-    "webpack": "5.38.1",
-    "webpack-cli": "4.7.0"
+    "webpack": "5.88.2",
+    "webpack-cli": "5.1.4"
   },
   "dependencies": {
     "dateformat": "^3.0.3",

packages/foam-vscode/web/webpack.config.js

@@ -11,7 +11,7 @@ const webExtensionConfig = {
   },
   output: {
     filename: '[name].js',
-    path: path.join(__dirname, './dist/web'),
+    path: path.join(__dirname, './../dist/web'),
     libraryTarget: 'commonjs',
     devtoolModuleFilenameTemplate: '../../[resource-path]'
   },