making progress [ci skip]

Author: benfdking

vscode/extension/.gitignore

@@ -1,10 +1,8 @@
 node_modules
 dist
 out
-<<<<<<< HEAD
 .vscode-test
 *.vsix
 LICENSE
-=======
-.vscode-test
->>>>>>> c5ee2535 (progress)
+src_react
+!src_react/.gitkeep

vscode/extension/package.json

@@ -92,7 +92,7 @@
     "watch:tsc": "tsc --noEmit --watch --project tsconfig.json",
     "vscode:package": "vsce package --no-dependencies",
     "vscode:prepublish": "cp ../../LICENSE . && npm run package",
-    "package": "npm run check-types && node esbuild.js --production"
+    "package": "cd ../react && npm run build && cd ../extension && cp -r ../react/dist/* ./src_react && npm run check-types && node esbuild.js --production"
   },
   "dependencies": {
     "@types/fs-extra": "^11.0.4",

vscode/extension/src_react/.gitkeep

@@ -6,17 +6,40 @@ import tailwindcss from '@tailwindcss/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [TanStackRouterVite({ autoCodeSplitting: true }), viteReact(), tailwindcss()],
+  plugins: [TanStackRouterVite({ autoCodeSplitting: false }), viteReact(), tailwindcss()],
   test: {
     globals: true,
     environment: "jsdom",
   },
+
+  // This is to ensure we can import the bus module from the bus folder and have nice import paths
   resolve: {
     alias: {
       '@': resolve(__dirname, './src'),
       '@bus': resolve(__dirname, '../bus/src'),
     },
   },
+
+  // This is to ensure that the assets are in the assets folder are all named assets/[name].[extension] rather 
+  // than having a hash. 
+  build: {
+    // Everything below is pure Rollup syntax
+    rollupOptions: {
+      output: {
+        // ── JavaScript ──────────────────────────────────────
+        entryFileNames: 'assets/[name].js',        // main-entry
+        chunkFileNames: 'assets/[name].js',        // code-splits
+        // ── CSS & other assets ─────────────────────────────
+        assetFileNames: ({ name }) => {
+          // name = original file name with extension
+          const ext = name?.substring(name.lastIndexOf('.'))
+          return `assets/[name]${ext}`             // e.g. style.css
+        },
+      },
+    },
+  },
+
+  // This ensures that the API calls to the server are proxied to the server.
   server: {
     proxy: {
       '/api': {