@nonphoto/sanity-image 0.0.2

package/dist/sanity-image.js

@@ -0,0 +1,499 @@
+var Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, P = {}, k = {
+  get exports() {
+    return P;
+  },
+  set exports(s) {
+    P = s;
+  }
+};
+(function(s, u) {
+  (function(h, w) {
+    s.exports = w();
+  })(Q, function() {
+    function h() {
+      return h = 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;
+      }, h.apply(this, arguments);
+    }
+    function w(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 = w(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 c = "image-Tb9Ew8CXIwaY6R1kjMvI0uRR-2000x3000-jpg";
+    function p(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 "` + c + '".');
+      var e = r.split("x"), a = e[0], f = e[1], m = +a, l = +f, d = isFinite(m) && isFinite(l);
+      if (!d)
+        throw new Error("Malformed asset _ref '" + t + `'. Expected an id like "` + c + '".');
+      return {
+        id: n,
+        width: m,
+        height: l,
+        format: o
+      };
+    }
+    var S = function(i) {
+      var n = i;
+      return n ? typeof n._ref == "string" : !1;
+    }, j = 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" && z(t))
+        i = {
+          asset: {
+            _ref: R(t)
+          }
+        };
+      else if (typeof t == "string")
+        i = {
+          asset: {
+            _ref: t
+          }
+        };
+      else if (S(t))
+        i = {
+          asset: t
+        };
+      else if (j(t))
+        i = {
+          asset: {
+            _ref: t._id || ""
+          }
+        };
+      else if (O(t))
+        i = {
+          asset: {
+            _ref: R(t.asset.url)
+          }
+        };
+      else if (typeof t.asset == "object")
+        i = h({}, t);
+      else
+        return null;
+      var n = t;
+      return n.crop && (i.crop = n.crop), n.hotspot && (i.hotspot = n.hotspot), q(i);
+    }
+    function z(t) {
+      return /^https?:\/\//.test("" + t);
+    }
+    function R(t) {
+      var i = t.split("/").slice(-1);
+      return ("image-" + i[0]).replace(/\.([a-z]+)$/, "-$1");
+    }
+    function q(t) {
+      if (t.crop && t.hotspot)
+        return t;
+      var i = h({}, 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 E = [["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 = h({}, 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 = p(o), a = Math.round(r.crop.left * e.width), f = Math.round(r.crop.top * e.height), m = {
+        left: a,
+        top: f,
+        width: Math.round(e.width - r.crop.right * e.width - a),
+        height: Math.round(e.height - r.crop.bottom * e.height - f)
+      }, l = r.hotspot.height * e.height / 2, d = r.hotspot.width * e.width / 2, g = r.hotspot.x * e.width, b = r.hotspot.y * e.height, v = {
+        left: g - d,
+        top: b - l,
+        right: g + d,
+        bottom: b + l
+      };
+      return i.rect || i.focalPoint || i.ignoreImageParams || i.crop || (i = h({}, i, V({
+        crop: m,
+        hotspot: v
+      }, i))), L(h({}, 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, f = e.top, m = e.width, l = e.height, d = a !== 0 || f !== 0 || l !== t.asset.height || m !== t.asset.width;
+        d && o.push("rect=" + a + "," + f + "," + 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 g = [t.flipHorizontal && "h", t.flipVertical && "v"].filter(Boolean).join("");
+      return g && o.push("flip=" + g), E.forEach(function(b) {
+        var v = b[0], y = b[1];
+        typeof t[v] < "u" ? o.push(y + "=" + encodeURIComponent(t[v])) : typeof t[y] < "u" && o.push(y + "=" + encodeURIComponent(t[y]));
+      }), 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, f = r / o, m = e.width / e.height;
+      if (m > f) {
+        var l = Math.round(e.height), d = Math.round(l * f), g = Math.max(0, Math.round(e.top)), b = Math.round((a.right - a.left) / 2 + a.left), v = Math.max(0, Math.round(b - d / 2));
+        v < e.left ? v = e.left : v + d > e.left + e.width && (v = e.left + e.width - d), n = {
+          left: v,
+          top: g,
+          width: d,
+          height: l
+        };
+      } else {
+        var y = e.width, U = Math.round(y / f), Y = Math.max(0, Math.round(e.left)), J = Math.round((a.bottom - a.top) / 2 + a.top), x = Math.max(0, Math.round(J - U / 2));
+        x < e.top ? x = e.top : x + U > e.top + e.height && (x = e.top + e.height - U), n = {
+          left: Y,
+          top: x,
+          width: y,
+          height: U
+        };
+      }
+      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 $(t) {
+      return t && "config" in t ? typeof t.config == "function" : !1;
+    }
+    function D(t) {
+      return t && "clientConfig" in t ? typeof t.clientConfig == "object" : !1;
+    }
+    function G(t) {
+      for (var i = E, 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 X(t) {
+      if ($(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 (D(a)) {
+        var f = a.clientConfig, m = f.apiHost, l = f.projectId, d = f.dataset, g = m || "https://api.sanity.io";
+        return new H(null, {
+          baseUrl: g.replace(/^https:\/\/api\./, "https://cdn."),
+          projectId: l,
+          dataset: d
+        });
+      }
+      return new H(null, t);
+    }
+    var H = /* @__PURE__ */ function() {
+      function t(n, r) {
+        this.options = void 0, this.options = n ? h({}, n.options || {}, r || {}) : h({}, 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 f = G(a);
+            e[f] = r[a];
+          }
+        return new t(this, h({
+          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 X;
+  });
+})(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(s, u, h) {
+  return s ? s * (1 - (u ?? 0) - (h ?? 0)) : void 0;
+}
+function rt({
+  image: s,
+  client: u,
+  widths: h,
+  quality: w = T
+}) {
+  var S, j;
+  const I = Array.from(h).sort((O, A) => O - A), M = C(u).image(s).quality(w).auto("format"), c = typeof s == "object" && "asset" in s ? s.asset.metadata : void 0, p = typeof s == "object" && "crop" in s ? s.crop : void 0;
+  return {
+    src: (c == null ? void 0 : c.lqip) ?? M.width(K).url().toString(),
+    srcset: I.map((O) => `${M.width(O).url()} ${O}w`).join(","),
+    naturalWidth: W(
+      (S = c == null ? void 0 : c.dimensions) == null ? void 0 : S.width,
+      p == null ? void 0 : p.left,
+      p == null ? void 0 : p.right
+    ),
+    naturalHeight: W(
+      (j = c == null ? void 0 : c.dimensions) == null ? void 0 : j.height,
+      p == null ? void 0 : p.top,
+      p == null ? void 0 : p.bottom
+    )
+  };
+}
+function it({
+  image: s,
+  client: u,
+  width: h = Z,
+  quality: w = T
+}) {
+  return C(u).image(s).quality(w).auto("format").width(h).url();
+}
+function nt({
+  naturalWidth: s,
+  naturalHeight: u
+}) {
+  return s && u ? `${s} / ${u}` : "auto";
+}
+function et({
+  naturalWidth: s,
+  naturalHeight: u
+}) {
+  return s && u ? u / s : void 0;
+}
+function ot(s) {
+  return s.sort(([u], [h]) => h - u).map(([u, h]) => `(min-width: ${u}px) ${h}`).concat(["100vw"]).join(", ");
+}
+export {
+  et as aspectRatio,
+  Z as defaultMetaImageWidth,
+  T as defaultQuality,
+  tt as defaultWidths,
+  rt as imageProps,
+  K as lowResWidth,
+  it as metaImageUrl,
+  ot as sizes,
+  nt as styleAspectRatio
+};

package/dist/sanity-image.umd.cjs

@@ -0,0 +1,2 @@
+(function(l,x){typeof exports=="object"&&typeof module<"u"?x(exports):typeof define=="function"&&define.amd?define(["exports"],x):(l=typeof globalThis<"u"?globalThis:l||self,x(l["sanity-image"]={}))})(this,function(l){"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(s){P=s}};(function(s,u){(function(h,y){s.exports=y()})(x,function(){function h(){return h=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},h.apply(this,arguments)}function y(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=y(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 m="image-Tb9Ew8CXIwaY6R1kjMvI0uRR-2000x3000-jpg";function p(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 "`+m+'".');var e=i.split("x"),a=e[0],f=e[1],g=+a,d=+f,c=isFinite(g)&&isFinite(d);if(!c)throw new Error("Malformed asset _ref '"+t+`'. Expected an id like "`+m+'".');return{id:n,width:g,height:d,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 W(t){if(!t)return null;var r;if(typeof t=="string"&&Q(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=h({},t);else return null;var n=t;return n.crop&&(r.crop=n.crop),n.hotspot&&(r.hotspot=n.hotspot),X(r)}function Q(t){return/^https?:\/\//.test(""+t)}function _(t){var r=t.split("/").slice(-1);return("image-"+r[0]).replace(/\.([a-z]+)$/,"-$1")}function X(t){if(t.crop&&t.hotspot)return t;var r=h({},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 Y(t){var r=h({},t||{}),n=r.source;delete r.source;var i=W(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=p(o),a=Math.round(i.crop.left*e.width),f=Math.round(i.crop.top*e.height),g={left:a,top:f,width:Math.round(e.width-i.crop.right*e.width-a),height:Math.round(e.height-i.crop.bottom*e.height-f)},d=i.hotspot.height*e.height/2,c=i.hotspot.width*e.width/2,w=i.hotspot.x*e.width,b=i.hotspot.y*e.height,v={left:w-c,top:b-d,right:w+c,bottom:b+d};return r.rect||r.focalPoint||r.ignoreImageParams||r.crop||(r=h({},r,k({crop:g,hotspot:v},r))),J(h({},r,{asset:e}))}function J(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,f=e.top,g=e.width,d=e.height,c=a!==0||f!==0||d!==t.asset.height||g!==t.asset.width;c&&o.push("rect="+a+","+f+","+g+","+d)}t.bg&&o.push("bg="+t.bg),t.focalPoint&&(o.push("fp-x="+t.focalPoint.x),o.push("fp-y="+t.focalPoint.y));var w=[t.flipHorizontal&&"h",t.flipVertical&&"v"].filter(Boolean).join("");return w&&o.push("flip="+w),L.forEach(function(b){var v=b[0],O=b[1];typeof t[v]<"u"?o.push(O+"="+encodeURIComponent(t[v])):typeof t[O]<"u"&&o.push(O+"="+encodeURIComponent(t[O]))}),o.length===0?i:i+"?"+o.join("&")}function k(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,f=i/o,g=e.width/e.height;if(g>f){var d=Math.round(e.height),c=Math.round(d*f),w=Math.max(0,Math.round(e.top)),b=Math.round((a.right-a.left)/2+a.left),v=Math.max(0,Math.round(b-c/2));v<e.left?v=e.left:v+c>e.left+e.width&&(v=e.left+e.width-c),n={left:v,top:w,width:c,height:d}}else{var O=e.width,R=Math.round(O/f),ot=Math.max(0,Math.round(e.left)),at=Math.round((a.bottom-a.top)/2+a.top),M=Math.max(0,Math.round(at-R/2));M<e.top?M=e.top:M+R>e.top+e.height&&(M=e.top+e.height-R),n={left:ot,top:M,width:O,height:R}}return{width:i,height:o,rect:n}}var K=["clip","crop","fill","fillmax","max","scale","min"],Z=["top","bottom","left","right","center","focalpoint","entropy"],tt=["format"];function it(t){return t&&"config"in t?typeof t.config=="function":!1}function rt(t){return t&&"clientConfig"in t?typeof t.clientConfig=="object":!1}function nt(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 et(t){if(it(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(rt(a)){var f=a.clientConfig,g=f.apiHost,d=f.projectId,c=f.dataset,w=g||"https://api.sanity.io";return new E(null,{baseUrl:w.replace(/^https:\/\/api\./,"https://cdn."),projectId:d,dataset:c})}return new E(null,t)}var E=function(){function t(n,i){this.options=void 0,this.options=n?h({},n.options||{},i||{}):h({},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 f=nt(a);e[f]=i[a]}return new t(this,h({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(K.indexOf(i)===-1)throw new Error('Invalid fit mode "'+i+'"');return this.withOptions({fit:i})},r.crop=function(i){if(Z.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(tt.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 Y(this.options)},r.toString=function(){return this.url()},t}();return et})})(V);const T=P,B=[6016,5120,4480,3840,3200,2560,2048,1920,1668,1280,1080,960,720,640,480,360,240],C=24,z=1200,H=90;function q(s,u,h){return s?s*(1-(u??0)-(h??0)):void 0}function F({image:s,client:u,widths:h,quality:y=H}){var U,A;const S=Array.from(h).sort((I,W)=>I-W),j=T(u).image(s).quality(y).auto("format"),m=typeof s=="object"&&"asset"in s?s.asset.metadata:void 0,p=typeof s=="object"&&"crop"in s?s.crop:void 0;return{src:(m==null?void 0:m.lqip)??j.width(C).url().toString(),srcset:S.map(I=>`${j.width(I).url()} ${I}w`).join(","),naturalWidth:q((U=m==null?void 0:m.dimensions)==null?void 0:U.width,p==null?void 0:p.left,p==null?void 0:p.right),naturalHeight:q((A=m==null?void 0:m.dimensions)==null?void 0:A.height,p==null?void 0:p.top,p==null?void 0:p.bottom)}}function N({image:s,client:u,width:h=z,quality:y=H}){return T(u).image(s).quality(y).auto("format").width(h).url()}function $({naturalWidth:s,naturalHeight:u}){return s&&u?`${s} / ${u}`:"auto"}function D({naturalWidth:s,naturalHeight:u}){return s&&u?u/s:void 0}function G(s){return s.sort(([u],[h])=>h-u).map(([u,h])=>`(min-width: ${u}px) ${h}`).concat(["100vw"]).join(", ")}l.aspectRatio=D,l.defaultMetaImageWidth=z,l.defaultQuality=H,l.defaultWidths=B,l.imageProps=F,l.lowResWidth=C,l.metaImageUrl=N,l.sizes=G,l.styleAspectRatio=$,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/vite.svg

@@ -0,0 +1 @@
+<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>

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@nonphoto/sanity-image",
+  "version": "0.0.2",
+  "type": "module",
+  "files": [
+    "dist",
+    "index.d.ts"
+  ],
+  "main": "./dist/counter.umd.cjs",
+  "module": "./dist/counter.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "types": "./index.d.ts",
+    "import": "./dist/counter.js",
+    "require": "./dist/counter.umd.cjs"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build"
+  },
+  "devDependencies": {
+    "@types/node": "18.14.6",
+    "auto": "10.43.0",
+    "typescript": "^4.9.4",
+    "vite": "^4.0.4"
+  },
+  "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"
+    ]
+  }
+}