fix: Add HEIC/HEIF support and resolve CORS issues

- Add libheif-dev to backend Dockerfile to support HEIC/HEIF image uploads via sharp.
- Update backend URL in frontend to use 'photobackend.beachpartyballoons.com'.
- Update CORS whitelist to include the new backend hostname.
- Stage user's change to docker-compose.yml exposing port 5001.

admin/admin.js

@@ -55,9 +55,9 @@ document.addEventListener('DOMContentLoaded', () => {
     const responseDiv = document.getElementById('response');
 
     const backendUrl = (() => {
-        const { hostname } = window.location;
+        const { protocol } = window.location;
-        // Always use http because the backend is not serving https
+        const backendHostname = 'photobackend.beachpartyballoons.com';
-        return `http://${hostname}:5000`;
+        return `${protocol}//${backendHostname}`; // No explicit port needed as it's on 443
     })();
     const LAST_TAGS_KEY = 'bpb-last-tags';
     let adminPassword = '';

docker-compose.yml

@@ -17,7 +17,7 @@ services:
   photo-gallery-backend:
     build: ./photo-gallery-app/backend
     ports:
-      - "5000:5000"
+      - "5001:5000"
     environment:
       MONGO_URI: mongodb://mongodb:27017/photogallery
       WATERMARK_URL: http://watermarker:8000/watermark

photo-gallery-app/backend/Dockerfile

@@ -8,6 +8,7 @@ WORKDIR /usr/src/app
 RUN apt-get update && apt-get install -y \
     imagemagick \
     ghostscript \
+    libheif-dev \
     && rm -rf /var/lib/apt/lists/*
 
 # Copy package.json and package-lock.json to the working directory

photo-gallery-app/backend/server.js

@@ -7,6 +7,7 @@ const port = process.env.PORT || 5000;
 
 const whitelist = [
     'https://preview.beachpartyballoons.com',
+    'https://photobackend.beachpartyballoons.com', // Added new backend hostname as a potential origin
     'http://localhost:3050',
     'http://127.0.0.1:3050',
     'http://localhost:8080' // Common local dev port