@numueg/theme-sdk 0.2.1 → 0.2.2

package/dist/index.cjs

@@ -3334,6 +3334,23 @@ function assetUrl(name) {
   return `${cleanBase}${filename}`;
 }
 
+// src/utils/imageTransform.ts
+var clamp01 = (n) => Math.min(1, Math.max(0, n));
+function focalSrc(url, options = {}) {
+  if (!url) return "";
+  if (url.startsWith("data:") || /[?&](fp-x|fp-y)=/.test(url)) return url;
+  const p = new URLSearchParams();
+  p.set("url", url);
+  if (options.width) p.set("w", String(Math.round(options.width)));
+  if (options.focal?.x != null) p.set("fp-x", String(clamp01(options.focal.x)));
+  if (options.focal?.y != null) p.set("fp-y", String(clamp01(options.focal.y)));
+  if (options.aspect) p.set("ar", options.aspect);
+  if (options.fit) p.set("fit", options.fit);
+  if (options.quality) p.set("q", String(Math.min(100, Math.max(1, Math.round(options.quality)))));
+  if (options.format) p.set("f", options.format.toLowerCase());
+  return `/api/image-transform?${p.toString()}`;
+}
+
 // src/utils/locales.ts
 function flattenMessages(source, prefix = "") {
   const out = {};
@@ -3422,6 +3439,7 @@ exports.defineSection = defineSection;
 exports.dynamicSource = dynamicSource;
 exports.findVariantByOptions = findVariantByOptions;
 exports.flattenMessages = flattenMessages;
+exports.focalSrc = focalSrc;
 exports.getReactSingleton = getReactSingleton;
 exports.getSdkSingleton = getSdkSingleton;
 exports.isDefinedBlock = isDefinedBlock;