Update app/core/shadowGenerator.js

app/core/shadowGenerator.js

@@ -1,1627 +1,226 @@
-// const { createCanvas, loadImage } = require('canvas');
-// const path = require('path');
-// const fs = require('fs');
-
-// /**
-//  * Generate shadow for a PNG image
-//  * @param {string} imagePath - Path to input PNG
-//  * @param {object} options - { mode: 'drop'|'cast', dir: 'front'|'back'|'left'|'right', blur: number, opacity: number }
-//  * @returns {string} - Path to output shadowed image
-//  */
-// async function generateShadow(imagePath, options = {}) {
-//   const {
-//     mode = 'drop',
-//     dir = 'back',
-//     blur = 20,
-//     opacity = 0.4
-//   } = options;
-
-//   const img = await loadImage(imagePath);
-//   const w = img.width;
-//   const h = img.height;
-
-//   const canvas = createCanvas(w * 2, h * 2); // allow room for shadow
-//   const ctx = canvas.getContext('2d');
-
-//   ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-//   if (mode === 'drop') {
-//     drawDropShadow(ctx, img, w, h, dir, blur, opacity);
-//   } else {
-//     drawCastShadow(ctx, img, w, h, dir, blur, opacity);
-//   }
-
-//   // draw original image centered
-//   ctx.globalAlpha = 1;
-//   ctx.filter = 'none';
-//   ctx.drawImage(img, (canvas.width - w) / 2, (canvas.height - h) / 2, w, h);
-
-//   // save file
-//   const outPath = path.join(
-//     path.dirname(imagePath),
-//     `shadow_${Date.now()}.png`
-//   );
-//   const buffer = canvas.toBuffer('image/png');
-//   fs.writeFileSync(outPath, buffer);
-//   return outPath;
-// }
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity) {
-//   let dx = 0, dy = 0, offset = 40;
-//   if (dir === 'back') dy = offset;
-//   if (dir === 'front') dy = -offset;
-//   if (dir === 'left') dx = -offset;
-//   if (dir === 'right') dx = offset;
-
-//   ctx.save();
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.globalAlpha = opacity;
-//   ctx.drawImage(
-//     img,
-//     (ctx.canvas.width - w) / 2 + dx,
-//     (ctx.canvas.height - h) / 2 + dy,
-//     w,
-//     h
-//   );
-//   ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, dir, blur, opacity) {
-//   // make a shadow silhouette
-//   const temp = createCanvas(w, h);
-//   const tctx = temp.getContext('2d');
-//   tctx.drawImage(img, 0, 0, w, h);
-//   tctx.globalCompositeOperation = 'source-in';
-//   tctx.fillStyle = 'black';
-//   tctx.fillRect(0, 0, w, h);
-
-//   ctx.save();
-//   ctx.translate(ctx.canvas.width / 2, ctx.canvas.height * 0.85);
-//   let skewX = 0, stretchY = 1.5;
-//   if (dir === 'back') stretchY = 0.5;
-//   if (dir === 'front') stretchY = 2.0;
-//   if (dir === 'left') skewX = -0.8;
-//   if (dir === 'right') skewX = 0.8;
-
-//   ctx.transform(1, 0, skewX, stretchY * 0.3, 0, 0);
-//   ctx.globalAlpha = opacity;
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.drawImage(temp, -w / 2, -h, w, h);
-//   ctx.restore();
-// }
-
-// module.exports = { generateShadow };
-
-// const { createCanvas, loadImage } = require('canvas');
-
-// async function generateShadow(imageBuffer, options = {}) {
-//   const {
-//     type = 'cast',   // cast | drop | flat | box
-//     dir = 'back',    // used for non-cast
-//     blur = 8,
-//     opacity = 0.35,
-//     lightX,
-//     lightY
-//   } = options;
-
-//   const img = await loadImage(imageBuffer);
-//   const trimmed = trimImage(img);
-
-//   const W = 1000, H = 800;  // base canvas size (can be resized)
-//   const canvas = createCanvas(W, H);
-//   const ctx = canvas.getContext('2d');
-//   ctx.clearRect(0, 0, W, H);
-
-//   // Scale object to fit
-//   const maxW = W * 0.5;
-//   const maxH = H * 0.5;
-//   const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//   const scaledW = trimmed.width * scale;
-//   const scaledH = trimmed.height * scale;
-//   const baseY = H * 0.85;
-
-//   switch (type) {
-//     case 'drop':
-//       drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//       break;
-//     case 'flat':
-//       drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, W, H, baseY);
-//       break;
-//     case 'box':
-//       drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//       break;
-//     case 'cast':
-//     default:
-//       drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, W, H, baseY, lightX, lightY, dir);
-//       break;
-//   }
-
-//   // Draw object on top
-//   ctx.globalAlpha = 1;
-//   ctx.filter = "none";
-//   ctx.drawImage(trimmed.canvas, (W - scaledW) / 2, baseY - scaledH, scaledW, scaledH);
-
-//   return canvas.toBuffer("image/png");
-// }
-
-// // ----------------- Shadow Types ------------------
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, W, H, baseY) {
-//   let dx=0, dy=0, off=40;
-//   if (dir==='back') dy=off;
-//   if (dir==='front') dy=-off;
-//   if (dir==='left') dx=-off;
-//   if (dir==='right') dx=off;
-
-//   ctx.save();
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.globalAlpha = opacity;
-//   ctx.drawImage(img, (W-w)/2+dx, baseY-h+dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, W, H, baseY) {
-//   let dx=0, dy=0, off=30;
-//   if (dir==='back') dy=off;
-//   if (dir==='front') dy=-off;
-//   if (dir==='left') dx=-off;
-//   if (dir==='right') dx=off;
-
-//   ctx.save();
-//   ctx.globalAlpha = opacity;
-//   ctx.drawImage(img, (W-w)/2+dx, baseY-h+dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, W, H, baseY) {
-//   let dx=0, dy=0, off=30;
-//   if (dir==='back') dy=off;
-//   if (dir==='front') dy=-off;
-//   if (dir==='left') dx=-off;
-//   if (dir==='right') dx=off;
-
-//   ctx.save();
-//   ctx.fillStyle = "rgba(0,0,0,0.3)";
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.fillRect((W-w)/2+dx, baseY-h+dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, W, H, baseY, lightX, lightY, dir) {
-//   const shadowCanvas = createCanvas(w, h);
-//   const sctx = shadowCanvas.getContext('2d');
-//   sctx.drawImage(img, 0, 0, w, h);
-//   sctx.globalCompositeOperation = "source-in";
-//   sctx.fillStyle = "black";
-//   sctx.fillRect(0, 0, w, h);
-
-//   // relative light (0 = top, 1 = bottom)
-//   const relX = lightX ? (lightX / W - 0.5) * 2 : (dir==='left'?-1:dir==='right'?1:0);
-//   const relY = lightY ? (lightY / H) : (dir==='front'?0.2:dir==='back'?0.8:0.5);
-
-//   const stretch = 1 + (1 - relY) * 2;
-//   const skew = relX * 0.8;
-
-//   ctx.save();
-//   ctx.translate(W/2, baseY);
-
-//   if (relY > 0.5 || dir === 'back') {
-//     // Light is behind → shadow comes forward
-//     ctx.transform(1, 0, skew, -stretch * 0.3, 0, 0);
-//     ctx.globalAlpha = opacity;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.drawImage(shadowCanvas, -w/2, 0, w, h);
-//   } else {
-//     // Light in front/top → shadow behind
-//     ctx.transform(1, 0, skew, stretch * 0.3, 0, 0);
-//     ctx.globalAlpha = opacity;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.drawImage(shadowCanvas, -w/2, -h, w, h);
-//   }
-
-//   ctx.restore();
-// }
-
-// // ----------------- Trimming ------------------
-
-// function trimImage(image) {
-//   const temp = createCanvas(image.width, image.height);
-//   const tctx = temp.getContext('2d');
-//   tctx.drawImage(image, 0, 0);
-//   const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//   let top=temp.height, left=temp.width, right=0, bottom=0;
-//   for (let y=0;y<temp.height;y++) {
-//     for (let x=0;x<temp.width;x++) {
-//       const alpha = imgData.data[(y*temp.width+x)*4+3];
-//       if (alpha>0) {
-//         if (x<left) left=x;
-//         if (x>right) right=x;
-//         if (y<top) top=y;
-//         if (y>bottom) bottom=y;
-//       }
-//     }
-//   }
-
-//   const w = right-left+1;
-//   const h = bottom-top+1;
-//   const trimmedCanvas = createCanvas(w,h);
-//   const t2 = trimmedCanvas.getContext('2d');
-//   t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//   return { canvas: trimmedCanvas, width:w, height:h };
-// }
-
-// module.exports = { generateShadow };
-
-
-// const { createCanvas, loadImage } = require('canvas');
-
-// async function generateShadow(imageBuffer, options = {}) {
-//   const {
-//     type = 'cast',    // cast | drop | flat | box
-//     dir = 'back',     // back | front | left | right
-//     blur = 8,
-//     opacity = 0.35,
-//     lightX,           // optional custom light position
-//     lightY
-//   } = options;
-
-//   const img = await loadImage(imageBuffer);
-//   const trimmed = trimImage(img);
-
-//   const W = 1000, H = 800;        // base canvas size
-//   const canvas = createCanvas(W, H);
-//   const ctx = canvas.getContext('2d');
-//   ctx.clearRect(0, 0, W, H);
-
-//   // Scale object to fit canvas
-//   const maxW = W * 0.5;
-//   const maxH = H * 0.5;
-//   const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//   const scaledW = trimmed.width * scale;
-//   const scaledH = trimmed.height * scale;
-//   const baseY = H * 0.85;
-
-//   // Draw shadow
-//   switch (type) {
-//     case 'drop':
-//       drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//       break;
-//     case 'flat':
-//       drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, W, H, baseY);
-//       break;
-//     case 'box':
-//       drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//       break;
-//     case 'cast':
-//     default:
-//       drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, W, H, baseY, lightX, lightY, dir);
-//       break;
-//   }
-
-//   // Draw object on top
-//   ctx.globalAlpha = 1;
-//   ctx.filter = "none";
-//   ctx.drawImage(trimmed.canvas, (W - scaledW) / 2, baseY - scaledH, scaledW, scaledH);
-
-//   return canvas.toBuffer("image/png");
-// }
-
-// // ----------------- Shadow Types ------------------
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, W, H, baseY) {
-//   let dx = 0, dy = 0, off = 40;
-//   if (dir === 'back') dy = off;
-//   if (dir === 'front') dy = -off;
-//   if (dir === 'left') dx = -off;
-//   if (dir === 'right') dx = off;
-
-//   ctx.save();
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.globalAlpha = opacity;
-//   ctx.drawImage(img, (W - w) / 2 + dx, baseY - h + dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, W, H, baseY) {
-//   let dx = 0, dy = 0, off = 30;
-//   if (dir === 'back') dy = off;
-//   if (dir === 'front') dy = -off;
-//   if (dir === 'left') dx = -off;
-//   if (dir === 'right') dx = off;
-
-//   ctx.save();
-//   ctx.globalAlpha = opacity;
-//   ctx.drawImage(img, (W - w) / 2 + dx, baseY - h + dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, W, H, baseY) {
-//   let dx = 0, dy = 0, off = 30;
-//   if (dir === 'back') dy = off;
-//   if (dir === 'front') dy = -off;
-//   if (dir === 'left') dx = -off;
-//   if (dir === 'right') dx = off;
-
-//   ctx.save();
-//   ctx.fillStyle = `rgba(0,0,0,${opacity})`;
-//   ctx.filter = `blur(${blur}px)`;
-//   ctx.fillRect((W - w) / 2 + dx, baseY - h + dy, w, h);
-//   ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, W, H, baseY, lightX, lightY, dir) {
-//   const shadowCanvas = createCanvas(w, h);
-//   const sctx = shadowCanvas.getContext('2d');
-//   sctx.drawImage(img, 0, 0, w, h);
-//   sctx.globalCompositeOperation = "source-in";
-//   sctx.fillStyle = "black";
-//   sctx.fillRect(0, 0, w, h);
-
-//   // Light/skew calculations
-//   const relX = lightX ? (lightX / W - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//   const relY = lightY ? (lightY / H) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-
-//   const skew = relX * 0.8;
-//   const stretch = 1 + (1 - relY) * 2;
-
-//   ctx.save();
-//   ctx.translate(W / 2, baseY);
-
-//   if (dir === 'front' || relY < 0.5) {
-//     // Front-cast shadow anchored to bottom edge
-//     ctx.transform(1, 0, skew, -0.5, 0, 0); // negative Y stretch
-//     ctx.globalAlpha = opacity;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.drawImage(shadowCanvas, -w / 2, -h, w, h); // <- use -h to anchor correctly
-//   } else {
-//     // Shadow behind
-//     ctx.transform(1, 0, skew, 0.3, 0, 0);
-//     ctx.globalAlpha = opacity;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.drawImage(shadowCanvas, -w / 2, -h, w, h);
-//   }
-
-//   ctx.restore();
-// }
-
-// // ----------------- Trimming ------------------
-
-// function trimImage(image) {
-//   const temp = createCanvas(image.width, image.height);
-//   const tctx = temp.getContext('2d');
-//   tctx.drawImage(image, 0, 0);
-//   const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//   let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//   for (let y = 0; y < temp.height; y++) {
-//     for (let x = 0; x < temp.width; x++) {
-//       const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//       if (alpha > 0) {
-//         if (x < left) left = x;
-//         if (x > right) right = x;
-//         if (y < top) top = y;
-//         if (y > bottom) bottom = y;
-//       }
-//     }
-//   }
-
-//   const w = right - left + 1;
-//   const h = bottom - top + 1;
-//   const trimmedCanvas = createCanvas(w, h);
-//   const t2 = trimmedCanvas.getContext('2d');
-//   t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//   return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-
-// const { createCanvas, loadImage } = require('canvas');
-
-// async function generateShadow(imageBuffer, options = {}) {
-//     const {
-//         type = 'cast',    // cast | drop | flat | box
-//         dir = 'back',     // back | front | left | right
-//         blur = 8,
-//         opacity = 0.35,
-//         lightX,           // optional custom light position
-//         lightY
-//     } = options;
-
-//     const img = await loadImage(imageBuffer);
-//     const trimmed = trimImage(img);
-
-//     const W = 1000, H = 800;  // base canvas size
-//     const canvas = createCanvas(W, H);
-//     const ctx = canvas.getContext('2d');
-
-//     ctx.clearRect(0, 0, W, H); // transparent background
-
-//     // Scale object to fit canvas
-//     const maxW = W * 0.5;
-//     const maxH = H * 0.5;
-//     const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//     const scaledW = trimmed.width * scale;
-//     const scaledH = trimmed.height * scale;
-//     const baseY = H * 0.85;
-
-//     // Draw shadow
-//     switch (type) {
-//         case 'drop':
-//             drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//             break;
-//         case 'flat':
-//             drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, W, H, baseY);
-//             break;
-//         case 'box':
-//             drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, W, H, baseY);
-//             break;
-//         case 'cast':
-//         default:
-//             drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, W, H, baseY, lightX, lightY, dir);
-//             break;
-//     }
-
-//     // Draw object on top
-//     ctx.globalAlpha = 1;
-//     ctx.filter = "none";
-//     ctx.drawImage(trimmed.canvas, (W - scaledW) / 2, baseY - scaledH, scaledW, scaledH);
-
-//     return canvas.toBuffer("image/png");
-// }
-
-// // ----------------- Shadow Types ------------------
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, W, H, baseY) {
-//     let dx = 0, dy = 0, off = 40;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, (W - w) / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, W, H, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, (W - w) / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, W, H, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.fillStyle = `rgba(0,0,0,${opacity})`;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.fillRect((W - w) / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, W, H, baseY, lightX, lightY, dir) {
-//     const shadowCanvas = createCanvas(w, h);
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     // Draw object into shadow canvas
-//     sctx.drawImage(img, 0, 0, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, w, h);
-
-//     const relX = lightX ? (lightX / W - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//     const relY = lightY ? (lightY / H) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-
-//     const skew = relX * 0.8;
-
-//     ctx.save();
-//     ctx.translate(W / 2, baseY);
-
-//     if (dir === 'front' || relY < 0.5) {
-//         ctx.transform(1, 0, skew, -0.5, 0, 0);
-//         ctx.globalAlpha = opacity;
-//         ctx.filter = `blur(${blur}px)`;
-//         ctx.drawImage(shadowCanvas, -w / 2, -h, w, h); // anchored to bottom edge
-//     } else {
-//         ctx.transform(1, 0, skew, 0.3, 0, 0);
-//         ctx.globalAlpha = opacity;
-//         ctx.filter = `blur(${blur}px)`;
-//         ctx.drawImage(shadowCanvas, -w / 2, -h, w, h);
-//     }
-
-//     ctx.restore();
-// }
-
-// // ----------------- Trimming ------------------
-
-// function trimImage(image) {
-//     const temp = createCanvas(image.width, image.height);
-//     const tctx = temp.getContext('2d');
-//     tctx.drawImage(image, 0, 0);
-//     const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//     let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//     for (let y = 0; y < temp.height; y++) {
-//         for (let x = 0; x < temp.width; x++) {
-//             const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//             if (alpha > 0) {
-//                 if (x < left) left = x;
-//                 if (x > right) right = x;
-//                 if (y < top) top = y;
-//                 if (y > bottom) bottom = y;
-//             }
-//         }
-//     }
-
-//     const w = right - left + 1;
-//     const h = bottom - top + 1;
-//     const trimmedCanvas = createCanvas(w, h);
-//     const t2 = trimmedCanvas.getContext('2d');
-//     t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//     return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-
-
-// const { createCanvas, loadImage } = require('canvas');
-// const fs = require('fs'); // <-- add this
-
-// async function generateShadow(imageBuffer, options = {}) {
-//     const {
-//         type = 'cast',    // cast | drop | flat | box
-//         dir = 'back',     // back | front | left | right
-//         blur = 8,
-//         opacity = 0.35,
-//         lightX,
-//         lightY
-//     } = options;
-
-//     const img = await loadImage(imageBuffer);
-//     const trimmed = trimImage(img);
-
-//     // ---------------- Scale object ----------------
-//     const W = 1000, H = 800;
-//     const maxW = W * 0.5;
-//     const maxH = H * 0.5;
-//     const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//     const scaledW = trimmed.width * scale;
-//     const scaledH = trimmed.height * scale;
-
-//     // ---------------- Shadow offset padding ----------------
-//     const shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
-//     let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
-
-//     if (dir === 'back') extraBottom = shadowOffset;
-//     if (dir === 'front') extraTop = shadowOffset;
-//     if (dir === 'left') extraLeft = shadowOffset;
-//     if (dir === 'right') extraRight = shadowOffset;
-
-//     const canvasW = W + extraLeft + extraRight;
-//     const canvasH = H + extraTop + extraBottom;
-//     const canvas = createCanvas(canvasW, canvasH);
-//     const ctx = canvas.getContext('2d');
-//     ctx.clearRect(0, 0, canvasW, canvasH);
-
-//     const baseX = extraLeft + (canvasW - extraLeft - extraRight) / 2;
-//     const baseY = extraTop + H * 0.85;
-
-//     // ---------------- Draw shadow ----------------
-//     switch (type) {
-//         case 'drop':
-//             drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'flat':
-//             drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'box':
-//             drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'cast':
-//         default:
-//             drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, canvasW, canvasH, baseX, baseY, lightX, lightY, dir);
-//             break;
-//     }
-
-//     // ---------------- Draw object ----------------
-//     ctx.globalAlpha = 1;
-//     ctx.filter = "none";
-//     ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
-
-//     // ---------------- Debug: save image ----------------
-//     fs.writeFileSync('debug_shadow.png', canvas.toBuffer("image/png"));
-
-//     return canvas.toBuffer("image/png");
-// }
-
-// // ---------------- Shadow functions ----------------
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 40;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.fillStyle = `rgba(0,0,0,${opacity})`;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.fillRect(baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, W, H, baseX, baseY, lightX, lightY, dir) {
-//     const shadowCanvas = createCanvas(w, h);
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     sctx.drawImage(img, 0, 0, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, w, h);
-
-//     const relX = lightX ? (lightX / W - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//     const relY = lightY ? (lightY / H) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-
-//     const skew = relX * 0.8;
-
-//     ctx.save();
-//     ctx.translate(baseX, baseY);
-
-//     if (dir === 'front' || relY < 0.5) {
-//         ctx.transform(1, 0, skew, -0.5, 0, 0);
-//         ctx.globalAlpha = opacity;
-//         ctx.filter = `blur(${blur}px)`;
-//         ctx.drawImage(shadowCanvas, -w / 2, -h, w, h);
-//     } else {
-//         ctx.transform(1, 0, skew, 0.3, 0, 0);
-//         ctx.globalAlpha = opacity;
-//         ctx.filter = `blur(${blur}px)`;
-//         ctx.drawImage(shadowCanvas, -w / 2, -h, w, h);
-//     }
-
-//     ctx.restore();
-// }
-
-// // ---------------- Trimming ----------------
-// function trimImage(image) {
-//     const temp = createCanvas(image.width, image.height);
-//     const tctx = temp.getContext('2d');
-//     tctx.drawImage(image, 0, 0);
-//     const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//     let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//     for (let y = 0; y < temp.height; y++) {
-//         for (let x = 0; x < temp.width; x++) {
-//             const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//             if (alpha > 0) {
-//                 if (x < left) left = x;
-//                 if (x > right) right = x;
-//                 if (y < top) top = y;
-//                 if (y > bottom) bottom = y;
-//             }
-//         }
-//     }
-
-//     const w = right - left + 1;
-//     const h = bottom - top + 1;
-//     const trimmedCanvas = createCanvas(w, h);
-//     const t2 = trimmedCanvas.getContext('2d');
-//     t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//     return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-
-
-// const { createCanvas, loadImage } = require('canvas');
-// const fs = require('fs'); 
-
-// async function generateShadow(imageBuffer, options = {}) {
-//     const {
-//         type = 'cast',    // cast | drop | flat | box
-//         dir = 'back',     // back | front | left | right
-//         blur = 8,
-//         opacity = 0.35,
-//         lightX,
-//         lightY
-//     } = options;
-
-//     const img = await loadImage(imageBuffer);
-//     const trimmed = trimImage(img);
-
-//     // ---------------- Scale object ----------------
-//     const W = 1000, H = 800;
-//     const maxW = W * 0.5;
-//     const maxH = H * 0.5;
-//     const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//     const scaledW = trimmed.width * scale;
-//     const scaledH = trimmed.height * scale;
-
-//     // ---------------- Shadow offset padding ----------------
-//     const shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
-//     let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
-
-//     if (dir === 'back') extraBottom = shadowOffset;
-//     if (dir === 'front') extraTop = shadowOffset;
-//     if (dir === 'left') extraLeft = shadowOffset;
-//     if (dir === 'right') extraRight = shadowOffset;
-
-//     // Extra padding for cast shadows to prevent clipping
-//     if (type === 'cast') {
-//         extraTop += scaledH * 0.5;
-//         extraBottom += scaledH * 0.5;
-//         extraLeft += scaledW * 0.3;
-//         extraRight += scaledW * 0.3;
-//     }
-
-//     const canvasW = W + extraLeft + extraRight;
-//     const canvasH = H + extraTop + extraBottom;
-//     const canvas = createCanvas(canvasW, canvasH);
-//     const ctx = canvas.getContext('2d');
-//     ctx.clearRect(0, 0, canvasW, canvasH);
-
-//     // ---------------- Base position ----------------
-//     const baseX = extraLeft + W / 2;
-//     const baseY = extraTop + H; // bottom of object
-
-//     // ---------------- Draw shadow ----------------
-//     switch (type) {
-//         case 'drop':
-//             drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'flat':
-//             drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'box':
-//             drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, canvasW, canvasH, baseX, baseY);
-//             break;
-//         case 'cast':
-//         default:
-//             drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, canvasW, canvasH, baseX, baseY, lightX, lightY, dir);
-//             break;
-//     }
-
-//     // ---------------- Draw object ----------------
-//     ctx.globalAlpha = 1;
-//     ctx.filter = "none";
-//     ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
-
-//     // ---------------- Debug: save image ----------------
-//     fs.writeFileSync('debug_shadow.png', canvas.toBuffer("image/png"));
-
-//     return canvas.toBuffer("image/png");
-// }
-
-// // ---------------- Shadow functions ----------------
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 40;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, W, H, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.fillStyle = `rgba(0,0,0,${opacity})`;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.fillRect(baseX - w / 2 + dx, baseY - h + dy, w, h);
-//     ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, W, H, baseX, baseY, lightX, lightY, dir) {
-//     const shadowCanvas = createCanvas(w, h);
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     sctx.drawImage(img, 0, 0, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, w, h);
-
-//     const relX = lightX ? (lightX / W - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//     const relY = lightY ? (lightY / H) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-
-//     const skew = relX * 0.8;
-
-//     ctx.save();
-//     ctx.translate(baseX, baseY);
-
-//     if (dir === 'front' || relY < 0.5) {
-//         ctx.transform(1, 0, skew, -0.5, 0, 0);
-//     } else {
-//         ctx.transform(1, 0, skew, 0.3, 0, 0);
-//     }
-//     ctx.globalAlpha = opacity;
-//     ctx.filter = `blur(${blur}px)`;
-//     ctx.drawImage(shadowCanvas, -w / 2, -h, w, h);
-
-//     ctx.restore();
-// }
-
-// // ---------------- Trimming ----------------
-// function trimImage(image) {
-//     const temp = createCanvas(image.width, image.height);
-//     const tctx = temp.getContext('2d');
-//     tctx.drawImage(image, 0, 0);
-//     const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//     let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//     for (let y = 0; y < temp.height; y++) {
-//         for (let x = 0; x < temp.width; x++) {
-//             const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//             if (alpha > 0) {
-//                 if (x < left) left = x;
-//                 if (x > right) right = x;
-//                 if (y < top) top = y;
-//                 if (y > bottom) bottom = y;
-//             }
-//         }
-//     }
-
-//     const w = right - left + 1;
-//     const h = bottom - top + 1;
-//     const trimmedCanvas = createCanvas(w, h);
-//     const t2 = trimmedCanvas.getContext('2d');
-//     t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//     return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-// const { createCanvas, loadImage } = require('canvas');
-// const fs = require('fs');
-// const StackBlur = require('stackblur-canvas'); // Node-compatible
-
-// async function generateShadow(imageBuffer, options = {}) {
-//     const {
-//         type = 'cast',    // cast | drop | flat | box
-//         dir = 'back',     // back | front | left | right
-//         blur = 20,        // px
-//         opacity = 0.35,
-//         lightX,
-//         lightY
-//     } = options;
-
-//     const img = await loadImage(imageBuffer);
-//     const trimmed = trimImage(img); // <-- precise trimming
-
-//     // ---------------- Scale object ----------------
-//     const W = 1000, H = 800;
-//     const maxW = W * 0.5;
-//     const maxH = H * 0.5;
-//     const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//     const scaledW = trimmed.width * scale;
-//     const scaledH = trimmed.height * scale;
-
-//     // ---------------- Shadow padding ----------------
-//     let shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
-//     let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
-
-//     if (dir === 'back') extraBottom = shadowOffset;
-//     if (dir === 'front') extraTop = shadowOffset;
-//     if (dir === 'left') extraLeft = shadowOffset;
-//     if (dir === 'right') extraRight = shadowOffset;
-
-//     if (type === 'cast') {
-//         extraTop += scaledH * 0.5;
-//         extraBottom += scaledH * 0.5;
-//         extraLeft += scaledW * 0.3;
-//         extraRight += scaledW * 0.3;
-//     }
-
-//     const canvasW = W + extraLeft + extraRight;
-//     const canvasH = H + extraTop + extraBottom;
-//     const canvas = createCanvas(canvasW, canvasH);
-//     const ctx = canvas.getContext('2d');
-//     ctx.clearRect(0, 0, canvasW, canvasH);
-
-//     // ---------------- Base position ----------------
-//     const baseX = extraLeft + W / 2;
-//     const baseY = extraTop + H; // bottom of object
-
-//     // ---------------- Draw shadow ----------------
-//     switch (type) {
-//         case 'drop':
-//             drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-//             break;
-//         case 'flat':
-//             drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, baseX, baseY);
-//             break;
-//         case 'box':
-//             drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-//             break;
-//         case 'cast':
-//         default:
-//             drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, baseX, baseY, lightX, lightY, dir);
-//             break;
-//     }
-
-//     // ---------------- Draw object ----------------
-//     ctx.globalAlpha = 1;
-//     ctx.filter = "none";
-//     ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
-
-//     // ---------------- Debug save ----------------
-//     fs.writeFileSync('debug_shadow.png', canvas.toBuffer("image/png"));
-
-//     return canvas.toBuffer("image/png");
-// }
-
-// // ---------------- Shadow helpers ----------------
-
-// // Compute padding (based on blur) and overlap so blurred shadow touches the image.
-// function computePadOverlap(blur) {
-//     const pad = Math.max(4, Math.ceil(blur * 2)); // ensures enough padding for blur spread
-//     const overlap = Math.max(1, Math.round(blur * 0.6)); // how many px the shadow will overlap the image edge
-//     return { pad, overlap };
-// }
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 40;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     const { pad, overlap } = computePadOverlap(blur);
-
-//     // Create shadow canvas with padding so blur doesn't get clipped
-//     const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     const drawX = pad / 2;
-//     const drawY = pad / 2;
-//     sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-//     sctx.drawImage(img, drawX, drawY, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     // When drawing, position so the padded canvas overlaps the object's bottom by `overlap`
-//     const drawPosX = baseX - w / 2 + dx - pad / 2;
-//     const drawPosY = baseY - h + dy - pad / 2 + overlap;
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-//     ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     // flat shadow should sit directly under, so small upward overlap to avoid gap
-//     ctx.drawImage(img, baseX - w/2 + dx, baseY - h + dy + 1, w, h);
-//     ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     const { pad, overlap } = computePadOverlap(blur);
-
-//     const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-//     const sctx = shadowCanvas.getContext('2d');
-//     sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-//     // draw a filled rectangle centered with padding
-//     sctx.fillStyle = `black`;
-//     sctx.fillRect(pad/2, pad/2, w, h);
-
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     const drawPosX = baseX - w/2 + dx - pad / 2;
-//     const drawPosY = baseY - h + dy - pad / 2 + overlap;
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-//     ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, baseX, baseY, lightX, lightY, dir) {
-//     // We'll pad by blur*2 so StackBlur has room, then draw the original at pad/2,pad/2
-//     const { pad, overlap } = computePadOverlap(blur);
-//     const shadowW = Math.round(w + pad);
-//     const shadowH = Math.round(h + pad);
-//     const shadowCanvas = createCanvas(shadowW, shadowH);
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     sctx.clearRect(0, 0, shadowW, shadowH);
-//     const drawX = pad / 2;
-//     const drawY = pad / 2;
-//     sctx.drawImage(img, drawX, drawY, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, shadowW, shadowH);
-
-//     // Apply exact StackBlur (unchanged logic)
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowW, shadowH, blur);
-
-//     // Compute relative light/ skew similar to your original logic but keep consistent units
-//     // Use the canvas display size W/H approximation from wrapper (we don't have W,H here) so interpret rels relative to w/h:
-//     const relX = lightX ? (lightX / (w * 2) - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//     const relY = lightY ? (lightY / (h * 2)) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-//     const skew = relX * 0.8;
-
-//     ctx.save();
-//     ctx.translate(baseX, baseY);
-
-//     if (dir === 'front' || relY < 0.5) ctx.transform(1, 0, skew, -0.5, 0, 0);
-//     else ctx.transform(1, 0, skew, 0.3, 0, 0);
-
-//     ctx.globalAlpha = opacity;
-
-//     // Draw shadowCanvas so its inner image area overlaps the object's bottom by `overlap`
-//     // The object's top-left in local coords is (-w/2, -h)
-//     // Our padded image top-left is (-w/2 - pad/2, -h - pad/2)
-//     const drawPosX = -w / 2 - pad / 2;
-//     const drawPosY = -h - pad / 2 + overlap; // +overlap moves the shadow slightly up so blur touches object
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowW, shadowH);
-
-//     ctx.restore();
-// }
-
-// // ---------------- Trimming ----------------
-// function trimImage(image) {
-//     const temp = createCanvas(image.width, image.height);
-//     const tctx = temp.getContext('2d');
-//     tctx.drawImage(image, 0, 0);
-//     const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//     let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//     for (let y = 0; y < temp.height; y++) {
-//         for (let x = 0; x < temp.width; x++) {
-//             const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//             if (alpha > 0) {
-//                 if (x < left) left = x;
-//                 if (x > right) right = x;
-//                 if (y < top) top = y;
-//                 if (y > bottom) bottom = y;
-//             }
-//         }
-//     }
-
-//     const w = right - left + 1;
-//     const h = bottom - top + 1;
-//     const trimmedCanvas = createCanvas(w, h);
-//     const t2 = trimmedCanvas.getContext('2d');
-//     t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//     return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-// const { createCanvas, loadImage } = require('canvas');
-// const fs = require('fs');
-// const StackBlur = require('stackblur-canvas'); // Node-compatible
-
-// async function generateShadow(imageBuffer, options = {}) {
-//     const {
-//         type = 'cast',    // cast | drop | flat | box
-//         dir = 'back',     // back | front | left | right
-//         blur = 20,        // px
-//         opacity = 0.35,
-//         lightX,
-//         lightY
-//     } = options;
-
-//     const img = await loadImage(imageBuffer);
-//     const trimmed = trimImage(img); // precise trimming
-
-//     // ---------------- Scale object ----------------
-//     const W = 1000, H = 800;
-//     const maxW = W * 0.5;
-//     const maxH = H * 0.5;
-//     const scale = Math.min(maxW / trimmed.width, maxH / trimmed.height, 1);
-//     const scaledW = trimmed.width * scale;
-//     const scaledH = trimmed.height * scale;
-
-//     // ---------------- Shadow padding ----------------
-//     let shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
-//     let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
-
-//     if (dir === 'back') {
-//         extraBottom = shadowOffset;
-//         // left/right padding applied only for back direction
-//         extraLeft = shadowOffset;
-//         extraRight = shadowOffset;
-//     } 
-//     if (dir === 'front') extraTop = shadowOffset;
-
-//     if (type === 'cast') {
-//         extraTop += scaledH * 0.5;
-//         extraBottom += scaledH * 0.5;
-//         if (dir === 'back') {
-//             extraLeft += scaledW * 0.3;
-//             extraRight += scaledW * 0.3;
-//         }
-//     }
-
-//     const canvasW = W + extraLeft + extraRight;
-//     const canvasH = H + extraTop + extraBottom;
-//     const canvas = createCanvas(canvasW, canvasH);
-//     const ctx = canvas.getContext('2d');
-//     ctx.clearRect(0, 0, canvasW, canvasH);
-
-//     // ---------------- Base position ----------------
-//     const baseX = extraLeft + W / 2;
-//     const baseY = extraTop + H; // bottom of object
-
-//     // ---------------- Draw shadow ----------------
-//     switch (type) {
-//         case 'drop':
-//             drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-//             break;
-//         case 'flat':
-//             drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, baseX, baseY);
-//             break;
-//         case 'box':
-//             drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-//             break;
-//         case 'cast':
-//         default:
-//             drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, baseX, baseY, lightX, lightY, dir);
-//             break;
-//     }
-
-//     // ---------------- Draw object ----------------
-//     ctx.globalAlpha = 1;
-//     ctx.filter = "none";
-//     ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
-
-//     // ---------------- Debug save ----------------
-
-//     return canvas.toBuffer("image/png");
-// }
-
-// // ---------------- Shadow helpers ----------------
-// function computePadOverlap(blur) {
-//     const pad = Math.max(4, Math.ceil(blur * 2)); // ensures enough padding for blur spread
-//     const overlap = Math.max(1, Math.round(blur * 0.6)); // shadow overlap with object
-//     return { pad, overlap };
-// }
-
-// function drawDropShadow(ctx, img, w, h, dir, blur, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 40;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     const { pad, overlap } = computePadOverlap(blur);
-
-//     const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     const drawX = pad / 2;
-//     const drawY = pad / 2;
-//     sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-//     sctx.drawImage(img, drawX, drawY, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     const drawPosX = baseX - w / 2 + dx - pad / 2;
-//     const drawPosY = baseY - h + dy - pad / 2 + overlap;
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-//     ctx.restore();
-// }
-
-// function drawFlatShadow(ctx, img, w, h, dir, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     ctx.drawImage(img, baseX - w/2 + dx, baseY - h + dy + 1, w, h);
-//     ctx.restore();
-// }
-
-// function drawBoxShadow(ctx, w, h, dir, blur, opacity, baseX, baseY) {
-//     let dx = 0, dy = 0, off = 30;
-//     if (dir === 'back') dy = off;
-//     if (dir === 'front') dy = -off;
-//     if (dir === 'left') dx = -off;
-//     if (dir === 'right') dx = off;
-
-//     const { pad, overlap } = computePadOverlap(blur);
-
-//     const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-//     const sctx = shadowCanvas.getContext('2d');
-//     sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-//     sctx.fillStyle = `black`;
-//     sctx.fillRect(pad/2, pad/2, w, h);
-
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-//     ctx.save();
-//     ctx.globalAlpha = opacity;
-//     const drawPosX = baseX - w/2 + dx - pad / 2;
-//     const drawPosY = baseY - h + dy - pad / 2 + overlap;
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-//     ctx.restore();
-// }
-
-// function drawCastShadow(ctx, img, w, h, blur, opacity, baseX, baseY, lightX, lightY, dir) {
-//     const { pad, overlap } = computePadOverlap(blur);
-//     const shadowW = Math.round(w + pad);
-//     const shadowH = Math.round(h + pad);
-//     const shadowCanvas = createCanvas(shadowW, shadowH);
-//     const sctx = shadowCanvas.getContext('2d');
-
-//     sctx.clearRect(0, 0, shadowW, shadowH);
-//     const drawX = pad / 2;
-//     const drawY = pad / 2;
-//     sctx.drawImage(img, drawX, drawY, w, h);
-//     sctx.globalCompositeOperation = "source-in";
-//     sctx.fillStyle = "black";
-//     sctx.fillRect(0, 0, shadowW, shadowH);
-
-//     StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowW, shadowH, blur);
-
-//     const relX = lightX ? (lightX / (w * 2) - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-//     const relY = lightY ? (lightY / (h * 2)) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-//     const skew = relX * 0.8;
-
-//     ctx.save();
-//     ctx.translate(baseX, baseY);
-//     if (dir === 'front' || relY < 0.5) ctx.transform(1, 0, skew, -0.5, 0, 0);
-//     else ctx.transform(1, 0, skew, 0.3, 0, 0);
-
-//     ctx.globalAlpha = opacity;
-//     const drawPosX = -w / 2 - pad / 2;
-//     const drawPosY = -h - pad / 2 + overlap;
-//     ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowW, shadowH);
-
-//     ctx.restore();
-// }
-
-// // ---------------- Trimming ----------------
-// function trimImage(image) {
-//     const temp = createCanvas(image.width, image.height);
-//     const tctx = temp.getContext('2d');
-//     tctx.drawImage(image, 0, 0);
-//     const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-//     let top = temp.height, left = temp.width, right = 0, bottom = 0;
-//     for (let y = 0; y < temp.height; y++) {
-//         for (let x = 0; x < temp.width; x++) {
-//             const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-//             if (alpha > 0) {
-//                 if (x < left) left = x;
-//                 if (x > right) right = x;
-//                 if (y < top) top = y;
-//                 if (y > bottom) bottom = y;
-//             }
-//         }
-//     }
-
-//     const w = right - left + 1;
-//     const h = bottom - top + 1;
-//     const trimmedCanvas = createCanvas(w, h);
-//     const t2 = trimmedCanvas.getContext('2d');
-//     t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-//     return { canvas: trimmedCanvas, width: w, height: h };
-// }
-
-// module.exports = { generateShadow };
-
-
-
-const { createCanvas, loadImage } = require('canvas');
-const StackBlur = require('stackblur-canvas'); // Node-compatible
-
-async function generateShadow(imageBuffer, options = {}) {
-    const {
-        type = 'cast',    // cast | drop | flat | box
-        dir = 'back',     // back | front | left | right
-        blur = 20,        // px
-        opacity = 0.35,
-        lightX,
-        lightY
-    } = options;
-
-    const img = await loadImage(imageBuffer);
-    const trimmed = trimImage(img); // precise trimming
-
-    // ---------------- Use ORIGINAL object size (no fixed scaling) ----------------
-    const scaledW = trimmed.width;
-    const scaledH = trimmed.height;
-
-    // ---------------- Shadow padding ----------------
-    let shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
-    let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
-
-    if (dir === 'back') {
-        extraBottom = shadowOffset;
-        extraLeft = shadowOffset;
-        extraRight = shadowOffset;
-    } 
-    if (dir === 'front') extraTop = shadowOffset;
-
-    if (type === 'cast') {
-        extraTop += scaledH * 0.5;
-        extraBottom += scaledH * 0.5;
-        if (dir === 'back') {
-            extraLeft += scaledW * 0.3;
-            extraRight += scaledW * 0.3;
-        }
-    }
-
-    // ---------------- Final canvas size = original size + padding ----------------
-    const canvasW = scaledW + extraLeft + extraRight;
-    const canvasH = scaledH + extraTop + extraBottom;
-    const canvas = createCanvas(canvasW, canvasH);
-    const ctx = canvas.getContext('2d');
-    ctx.clearRect(0, 0, canvasW, canvasH);
-
-    // ---------------- Base position ----------------
-    const baseX = extraLeft + scaledW / 2;  // center of object
-    const baseY = extraTop + scaledH;       // bottom of object
-
-    // ---------------- Draw shadow ----------------
-    switch (type) {
-        case 'drop':
-            drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-            break;
-        case 'flat':
-            drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, baseX, baseY);
-            break;
-        case 'box':
-            drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
-            break;
-        case 'cast':
-        default:
-            drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, baseX, baseY, lightX, lightY, dir);
-            break;
-    }
-
-    // ---------------- Draw object ----------------
-    ctx.globalAlpha = 1;
-    ctx.filter = "none";
-    ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
-
-    return canvas.toBuffer("image/png");
-}
-
-// ---------------- Shadow helpers ----------------
-function computePadOverlap(blur) {
-    const pad = Math.max(4, Math.ceil(blur * 2)); // ensures enough padding for blur spread
-    const overlap = Math.max(1, Math.round(blur * 0.6)); // shadow overlap with object
-    return { pad, overlap };
-}
-
-function drawDropShadow(ctx, img, w, h, dir, blur, opacity, baseX, baseY) {
-    let dx = 0, dy = 0, off = 40;
-    if (dir === 'back') dy = off;
-    if (dir === 'front') dy = -off;
-    if (dir === 'left') dx = -off;
-    if (dir === 'right') dx = off;
-
-    const { pad, overlap } = computePadOverlap(blur);
-
-    const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-    const sctx = shadowCanvas.getContext('2d');
-
-    const drawX = pad / 2;
-    const drawY = pad / 2;
-    sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-    sctx.drawImage(img, drawX, drawY, w, h);
-    sctx.globalCompositeOperation = "source-in";
-    sctx.fillStyle = "black";
-    sctx.fillRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-    ctx.save();
-    ctx.globalAlpha = opacity;
-    const drawPosX = baseX - w / 2 + dx - pad / 2;
-    const drawPosY = baseY - h + dy - pad / 2 + overlap;
-    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-    ctx.restore();
-}
-
-function drawFlatShadow(ctx, img, w, h, dir, opacity, baseX, baseY) {
-    let dx = 0, dy = 0, off = 30;
-    if (dir === 'back') dy = off;
-    if (dir === 'front') dy = -off;
-    if (dir === 'left') dx = -off;
-    if (dir === 'right') dx = off;
-
-    ctx.save();
-    ctx.globalAlpha = opacity;
-    ctx.drawImage(img, baseX - w/2 + dx, baseY - h + dy + 1, w, h);
-    ctx.restore();
-}
-
-function drawBoxShadow(ctx, w, h, dir, blur, opacity, baseX, baseY) {
-    let dx = 0, dy = 0, off = 30;
-    if (dir === 'back') dy = off;
-    if (dir === 'front') dy = -off;
-    if (dir === 'left') dx = -off;
-    if (dir === 'right') dx = off;
-
-    const { pad, overlap } = computePadOverlap(blur);
-
-    const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
-    const sctx = shadowCanvas.getContext('2d');
-    sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
-
-    sctx.fillStyle = `black`;
-    sctx.fillRect(pad/2, pad/2, w, h);
-
-    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
-
-    ctx.save();
-    ctx.globalAlpha = opacity;
-    const drawPosX = baseX - w/2 + dx - pad / 2;
-    const drawPosY = baseY - h + dy - pad / 2 + overlap;
-    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
-    ctx.restore();
-}
-
-function drawCastShadow(ctx, img, w, h, blur, opacity, baseX, baseY, lightX, lightY, dir) {
-    const { pad, overlap } = computePadOverlap(blur);
-    const shadowW = Math.round(w + pad);
-    const shadowH = Math.round(h + pad);
-    const shadowCanvas = createCanvas(shadowW, shadowH);
-    const sctx = shadowCanvas.getContext('2d');
-
-    sctx.clearRect(0, 0, shadowW, shadowH);
-    const drawX = pad / 2;
-    const drawY = pad / 2;
-    sctx.drawImage(img, drawX, drawY, w, h);
-    sctx.globalCompositeOperation = "source-in";
-    sctx.fillStyle = "black";
-    sctx.fillRect(0, 0, shadowW, shadowH);
-
-    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowW, shadowH, blur);
-
-    const relX = lightX ? (lightX / (w * 2) - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
-    const relY = lightY ? (lightY / (h * 2)) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
-    const skew = relX * 0.8;
-
-    ctx.save();
-    ctx.translate(baseX, baseY);
-    if (dir === 'front' || relY < 0.5) ctx.transform(1, 0, skew, -0.5, 0, 0);
-    else ctx.transform(1, 0, skew, 0.3, 0, 0);
-
-    ctx.globalAlpha = opacity;
-    const drawPosX = -w / 2 - pad / 2;
-    const drawPosY = -h - pad / 2 + overlap;
-    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowW, shadowH);
-
-    ctx.restore();
-}
-
-// ---------------- Trimming ----------------
-function trimImage(image) {
-    const temp = createCanvas(image.width, image.height);
-    const tctx = temp.getContext('2d');
-    tctx.drawImage(image, 0, 0);
-    const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
-
-    let top = temp.height, left = temp.width, right = 0, bottom = 0;
-    for (let y = 0; y < temp.height; y++) {
-        for (let x = 0; x < temp.width; x++) {
-            const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
-            if (alpha > 0) {
-                if (x < left) left = x;
-                if (x > right) right = x;
-                if (y < top) top = y;
-                if (y > bottom) bottom = y;
-            }
-        }
-    }
-
-    const w = right - left + 1;
-    const h = bottom - top + 1;
-    const trimmedCanvas = createCanvas(w, h);
-    const t2 = trimmedCanvas.getContext('2d');
-    t2.drawImage(image, left, top, w, h, 0, 0, w, h);
-
-    return { canvas: trimmedCanvas, width: w, height: h };
-}
-
-module.exports = { generateShadow };
+
+
+
+const { createCanvas, loadImage } = require('canvas');
+const StackBlur = require('stackblur-canvas'); // Node-compatible
+
+async function generateShadow(imageBuffer, options = {}) {
+    const {
+        type = 'cast',    // cast | drop | flat | box
+        dir = 'back',     // back | front | left | right
+        blur = 20,        // px
+        opacity = 0.35,
+        lightX,
+        lightY
+    } = options;
+
+    const img = await loadImage(imageBuffer);
+    const trimmed = trimImage(img); // precise trimming
+
+    // ---------------- Use ORIGINAL object size (no fixed scaling) ----------------
+    const scaledW = trimmed.width;
+    const scaledH = trimmed.height;
+
+    // ---------------- Shadow padding ----------------
+    let shadowOffset = type === 'drop' ? 50 : type === 'flat' ? 40 : type === 'box' ? 40 : 200;
+    let extraTop = 0, extraBottom = 0, extraLeft = 0, extraRight = 0;
+
+    if (dir === 'back') {
+        extraBottom = shadowOffset;
+        extraLeft = shadowOffset;
+        extraRight = shadowOffset;
+    } 
+    if (dir === 'front')
+    {
+      extraTop = shadowOffset;
+      extraBottom = shadowOffset;   // add bottom to avoid shrinking
+      extraLeft = shadowOffset;
+      extraRight = shadowOffset;
+    }
+
+
+    if (type === 'cast') {
+        extraTop += scaledH * 0.5;
+        extraBottom += scaledH * 0.5;
+        if (dir === 'back') {
+            extraLeft += scaledW * 0.3;
+            extraRight += scaledW * 0.3;
+        }
+    }
+
+    // ---------------- Final canvas size = original size + padding ----------------
+    const canvasW = scaledW + extraLeft + extraRight;
+    const canvasH = scaledH + extraTop + extraBottom;
+    const canvas = createCanvas(canvasW, canvasH);
+    const ctx = canvas.getContext('2d');
+    ctx.clearRect(0, 0, canvasW, canvasH);
+
+    // ---------------- Base position ----------------
+    const baseX = extraLeft + scaledW / 2;  // center of object
+    const baseY = extraTop + scaledH;       // bottom of object
+
+    // ---------------- Draw shadow ----------------
+    switch (type) {
+        case 'drop':
+            drawDropShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
+            break;
+        case 'flat':
+            drawFlatShadow(ctx, trimmed.canvas, scaledW, scaledH, dir, opacity, baseX, baseY);
+            break;
+        case 'box':
+            drawBoxShadow(ctx, scaledW, scaledH, dir, blur, opacity, baseX, baseY);
+            break;
+        case 'cast':
+        default:
+            drawCastShadow(ctx, trimmed.canvas, scaledW, scaledH, blur, opacity, baseX, baseY, lightX, lightY, dir);
+            break;
+    }
+
+    // ---------------- Draw object ----------------
+    ctx.globalAlpha = 1;
+    ctx.filter = "none";
+    ctx.drawImage(trimmed.canvas, baseX - scaledW / 2, baseY - scaledH, scaledW, scaledH);
+
+    return canvas.toBuffer("image/png");
+}
+
+// ---------------- Shadow helpers ----------------
+function computePadOverlap(blur) {
+    const pad = Math.max(4, Math.ceil(blur * 2)); // ensures enough padding for blur spread
+    const overlap = Math.max(1, Math.round(blur * 0.6)); // shadow overlap with object
+    return { pad, overlap };
+}
+
+function drawDropShadow(ctx, img, w, h, dir, blur, opacity, baseX, baseY) {
+    let dx = 0, dy = 0, off = 40;
+    if (dir === 'back') dy = off;
+    if (dir === 'front') dy = -off;
+    if (dir === 'left') dx = -off;
+    if (dir === 'right') dx = off;
+
+    const { pad, overlap } = computePadOverlap(blur);
+
+    const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
+    const sctx = shadowCanvas.getContext('2d');
+
+    const drawX = pad / 2;
+    const drawY = pad / 2;
+    sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
+    sctx.drawImage(img, drawX, drawY, w, h);
+    sctx.globalCompositeOperation = "source-in";
+    sctx.fillStyle = "black";
+    sctx.fillRect(0, 0, shadowCanvas.width, shadowCanvas.height);
+
+    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
+
+    ctx.save();
+    ctx.globalAlpha = opacity;
+    const drawPosX = baseX - w / 2 + dx - pad / 2;
+    const drawPosY = baseY - h + dy - pad / 2 + overlap;
+    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
+    ctx.restore();
+}
+
+function drawFlatShadow(ctx, img, w, h, dir, opacity, baseX, baseY) {
+    let dx = 0, dy = 0, off = 30;
+    if (dir === 'back') dy = off;
+    if (dir === 'front') dy = -off;
+    if (dir === 'left') dx = -off;
+    if (dir === 'right') dx = off;
+
+    ctx.save();
+    ctx.globalAlpha = opacity;
+    ctx.drawImage(img, baseX - w/2 + dx, baseY - h + dy + 1, w, h);
+    ctx.restore();
+}
+
+function drawBoxShadow(ctx, w, h, dir, blur, opacity, baseX, baseY) {
+    let dx = 0, dy = 0, off = 30;
+    if (dir === 'back') dy = off;
+    if (dir === 'front') dy = -off;
+    if (dir === 'left') dx = -off;
+    if (dir === 'right') dx = off;
+
+    const { pad, overlap } = computePadOverlap(blur);
+
+    const shadowCanvas = createCanvas(Math.round(w + pad), Math.round(h + pad));
+    const sctx = shadowCanvas.getContext('2d');
+    sctx.clearRect(0, 0, shadowCanvas.width, shadowCanvas.height);
+
+    sctx.fillStyle = `black`;
+    sctx.fillRect(pad/2, pad/2, w, h);
+
+    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowCanvas.width, shadowCanvas.height, blur);
+
+    ctx.save();
+    ctx.globalAlpha = opacity;
+    const drawPosX = baseX - w/2 + dx - pad / 2;
+    const drawPosY = baseY - h + dy - pad / 2 + overlap;
+    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowCanvas.width, shadowCanvas.height);
+    ctx.restore();
+}
+
+function drawCastShadow(ctx, img, w, h, blur, opacity, baseX, baseY, lightX, lightY, dir) {
+    const { pad, overlap } = computePadOverlap(blur);
+    const shadowW = Math.round(w + pad);
+    const shadowH = Math.round(h + pad);
+    const shadowCanvas = createCanvas(shadowW, shadowH);
+    const sctx = shadowCanvas.getContext('2d');
+
+    sctx.clearRect(0, 0, shadowW, shadowH);
+    const drawX = pad / 2;
+    const drawY = pad / 2;
+    sctx.drawImage(img, drawX, drawY, w, h);
+    sctx.globalCompositeOperation = "source-in";
+    sctx.fillStyle = "black";
+    sctx.fillRect(0, 0, shadowW, shadowH);
+
+    StackBlur.canvasRGBA(shadowCanvas, 0, 0, shadowW, shadowH, blur);
+
+    const relX = lightX ? (lightX / (w * 2) - 0.5) * 2 : (dir === 'left' ? -1 : dir === 'right' ? 1 : 0);
+    const relY = lightY ? (lightY / (h * 2)) : (dir === 'front' ? 0.2 : dir === 'back' ? 0.8 : 0.5);
+    const skew = relX * 0.8;
+
+    ctx.save();
+    ctx.translate(baseX, baseY);
+    if (dir === 'front' || relY < 0.5) ctx.transform(1, 0, skew, -0.5, 0, 0);
+    else ctx.transform(1, 0, skew, 0.3, 0, 0);
+
+    ctx.globalAlpha = opacity;
+    const drawPosX = -w / 2 - pad / 2;
+    const drawPosY = -h - pad / 2 + overlap;
+    ctx.drawImage(shadowCanvas, drawPosX, drawPosY, shadowW, shadowH);
+
+    ctx.restore();
+}
+
+// ---------------- Trimming ----------------
+function trimImage(image) {
+    const temp = createCanvas(image.width, image.height);
+    const tctx = temp.getContext('2d');
+    tctx.drawImage(image, 0, 0);
+    const imgData = tctx.getImageData(0, 0, temp.width, temp.height);
+
+    let top = temp.height, left = temp.width, right = 0, bottom = 0;
+    for (let y = 0; y < temp.height; y++) {
+        for (let x = 0; x < temp.width; x++) {
+            const alpha = imgData.data[(y * temp.width + x) * 4 + 3];
+            if (alpha > 0) {
+                if (x < left) left = x;
+                if (x > right) right = x;
+                if (y < top) top = y;
+                if (y > bottom) bottom = y;
+            }
+        }
+    }
+
+    const w = right - left + 1;
+    const h = bottom - top + 1;
+    const trimmedCanvas = createCanvas(w, h);
+    const t2 = trimmedCanvas.getContext('2d');
+    t2.drawImage(image, left, top, w, h, 0, 0, w, h);
+
+    return { canvas: trimmedCanvas, width: w, height: h };
+}
+
+module.exports = { generateShadow };