matthias.lotz
aec9db2a76
- Add imageUtils.js helper with getImageSrc() and getGroupPreviewSrc() - Update ImageGalleryCard to use preview images for galleries - Update ModerationGroupsPage to show preview images in modal - Update ModerationGroupImagesPage to use preview images - Update PublicGroupImagesPage to pass all image fields - SlideshowPage continues using original images (full quality) - Update nginx.dev.conf with /api/previews and /api/download routes - Update start-dev.sh to generate correct nginx config - Fix GroupRepository.getAllGroupsWithModerationInfo() to return full image data - Remove obsolete version from docker-compose.override.yml - Update TODO.md: mark frontend cleanup as completed Performance: Gallery load times reduced by ~96% (100KB vs 3MB per image)
68 lines
2.3 KiB
YAML
68 lines
2.3 KiB
YAML
# Development override to mount the frontend source into a node container
|
|
# and run the React dev server with HMR so you can edit files locally
|
|
# without rebuilding images. This file is intended to be used together
|
|
# with the existing docker-compose.yml from the repository.
|
|
|
|
services:
|
|
image-uploader-frontend:
|
|
container_name: image-uploader-frontend-dev
|
|
# For dev convenience nginx needs to be able to bind to port 80 and write the pid file
|
|
# and we also adjust file permissions on bind-mounted node_modules; run as root in dev.
|
|
user: root
|
|
# Build and run a development image that contains both nginx and the
|
|
# React dev server. nginx will act as a reverse proxy to the dev server
|
|
# so the app behaves more like production while HMR still works.
|
|
build:
|
|
context: ./frontend
|
|
dockerfile: Dockerfile.dev
|
|
working_dir: /app
|
|
# Map host port 3000 to the nginx listener (container:80) so you can open
|
|
# http://localhost:3000 and see the nginx-served dev site.
|
|
ports:
|
|
- "3000:80"
|
|
volumes:
|
|
- ./frontend:/app:cached
|
|
# Keep container node_modules separate so host node_modules doesn't conflict
|
|
- node_modules:/app/node_modules
|
|
environment:
|
|
# Use the backend service name so the dev frontend (running in the same
|
|
# compose project) can reach the backend via the internal docker network.
|
|
- CHOKIDAR_USEPOLLING=true
|
|
- HOST=0.0.0.0
|
|
- API_URL=http://image-uploader-backend:5000
|
|
- CLIENT_URL=http://localhost:3000
|
|
networks:
|
|
- npm-nw
|
|
- image-uploader-internal
|
|
depends_on:
|
|
- image-uploader-backend
|
|
image-uploader-backend:
|
|
container_name: image-uploader-backend-dev
|
|
build:
|
|
context: ./backend
|
|
dockerfile: Dockerfile
|
|
working_dir: /usr/src/app
|
|
ports:
|
|
- "5000:5000"
|
|
volumes:
|
|
- ./backend:/usr/src/app:cached
|
|
- backend_node_modules:/usr/src/app/node_modules
|
|
environment:
|
|
- NODE_ENV=development
|
|
networks:
|
|
- image-uploader-internal
|
|
command: [ "npm", "run", "server" ]
|
|
# The Dockerfile.dev provides a proper CMD that starts nginx and the
|
|
# react dev server; no ad-hoc command is required here.
|
|
|
|
networks:
|
|
npm-nw:
|
|
external: true
|
|
image-uploader-internal:
|
|
driver: bridge
|
|
|
|
volumes:
|
|
node_modules:
|
|
driver: local
|
|
backend_node_modules:
|
|
driver: local |