From e9368d1a95e33530fa68e810f04ccd07103db285 Mon Sep 17 00:00:00 2001 From: Muhammad Ibrahim Date: Tue, 28 Oct 2025 18:31:55 +0000 Subject: [PATCH] feat: add canvas runtime dependencies to frontend Docker image for Trianglify support --- docker/frontend.Dockerfile | 3 +++ frontend/src/components/Layout.jsx | 7 ++----- frontend/src/pages/Login.jsx | 7 ++----- 3 files changed, 7 insertions(+), 10 deletions(-) diff --git a/docker/frontend.Dockerfile b/docker/frontend.Dockerfile index 1301aec..5a1c702 100644 --- a/docker/frontend.Dockerfile +++ b/docker/frontend.Dockerfile @@ -39,6 +39,9 @@ RUN npm run build # Production stage FROM nginxinc/nginx-unprivileged:alpine +# Install runtime dependencies for canvas +RUN apk add --no-cache cairo pango jpeg libpng giflib + ENV BACKEND_HOST=backend \ BACKEND_PORT=3001 diff --git a/frontend/src/components/Layout.jsx b/frontend/src/components/Layout.jsx index a50c65c..5032ec1 100644 --- a/frontend/src/components/Layout.jsx +++ b/frontend/src/components/Layout.jsx @@ -265,11 +265,8 @@ const Layout = ({ children }) => { pattern.toCanvas(bgCanvasRef.current); } } catch (error) { - // Canvas/trianglify not available, skip background generation silently - // Only log in development for debugging - if (import.meta.env.DEV) { - console.warn("Could not generate Trianglify background:", error); - } + // Canvas/trianglify not available, skip background generation + console.warn("Could not generate Trianglify background:", error); } }; diff --git a/frontend/src/pages/Login.jsx b/frontend/src/pages/Login.jsx index 42d37a3..9979476 100644 --- a/frontend/src/pages/Login.jsx +++ b/frontend/src/pages/Login.jsx @@ -81,11 +81,8 @@ const Login = () => { pattern.toCanvas(canvasRef.current); } } catch (error) { - // Canvas/trianglify not available, skip background generation silently - // Only log in development for debugging - if (import.meta.env.DEV) { - console.warn("Could not generate Trianglify background:", error); - } + // Canvas/trianglify not available, skip background generation + console.warn("Could not generate Trianglify background:", error); } };