@nonphoto/sanity-image 0.0.4 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Jonas Luebbers
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+import { SanityAsset, SanityImageDimensions, SanityImageCrop, SanityImageHotspot, SanityClientLike, SanityProjectDetails, SanityModernClientLike } from '@sanity/image-url/lib/types/types.js';
+
+type SanityAssetWithMetadata = SanityAsset & {
+    metadata?: {
+        lqip?: string;
+        dimensions?: SanityImageDimensions;
+    };
+};
+interface SanityImageObjectWithMetadata {
+    asset: SanityAssetWithMetadata;
+    crop?: SanityImageCrop;
+    hotspot?: SanityImageHotspot;
+}
+type Size = {
+    width: number;
+    height: number;
+};
+declare const defaultWidths: number[];
+declare const lowResWidth = 24;
+declare const defaultMetaImageWidth = 1200;
+declare const defaultQuality = 90;
+declare function imageProps({ image, client, widths, quality, aspectRatio, }: {
+    image: SanityImageObjectWithMetadata;
+    client: SanityClientLike | SanityProjectDetails | SanityModernClientLike;
+    widths: number[];
+    quality?: number;
+    aspectRatio?: number;
+}): {
+    src: string;
+    srcset: string;
+    naturalWidth?: number;
+    naturalHeight?: number;
+};
+declare function metaImageUrl({ image, client, width, quality, }: {
+    image: SanityImageObjectWithMetadata;
+    client: SanityClientLike | SanityProjectDetails | SanityModernClientLike;
+    width: number;
+    quality?: number;
+}): string;
+
+export { type SanityAssetWithMetadata, type SanityImageObjectWithMetadata, type Size, defaultMetaImageWidth, defaultQuality, defaultWidths, imageProps, lowResWidth, metaImageUrl };

package/dist/index.js

@@ -0,0 +1,98 @@
+// src/index.ts
+import imageUrlBuilder from "@sanity/image-url";
+var defaultWidths = [
+  6016,
+  // 6K
+  5120,
+  // 5K
+  4480,
+  // 4.5K
+  3840,
+  // 4K
+  3200,
+  // QHD+
+  2560,
+  // WQXGA
+  2048,
+  // QXGA
+  1920,
+  // 1080p
+  1668,
+  // iPad
+  1280,
+  // 720p
+  1080,
+  // iPhone 6-8 Plus
+  960,
+  720,
+  // iPhone 6-8
+  640,
+  // 480p
+  480,
+  360,
+  240
+];
+var lowResWidth = 24;
+var defaultMetaImageWidth = 1200;
+var defaultQuality = 90;
+var fitComparators = {
+  cover: Math.max,
+  contain: Math.min,
+  mean: (a, b) => (a + b) / 2
+};
+function fit(containee, container, mode) {
+  const sx = container.width / containee.width;
+  const sy = container.height / containee.height;
+  const s = fitComparators[mode](sx, sy);
+  return {
+    width: containee.width * s,
+    height: containee.height * s
+  };
+}
+function buildAspectRatio(builder, width, aspectRatio) {
+  if (aspectRatio) {
+    return builder.width(width).height(Math.round(width * aspectRatio));
+  } else {
+    return builder.width(width);
+  }
+}
+function imageProps({
+  image,
+  client,
+  widths,
+  quality = defaultQuality,
+  aspectRatio
+}) {
+  const sortedWidths = Array.from(widths).sort((a, b) => a - b);
+  const builder = imageUrlBuilder(client).image(image).quality(quality).auto("format");
+  const metadata = image.asset.metadata;
+  const cropSize = metadata?.dimensions ? image.crop ? {
+    width: metadata.dimensions.width - image.crop.left - image.crop.right,
+    height: metadata.dimensions.height - image.crop.top - image.crop.bottom
+  } : metadata.dimensions : void 0;
+  const naturalSize = cropSize ? aspectRatio ? fit({ width: 1, height: aspectRatio }, cropSize, "contain") : cropSize : void 0;
+  return {
+    src: metadata?.lqip ?? buildAspectRatio(builder, lowResWidth, aspectRatio).url(),
+    srcset: sortedWidths.map(
+      (width) => `${buildAspectRatio(builder, width, aspectRatio).url()} ${width}w`
+    ).join(","),
+    naturalWidth: naturalSize?.width,
+    naturalHeight: naturalSize?.height
+  };
+}
+function metaImageUrl({
+  image,
+  client,
+  width = defaultMetaImageWidth,
+  quality = defaultQuality
+}) {
+  return imageUrlBuilder(client).image(image).quality(quality).auto("format").width(width).url();
+}
+export {
+  defaultMetaImageWidth,
+  defaultQuality,
+  defaultWidths,
+  imageProps,
+  lowResWidth,
+  metaImageUrl
+};

package/package.json

