@01.software/sdk 0.36.0 → 0.37.0

package/dist/ui/canvas.d.cts

@@ -3,7 +3,7 @@ export { i as CanvasNodeData, j as CanvasNodePosition, k as DynamicNodeData, l a
 import { QueryClient } from '@tanstack/react-query';
 import { Edge } from '@xyflow/react';
 import React from 'react';
-import { I as ImageData } from '../image-BDz2-AaO.cjs';
+import { I as ImageData } from '../image-BDjHp03R.cjs';
 
 interface UseCanvasOptions {
     /** SDK client instance (Client or ServerClient) */

package/dist/ui/canvas.d.ts

@@ -3,7 +3,7 @@ export { i as CanvasNodeData, j as CanvasNodePosition, k as DynamicNodeData, l a
 import { QueryClient } from '@tanstack/react-query';
 import { Edge } from '@xyflow/react';
 import React from 'react';
-import { I as ImageData } from '../image-BDz2-AaO.js';
+import { I as ImageData } from '../image-BDjHp03R.js';
 
 interface UseCanvasOptions {
     /** SDK client instance (Client or ServerClient) */

package/dist/ui/canvas.js

@@ -598,19 +598,29 @@ import React3 from "react";
 import React2, { useCallback, useRef, useState } from "react";
 
 // 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(", ");