Fix compatibility between dev setups

CONTRIBUTING.rst

@@ -47,8 +47,8 @@ Setup front-end only development environment
 
 5. Launch the development server::
 
-    # this will serve the front-end on http://localhost:8080
-    yarn dev
+    # this will serve the front-end on http://localhost:8000
+    VUE_PORT=8000 yarn dev
 
 6. Make the front-end talk with an existing server (like https://demo.funkwhale.audio or https://open.audio),
    by clicking on the corresponding link in the footer

dev.yml

@@ -17,7 +17,7 @@ services:
       - "./po:/po"
     networks:
       - internal
-    command: "yarn dev --base /front/"
+    command: "yarn dev --host --base /front/"
 
   postgres:
     env_file:

front/package.json

@@ -5,7 +5,7 @@
   "description": "Funkwhale front-end",
   "author": "Funkwhale Collective <contact@funkwhale.audio>",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build": "vite build",
     "build:deployment": "vite build --base /front/",
     "serve": "vite preview",

front/vite.config.js

@@ -29,13 +29,13 @@ export default defineConfig({
   server: {
     port: process.env.VUE_PORT || '8080',
     hmr: {
-      port: '8000',
-      protocol: 'ws',
+      port: process.env.FUNKWHALE_PROTOCOL === 'https' ? 443 : 8000,
+      protocol: process.env.FUNKWHALE_PROTOCOL === 'https' ? 'wss' : 'ws',
     }
-  },  
+  },
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
-  },  
+  },
 })