From 773ca663f9b5ddfb69cd889f06008e1ec8ff87e0 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Sat, 11 Oct 2025 09:41:32 +0000
Subject: [PATCH] Add ability to apply image overlays on the server

Introduces a new POST endpoint `/api/media/apply-overlays` that uses Sharp to apply customizable ribbon and price badge overlays to images server-side.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/Hpj2VzR
---
 attached_assets/image_1760175257880.png | Bin 0 -> 15021 bytes
 server/routes.ts                        | 315 ++++++++++++------------
 2 files changed, 158 insertions(+), 157 deletions(-)
 create mode 100644 attached_assets/image_1760175257880.png

diff --git a/attached_assets/image_1760175257880.png b/attached_assets/image_1760175257880.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a215f02ae6bc2337fd6460b5862000b05f0a041
GIT binary patch
literal 15021
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
GL;fGrqzA<S

literal 0
HcmV?d00001

diff --git a/server/routes.ts b/server/routes.ts
index 8d7f5b7..a5a52a6 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -517,6 +517,164 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+  // Apply overlays to image using Sharp (server-side processing)
+  // IMPORTANT: This must be BEFORE /api/media/:id to avoid being intercepted by :id parameter
+  app.post("/api/media/apply-overlays", requireAuth, async (req, res) => {
+    try {
+      const { imageUrl, ribbon, priceBadge } = req.body;
+      const user = req.user as User;
+      const userId = user.id;
+
+      if (!imageUrl) {
+        return res.status(400).json({ error: "Image URL required" });
+      }
+
+      console.log("🎨 Applying overlays server-side with Sharp...");
+      console.log("📥 Image URL:", imageUrl);
+      console.log("🎀 Ribbon:", ribbon);
+      console.log("💰 Price Badge:", priceBadge);
+
+      // Download image from URL
+      const imageResponse = await fetch(imageUrl);
+      const imageBuffer = Buffer.from(await imageResponse.arrayBuffer());
+      console.log("✅ Image downloaded:", imageBuffer.length, "bytes");
+
+      // Load with Sharp to process
+      const sharp = (await import("sharp")).default;
+      let image = sharp(imageBuffer);
+      
+      // Get image metadata for dimensions
+      const metadata = await image.metadata();
+      const width = metadata.width!;
+      const height = metadata.height!;
+
+      console.log(`📐 Image dimensions: ${width}x${height}`);
+
+      // Create SVG overlays
+      const overlays: any[] = [];
+
+      // Add ribbon overlay
+      if (ribbon) {
+        const ribbonSize = 150;
+        const positions: Record<string, { x: number; y: number; rotation: number }> = {
+          top_left: { x: 0, y: 0, rotation: -45 },
+          top_right: { x: width - ribbonSize, y: 0, rotation: 45 },
+          bottom_left: { x: 0, y: height - ribbonSize, rotation: -135 },
+          bottom_right: { x: width - ribbonSize, y: height - ribbonSize, rotation: 135 }
+        };
+
+        const pos = positions[ribbon.position] || positions.top_left;
+        const color = ribbon.color === 'red' ? '#dc2626' : '#eab308';
+        const fontSize = ribbon.text.length <= 5 ? 22 : ribbon.text.length <= 8 ? 18 : ribbon.text.length <= 11 ? 15 : 12;
+
+        const ribbonSvg = `
+          <svg width="${ribbonSize}" height="${ribbonSize}">
+            <polygon points="0,0 ${ribbonSize},${ribbonSize} 0,${ribbonSize}" fill="${color}"/>
+            <text x="${ribbonSize/2}" y="${ribbonSize/2}" 
+                  font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="bold" 
+                  fill="white" text-anchor="middle" dominant-baseline="middle"
+                  transform="rotate(${pos.rotation} ${ribbonSize/2} ${ribbonSize/2})">
+              ${ribbon.text}
+            </text>
+          </svg>
+        `;
+
+        overlays.push({
+          input: Buffer.from(ribbonSvg),
+          top: pos.y,
+          left: pos.x
+        });
+      }
+
+      // Add price badge overlay
+      if (priceBadge) {
+        const padding = 16;
+        const badgeText = `€${priceBadge.price}`;
+        const fontSize = priceBadge.size;
+        const textWidth = badgeText.length * fontSize * 0.6; // Approximate
+        const badgeWidth = textWidth + padding * 2;
+        const badgeHeight = fontSize + padding;
+        const color = priceBadge.color === 'red' ? '#dc2626' : '#eab308';
+
+        let x = padding;
+        let y = padding;
+
+        if (priceBadge.position === 'north_east') {
+          x = width - badgeWidth - padding;
+        } else if (priceBadge.position === 'south_west') {
+          y = height - badgeHeight - padding;
+        } else if (priceBadge.position === 'south_east') {
+          x = width - badgeWidth - padding;
+          y = height - badgeHeight - padding;
+        }
+
+        const badgeSvg = `
+          <svg width="${badgeWidth}" height="${badgeHeight}">
+            <rect x="0" y="0" width="${badgeWidth}" height="${badgeHeight}" 
+                  rx="${badgeHeight/2}" ry="${badgeHeight/2}" fill="${color}"/>
+            <text x="${badgeWidth/2}" y="${badgeHeight/2}" 
+                  font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="bold" 
+                  fill="white" text-anchor="middle" dominant-baseline="middle">
+              ${badgeText}
+            </text>
+          </svg>
+        `;
+
+        overlays.push({
+          input: Buffer.from(badgeSvg),
+          top: y,
+          left: x
+        });
+      }
+
+      // Apply all overlays
+      if (overlays.length > 0) {
+        image = image.composite(overlays);
+      }
+
+      // Convert to buffer
+      const outputBuffer = await image.jpeg({ quality: 95 }).toBuffer();
+
+      console.log("✅ Overlays applied, uploading to Cloudinary...");
+
+      // Check if Cloudinary is configured
+      const cloudinaryConfig = await storage.getCloudinaryConfig(userId);
+      if (!cloudinaryConfig) {
+        return res.status(400).json({ 
+          error: "Cloudinary not configured. Please configure Cloudinary in Settings first." 
+        });
+      }
+
+      // Upload to Cloudinary
+      const uploadResult = await cloudinaryService.uploadMedia(
+        outputBuffer,
+        `edited_${Date.now()}.jpg`,
+        userId,
+        'image/jpeg'
+      );
+
+      // Save to database
+      const mediaItem = await storage.createMedia({
+        userId,
+        type: "image",
+        cloudinaryPublicId: uploadResult.publicId,
+        originalUrl: uploadResult.originalUrl,
+        facebookFeedUrl: uploadResult.facebookFeedUrl,
+        instagramFeedUrl: uploadResult.instagramFeedUrl,
+        instagramStoryUrl: uploadResult.instagramStoryUrl,
+        fileName: `edited_${Date.now()}.jpg`,
+        fileSize: outputBuffer.length,
+      });
+
+      console.log("✅ Image saved with ID:", mediaItem.id);
+      res.json(mediaItem);
+    } catch (error) {
+      console.error("💥 Error applying overlays:", error);
+      const errorMessage = error instanceof Error ? error.message : "Failed to apply overlays";
+      res.status(500).json({ error: errorMessage });
+    }
+  });
+
   // Delete media
   app.delete("/api/media/:id", requireAuth, async (req, res) => {
     try {
@@ -1171,163 +1329,6 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
-  // Apply overlays to image using Sharp (server-side processing)
-  app.post("/api/media/apply-overlays", requireAuth, async (req, res) => {
-    try {
-      const { imageUrl, ribbon, priceBadge } = req.body;
-      const user = req.user as User;
-      const userId = user.id;
-
-      if (!imageUrl) {
-        return res.status(400).json({ error: "Image URL required" });
-      }
-
-      console.log("🎨 Applying overlays server-side with Sharp...");
-      console.log("📥 Image URL:", imageUrl);
-      console.log("🎀 Ribbon:", ribbon);
-      console.log("💰 Price Badge:", priceBadge);
-
-      // Download image from URL
-      const imageResponse = await fetch(imageUrl);
-      const imageBuffer = Buffer.from(await imageResponse.arrayBuffer());
-      console.log("✅ Image downloaded:", imageBuffer.length, "bytes");
-
-      // Load with Sharp to process
-      const sharp = (await import("sharp")).default;
-      let image = sharp(imageBuffer);
-      
-      // Get image metadata for dimensions
-      const metadata = await image.metadata();
-      const width = metadata.width!;
-      const height = metadata.height!;
-
-      console.log(`📐 Image dimensions: ${width}x${height}`);
-
-      // Create SVG overlays
-      const overlays: any[] = [];
-
-      // Add ribbon overlay
-      if (ribbon) {
-        const ribbonSize = 150;
-        const positions: Record<string, { x: number; y: number; rotation: number }> = {
-          top_left: { x: 0, y: 0, rotation: -45 },
-          top_right: { x: width - ribbonSize, y: 0, rotation: 45 },
-          bottom_left: { x: 0, y: height - ribbonSize, rotation: -135 },
-          bottom_right: { x: width - ribbonSize, y: height - ribbonSize, rotation: 135 }
-        };
-
-        const pos = positions[ribbon.position] || positions.top_left;
-        const color = ribbon.color === 'red' ? '#dc2626' : '#eab308';
-        const fontSize = ribbon.text.length <= 5 ? 22 : ribbon.text.length <= 8 ? 18 : ribbon.text.length <= 11 ? 15 : 12;
-
-        const ribbonSvg = `
-          <svg width="${ribbonSize}" height="${ribbonSize}">
-            <polygon points="0,0 ${ribbonSize},${ribbonSize} 0,${ribbonSize}" fill="${color}"/>
-            <text x="${ribbonSize/2}" y="${ribbonSize/2}" 
-                  font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="bold" 
-                  fill="white" text-anchor="middle" dominant-baseline="middle"
-                  transform="rotate(${pos.rotation} ${ribbonSize/2} ${ribbonSize/2})">
-              ${ribbon.text}
-            </text>
-          </svg>
-        `;
-
-        overlays.push({
-          input: Buffer.from(ribbonSvg),
-          top: pos.y,
-          left: pos.x
-        });
-      }
-
-      // Add price badge overlay
-      if (priceBadge) {
-        const padding = 16;
-        const badgeText = `€${priceBadge.price}`;
-        const fontSize = priceBadge.size;
-        const textWidth = badgeText.length * fontSize * 0.6; // Approximate
-        const badgeWidth = textWidth + padding * 2;
-        const badgeHeight = fontSize + padding;
-        const color = priceBadge.color === 'red' ? '#dc2626' : '#eab308';
-
-        let x = padding;
-        let y = padding;
-
-        if (priceBadge.position === 'north_east') {
-          x = width - badgeWidth - padding;
-        } else if (priceBadge.position === 'south_west') {
-          y = height - badgeHeight - padding;
-        } else if (priceBadge.position === 'south_east') {
-          x = width - badgeWidth - padding;
-          y = height - badgeHeight - padding;
-        }
-
-        const badgeSvg = `
-          <svg width="${badgeWidth}" height="${badgeHeight}">
-            <rect x="0" y="0" width="${badgeWidth}" height="${badgeHeight}" 
-                  rx="${badgeHeight/2}" ry="${badgeHeight/2}" fill="${color}"/>
-            <text x="${badgeWidth/2}" y="${badgeHeight/2}" 
-                  font-family="Arial, sans-serif" font-size="${fontSize}" font-weight="bold" 
-                  fill="white" text-anchor="middle" dominant-baseline="middle">
-              ${badgeText}
-            </text>
-          </svg>
-        `;
-
-        overlays.push({
-          input: Buffer.from(badgeSvg),
-          top: y,
-          left: x
-        });
-      }
-
-      // Apply all overlays
-      if (overlays.length > 0) {
-        image = image.composite(overlays);
-      }
-
-      // Convert to buffer
-      const outputBuffer = await image.jpeg({ quality: 95 }).toBuffer();
-
-      console.log("✅ Overlays applied, uploading to Cloudinary...");
-
-      // Check if Cloudinary is configured
-      const cloudinaryConfig = await storage.getCloudinaryConfig(userId);
-      if (!cloudinaryConfig) {
-        return res.status(400).json({ 
-          error: "Cloudinary not configured. Please configure Cloudinary in Settings first." 
-        });
-      }
-
-      // Upload to Cloudinary
-      const uploadResult = await cloudinaryService.uploadMedia(
-        outputBuffer,
-        `edited_${Date.now()}.jpg`,
-        userId,
-        'image/jpeg'
-      );
-
-      // Save to database
-      const mediaItem = await storage.createMedia({
-        userId,
-        type: "image",
-        cloudinaryPublicId: uploadResult.publicId,
-        originalUrl: uploadResult.originalUrl,
-        facebookFeedUrl: uploadResult.facebookFeedUrl,
-        instagramFeedUrl: uploadResult.instagramFeedUrl,
-        instagramStoryUrl: uploadResult.instagramStoryUrl,
-        fileName: `edited_${Date.now()}.jpg`,
-        fileSize: outputBuffer.length,
-      });
-
-      console.log("✅ Image saved with ID:", mediaItem.id);
-      res.json(mediaItem);
-    } catch (error) {
-      console.error("💥 Error applying overlays:", error);
-      const errorMessage = error instanceof Error ? error.message : "Failed to apply overlays";
-      res.status(500).json({ error: errorMessage });
-    }
-  });
-
   const httpServer = createServer(app);
 
   return httpServer;