experimental shadow package from ui components

compose.yml

@@ -47,16 +47,20 @@ services:
       dockerfile: Dockerfile.dev
     ports:
       - "${VUE_PORT:-8080}:${VUE_PORT:-8080}"
+      - "24678:24678" # Vite HMR (Hot Module Replacement) port
     environment:
       - HOST
       - VUE_PORT
+      - VITE_HMR_HOST=localhost
+      - VITE_HMR_PORT=24678
     volumes:
+      - "./ui:/app/ui"
       - "./front:/app"
       - "/app/node_modules"
       - "./po:/po"
     networks:
       - internal
-    command: "yarn dev --host"
+    command: sh -c "ls -la && yarn dev --host"
 
   api:
     extends:

front/Dockerfile.dev

@@ -5,10 +5,16 @@ RUN apk add --no-cache jq bash coreutils python3
 
 EXPOSE 8080
 WORKDIR /app/
+
+# Create node_modules directory to prevent it from being hidden by volume mounts
+RUN mkdir -p node_modules
+
+# Copy UI package for initial installation
+COPY ui ./ui/
+
+# Copy entry script
 COPY scripts/ ./scripts/
 ADD package.json yarn.lock  ./
 RUN yarn install
 
-COPY . .
-
 CMD ["yarn", "serve"]

front/package.json

@@ -18,7 +18,6 @@
     "postinstall": "yarn run fix-fomantic-css"
   },
   "dependencies": {
-    "@funkwhale/ui": "0.3.0",
     "@sentry/tracing": "7.47.0",
     "@sentry/vue": "7.47.0",
     "@tauri-apps/api": "2.0.0-beta.1",
@@ -66,6 +65,7 @@
     "vuex-router-sync": "5.0.0"
   },
   "devDependencies": {
+    "ui": "file:/app/ui",
     "@faker-js/faker": "8.4.1",
     "@iconify/vue": "4.1.1",
     "@intlify/eslint-plugin-vue-i18n": "2.0.0",

front/vite.config.ts

@@ -58,7 +58,13 @@ export default defineConfig(({ mode }) => ({
     vueDevTools(),
   ],
   server: {
-    port
+    host: '0.0.0.0',
+    port: 8080,
+    hmr: {
+      host: 'localhost',
+      port: 24678,
+      protocol: 'ws'
+    },
   },
   resolve: {
     alias: [