matthias.lotz
a0d74f795a
Major Frontend Refactoring: - Replace ImagePreviewGallery with unified ImageGallery/ImageGalleryCard components - Support 4 display modes: group, moderation, preview, single-image - Add hidePreview prop to conditionally hide group preview images - Unified grid layout with responsive 3/2/1 column design - Remove 15+ legacy files and components - Delete UploadedImagePage, SocialMedia components, old upload components - Remove unused CSS files (GroupCard.css, Image.css/scss) - Clean up /upload/:image_url route from App.js - Fix image preview functionality in MultiUploadPage - Convert File objects to blob URLs with URL.createObjectURL() - Add proper memory cleanup with URL.revokeObjectURL() - Improve page navigation and layout - Fix GroupsOverviewPage to route to /groups/:groupId detail page - Adjust PublicGroupImagesPage spacing and layout - Fix ModerationGroupsPage duplicate stats section CSS Refactoring: - Rename GroupCard.css → ImageGallery.css with updated class names - Maintain backward compatibility with legacy class names - Fix grid stretching with fixed 3-column layout Development Environment: - Add docker-compose.override.yml for local development - Create Dockerfile.dev with hot-reload support - Add start-dev.sh and nginx.dev.conf - Update README.dev.md with development setup instructions Production Build: - Fix frontend/Dockerfile multi-stage build (as → AS) - Update prod.sh to explicitly use docker-compose.yml (ignore override) - Resolve node:18-alpine image corruption issue - Backend Dockerfile improvements for Node 14 compatibility Documentation: - Update TODO.md marking completed frontend tasks - Clean up docs/images directory - Update README.md with current project status All changes tested and verified in both development and production environments.
38 lines
780 B
Docker
38 lines
780 B
Docker
# => Build container
|
|
FROM node:18-alpine AS build
|
|
WORKDIR /app
|
|
COPY package.json ./
|
|
RUN npm install --silent
|
|
COPY . ./
|
|
ENV NODE_OPTIONS=--openssl-legacy-provider
|
|
RUN npm run build
|
|
|
|
# => Run container
|
|
FROM nginx:stable-alpine
|
|
|
|
# Nginx config
|
|
RUN rm -rf /etc/nginx/conf.d
|
|
COPY conf /etc/nginx
|
|
|
|
# Copy htpasswd file for authentication
|
|
COPY htpasswd /etc/nginx/.htpasswd
|
|
|
|
# Static build
|
|
COPY --from=build /app/build /usr/share/nginx/html
|
|
|
|
# Default port exposure
|
|
EXPOSE 80
|
|
|
|
# Copy .env file and shell script to container
|
|
WORKDIR /usr/share/nginx/html
|
|
COPY ./env.sh ./
|
|
COPY ./.env ./
|
|
|
|
# Add bash
|
|
RUN apk add --no-cache bash
|
|
|
|
# Make our shell script executable
|
|
RUN chmod +x env.sh
|
|
|
|
# Start Nginx server
|
|
CMD ["/bin/bash", "-c", "/usr/share/nginx/html/env.sh && nginx -g \"daemon off;\""] |