frontend: vite.config: don't include hashes on draco files

Author: Williangalvani

core/frontend/vite.config.js

@@ -86,8 +86,29 @@ export default defineConfig(({ command, mode }) => {
         deleteOriginFile: true,
         filter: /\.(js|css|json|svg|txt|xml|wasm|glb)$/i,
       }),
+      // Fix Draco imports in dev server
+      {
+        name: 'draco-dev-fix',
+        apply: 'serve',
+        configureServer(server) {
+          server.middlewares.use((req, res, next) => {
+            if (req.url?.includes('/node_modules/three/examples/jsm/libs/draco/')) {
+              const fs = require('fs')
+              const filePath = path.join(__dirname, req.url)
+              if (fs.existsSync(filePath)) {
+                const ext = path.extname(req.url)
+                if (ext === '.wasm') res.setHeader('Content-Type', 'application/wasm')
+                else if (ext === '.js') res.setHeader('Content-Type', 'application/javascript')
+                res.end(fs.readFileSync(filePath))
+                return
+              }
+            }
+            next()
+          })
+        }
+      }
     ],
-    assetsInclude: ['**/*.gif', '**/*.glb', '**/*.png', '**/*.svg'],
+    assetsInclude: ['**/*.gif', '**/*.glb', '**/*.png', '**/*.svg', '**/assets/ArduPilot-Parameter-Repository**.json', '**/*.msg', "**/three/examples/jsm/libs/draco/*"],
     resolve: {
       extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
       alias: {
@@ -100,6 +121,22 @@ export default defineConfig(({ command, mode }) => {
         input: {
           main: path.resolve(__dirname, 'index.html'),
         },
+        output: {
+          assetFileNames: (assetInfo) => {
+            // List of file patterns to excluded from hashing
+            const noHashPatterns = [
+              /ArduPilot-Parameter-Repository.*\.json$/,
+              /three\/examples\/jsm\/libs\/draco\//
+            ];
+
+            if (assetInfo.name) {
+              if (noHashPatterns.some(pattern => pattern.test(assetInfo.name))) {
+                return `assets/[name][extname]`;
+              }
+            }
+            return `assets/[name]-[hash][extname]`;
+          }
+        }
       },
     },
     define: {
@@ -108,6 +145,9 @@ export default defineConfig(({ command, mode }) => {
     },
     server: {
       port: 8080,
+      fs: {
+        allow: ['..', './node_modules']
+      },
       proxy: {
         '^/status': {
           target: SERVER_ADDRESS,