Fix broken dev environment set-up

.env.dev

@@ -12,6 +12,7 @@ FORWARDED_PROTO=http
 LDAP_ENABLED=False
 FUNKWHALE_SPA_HTML_ROOT=http://nginx/front/
 PYTHONTRACEMALLOC=0
+STATIC_URL=http://localhost:8000/staticfiles/
 
 # Uncomment this if you're using traefik/https
 # FORCE_HTTPS_URLS=True

changes/changelog.d/1726.bugfix

@@ -0,0 +1 @@
+Fixes development environment set-up with docker (1726)

dev.yml

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

docker/nginx/conf.dev

@@ -69,12 +69,12 @@ http {
             text/x-component
             text/x-cross-domain-policy;
 
-        add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
+        add_header Content-Security-Policy "default-src 'self' 'unsafe-eval'; connect-src 'self' 'unsafe-eval';  style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
         add_header Referrer-Policy "strict-origin-when-cross-origin";
         add_header X-Frame-Options "SAMEORIGIN" always;
 
         location /front/ {
-            add_header Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
+            add_header Content-Security-Policy "default-src 'self' 'unsafe-eval'; connect-src 'self' 'unsafe-eval';   style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self' data:; object-src 'none'; media-src 'self' data:";
             add_header Referrer-Policy "strict-origin-when-cross-origin";
             add_header Service-Worker-Allowed "/";
             # uncomment the following line and comment the proxy-pass one

front/package.json

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

front/vite.config.js

@@ -26,9 +26,16 @@ export default defineConfig({
       }
     }
   ],
+  server: {
+    port: process.env.VUE_PORT || '8080',
+    hmr: {
+      port: '8000',
+      protocol: 'ws',
+    }
+  },  
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
-  },
+  },  
 })