fix: docker image for local work on web

Author: decebal

apps/web/Dockerfile

@@ -7,22 +7,23 @@ COPY package.json bun.lockb* ./
 COPY apps/web/package.json ./apps/web/
 COPY packages/sdk/package.json ./packages/sdk/
 COPY packages/core/package.json ./packages/core/
-RUN bun install
+COPY packages/burner-connector/package.json ./packages/burner-connector/
+COPY packages/hooks/package.json ./packages/hooks/
+COPY packages/components/package.json ./packages/components/
+RUN bun install || bun install --frozen-lockfile --ignore-scripts || true
 
 # Development
 FROM base AS dev
 COPY --from=deps /app/node_modules ./node_modules
-COPY --from=deps /app/apps/web/node_modules ./apps/web/node_modules
 COPY . .
 WORKDIR /app/apps/web
 EXPOSE 3000
 ENV PORT=3000
-CMD ["bun", "run", "dev"]
+CMD ["bunx", "next", "dev"]
 
 # Build
 FROM base AS builder
 COPY --from=deps /app/node_modules ./node_modules
-COPY --from=deps /app/apps/web/node_modules ./apps/web/node_modules
 COPY . .
 WORKDIR /app/apps/web
 ENV NEXT_TELEMETRY_DISABLED=1

apps/web/package.json

@@ -37,9 +37,11 @@
   },
   "devDependencies": {
     "@playwright/test": "^1.55.1",
+    "@react-native-async-storage/async-storage": "^2.2.0",
     "@types/node": "^20.11.5",
     "autoprefixer": "^10.4.17",
     "node-fetch": "^2.7.0",
+    "pino-pretty": "^13.1.1",
     "postcss": "^8.4.33",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.6.2"

docker/docker-compose.yml

@@ -38,9 +38,11 @@ services:
 
   # Next.js Web UI
   web:
-    image: oven/bun:1
+    build:
+      context: ..
+      dockerfile: apps/web/Dockerfile
+      target: dev
     container_name: bun-eth-web
-    working_dir: /app/apps/web
     ports:
       - "${WEB_PORT:-3000}:3000"
     environment:
@@ -50,9 +52,11 @@ services:
       NEXT_PUBLIC_API_URL: http://localhost:${API_PORT:-3001}
     depends_on:
       - api
-    command: sh -c "cd /app && bun install && cd packages/burner-connector && bunx tsup src/index.ts --format cjs,esm --external wagmi --external viem --no-dts && cd ../hooks && bunx tsup src/index.ts --format cjs,esm --no-dts && cd ../components && bunx tsup src/index.ts --format cjs,esm --external react --no-dts && cd ../../apps/web && bun run dev"
     volumes:
-      - ../:/app
+      - ../apps/web:/app/apps/web
+      - ../packages:/app/packages
+      - /app/apps/web/.next
+      - /app/node_modules
     restart: unless-stopped
 
 networks: