NextJs Image Loader for Lightspeed Retail

next-lightspeed-loader

export default function lightspeedImageLoader({
  src,
  width,
  quality,
  baseImageURL = "https://res.cloudinary.com/lightspeed-retail/image/upload",
  extension = "webp",
  crop = "limit",
}) {
  // Remove any existing transformation and get publicID
  const publicIdMatch = src.match(/\/?([a-zA-Z0-9]+)\.(?:webp|jpg|png)$/);
  const publicID = publicIdMatch
    ? publicIdMatch[1]
    : src.replace(/^.*\//, "").replace(/\..*$/, "");

  // Build settings string
  const settings = [`w_${width}`];
  if (quality) settings.push(`q_${quality}`);
  const settingsSection = settings.join(",");

  return `${baseImageURL}/${settingsSection}/${publicID}.${extension}`;
}