Merge pull request 'Chrome HDR artefacting fix' (#25) from dev into main

Reviewed-on: #25

Dockerfile

@@ -1,10 +1,18 @@
-FROM python:3.11-slim
+FROM python:3.13-alpine AS builder
 
 WORKDIR /app
 
-COPY requirements.txt .
+RUN apk add --no-cache gcc musl-dev jpeg-dev zlib-dev
 
-RUN pip install --no-cache-dir -r requirements.txt
+COPY requirements.txt .
+RUN pip wheel --no-cache-dir --wheel-dir=/wheels -r requirements.txt
+
+FROM python:3.13-alpine
+
+WORKDIR /app
+
+COPY --from=builder /wheels /wheels
+RUN pip install --no-cache-dir --find-links=/wheels /wheels/* && rm -rf /wheels
 
 COPY build.py gallery.py VERSION /app/
 COPY ./src/ ./src/
@@ -12,7 +20,4 @@ COPY ./config /app/default
 COPY ./docker/.sh/entrypoint.sh /app/entrypoint.sh
 RUN chmod +x /app/entrypoint.sh
 
-RUN printf '#!/bin/sh\n/app/entrypoint.sh build\n' > /usr/local/bin/build && chmod +x /usr/local/bin/build && \
-    printf '#!/bin/sh\n/app/entrypoint.sh gallery\n' > /usr/local/bin/gallery && chmod +x /usr/local/bin/gallery
-
 ENTRYPOINT ["/app/entrypoint.sh"]

VERSION

@@ -1 +1 @@
-2.1.0
+2.1.1

docker/.sh/entrypoint.sh

@@ -1,4 +1,4 @@
-#!/bin/bash
+#!/bin/sh
 set -e
 
 CYAN="\033[1;36m"
@@ -6,27 +6,26 @@ NC="\033[0m"
 
 copy_default_config() {
   echo "[~] Checking configuration directory..."
-  if [ ! -d "/app/config" ]; then
-    mkdir -p /app/config
-  fi
+  mkdir -p /app/config
 
   echo "[~] Checking if default config files/folders need to be copied..."
   files_copied=false
 
-  # Recursively check all files and folders in /app/default
-  while IFS= read -r src; do
+  for src in $(find /app/default -mindepth 1); do
     relpath="${src#/app/default/}"
     target="/app/config/$relpath"
     if [ ! -e "$target" ]; then
       echo "[→] Copying: $relpath"
       if [ -d "$src" ]; then
-        cp -r "$src" "$target"
+        mkdir -p "$target"
+        cp -r "$src/" "$target/"
       else
+        mkdir -p "$(dirname "$target")"
         cp "$src" "$target"
       fi
       files_copied=true
     fi
-  done < <(find /app/default -mindepth 1)
+  done
 
   if [ "$files_copied" = true ]; then
     echo "[✓] Default configuration files/folders copied successfully."

src/public/js/lazy.js

@@ -32,6 +32,14 @@ window.addEventListener("DOMContentLoaded", () => {
       img.classList.add("loaded");
     };
 
+    // Chrome HDR artefacting fix
+    const clearWillChange = (e) => {
+      if (e.propertyName !== "transform") return;
+      img.style.willChange = "auto";
+      img.removeEventListener("transitionend", clearWillChange);
+    };
+    img.addEventListener("transitionend", clearWillChange);
+
     if (img.complete && img.naturalHeight !== 0) {
       onLoad(); // already loaded
     } else {