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.
42 lines
1.2 KiB
Docker
42 lines
1.2 KiB
Docker
FROM node:16-bullseye
|
|
|
|
# Install nginx and bash
|
|
RUN apt-get update \
|
|
&& apt-get install -y --no-install-recommends nginx procps bash ca-certificates \
|
|
&& rm -rf /var/lib/apt/lists/*
|
|
|
|
# Create a non-root user for dev
|
|
RUN useradd -m appuser || true
|
|
|
|
WORKDIR /app
|
|
|
|
# Copy package files first to leverage Docker cache for npm install
|
|
COPY package*.json ./
|
|
COPY env.sh ./
|
|
COPY nginx.dev.conf /etc/nginx/conf.d/default.conf
|
|
|
|
# Make /app owned by the non-root user, then run npm as that user so
|
|
# node_modules are created with the correct owner and we avoid an expensive
|
|
# recursive chown later.
|
|
RUN chown appuser:appuser /app || true
|
|
USER appuser
|
|
|
|
# Install dependencies as non-root (faster overall because we avoid chown -R)
|
|
RUN npm ci --legacy-peer-deps --no-audit --no-fund
|
|
|
|
# Switch back to root to add the start script and adjust nginx paths
|
|
USER root
|
|
COPY start-dev.sh /start-dev.sh
|
|
RUN chmod +x /start-dev.sh
|
|
|
|
# Ensure nginx log/lib dirs are writable by the app user (small set)
|
|
RUN chown -R appuser:appuser /var/lib/nginx /var/log/nginx || true
|
|
# Remove default Debian nginx site so our dev config becomes the active default
|
|
RUN rm -f /etc/nginx/sites-enabled/default || true
|
|
|
|
USER appuser
|
|
|
|
EXPOSE 80 3000
|
|
|
|
CMD ["/start-dev.sh"]
|