@@ -1,41 +1,48 @@
 {
   "name": "@nonphoto/sanity-image",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "type": "module",
-  "files": [
-    "dist",
-    "index.d.ts"
-  ],
-  "main": "./dist/counter.umd.cjs",
-  "module": "./dist/counter.js",
-  "types": "./index.d.ts",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
-    "types": "./index.d.ts",
-    "import": "./dist/counter.js",
-    "require": "./dist/counter.umd.cjs"
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./src/*": "./src/*"
   },
+  "files": [
+    "./dist/*",
+    "./src/*"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build"
+    "prepare": "pnpm build",
+    "build": "tsup ./src/index.ts --dts --format esm --clean",
+    "release": "semantic-release"
   },
+  "keywords": [
+    "spring",
+    "physics",
+    "animation"
+  ],
+  "author": "Jonas Luebbers <jonas@jonasluebbers.com> (https://www.jonasluebbers.com)",
+  "license": "MIT",
   "devDependencies": {
-    "@types/node": "18.14.6",
-    "auto": "10.43.0",
-    "typescript": "^4.9.4",
-    "vite": "^4.0.4"
+    "semantic-release": "24.2.3",
+    "tsup": "8.4.0",
+    "typescript": "5.8.2"
+  },
+  "engines": {
+    "node": ">=20",
+    "pnpm": ">=9"
   },
   "dependencies": {
     "@sanity/image-url": "1.0.2"
-  },
-  "packageManager": "pnpm@7.29.1",
-  "repository": "nonphoto/sanity-image",
-  "author": "Jonas Luebbers <jonas@jonasluebbers.com>",
-  "publishConfig": {
-    "access": "public"
-  },
-  "auto": {
-    "plugins": [
-      "npm"
-    ]
   }
 }

package/src/index.ts

@@ -0,0 +1,164 @@
+import imageUrlBuilder from "@sanity/image-url";
+import { ImageUrlBuilder } from "@sanity/image-url/lib/types/builder";
+import type {
+  SanityAsset,
+  SanityClientLike,
+  SanityImageCrop,
+  SanityImageDimensions,
+  SanityImageHotspot,
+  SanityModernClientLike,
+  SanityProjectDetails,
+} from "@sanity/image-url/lib/types/types.js";
+
+export type SanityAssetWithMetadata = SanityAsset & {
+  metadata?: {
+    lqip?: string;
+    dimensions?: SanityImageDimensions;
+  };
+};
+
+export interface SanityImageObjectWithMetadata {
+  asset: SanityAssetWithMetadata;
+  crop?: SanityImageCrop;
+  hotspot?: SanityImageHotspot;
+}
+
+export type Size = {
+  width: number;
+  height: number;
+};
+
+export const defaultWidths = [
+  6016, // 6K
+  5120, // 5K
+  4480, // 4.5K
+  3840, // 4K
+  3200, // QHD+
+  2560, // WQXGA
+  2048, // QXGA
+  1920, // 1080p
+  1668, // iPad
+  1280, // 720p
+  1080, // iPhone 6-8 Plus
+  960,
+  720, // iPhone 6-8
+  640, // 480p
+  480,
+  360,
+  240,
+];
+
+export const lowResWidth = 24;
+
+export const defaultMetaImageWidth = 1200;
+
+export const defaultQuality = 90;
+
+const fitComparators = {
+  cover: Math.max,
+  contain: Math.min,
+  mean: (a: number, b: number) => (a + b) / 2,
+};
+
+function fit(
+  containee: Size,
+  container: Size,
+  mode: keyof typeof fitComparators
+) {
+  const sx = container.width / containee.width;
+  const sy = container.height / containee.height;
+  const s = fitComparators[mode](sx, sy);
+  return {
+    width: containee.width * s,
+    height: containee.height * s,
+  };
+}
+
+function buildAspectRatio(
+  builder: ImageUrlBuilder,
+  width: number,
+  aspectRatio?: number
+) {
+  if (aspectRatio) {
+    return builder.width(width).height(Math.round(width * aspectRatio));
+  } else {
+    return builder.width(width);
+  }
+}
+
+export function imageProps({
+  image,
+  client,
+  widths,
+  quality = defaultQuality,
+  aspectRatio,
+}: {
+  image: SanityImageObjectWithMetadata;
+  client: SanityClientLike | SanityProjectDetails | SanityModernClientLike;
+  widths: number[];
+  quality?: number;
+  aspectRatio?: number;
+}): {
+  src: string;
+  srcset: string;
+  naturalWidth?: number;
+  naturalHeight?: number;
+} {
+  const sortedWidths = Array.from(widths).sort((a, b) => a - b);
+
+  const builder = imageUrlBuilder(client)
+    .image(image)
+    .quality(quality)
+    .auto("format");
+
+  const metadata = image.asset.metadata;
+
+  const cropSize = metadata?.dimensions
+    ? image.crop
+      ? {
+          width: metadata.dimensions.width - image.crop.left - image.crop.right,
+          height:
+            metadata.dimensions.height - image.crop.top - image.crop.bottom,
+        }
+      : metadata.dimensions
+    : undefined;
+
+  const naturalSize = cropSize
+    ? aspectRatio
+      ? fit({ width: 1, height: aspectRatio }, cropSize, "contain")
+      : cropSize
+    : undefined;
+
+  return {
+    src:
+      metadata?.lqip ??
+      buildAspectRatio(builder, lowResWidth, aspectRatio).url(),
+    srcset: sortedWidths
+      .map(
+        (width) =>
+          `${buildAspectRatio(builder, width, aspectRatio).url()} ${width}w`
+      )
+      .join(","),
+    naturalWidth: naturalSize?.width,
+    naturalHeight: naturalSize?.height,
+  };
+}
+
+export function metaImageUrl({
+  image,
+  client,
+  width = defaultMetaImageWidth,
+  quality = defaultQuality,
+}: {
+  image: SanityImageObjectWithMetadata;
+  client: SanityClientLike | SanityProjectDetails | SanityModernClientLike;
+  width: number;
+  quality?: number;
+}) {
+  return imageUrlBuilder(client)
+    .image(image)
+    .quality(quality)
+    .auto("format")
+    .width(width)
+    .url();
+}

package/dist/sanity-image.js

@@ -1,481 +0,0 @@
-var $ = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, P = {}, k = {
-  get exports() {
-    return P;
-  },
-  set exports(f) {
-    P = f;
-  }
-};
-(function(f, y) {
-  (function(s, v) {
-    f.exports = v();
-  })($, function() {
-    function s() {
-      return s = Object.assign || function(t) {
-        for (var i = 1; i < arguments.length; i++) {
-          var n = arguments[i];
-          for (var r in n)
-            Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
-        }
-        return t;
-      }, s.apply(this, arguments);
-    }
-    function v(t, i) {
-      if (t) {
-        if (typeof t == "string")
-          return I(t, i);
-        var n = Object.prototype.toString.call(t).slice(8, -1);
-        if (n === "Object" && t.constructor && (n = t.constructor.name), n === "Map" || n === "Set")
-          return Array.from(t);
-        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-          return I(t, i);
-      }
-    }
-    function I(t, i) {
-      (i == null || i > t.length) && (i = t.length);
-      for (var n = 0, r = new Array(i); n < i; n++)
-        r[n] = t[n];
-      return r;
-    }
-    function M(t, i) {
-      var n = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
-      if (n)
-        return (n = n.call(t)).next.bind(n);
-      if (Array.isArray(t) || (n = v(t)) || i && t && typeof t.length == "number") {
-        n && (t = n);
-        var r = 0;
-        return function() {
-          return r >= t.length ? {
-            done: !0
-          } : {
-            done: !1,
-            value: t[r++]
-          };
-        };
-      }
-      throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-    }
-    var d = "image-Tb9Ew8CXIwaY6R1kjMvI0uRR-2000x3000-jpg";
-    function u(t) {
-      var i = t.split("-"), n = i[1], r = i[2], o = i[3];
-      if (!n || !r || !o)
-        throw new Error("Malformed asset _ref '" + t + `'. Expected an id like "` + d + '".');
-      var e = r.split("x"), a = e[0], h = e[1], c = +a, l = +h, p = isFinite(c) && isFinite(l);
-      if (!p)
-        throw new Error("Malformed asset _ref '" + t + `'. Expected an id like "` + d + '".');
-      return {
-        id: n,
-        width: c,
-        height: l,
-        format: o
-      };
-    }
-    var S = function(i) {
-      var n = i;
-      return n ? typeof n._ref == "string" : !1;
-    }, U = function(i) {
-      var n = i;
-      return n ? typeof n._id == "string" : !1;
-    }, O = function(i) {
-      var n = i;
-      return n && n.asset ? typeof n.asset.url == "string" : !1;
-    };
-    function A(t) {
-      if (!t)
-        return null;
-      var i;
-      if (typeof t == "string" && q(t))
-        i = {
-          asset: {
-            _ref: E(t)
-          }
-        };
-      else if (typeof t == "string")
-        i = {
-          asset: {
-            _ref: t
-          }
-        };
-      else if (S(t))
-        i = {
-          asset: t
-        };
-      else if (U(t))
-        i = {
-          asset: {
-            _ref: t._id || ""
-          }
-        };
-      else if (O(t))
-        i = {
-          asset: {
-            _ref: E(t.asset.url)
-          }
-        };
-      else if (typeof t.asset == "object")
-        i = s({}, t);
-      else
-        return null;
-      var n = t;
-      return n.crop && (i.crop = n.crop), n.hotspot && (i.hotspot = n.hotspot), z(i);
-    }
-    function q(t) {
-      return /^https?:\/\//.test("" + t);
-    }
-    function E(t) {
-      var i = t.split("/").slice(-1);
-      return ("image-" + i[0]).replace(/\.([a-z]+)$/, "-$1");
-    }
-    function z(t) {
-      if (t.crop && t.hotspot)
-        return t;
-      var i = s({}, t);
-      return i.crop || (i.crop = {
-        left: 0,
-        top: 0,
-        bottom: 0,
-        right: 0
-      }), i.hotspot || (i.hotspot = {
-        x: 0.5,
-        y: 0.5,
-        height: 1,
-        width: 1
-      }), i;
-    }
-    var R = [["width", "w"], ["height", "h"], ["format", "fm"], ["download", "dl"], ["blur", "blur"], ["sharpen", "sharp"], ["invert", "invert"], ["orientation", "or"], ["minHeight", "min-h"], ["maxHeight", "max-h"], ["minWidth", "min-w"], ["maxWidth", "max-w"], ["quality", "q"], ["fit", "fit"], ["crop", "crop"], ["saturation", "sat"], ["auto", "auto"], ["dpr", "dpr"], ["pad", "pad"]];
-    function _(t) {
-      var i = s({}, t || {}), n = i.source;
-      delete i.source;
-      var r = A(n);
-      if (!r)
-        throw new Error("Unable to resolve image URL from source (" + JSON.stringify(n) + ")");
-      var o = r.asset._ref || r.asset._id || "", e = u(o), a = Math.round(r.crop.left * e.width), h = Math.round(r.crop.top * e.height), c = {
-        left: a,
-        top: h,
-        width: Math.round(e.width - r.crop.right * e.width - a),
-        height: Math.round(e.height - r.crop.bottom * e.height - h)
-      }, l = r.hotspot.height * e.height / 2, p = r.hotspot.width * e.width / 2, m = r.hotspot.x * e.width, w = r.hotspot.y * e.height, g = {
-        left: m - p,
-        top: w - l,
-        right: m + p,
-        bottom: w + l
-      };
-      return i.rect || i.focalPoint || i.ignoreImageParams || i.crop || (i = s({}, i, V({
-        crop: c,
-        hotspot: g
-      }, i))), L(s({}, i, {
-        asset: e
-      }));
-    }
-    function L(t) {
-      var i = (t.baseUrl || "https://cdn.sanity.io").replace(/\/+$/, ""), n = t.asset.id + "-" + t.asset.width + "x" + t.asset.height + "." + t.asset.format, r = i + "/images/" + t.projectId + "/" + t.dataset + "/" + n, o = [];
-      if (t.rect) {
-        var e = t.rect, a = e.left, h = e.top, c = e.width, l = e.height, p = a !== 0 || h !== 0 || l !== t.asset.height || c !== t.asset.width;
-        p && o.push("rect=" + a + "," + h + "," + c + "," + l);
-      }
-      t.bg && o.push("bg=" + t.bg), t.focalPoint && (o.push("fp-x=" + t.focalPoint.x), o.push("fp-y=" + t.focalPoint.y));
-      var m = [t.flipHorizontal && "h", t.flipVertical && "v"].filter(Boolean).join("");
-      return m && o.push("flip=" + m), R.forEach(function(w) {
-        var g = w[0], b = w[1];
-        typeof t[g] < "u" ? o.push(b + "=" + encodeURIComponent(t[g])) : typeof t[b] < "u" && o.push(b + "=" + encodeURIComponent(t[b]));
-      }), o.length === 0 ? r : r + "?" + o.join("&");
-    }
-    function V(t, i) {
-      var n, r = i.width, o = i.height;
-      if (!(r && o))
-        return {
-          width: r,
-          height: o,
-          rect: t.crop
-        };
-      var e = t.crop, a = t.hotspot, h = r / o, c = e.width / e.height;
-      if (c > h) {
-        var l = Math.round(e.height), p = Math.round(l * h), m = Math.max(0, Math.round(e.top)), w = Math.round((a.right - a.left) / 2 + a.left), g = Math.max(0, Math.round(w - p / 2));
-        g < e.left ? g = e.left : g + p > e.left + e.width && (g = e.left + e.width - p), n = {
-          left: g,
-          top: m,
-          width: p,
-          height: l
-        };
-      } else {
-        var b = e.width, j = Math.round(b / h), J = Math.max(0, Math.round(e.left)), Q = Math.round((a.bottom - a.top) / 2 + a.top), x = Math.max(0, Math.round(Q - j / 2));
-        x < e.top ? x = e.top : x + j > e.top + e.height && (x = e.top + e.height - j), n = {
-          left: J,
-          top: x,
-          width: b,
-          height: j
-        };
-      }
-      return {
-        width: r,
-        height: o,
-        rect: n
-      };
-    }
-    var B = ["clip", "crop", "fill", "fillmax", "max", "scale", "min"], F = ["top", "bottom", "left", "right", "center", "focalpoint", "entropy"], N = ["format"];
-    function D(t) {
-      return t && "config" in t ? typeof t.config == "function" : !1;
-    }
-    function G(t) {
-      return t && "clientConfig" in t ? typeof t.clientConfig == "object" : !1;
-    }
-    function X(t) {
-      for (var i = R, n = M(i), r; !(r = n()).done; ) {
-        var o = r.value, e = o[0], a = o[1];
-        if (t === e || t === a)
-          return e;
-      }
-      return t;
-    }
-    function Y(t) {
-      if (D(t)) {
-        var i = t.config(), n = i.apiHost, r = i.projectId, o = i.dataset, e = n || "https://api.sanity.io";
-        return new H(null, {
-          baseUrl: e.replace(/^https:\/\/api\./, "https://cdn."),
-          projectId: r,
-          dataset: o
-        });
-      }
-      var a = t;
-      if (G(a)) {
-        var h = a.clientConfig, c = h.apiHost, l = h.projectId, p = h.dataset, m = c || "https://api.sanity.io";
-        return new H(null, {
-          baseUrl: m.replace(/^https:\/\/api\./, "https://cdn."),
-          projectId: l,
-          dataset: p
-        });
-      }
-      return new H(null, t);
-    }
-    var H = /* @__PURE__ */ function() {
-      function t(n, r) {
-        this.options = void 0, this.options = n ? s({}, n.options || {}, r || {}) : s({}, r || {});
-      }
-      var i = t.prototype;
-      return i.withOptions = function(r) {
-        var o = r.baseUrl || this.options.baseUrl, e = {
-          baseUrl: o
-        };
-        for (var a in r)
-          if (r.hasOwnProperty(a)) {
-            var h = X(a);
-            e[h] = r[a];
-          }
-        return new t(this, s({
-          baseUrl: o
-        }, e));
-      }, i.image = function(r) {
-        return this.withOptions({
-          source: r
-        });
-      }, i.dataset = function(r) {
-        return this.withOptions({
-          dataset: r
-        });
-      }, i.projectId = function(r) {
-        return this.withOptions({
-          projectId: r
-        });
-      }, i.bg = function(r) {
-        return this.withOptions({
-          bg: r
-        });
-      }, i.dpr = function(r) {
-        return this.withOptions(r && r !== 1 ? {
-          dpr: r
-        } : {});
-      }, i.width = function(r) {
-        return this.withOptions({
-          width: r
-        });
-      }, i.height = function(r) {
-        return this.withOptions({
-          height: r
-        });
-      }, i.focalPoint = function(r, o) {
-        return this.withOptions({
-          focalPoint: {
-            x: r,
-            y: o
-          }
-        });
-      }, i.maxWidth = function(r) {
-        return this.withOptions({
-          maxWidth: r
-        });
-      }, i.minWidth = function(r) {
-        return this.withOptions({
-          minWidth: r
-        });
-      }, i.maxHeight = function(r) {
-        return this.withOptions({
-          maxHeight: r
-        });
-      }, i.minHeight = function(r) {
-        return this.withOptions({
-          minHeight: r
-        });
-      }, i.size = function(r, o) {
-        return this.withOptions({
-          width: r,
-          height: o
-        });
-      }, i.blur = function(r) {
-        return this.withOptions({
-          blur: r
-        });
-      }, i.sharpen = function(r) {
-        return this.withOptions({
-          sharpen: r
-        });
-      }, i.rect = function(r, o, e, a) {
-        return this.withOptions({
-          rect: {
-            left: r,
-            top: o,
-            width: e,
-            height: a
-          }
-        });
-      }, i.format = function(r) {
-        return this.withOptions({
-          format: r
-        });
-      }, i.invert = function(r) {
-        return this.withOptions({
-          invert: r
-        });
-      }, i.orientation = function(r) {
-        return this.withOptions({
-          orientation: r
-        });
-      }, i.quality = function(r) {
-        return this.withOptions({
-          quality: r
-        });
-      }, i.forceDownload = function(r) {
-        return this.withOptions({
-          download: r
-        });
-      }, i.flipHorizontal = function() {
-        return this.withOptions({
-          flipHorizontal: !0
-        });
-      }, i.flipVertical = function() {
-        return this.withOptions({
-          flipVertical: !0
-        });
-      }, i.ignoreImageParams = function() {
-        return this.withOptions({
-          ignoreImageParams: !0
-        });
-      }, i.fit = function(r) {
-        if (B.indexOf(r) === -1)
-          throw new Error('Invalid fit mode "' + r + '"');
-        return this.withOptions({
-          fit: r
-        });
-      }, i.crop = function(r) {
-        if (F.indexOf(r) === -1)
-          throw new Error('Invalid crop mode "' + r + '"');
-        return this.withOptions({
-          crop: r
-        });
-      }, i.saturation = function(r) {
-        return this.withOptions({
-          saturation: r
-        });
-      }, i.auto = function(r) {
-        if (N.indexOf(r) === -1)
-          throw new Error('Invalid auto mode "' + r + '"');
-        return this.withOptions({
-          auto: r
-        });
-      }, i.pad = function(r) {
-        return this.withOptions({
-          pad: r
-        });
-      }, i.url = function() {
-        return _(this.options);
-      }, i.toString = function() {
-        return this.url();
-      }, t;
-    }();
-    return Y;
-  });
-})(k);
-const C = P, tt = [
-  6016,
-  // 6K
-  5120,
-  // 5K
-  4480,
-  // 4.5K
-  3840,
-  // 4K
-  3200,
-  // QHD+
-  2560,
-  // WQXGA
-  2048,
-  // QXGA
-  1920,
-  // 1080p
-  1668,
-  // iPad
-  1280,
-  // 720p
-  1080,
-  // iPhone 6-8 Plus
-  960,
-  720,
-  // iPhone 6-8
-  640,
-  // 480p
-  480,
-  360,
-  240
-], K = 24, Z = 1200, T = 90;
-function W(f, y, s) {
-  return f ? f * (1 - (y ?? 0) - (s ?? 0)) : void 0;
-}
-function rt({
-  image: f,
-  client: y,
-  widths: s,
-  quality: v = T
-}) {
-  var S, U;
-  const I = Array.from(s).sort((O, A) => O - A), M = C(y).image(f).quality(v).auto("format"), d = typeof f == "object" && "asset" in f ? f.asset.metadata : void 0, u = typeof f == "object" && "crop" in f ? f.crop : void 0;
-  return {
-    src: (d == null ? void 0 : d.lqip) ?? M.width(K).url().toString(),
-    srcset: I.map((O) => `${M.width(O).url()} ${O}w`).join(","),
-    naturalWidth: W(
-      (S = d == null ? void 0 : d.dimensions) == null ? void 0 : S.width,
-      u == null ? void 0 : u.left,
-      u == null ? void 0 : u.right
-    ),
-    naturalHeight: W(
-      (U = d == null ? void 0 : d.dimensions) == null ? void 0 : U.height,
-      u == null ? void 0 : u.top,
-      u == null ? void 0 : u.bottom
-    )
-  };
-}
-function it({
-  image: f,
-  client: y,
-  width: s = Z,
-  quality: v = T
-}) {
-  return C(y).image(f).quality(v).auto("format").width(s).url();
-}
-export {
-  Z as defaultMetaImageWidth,
-  T as defaultQuality,
-  tt as defaultWidths,
-  rt as imageProps,
-  K as lowResWidth,
-  it as metaImageUrl
-};

