dev: auto auto plugin reload + status in statusbar

Author: zardoy

buildTsPlugin.mjs

@@ -1,6 +1,7 @@
 //@ts-check
 import buildTsPlugin from '@zardoy/vscode-utils/build/buildTypescriptPlugin.js'
 import { build, analyzeMetafile } from 'esbuild'
+import fs from 'fs'
 
 const enableWatch = process.argv.includes('--watch')
 await build({
@@ -29,6 +30,22 @@ const result = await buildTsPlugin('typescript', undefined, undefined, {
         js: 'let ts, tsFull;',
         // js: 'const log = (...args) => console.log(...args.map(a => JSON.stringify(a)))',
     },
+    plugins: [
+        {
+            name: 'watch-notifier',
+            setup(build) {
+                const writeStatus = (/** @type {number} */ signal) => {
+                    fs.writeFileSync('./out/build_plugin_result', signal.toString())
+                }
+                build.onStart(() => {
+                    writeStatus(0)
+                })
+                build.onEnd(({ errors }) => {
+                    writeStatus(errors.length ? 2 : 1)
+                })
+            },
+        },
+    ],
 })
 
 // @ts-ignore

src/autoPluginReload.ts

@@ -0,0 +1,27 @@
+import * as vscode from 'vscode'
+import fs from 'fs'
+import { extensionCtx } from 'vscode-framework'
+
+export default () => {
+    const status = vscode.window.createStatusBarItem('plugin-auto-reload', vscode.StatusBarAlignment.Left, 1000)
+    status.show()
+    const watcher = vscode.workspace.createFileSystemWatcher(new vscode.RelativePattern(extensionCtx.extensionUri, 'build_plugin_result'))
+    const updateStatus = uri => {
+        const newStatus = fs.readFileSync(uri.fsPath, 'utf8')
+        if (newStatus === '1') {
+            void vscode.commands.executeCommand('typescript.restartTsServer')
+            status.text = 'Latest'
+        }
+
+        if (newStatus === '0') {
+            status.text = 'Rebuilding'
+        }
+
+        if (newStatus === '2') {
+            status.text = 'Build errored'
+        }
+    }
+
+    watcher.onDidChange(updateStatus)
+    watcher.onDidCreate(updateStatus)
+}

src/extension.ts

@@ -96,6 +96,10 @@ export const activateTsPlugin = (tsApi: { configurePlugin; onCompletionAccepted
 
     figIntegration()
     vueVolarSupport()
+
+    if (process.env.PLATFORM === 'node' && process.env.NODE_ENV === 'development') {
+        require('./autoPluginReload').default()
+    }
 }
 
 export const activate = async () => {