#267 frontend: resolve hmr error when running dockerized in dev mode

frontend/cypress/e2e/pass-through.cy.ts

@@ -1,12 +1,5 @@
 describe('pass-through tests', () => {
 	beforeEach(() => {
-		Cypress.on('uncaught:exception', (err) => {
-			if (err.message.includes('Failed to construct \'WebSocket\'')) {
-				// Ignore weird WebSocket construction error - only occurs when using Docker and does not affect the functionality of the app
-				console.log('Caught WebSocket construction error: ' + err.message)
-				return false
-			}
-		})
 		cy.visit('http://localhost/')
 	})
 

frontend/vite.config.ts

@@ -15,7 +15,15 @@ export default defineConfig({
   },
   envDir: './',
   envPrefix: 'VITE_',
-  define: {
+  define: { // in order for env variables to be reliably available in the docker container
     'process.env': process.env
+  },
+  server: {
+    // in order for hot module replacement to not throw an error inside the docker container
+    // (localhost would resolve to the container and not the host)
+    hmr: {
+      host: 'ws://host.docker.internal',
+      port: 80
+    }
   }
 })