Add hash to filenames of webpack split/chunk bundles, to prevent crash on switching browser versions

build_scripts/webpack-plugins.js

@@ -128,7 +128,8 @@ module.exports = () => {
         '!unusualLineTerminators',
         '!viewportSemanticTokens'
       ],
-      languages: []
+      languages: [],
+      filename: '[name]-[hash].worker.js'
     })
   ]
 

build_scripts/webpack-rules.js

@@ -23,19 +23,19 @@ const createStyledComponentsTransformer = require('typescript-plugin-styled-comp
   .default
 const styledComponentsTransformer = createStyledComponentsTransformer()
 
+const tsLoaderOptions = {
+  transpileOnly: true,
+  getCustomTransformers: () => ({
+    before: [...(helpers.isProduction ? [] : [styledComponentsTransformer])]
+  })
+}
+
 module.exports = [
   {
     test: /\.(ts|tsx)?$/,
     use: {
       loader: 'ts-loader',
-      options: {
-        transpileOnly: true,
-        getCustomTransformers: () => ({
-          before: [
-            ...(helpers.isProduction ? [] : [styledComponentsTransformer])
-          ]
-        })
-      }
+      options: tsLoaderOptions
     },
     include: [path.resolve('src')],
     exclude: /node_modules/
@@ -138,5 +138,20 @@ module.exports = [
   {
     test: /\.html?$/,
     use: ['html-loader']
+  },
+  {
+    test: /boltWorker\.ts/,
+    use: [
+      {
+        loader: 'worker-loader',
+        options: {
+          name: 'bolt-worker-[hash].js'
+        }
+      },
+      {
+        loader: 'ts-loader',
+        options: tsLoaderOptions
+      }
+    ]
   }
 ]

build_scripts/webpack.config.js

@@ -31,7 +31,7 @@ module.exports = {
   entry: [path.resolve(helpers.browserPath, 'index.tsx')],
   output: {
     filename: 'app-[hash].js',
-    chunkFilename: '[name].chunkhash.bundle.js',
+    chunkFilename: '[name]-[hash].bundle.js',
     publicPath: '',
     path: helpers.buildPath,
     globalObject: 'this'
@@ -89,12 +89,6 @@ module.exports = {
               name: 'neo4j-driver',
               chunks: 'all',
               enforce: true
-            },
-            worker: {
-              test: /boltWorker/,
-              name: 'worker',
-              chunks: 'all',
-              enforce: true
             }
           }
         }

src/browser/custom.d.ts

@@ -152,3 +152,11 @@ declare module 'monaco-editor/esm/vs/base/parts/quickinput/browser/quickInputLis
     }
   }
 }
+
+declare module 'shared/services/bolt/boltWorker' {
+  class WebpackWorker extends Worker {
+    constructor()
+  }
+
+  export default WebpackWorker
+}

src/shared/services/bolt/bolt.ts

@@ -37,8 +37,7 @@ import {
 import { NATIVE } from 'services/bolt/boltHelpers'
 import { setupBoltWorker, addTypesAsField } from './setup-bolt-worker'
 
-// @ts-expect-error ts-migrate(2307) FIXME: Cannot find module 'worker-loader?inline!./boltWor... Remove this comment to see the full error message
-import BoltWorkerModule from 'worker-loader?inline!./boltWorker'
+import BoltWorkerModule from 'shared/services/bolt/boltWorker'
 import { Connection } from 'shared/modules/connections/connectionsDuck'
 
 let connectionProperties: {} | null = null