package/dist/sanity-image.umd.cjs

@@ -1,2 +0,0 @@
-(function(c,x){typeof exports=="object"&&typeof module<"u"?x(exports):typeof define=="function"&&define.amd?define(["exports"],x):(c=typeof globalThis<"u"?globalThis:c||self,x(c["sanity-image"]={}))})(this,function(c){"use strict";var x=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},P={},V={get exports(){return P},set exports(f){P=f}};(function(f,O){(function(s,w){f.exports=w()})(x,function(){function s(){return s=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},s.apply(this,arguments)}function w(t,r){if(t){if(typeof t=="string")return S(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return S(t,r)}}function S(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,i=new Array(r);n<r;n++)i[n]=t[n];return i}function j(t,r){var n=typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n)return(n=n.call(t)).next.bind(n);if(Array.isArray(t)||(n=w(t))||r&&t&&typeof t.length=="number"){n&&(t=n);var i=0;return function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var d="image-Tb9Ew8CXIwaY6R1kjMvI0uRR-2000x3000-jpg";function u(t){var r=t.split("-"),n=r[1],i=r[2],o=r[3];if(!n||!i||!o)throw new Error("Malformed asset _ref '"+t+`'. Expected an id like "`+d+'".');var e=i.split("x"),a=e[0],h=e[1],m=+a,l=+h,p=isFinite(m)&&isFinite(l);if(!p)throw new Error("Malformed asset _ref '"+t+`'. Expected an id like "`+d+'".');return{id:n,width:m,height:l,format:o}}var U=function(r){var n=r;return n?typeof n._ref=="string":!1},A=function(r){var n=r;return n?typeof n._id=="string":!1},I=function(r){var n=r;return n&&n.asset?typeof n.asset.url=="string":!1};function R(t){if(!t)return null;var r;if(typeof t=="string"&&D(t))r={asset:{_ref:_(t)}};else if(typeof t=="string")r={asset:{_ref:t}};else if(U(t))r={asset:t};else if(A(t))r={asset:{_ref:t._id||""}};else if(I(t))r={asset:{_ref:_(t.asset.url)}};else if(typeof t.asset=="object")r=s({},t);else return null;var n=t;return n.crop&&(r.crop=n.crop),n.hotspot&&(r.hotspot=n.hotspot),G(r)}function D(t){return/^https?:\/\//.test(""+t)}function _(t){var r=t.split("/").slice(-1);return("image-"+r[0]).replace(/\.([a-z]+)$/,"-$1")}function G(t){if(t.crop&&t.hotspot)return t;var r=s({},t);return r.crop||(r.crop={left:0,top:0,bottom:0,right:0}),r.hotspot||(r.hotspot={x:.5,y:.5,height:1,width:1}),r}var L=[["width","w"],["height","h"],["format","fm"],["download","dl"],["blur","blur"],["sharpen","sharp"],["invert","invert"],["orientation","or"],["minHeight","min-h"],["maxHeight","max-h"],["minWidth","min-w"],["maxWidth","max-w"],["quality","q"],["fit","fit"],["crop","crop"],["saturation","sat"],["auto","auto"],["dpr","dpr"],["pad","pad"]];function Q(t){var r=s({},t||{}),n=r.source;delete r.source;var i=R(n);if(!i)throw new Error("Unable to resolve image URL from source ("+JSON.stringify(n)+")");var o=i.asset._ref||i.asset._id||"",e=u(o),a=Math.round(i.crop.left*e.width),h=Math.round(i.crop.top*e.height),m={left:a,top:h,width:Math.round(e.width-i.crop.right*e.width-a),height:Math.round(e.height-i.crop.bottom*e.height-h)},l=i.hotspot.height*e.height/2,p=i.hotspot.width*e.width/2,v=i.hotspot.x*e.width,b=i.hotspot.y*e.height,g={left:v-p,top:b-l,right:v+p,bottom:b+l};return r.rect||r.focalPoint||r.ignoreImageParams||r.crop||(r=s({},r,Y({crop:m,hotspot:g},r))),X(s({},r,{asset:e}))}function X(t){var r=(t.baseUrl||"https://cdn.sanity.io").replace(/\/+$/,""),n=t.asset.id+"-"+t.asset.width+"x"+t.asset.height+"."+t.asset.format,i=r+"/images/"+t.projectId+"/"+t.dataset+"/"+n,o=[];if(t.rect){var e=t.rect,a=e.left,h=e.top,m=e.width,l=e.height,p=a!==0||h!==0||l!==t.asset.height||m!==t.asset.width;p&&o.push("rect="+a+","+h+","+m+","+l)}t.bg&&o.push("bg="+t.bg),t.focalPoint&&(o.push("fp-x="+t.focalPoint.x),o.push("fp-y="+t.focalPoint.y));var v=[t.flipHorizontal&&"h",t.flipVertical&&"v"].filter(Boolean).join("");return v&&o.push("flip="+v),L.forEach(function(b){var g=b[0],y=b[1];typeof t[g]<"u"?o.push(y+"="+encodeURIComponent(t[g])):typeof t[y]<"u"&&o.push(y+"="+encodeURIComponent(t[y]))}),o.length===0?i:i+"?"+o.join("&")}function Y(t,r){var n,i=r.width,o=r.height;if(!(i&&o))return{width:i,height:o,rect:t.crop};var e=t.crop,a=t.hotspot,h=i/o,m=e.width/e.height;if(m>h){var l=Math.round(e.height),p=Math.round(l*h),v=Math.max(0,Math.round(e.top)),b=Math.round((a.right-a.left)/2+a.left),g=Math.max(0,Math.round(b-p/2));g<e.left?g=e.left:g+p>e.left+e.width&&(g=e.left+e.width-p),n={left:g,top:v,width:p,height:l}}else{var y=e.width,H=Math.round(y/h),rt=Math.max(0,Math.round(e.left)),nt=Math.round((a.bottom-a.top)/2+a.top),M=Math.max(0,Math.round(nt-H/2));M<e.top?M=e.top:M+H>e.top+e.height&&(M=e.top+e.height-H),n={left:rt,top:M,width:y,height:H}}return{width:i,height:o,rect:n}}var J=["clip","crop","fill","fillmax","max","scale","min"],$=["top","bottom","left","right","center","focalpoint","entropy"],k=["format"];function K(t){return t&&"config"in t?typeof t.config=="function":!1}function Z(t){return t&&"clientConfig"in t?typeof t.clientConfig=="object":!1}function tt(t){for(var r=L,n=j(r),i;!(i=n()).done;){var o=i.value,e=o[0],a=o[1];if(t===e||t===a)return e}return t}function it(t){if(K(t)){var r=t.config(),n=r.apiHost,i=r.projectId,o=r.dataset,e=n||"https://api.sanity.io";return new E(null,{baseUrl:e.replace(/^https:\/\/api\./,"https://cdn."),projectId:i,dataset:o})}var a=t;if(Z(a)){var h=a.clientConfig,m=h.apiHost,l=h.projectId,p=h.dataset,v=m||"https://api.sanity.io";return new E(null,{baseUrl:v.replace(/^https:\/\/api\./,"https://cdn."),projectId:l,dataset:p})}return new E(null,t)}var E=function(){function t(n,i){this.options=void 0,this.options=n?s({},n.options||{},i||{}):s({},i||{})}var r=t.prototype;return r.withOptions=function(i){var o=i.baseUrl||this.options.baseUrl,e={baseUrl:o};for(var a in i)if(i.hasOwnProperty(a)){var h=tt(a);e[h]=i[a]}return new t(this,s({baseUrl:o},e))},r.image=function(i){return this.withOptions({source:i})},r.dataset=function(i){return this.withOptions({dataset:i})},r.projectId=function(i){return this.withOptions({projectId:i})},r.bg=function(i){return this.withOptions({bg:i})},r.dpr=function(i){return this.withOptions(i&&i!==1?{dpr:i}:{})},r.width=function(i){return this.withOptions({width:i})},r.height=function(i){return this.withOptions({height:i})},r.focalPoint=function(i,o){return this.withOptions({focalPoint:{x:i,y:o}})},r.maxWidth=function(i){return this.withOptions({maxWidth:i})},r.minWidth=function(i){return this.withOptions({minWidth:i})},r.maxHeight=function(i){return this.withOptions({maxHeight:i})},r.minHeight=function(i){return this.withOptions({minHeight:i})},r.size=function(i,o){return this.withOptions({width:i,height:o})},r.blur=function(i){return this.withOptions({blur:i})},r.sharpen=function(i){return this.withOptions({sharpen:i})},r.rect=function(i,o,e,a){return this.withOptions({rect:{left:i,top:o,width:e,height:a}})},r.format=function(i){return this.withOptions({format:i})},r.invert=function(i){return this.withOptions({invert:i})},r.orientation=function(i){return this.withOptions({orientation:i})},r.quality=function(i){return this.withOptions({quality:i})},r.forceDownload=function(i){return this.withOptions({download:i})},r.flipHorizontal=function(){return this.withOptions({flipHorizontal:!0})},r.flipVertical=function(){return this.withOptions({flipVertical:!0})},r.ignoreImageParams=function(){return this.withOptions({ignoreImageParams:!0})},r.fit=function(i){if(J.indexOf(i)===-1)throw new Error('Invalid fit mode "'+i+'"');return this.withOptions({fit:i})},r.crop=function(i){if($.indexOf(i)===-1)throw new Error('Invalid crop mode "'+i+'"');return this.withOptions({crop:i})},r.saturation=function(i){return this.withOptions({saturation:i})},r.auto=function(i){if(k.indexOf(i)===-1)throw new Error('Invalid auto mode "'+i+'"');return this.withOptions({auto:i})},r.pad=function(i){return this.withOptions({pad:i})},r.url=function(){return Q(this.options)},r.toString=function(){return this.url()},t}();return it})})(V);const T=P,B=[6016,5120,4480,3840,3200,2560,2048,1920,1668,1280,1080,960,720,640,480,360,240],C=24,q=1200,W=90;function z(f,O,s){return f?f*(1-(O??0)-(s??0)):void 0}function F({image:f,client:O,widths:s,quality:w=W}){var U,A;const S=Array.from(s).sort((I,R)=>I-R),j=T(O).image(f).quality(w).auto("format"),d=typeof f=="object"&&"asset"in f?f.asset.metadata:void 0,u=typeof f=="object"&&"crop"in f?f.crop:void 0;return{src:(d==null?void 0:d.lqip)??j.width(C).url().toString(),srcset:S.map(I=>`${j.width(I).url()} ${I}w`).join(","),naturalWidth:z((U=d==null?void 0:d.dimensions)==null?void 0:U.width,u==null?void 0:u.left,u==null?void 0:u.right),naturalHeight:z((A=d==null?void 0:d.dimensions)==null?void 0:A.height,u==null?void 0:u.top,u==null?void 0:u.bottom)}}function N({image:f,client:O,width:s=q,quality:w=W}){return T(O).image(f).quality(w).auto("format").width(s).url()}c.defaultMetaImageWidth=q,c.defaultQuality=W,c.defaultWidths=B,c.imageProps=F,c.lowResWidth=C,c.metaImageUrl=N,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>