Using esbuild to build the extension.

Author: dhuebner

package-lock.json

@@ -6,8 +6,7 @@
     "npm": "^10.8.0"
   },
   "scripts": {
-    "prepare": "npm run clean && npm run build",
-    "clean": "rimraf \"packages/**/lib\" \"packages/**/build\" \"packages/**/*.tsbuildinfo\" \"packages/*/node_modules\"",
+    "clean": "rimraf \"packages/**/lib\" \"packages/**/build\" \"packages/**/*.tsbuildinfo\"",
     "build": "tsc -b tsconfig.build.json && npm run browserify --workspaces --if-present && npm run build --workspace=packages/vscode-messenger-devtools/webview-ui && npm run lint",
     "watch": "tsc -b tsconfig.build.json -w",
     "test": "jest",

package.json

@@ -33,3 +33,5 @@ media
 **/.eslintrc.json
 **/*.map
 **/*.ts
+**/tsconfig.tsbuildinfo
+**/esbuild.config.js

packages/vscode-messenger-devtools/.vscodeignore

@@ -1,5 +1,10 @@
 # Change Log of `vscode-messenger-devtools`
 
+## v0.5.1 (Feb. 2025)
+
+* Added response information to table hover. Only available if `withResponseData` property in vscode-messenger's `DiagnosticOptions` is set to `true`.
+* New graphical message flow visualization.
+
 ## v0.4.5 (March 2023)
 
 * Added parameter information to hover. Only available if `withParameterData` property in vscode-messenger's `DiagnosticOptions` is set to `true`.

packages/vscode-messenger-devtools/CHANGELOG.md

@@ -0,0 +1,24 @@
+const { build } = require('esbuild');
+const path = require('path');
+
+build({
+  entryPoints: ['./src/devtool-ext.ts'],
+  bundle: true,
+  platform: 'node',
+  target: 'node14', // Adjust based on your target Node.js version
+  outfile: 'lib/devtool-ext.js',
+  external: ['vscode'], // Exclude the vscode module
+  sourcemap: true,
+  tsconfig: './tsconfig.json',
+   // Include vscode-messenger in the bundle
+   plugins: [
+    {
+      name: 'include-vscode-messenger',
+      setup(build) {
+        build.onResolve({ filter: /^vscode-messenger$/ }, args => {
+          return { path: require.resolve('vscode-messenger') };
+        });
+      }
+    }
+  ]
+}).catch(() => process.exit(1));

packages/vscode-messenger-devtools/esbuild.config.js

@@ -22,7 +22,7 @@
     "onCommand:vscode-messenger-devtools.activate",
     "onView:vscode-messenger-devtools.messengerView"
   ],
-  "main": "./lib/devtool-ext",
+  "main": "./lib/devtool-ext.js",
   "types": "./lib/devtool-ext.d.ts",
   "license": "MIT",
   "icon": "logo-icon.png",
@@ -39,21 +39,23 @@
     "install:all": "npm install && npm --prefix ./webview-ui install ./webview-ui",
     "start:webview": "npm --prefix ./webview-ui run start",
     "build:webview": "npm --prefix ./webview-ui run build",
-    "vscode:prepublish": "npm run compile",
+    "vscode:prepublish": "npm run build && npm run build:webview",
     "build": "tsc -p ./",
-    "clean": "rimraf lib",
-    "watch": "tsc -watch -p ./ & cd ./webview-ui && npm run watch",
+    "clean": "rimraf lib lib",
+    "watch": "esbuild --watch",
     "pretest": "npm run compile && npm run lint",
     "lint": "eslint src",
+    "compile": "node esbuild.config.js",
     "test": "node ./lib/test/runTest.js"
-  },
+   },
   "dependencies": {
     "@vscode/webview-ui-toolkit": "~1.0.0",
     "vscode-messenger": "^0.5"
   },
   "devDependencies": {
     "@types/vscode": "^1.70.0",
-    "@types/vscode-webview": "^1.57.0"
+    "@types/vscode-webview": "^1.57.0",
+    "esbuild": "^0.25.0"
   },
   "bugs": "https://github.com/TypeFox/vscode-messenger/issues",
   "author": {

packages/vscode-messenger-devtools/package.json

@@ -28,7 +28,7 @@ const ExtensionListRequest: RequestType<boolean, ExtensionData[]>= {
     method: 'extensionList'
 };
 
-const msg = new Messenger({ debugLog: true });
+const msg = new Messenger({ debugLog: false });
 const listeners = new Map<string, vscode.Disposable>();
 let panel: vscode.WebviewPanel | undefined;
 

packages/vscode-messenger-devtools/src/devtool-ext.ts

@@ -1,20 +1,15 @@
 {
-	"extends": "../../tsconfig.json",
-	"compilerOptions": {
-	  "rootDir": "src",
-	  "outDir": "lib",
-	  "sourceMap": true
-	},
-	"include": [
-	  "src/**/*",
-	  "webview-ui/**/*"
-	],
-	"references": [
-		{ "path": "../vscode-messenger" }
-	  ],
-	"exclude": [
-	  "lib",
-	  "node_modules",
-	  "webview-ui"
-	]
-  }
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./lib",
+    "rootDir": "./src",
+  },
+  "include": [
+    "src/**/*",
+  ],
+  "exclude": [
+    "lib",
+    "node_modules",
+    "webview-ui"
+  ]
+}

packages/vscode-messenger-devtools/tsconfig.json

@@ -51,14 +51,15 @@ Extension package is `vscode-messenger-devtools`.
 ### Devtools extension build
 
 - Add a changelog.md entry
+- Install vsce `npm install -g @vscode/vsce` is not already installed
 
 ```bash
 cd ../vscode-messenger-devtools
-npm run vscode:prepublish
-npm run build:webview
-vsce package
+vsce package --no-dependencies
 ```
 
+- `vsce package` will also run `npm run vscode:prepublish`
+
 #### Publish Open VSX
 
 - Check the changelog.md entry
@@ -69,7 +70,7 @@ vsce package
 
 #### Publish VSCode
 
-- Install vsce `npm install -g @vscode/vsce`
+- Install vsce `npm install -g @vscode/vsce` is not already installed
 
 - Create token in `https://dev.azure.com/typefox/_usersSettings/tokens`