@builder.io/sdk-react 1.0.2 → 1.0.4

package/lib/edge/image-6a3654d5.js

@@ -0,0 +1,118 @@
+"use client";
+import { jsxs as m, Fragment as l, jsx as a } from "react/jsx-runtime";
+function g(e) {
+  return e.replace(/http(s)?:/, "");
+}
+function b(e = "", i, t) {
+  const n = new RegExp("([?&])" + i + "=.*?(&|$)", "i"), c = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(n) ? e.replace(n, "$1" + i + "=" + encodeURIComponent(t) + "$2") : e + c + i + "=" + encodeURIComponent(t);
+}
+function x(e, i) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !i)
+    return e;
+  if (i === "master")
+    return g(e);
+  const t = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
+  if (t) {
+    const n = e.split(t[0]), c = t[3], d = i.match("x") ? i : `${i}x`;
+    return g(`${n[0]}_${d}${c}`);
+  }
+  return null;
+}
+function s(e) {
+  if (!e)
+    return e;
+  const i = [100, 200, 400, 800, 1200, 1600, 2e3];
+  if (e.match(/builder\.io/)) {
+    let t = e;
+    const n = Number(e.split("?width=")[1]);
+    return isNaN(n) || (t = `${t} ${n}w`), i.filter((c) => c !== n).map((c) => `${b(e, "width", c)} ${c}w`).concat([t]).join(", ");
+  }
+  return e.match(/cdn\.shopify\.com/) ? i.map((t) => [x(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, n]) => `${t} ${n}w`).concat([e]).join(", ") : e;
+}
+function v(e) {
+  var c, d, u, f;
+  function i() {
+    var h;
+    const o = e.image || e.src;
+    if (!o || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(o.match(/builder\.io/) || o.match(/cdn\.shopify\.com/)))
+      return e.srcset;
+    if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      if (!e.srcset.includes(e.image.split("?")[0]))
+        return console.debug("Removed given srcset"), s(o);
+    } else if (e.image && !e.srcset)
+      return s(o);
+    return s(o);
+  }
+  function t() {
+    var r;
+    return (r = i == null ? void 0 : i()) != null && r.match(/builder\.io/) && !e.noWebp ? i().replace(/\?/g, "?format=webp&") : "";
+  }
+  function n() {
+    const r = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    return e.aspectRatio ? r : void 0;
+  }
+  return /* @__PURE__ */ m(l, { children: [
+    /* @__PURE__ */ m(l, { children: [
+      /* @__PURE__ */ m("picture", { children: [
+        t() ? /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("source", { type: "image/webp", srcSet: t() }) }) : null,
+        /* @__PURE__ */ a(
+          "img",
+          {
+            loading: "lazy",
+            alt: e.altText,
+            role: e.altText ? "presentation" : void 0,
+            style: {
+              objectPosition: e.backgroundPosition || "center",
+              objectFit: e.backgroundSize || "cover",
+              ...n()
+            },
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-40c70c9b",
+            src: e.image,
+            srcSet: i(),
+            sizes: e.sizes
+          }
+        )
+      ] }),
+      e.aspectRatio && !((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && e.fitContent) ? /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: "builder-image-sizer div-40c70c9b",
+          style: {
+            paddingTop: e.aspectRatio * 100 + "%"
+          }
+        }
+      ) }) : null,
+      (f = (u = e.builderBlock) == null ? void 0 : u.children) != null && f.length && e.fitContent ? /* @__PURE__ */ a(l, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
+    ] }),
+    /* @__PURE__ */ a("style", { children: `.img-40c70c9b {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-40c70c9b {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-40c70c9b-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}` })
+  ] });
+}
+export {
+  v as default
+};

package/lib/edge/image-e4128296.cjs

@@ -0,0 +1,17 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");function f(e){return e.replace(/http(s)?:/,"")}function g(e="",i,t){const c=new RegExp("([?&])"+i+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(c)?e.replace(c,"$1"+i+"="+encodeURIComponent(t)+"$2"):e+a+i+"="+encodeURIComponent(t)}function h(e,i){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!i)return e;if(i==="master")return f(e);const t=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(t){const c=e.split(t[0]),a=t[3],r=i.match("x")?i:`${i}x`;return f(`${c[0]}_${r}${a}`)}return null}function s(e){if(!e)return e;const i=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let t=e;const c=Number(e.split("?width=")[1]);return isNaN(c)||(t=`${t} ${c}w`),i.filter(a=>a!==c).map(a=>`${g(e,"width",a)} ${a}w`).concat([t]).join(", ")}return e.match(/cdn\.shopify\.com/)?i.map(t=>[h(e,`${t}x${t}`),t]).filter(([t])=>!!t).map(([t,c])=>`${t} ${c}w`).concat([e]).join(", "):e}function b(e){var a,r,d,m;function i(){var u;const o=e.image||e.src;if(!o||!(o.match(/builder\.io/)||o.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((u=e.image)!=null&&u.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),s(o)}else if(e.image&&!e.srcset)return s(o);return s(o)}function t(){var l;return(l=i==null?void 0:i())!=null&&l.match(/builder\.io/)&&!e.noWebp?i().replace(/\?/g,"?format=webp&"):""}function c(){const l={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?l:void 0}return n.jsxs(n.Fragment,{children:[n.jsxs(n.Fragment,{children:[n.jsxs("picture",{children:[t()?n.jsx(n.Fragment,{children:n.jsx("source",{type:"image/webp",srcSet:t()})}):null,n.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...c()},className:"builder-image"+(e.className?" "+e.className:"")+" img-40c70c9b",src:e.image,srcSet:i(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(a=e.builderBlock)==null?void 0:a.children)!=null&&r.length&&e.fitContent)?n.jsx(n.Fragment,{children:n.jsx("div",{className:"builder-image-sizer div-40c70c9b",style:{paddingTop:e.aspectRatio*100+"%"}})}):null,(m=(d=e.builderBlock)==null?void 0:d.children)!=null&&m.length&&e.fitContent?n.jsx(n.Fragment,{children:e.children}):null,!e.fitContent&&e.children?n.jsx(n.Fragment,{children:n.jsx("div",{className:"div-40c70c9b-2",children:e.children})}):null]}),n.jsx("style",{children:`.img-40c70c9b {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-40c70c9b {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-40c70c9b-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}`})]})}exports.default=b;

package/lib/edge/img-317659e2.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { i as e } from "./server-entry-e0830caf.js";
+function o(t) {
+  return /* @__PURE__ */ i(
+    "img",
+    {
+      style: {
+        objectFit: t.backgroundSize || "cover",
+        objectPosition: t.backgroundPosition || "center"
+      },
+      alt: t.altText,
+      src: t.imgSrc || t.image,
+      ...t.attributes
+    },
+    e() && t.imgSrc || "default-key"
+  );
+}
+export {
+  o as default
+};

package/lib/edge/img-f2eeaa75.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("./server-entry-88f58ed4.cjs");function n(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},i.isEditing()&&e.imgSrc||"default-key")}exports.default=n;