use esbuild to bundle

Author: beicause

.vscode/extensions.json

@@ -1,5 +1,8 @@
 {
     // See http://go.microsoft.com/fwlink/?LinkId=827846
     // for the documentation about the extensions.json format
-    "recommendations": ["dbaeumer.vscode-eslint"]
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "connor4312.esbuild-problem-matchers"
+    ]
 }

.vscode/tasks.json

@@ -4,17 +4,55 @@
     "version": "2.0.0",
     "tasks": [
         {
-            "type": "npm",
-            "script": "watch",
-            "problemMatcher": "$tsc-watch",
-            "isBackground": true,
+            "label": "watch",
+            "dependsOn": ["npm: watch:tsc", "npm: watch:esbuild"],
             "presentation": {
                 "reveal": "never"
             },
             "group": {
                 "kind": "build",
                 "isDefault": true
             }
+        },
+        {
+            "type": "npm",
+            "script": "watch:esbuild",
+            "group": "build",
+            "problemMatcher": "$esbuild-watch",
+            "isBackground": true,
+            "label": "npm: watch:esbuild",
+            "presentation": {
+                "group": "watch",
+                "reveal": "never"
+            }
+        },
+        {
+            "type": "npm",
+            "script": "watch:tsc",
+            "group": "build",
+            "problemMatcher": "$tsc-watch",
+            "isBackground": true,
+            "label": "npm: watch:tsc",
+            "presentation": {
+                "group": "watch",
+                "reveal": "never"
+            }
+        },
+        {
+            "type": "npm",
+            "script": "watch-tests",
+            "problemMatcher": "$tsc-watch",
+            "isBackground": true,
+            "presentation": {
+                "reveal": "never",
+                "group": "watchers"
+            },
+            "group": "build"
+        },
+        {
+            "label": "tasks: watch-tests",
+            "dependsOn": ["npm: watch", "npm: watch-tests"],
+            "problemMatcher": []
         }
     ]
 }

.vscodeignore

@@ -13,4 +13,5 @@ vsc-extension-quickstart.md
 .history
 static/*.dot
 pnpm-lock.yaml
-eslint.config.mjs
+eslint.config.mjs
+esbuild.mjs

esbuild.mjs

@@ -0,0 +1,58 @@
+import esbuild from 'esbuild'
+import process from 'process'
+import console from 'console'
+
+const production = process.argv.includes('--production')
+const watch = process.argv.includes('--watch')
+
+async function main() {
+    const ctx = await esbuild.context({
+        entryPoints: ['src/extension.ts'],
+        bundle: true,
+        format: 'cjs',
+        minify: production,
+        sourcemap: !production,
+        sourcesContent: false,
+        platform: 'node',
+        outfile: 'out/extension.js',
+        external: ['vscode'],
+        logLevel: 'silent',
+        plugins: [
+            /* add to the end of plugins array */
+            esbuildProblemMatcherPlugin,
+        ],
+    })
+    if (watch) {
+        await ctx.watch()
+    } else {
+        await ctx.rebuild()
+        await ctx.dispose()
+    }
+}
+
+/**
+ * @type {import('esbuild').Plugin}
+ */
+const esbuildProblemMatcherPlugin = {
+    name: 'esbuild-problem-matcher',
+
+    setup(build) {
+        build.onStart(() => {
+            console.log('[watch] build started')
+        })
+        build.onEnd(result => {
+            result.errors.forEach(({ text, location }) => {
+                console.error(`✘ [ERROR] ${text}`)
+                console.error(
+                    `    ${location.file}:${location.line}:${location.column}:`,
+                )
+            })
+            console.log('[watch] build finished')
+        })
+    },
+}
+
+main().catch(e => {
+    console.error(e)
+    process.exit(1)
+})

package.json

@@ -58,9 +58,12 @@
     "scripts": {
         "deploy": "vsce publish --no-dependencies",
         "deploy_ovsx": "ovsx publish --no-dependencies",
-        "vscode:prepublish": "pnpm run compile",
-        "compile": "tsc -p ./",
-        "watch": "tsc -watch -p ./",
+        "vscode:prepublish": "pnpm run check-types && node esbuild.mjs --production",
+        "check-types": "tsc --noEmit",
+        "compile": "pnpm run check-types && node esbuild.mjs",
+        "watch": "npm-run-all -p watch:*",
+        "watch:esbuild": "node esbuild.mjs --watch",
+        "watch:tsc": "tsc --noEmit --watch --project tsconfig.json",
         "pretest": "pnpm run compile && pnpm run lint",
         "package": "vsce package --no-dependencies",
         "lint": "eslint src",
@@ -77,10 +80,12 @@
         "@types/vscode": "1.65.0",
         "@vscode/test-electron": "^2.4.1",
         "@vscode/vsce": "^3.2.1",
+        "esbuild": "^0.24.0",
         "eslint": "^9.15.0",
         "glob": "^11.0.0",
         "lint-staged": "^15.2.10",
         "mocha": "^10.8.2",
+        "npm-run-all": "^4.1.5",
         "ovsx": "^0.10.1",
         "prettier": "^3.3.3",
         "simple-git-hooks": "^2.11.1",