feat(vscode-extension): update package configuration for module support and improve build settings

Author: nasdan

packages/vscode-extension/package.json

@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "type": "module",
   "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "imports": {
     "#*": "./src/*"
   },

packages/vscode-extension/src/webview/bridge.ts

@@ -4,6 +4,7 @@ import {
   type HostMessage,
 } from '@lemoncode/quickmock-bridge-protocol';
 
+// Reference: https://code.visualstudio.com/api/extension-guides/webview#loading-local-content
 declare function acquireVsCodeApi(): { postMessage(msg: AppMessage): void };
 
 const vscode = acquireVsCodeApi();

packages/vscode-extension/tsdown.config.ts

@@ -5,20 +5,15 @@ export default defineConfig([
   {
     ...baseTsdownConfig,
     entry: ['src/index.ts'],
-    format: 'cjs',
+    format: ['esm', 'cjs'],
     dts: false,
     deps: { neverBundle: ['vscode'] },
   },
   {
+    ...baseTsdownConfig,
     entry: { webview: 'src/webview/main.ts' },
     format: 'iife',
     platform: 'browser',
-    outDir: 'dist',
-    target: 'es2022',
-    sourcemap: true,
-    clean: false,
-    dts: false,
-    deps: { alwaysBundle: /.*/ },
     outputOptions: {
       entryFileNames: '[name].js',
     },