@01.software/sdk 0.36.0 → 0.38.0

package/dist/ui/canvas.cjs

@@ -654,19 +654,29 @@ var import_react6 = __toESM(require("react"), 1);
 var import_react5 = __toESM(require("react"), 1);
 
 // src/utils/image.ts
-var IMAGE_SIZES = [384, 768, 1536];
+var IMAGE_SIZES = [200, 400, 800, 1200, 1600];
+function imageSizeCandidates(sizes) {
+  const keys = new Set(IMAGE_SIZES);
+  for (const key of Object.keys(sizes)) {
+    const value = Number(key);
+    if (Number.isFinite(value) && value > 0) keys.add(value);
+  }
+  return [...keys].sort((a, b) => a - b);
+}
 function getImageSrcSet(image) {
   const parts = [];
+  const emittedWidths = /* @__PURE__ */ new Set();
   const sizes = image.sizes;
   if (sizes) {
-    for (const size of IMAGE_SIZES) {
-      const entry = sizes[String(size)];
-      if (entry?.url && entry.width) {
+    for (const size of imageSizeCandidates(sizes)) {
+      const entry = sizes[`${size}`];
+      if (entry?.url && entry.width && !emittedWidths.has(entry.width)) {
+        emittedWidths.add(entry.width);
         parts.push(`${entry.url} ${entry.width}w`);
       }
     }
   }
-  if (image.url && image.width) {
+  if (image.url && image.width && !emittedWidths.has(image.width)) {
     parts.push(`${image.url} ${image.width}w`);
   }
   return parts.join(", ");