@page-speed/img 0.4.2 → 0.4.5

package/README.md

@@ -6,7 +6,7 @@
   
 **Performance-optimized React Image component**
 
-Drop-in Image implementation of [web.dev](https://web.dev) best practices with zero configuration.
+Drop-in Image implementation of [web.dev](https://web.dev) best practices with zero configuration. Also a great alternative to [next/image](https://nextjs.org/docs/api-reference/next/image) for non-Next.js projects that still need the automated image optimization tools that the Next `Image` component provides.
 
 [![npm version](https://img.shields.io/npm/v/@page-speed/img?style=flat-square)](https://www.npmjs.com/package/@page-speed/hooks)
 [![npm downloads](https://img.shields.io/npm/dm/@page-speed/img?style=flat-square)](https://www.npmjs.com/package/@page-speed/hooks)
@@ -20,7 +20,7 @@ Drop-in Image implementation of [web.dev](https://web.dev) best practices with z
 
 ## Documentation
 
-`@page-speed/img` is a React-first, OptixFlow-enabled image component that ships Lighthouse-friendly markup by default. It uses `useOptimizedImage` from `@page-speed/hooks` to compute pixel-perfect `src`, DPR-aware `srcset`, and `sizes` on the client without any CDN variant fetches. Tree shaking keeps the bundle lean—only the media hook is pulled in.
+`@page-speed/img` is a React-first, OptixFlow-enabled image component that ships Lighthouse-friendly markup by default. It uses `useOptimizedImage` from `@page-speed/hooks` to compute pixel-perfect `src`, DPR-aware `srcset`, and `sizes` on the client. Tree shaking keeps the bundle lean—only the media hook is pulled in.
 
 ### Installation
 
@@ -46,7 +46,7 @@ export function HeroImage() {
       width={1280}
       height={720}
       // Per-image override (optional)
-      optixFlowConfig={{ renderedFileType: "jpeg" }}
+      optixFlowConfig={{ renderedFileType: "jpeg", objectFit: "cover" }}
     />
   );
 }
@@ -66,7 +66,7 @@ What you get:
 - `loading`, `decoding`: Defaults `lazy` / `async`. Set `eager` to force above-the-fold fetch.
 - `sizes`: Override the auto-generated `sizes` from `useOptimizedImage`.
 - `intersectionMargin`, `intersectionThreshold`: Tweak lazy-load observer.
-- `optixFlowConfig`: `{ apiKey: string; compressionLevel?: number; renderedFileType?: 'avif' | 'webp' | 'jpeg' | 'png'; }`.
+- `optixFlowConfig`: `{ apiKey: string; compressionLevel?: number; renderedFileType?: 'avif' | 'webp' | 'jpeg' | 'png'; objectFit?: 'cover' | 'contain' | 'fill'; }`.
 
 ### Global defaults (React & UMD)
 
@@ -78,7 +78,8 @@ What you get:
   window.PageSpeedImgDefaults = {
     optixFlowConfig: {
       apiKey: "YOUR_OPTIX_KEY",
-      compressionLevel: 80
+      compressionLevel: 80,
+      objectFit: "cover"
     }
   };
 </script>
@@ -125,7 +126,6 @@ pnpm test
 
 ### Roadmap
 
-- Remove legacy `mediaId` shim once internal consumers migrate to the new `src` + OptixFlow path.
 - Add storybook examples for common layouts (hero, gallery, card).
 
 ---

package/dist/browser/page-speed-img.umd.cjs

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PageSpeedImg={},e.React)}(this,function(e,t){"use strict";var n=[1,2];const i=new Map;function r(e,t){i.set(e,t)}const o="https://cdn.ing";function l(e){return(e??o).replace(/\/$/,"")}function s(e,t){return`${l(t)}/assets/images/${e}`}function a(e,t){return`${l(t)}/i/r/${e}`}function u(e){return!!e&&["AVIF","WEBP","JPEG"].some(t=>{const n=null==e?void 0:e[t];return!!(i=n)&&[i.sm,i.md,i.lg,i.full].some(e=>"string"==typeof e&&e.trim().length>0);var i})}function d(e){return"string"==typeof e&&e.trim().length>0}function c(e){var t;if(!e)return!1;if(u((null==(t=e.variants_data)?void 0:t.variants)??null))return!0;const n=e;return[n.img_url,n.file_data_url,n.file_data_thumbnail_url,n.img_src,n.med_src,n.thumb_src,n.low_res_thumb].some(d)}async function f(e,t){const n=await fetch(e,{signal:t});if(!n.ok){const t=new Error(`Failed to fetch image data (status ${n.status}) from ${e}`);throw t.status=n.status,t}return await n.json()}async function m(e,t={}){if(!Number.isFinite(e))throw new Error("Invalid mediaId provided to fetchImageData");const n=l(t.cdnHost),o=`image:${n}:${e}`;if(!t.bypassCache){const e=(u=o,i.get(u));if(e)return e}var u;const d=[s(e,n),a(e,n)];let m;for(const i of d)try{const e=await f(i,t.signal);return c(e)&&r(o,e),e}catch(g){if("AbortError"===(null==g?void 0:g.name))throw g;m=g}if(m instanceof Error)throw m;throw new Error(`Failed to fetch image data for mediaId ${e}`)}const g="dt:media-selected";function h(){t.useEffect(()=>{if("undefined"==typeof window)return;const e=()=>{};return window.addEventListener(g,e),()=>window.removeEventListener(g,e)},[])}function v(e){e&&e.querySelectorAll("source").forEach(e=>{const t=e.getAttribute("srcset");t&&(e.setAttribute("data-srcset",t),e.removeAttribute("srcset"),requestAnimationFrame(()=>{e.setAttribute("srcset",t)}))})}function w(e){t.useEffect(()=>{const t=e.current;t&&(t instanceof HTMLPictureElement?v(t):t.parentElement instanceof HTMLPictureElement&&v(t.parentElement))},[e])}const p={sm:640,md:1024,lg:1536,full:2560};let b;const E=new Set,y=e=>e??b??(()=>{var e,t,n;if("undefined"==typeof globalThis)return;const i=globalThis;return(null==(e=i.PageSpeedImgDefaults)?void 0:e.optixFlowConfig)||(null==(t=i.OpensiteImgDefaults)?void 0:t.optixFlowConfig)||(null==(n=i.PAGE_SPEED_IMG_DEFAULTS)?void 0:n.optixFlowConfig)})(),_=e=>"string"==typeof e&&e.trim().length>0,I=e=>{if(""!==e&&null!=e){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const t=Number(e);if(Number.isFinite(t))return t}}};function A(e){const t=null==e?void 0:e.widths;return t?{sm:t.small??t.sm??p.sm,md:t.medium??t.md??p.md,lg:t.large??t.lg??p.lg,full:t.full_size??t.full??p.full}:null}function M(e){if(e)return e.md||e.lg||e.sm||e.full||Object.values(e).find(Boolean)}const S=({sizes:e,loading:i,decoding:r,alt:o,title:l,src:s,eager:a,intersectionMargin:u,intersectionThreshold:d,optixFlowConfig:c,forwardedRef:f,...m})=>{const g=t.useRef(null),v=t.useRef(null);w(v),h();const p=t.useMemo(()=>"string"==typeof s?s.trim():"",[s]),b=t.useMemo(()=>I(m.width),[m]),E=t.useMemo(()=>I(m.height),[m]),_=t.useMemo(()=>y(c),[c]),A=a??"eager"===i,{ref:M,src:S,srcset:$,sizes:x,loading:z,size:F}=function(e){const{src:i,eager:r=!1,threshold:o=.1,rootMargin:l="50px",width:s,height:a,optixFlowConfig:u}=e,d=t.useMemo(()=>null==u?void 0:u.apiKey,[null==u?void 0:u.apiKey]),c=t.useMemo(()=>!!d,[d]),[f,m]=t.useState({isLoaded:!1,isInView:!1}),[g,h]=t.useState({width:s??0,height:a??0}),v=t.useRef(null),w=t.useRef(null);t.useEffect(()=>{void 0===s&&void 0===a||h(e=>({width:s??e.width,height:a??e.height}))},[s,a]),t.useEffect(()=>{if(!v.current)return;const e=()=>{const e=v.current;if(!e)return;const t=s??(Math.round(e.clientWidth)||e.naturalWidth||0),n=a??(Math.round(e.clientHeight)||e.naturalHeight||0);(t>0||n>0)&&h(e=>e.width!==t||e.height!==n?{width:t,height:n}:e)};v.current.clientWidth>0&&e();const t=v.current;t.addEventListener("load",e);let n=null;return"undefined"!=typeof ResizeObserver&&(n=new ResizeObserver(()=>{e()}),n.observe(t)),()=>{t.removeEventListener("load",e),null==n||n.disconnect()}},[s,a,f.isLoaded]);const p=t.useCallback((e,t,n)=>{if(!c)return i;if(!e||!t)return i;const r=new URLSearchParams;return r.set("url",i),r.set("w",String(e)),r.set("h",String(t)),r.set("q",String((null==u?void 0:u.compressionLevel)??75)),r.set("f",n),r.set("apiKey",d),`https://octane.cdn.ing/api/v1/images/transform?${r.toString()}`},[c,i,null==u?void 0:u.compressionLevel,d]),b=t.useCallback((e,t,i)=>c&&0!==e&&0!==t?n.map(n=>{const r=Math.round(e*n),o=Math.round(t*n);return`${p(r,o,i)} ${n}x`}).join(", "):"",[c,p]),E=t.useMemo(()=>{const e=g.width>0&&g.height>0;if(!c||!e)return i;const t=(null==u?void 0:u.renderedFileType)??"jpeg";return p(g.width,g.height,t)},[c,i,g.width,g.height,null==u?void 0:u.renderedFileType,p]),y=t.useMemo(()=>({avif:b(g.width,g.height,"avif"),webp:b(g.width,g.height,"webp"),jpeg:b(g.width,g.height,"jpeg")}),[g.width,g.height,b]),_=t.useMemo(()=>0===g.width?"":`${g.width}px`,[g.width]);return t.useEffect(()=>{if("undefined"!=typeof window&&v.current){if(!r)return w.current=new IntersectionObserver(([e])=>{var t;e.isIntersecting&&(m(e=>({...e,isInView:!0})),null==(t=w.current)||t.disconnect())},{threshold:o,rootMargin:l}),w.current.observe(v.current),()=>{var e;null==(e=w.current)||e.disconnect()};m({isLoaded:!1,isInView:!0})}},[r,o,l]),t.useEffect(()=>{if(!v.current)return;const e=()=>{m(e=>({...e,isLoaded:!0}))},t=v.current;if(!t.complete)return t.addEventListener("load",e),()=>t.removeEventListener("load",e);e()},[f.isInView]),{ref:t.useCallback(e=>{v.current=e},[]),src:f.isInView||r?E:i,srcset:f.isInView||r?y:{avif:"",webp:"",jpeg:""},sizes:f.isInView||r?_:"",isLoaded:f.isLoaded,isInView:f.isInView,loading:r?"eager":"lazy",size:g}}({src:p,eager:A,width:b,height:E,rootMargin:u??"200px",threshold:d??.1,optixFlowConfig:_}),L=((e,n,i)=>t.useCallback(t=>{e(t),i.current=t,"function"==typeof n?n(t):n&&"object"==typeof n&&(n.current=t)},[e,n,i]))(M,f,g),{width:C,height:P,...R}=m,j=e??(x||void 0),T=i??z??"lazy",N=r??"async",O=Boolean($.avif||$.webp||$.jpeg),V=S||p||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",D=!O||$.avif||$.webp?"":$.jpeg,k=I(C),W=I(P),B=k??(F.width||b||void 0),H=W??(F.height||E||void 0);return O?t.createElement("picture",{ref:v},$.avif?t.createElement("source",{type:"image/avif",srcSet:$.avif,sizes:j}):null,$.webp?t.createElement("source",{type:"image/webp",srcSet:$.webp,sizes:j}):null,t.createElement("img",{ref:L,src:V,srcSet:D||void 0,sizes:D?j:void 0,loading:T,decoding:N,alt:o,title:l,width:B,height:H,...R})):t.createElement("img",{ref:L,src:V,loading:T,decoding:N,alt:o,title:l,width:B,height:H,...R})},$=({mediaId:e,cdnHost:n,sizes:i,onImageData:r,loading:s,decoding:a,alt:d,title:c,src:f,forwardedRef:g,...v})=>{const b=t.useRef(null),E=t.useRef(null);t.useImperativeHandle(g,()=>b.current),w(E),h();const[y,I]=t.useState(null),[S,$]=t.useState(0),x=Number.isFinite(e),z=s??"lazy",F=a??"async",[L,C]=t.useState(()=>!x||"lazy"!==z),P=t.useMemo(()=>(n??o).replace(/\/$/,""),[n]);t.useEffect(()=>{if(!x)return I(null),void $(0);I(null),$(0)},[x,e,n]),t.useEffect(()=>{if(!x)return;const t=new AbortController;return m(e,{cdnHost:n,signal:t.signal,bypassCache:S>0}).then(e=>{I(e),null==r||r(e)}).catch(e=>{"AbortError"!==(null==e?void 0:e.name)&&console.warn("Image data fetch failed:",e)}),()=>t.abort()},[x,e,n,r,S]),t.useEffect(()=>{C(!x||"lazy"!==z)},[x,e,z]),t.useEffect(()=>{if(!x||"lazy"!==z||L)return;if("undefined"==typeof window||void 0===window.IntersectionObserver)return void C(!0);const e=b.current;if(!e)return;const t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(C(!0),t.disconnect())},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[x,z,L]);const R=t.useMemo(()=>{var e,t,n;if(!y)return null;const i=(null==(e=y.variants_data)?void 0:e.variants)??{},r=i.WEBP,o=i.AVIF,l=i.JPEG,s=A(null==(t=i.WEBP)?void 0:t.metadata)||A(null==(n=i.JPEG)?void 0:n.metadata)||{...p},a=e=>(e=>{if(_(e))return/^https?:\/\//i.test(e)||e.startsWith("data:")?e:e.startsWith("//")?`https:${e}`:e.startsWith("/")?`${P}${e}`:`${P}/${e}`})("string"==typeof e?e:void 0),u=[M(r),M(l),M(o),null==r?void 0:r.sm,null==r?void 0:r.md,null==r?void 0:r.lg,null==r?void 0:r.full,null==l?void 0:l.sm,null==l?void 0:l.md,null==l?void 0:l.lg,null==l?void 0:l.full,null==o?void 0:o.sm,null==o?void 0:o.md,null==o?void 0:o.lg,null==o?void 0:o.full].map(e=>a(e??void 0)).filter(_),d=y,c=[d.img_url,d.file_data_url,d.file_data_thumbnail_url,d.img_src,d.med_src,d.thumb_src,d.low_res_thumb].map(e=>_(e)?a(e):void 0).filter(_),f=d.fallback_url?[a(d.fallback_url)].filter(_):[],m=[...u,...c,...f][0];if(!m)return null;return{webp:r,avif:o,jpeg:l,toSrcSet:e=>{if(!e)return;const t=[],n=(e,n)=>{const i=a(e);i&&n&&t.push(`${i} ${n}w`)};return n(e.sm,s.sm),n(e.md,s.md),n(e.lg,s.lg),n(e.full,s.full),t.length?t.join(", "):void 0},fallback:m,widths:s,hasVariantSource:u.length>0}},[y,P]),j=t.useMemo(()=>{var e;return u((null==(e=null==y?void 0:y.variants_data)?void 0:e.variants)??null)},[y]),T=t.useMemo(()=>{var e;const t=(null==(e=null==y?void 0:y.variants_data)?void 0:e.status)??(null==y?void 0:y.variants_status)??"";return"string"==typeof t?t.toLowerCase():""},[y]),N="failed"===T||"error"===T,O=x&&Boolean(y)&&!N&&!j&&S<5;t.useEffect(()=>{if(!O)return;if("undefined"==typeof window)return;const e=window.setTimeout(()=>{$(e=>e+1)},3e3);return()=>window.clearTimeout(e)},[O]);const V=t.useMemo(()=>{var e,t;return"string"==typeof d?d:(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.summary)??void 0},[d,y]),D=t.useMemo(()=>{var e,t;return"string"==typeof c?c:(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.title)??void 0},[c,y]),k=t.useMemo(()=>{var e,t,n,i;return(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.sizing)?void 0:t.width)??(null==(i=null==(n=null==y?void 0:y.variants_data)?void 0:n.metadata)?void 0:i.width)??void 0},[y]),W=t.useMemo(()=>{var e,t,n,i;return(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.sizing)?void 0:t.height)??(null==(i=null==(n=null==y?void 0:y.variants_data)?void 0:n.metadata)?void 0:i.height)??void 0},[y]),B=t.useMemo(()=>{var e,t;const n=null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.optimized_filename;if(!n)return;const i=null==R?void 0:R.fallback;if(!i)return;const r=i.lastIndexOf(".");return`${n}.${r>-1?i.slice(r+1).toLowerCase():"jpg"}`},[y,R]);if(!x){const e={...v};return t.createElement("img",{ref:b,src:f,loading:z,decoding:F,alt:V,title:D,width:e.width,height:e.height,...e})}const H=function(e,t){return`${l(t)}/assets/low_res_thumb/${e}`}(e,n);if(!y||!R||!L){const e={...v};return t.createElement("img",{ref:b,src:H,loading:z,decoding:F,alt:V,title:D,width:e.width??k,height:e.height??W,...e})}const G=i??"(max-width:640px) 640px, (max-width:1024px) 1024px, 1536px",{webp:q,avif:J,jpeg:K,toSrcSet:U,fallback:Q}=R,X=U(q),Y=U(J),Z=U(K);return X||Y||Z?t.createElement("picture",null,Y?t.createElement("source",{type:"image/avif",srcSet:Y,sizes:G}):null,X?t.createElement("source",{type:"image/webp",srcSet:X,sizes:G}):null,t.createElement("img",{ref:b,src:Q,srcSet:!Z||X||Y?void 0:Z,sizes:!Z||X||Y?void 0:G,loading:z,decoding:F,alt:V,title:D,width:k,height:W,"data-filename":B,...v})):t.createElement("img",{ref:b,src:Q,loading:z,decoding:F,alt:V,title:D,width:k,height:W,"data-filename":B,...v})},x=t.forwardRef(function(e,n){if(Number.isFinite(e.mediaId))return(e=>{if(!Number.isFinite(e)||null==e)return;const t=e;E.has(t)||(E.add(t),"undefined"!=typeof console&&console.warn&&console.warn("[DEPRECATED] <Img mediaId> is deprecated. Provide src + optixFlowConfig instead.",{mediaId:t}))})(e.mediaId),t.createElement($,{...e,forwardedRef:n});return"string"==typeof e.src&&e.src.trim().length>0?t.createElement(S,{...e,forwardedRef:n}):("undefined"!=typeof console&&console.warn&&console.warn("<Img /> requires either src or mediaId. No src provided, rendering null."),null)}),z=t.memo(x);z.displayName="PageSpeedImg";const F="undefined"!=typeof globalThis?globalThis:void 0;if(F)if(F.process){const e=F.process.env??(F.process.env={});void 0===e.NODE_ENV&&(e.NODE_ENV="production")}else F.process={env:{NODE_ENV:"production"}};e.Img=z,e.setDefaultOptixFlowConfig=e=>{b=e??void 0},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PageSpeedImg={},e.React)}(this,function(e,t){"use strict";var i=[1,2],n="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;const r="dt:media-selected",o=()=>{};let s=0,d=!1;function l(e){e&&e.querySelectorAll("source").forEach(e=>{const t=e.getAttribute("srcset");t&&(e.setAttribute("data-srcset",t),e.removeAttribute("srcset"),requestAnimationFrame(()=>{e.setAttribute("srcset",t)}))})}const u="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";let c;const a=e=>e??c??(()=>{var e,t,i;if("undefined"==typeof globalThis)return;const n=globalThis;return(null==(e=n.PageSpeedImgDefaults)?void 0:e.optixFlowConfig)||(null==(t=n.OpensiteImgDefaults)?void 0:t.optixFlowConfig)||(null==(i=n.PAGE_SPEED_IMG_DEFAULTS)?void 0:i.optixFlowConfig)})(),f=e=>{if(""!==e&&null!=e){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const t=Number(e);if(Number.isFinite(t))return t}}},g=({sizes:e,loading:c,decoding:g,alt:h,title:p,src:w,eager:v,intersectionMargin:m,intersectionThreshold:b,optixFlowConfig:y,forwardedRef:E,...A})=>{const M=t.useRef(null),I=t.useRef(null),S=t.useRef(null);var L;L=I,t.useEffect(()=>{const e=L.current;e&&(e instanceof HTMLPictureElement?l(e):e.parentElement instanceof HTMLPictureElement&&l(e.parentElement))},[L]),t.useEffect(()=>{if("undefined"!=typeof window)return d||(window.addEventListener(r,o),d=!0),s+=1,()=>{s-=1,s<=0&&d&&(window.removeEventListener(r,o),d=!1)}},[]);const j=t.useMemo(()=>"string"==typeof w?w.trim():"",[w]),F=t.useMemo(()=>f(A.width),[A]),x=t.useMemo(()=>f(A.height),[A]),z=t.useMemo(()=>a(y),[y]),R=v??"eager"===c,{ref:T,src:V,srcset:C,sizes:N,loading:O,isInView:P,size:D}=function(e){const{src:r,eager:o=!1,threshold:s=.1,rootMargin:d="50px",width:l,height:u,optixFlowConfig:c}=e,a=t.useMemo(()=>null==c?void 0:c.apiKey,[null==c?void 0:c.apiKey]),f=t.useMemo(()=>!!a,[a]),[g,h]=t.useState({isLoaded:!1,isInView:!1}),[p,w]=t.useState({width:0,height:0}),v=t.useRef(null),m=t.useRef(null),b=t.useMemo(()=>({width:l??p.width,height:u??p.height}),[l,u,p.width,p.height]);n(()=>{if(!v.current)return;if(void 0!==l&&void 0!==u)return;const e=()=>{const e=v.current;if(!e)return;const t=l??(Math.round(e.clientWidth)||e.naturalWidth||0),i=u??(Math.round(e.clientHeight)||e.naturalHeight||0);(t>0||i>0)&&w(e=>e.width!==t||e.height!==i?{width:t,height:i}:e)};v.current.clientWidth>0&&e();const t=v.current;t.addEventListener("load",e);let i=null;return"undefined"!=typeof ResizeObserver&&(i=new ResizeObserver(()=>{e()}),i.observe(t)),()=>{t.removeEventListener("load",e),null==i||i.disconnect()}},[l,u]);const y=t.useCallback((e,t,i)=>{if(!f)return r;if(!e||!t)return r;const n=new URLSearchParams;return n.set("url",r),n.set("fit",String((null==c?void 0:c.objectFit)??"cover")),n.set("w",String(e)),n.set("h",String(t)),n.set("q",String((null==c?void 0:c.compressionLevel)??75)),n.set("f",i),n.set("apiKey",a),`https://octane.cdn.ing/api/v1/images/transform?${n.toString()}`},[f,r,null==c?void 0:c.compressionLevel,a,null==c?void 0:c.objectFit]),E=t.useCallback((e,t,n)=>f&&0!==e&&0!==t?i.map(i=>{const r=Math.round(e*i),o=Math.round(t*i);return`${y(r,o,n)} ${i}x`}).join(", "):"",[f,y]),A=t.useMemo(()=>{const e=b.width>0&&b.height>0;if(!f||!e)return r;const t=(null==c?void 0:c.renderedFileType)??"jpeg";return y(b.width,b.height,t)},[f,r,b.width,b.height,null==c?void 0:c.renderedFileType,null==c?void 0:c.compressionLevel,null==c?void 0:c.objectFit,y]),M=t.useMemo(()=>({avif:E(b.width,b.height,"avif"),webp:E(b.width,b.height,"webp"),jpeg:E(b.width,b.height,"jpeg")}),[b.width,b.height,E]),I=t.useMemo(()=>0===b.width?"":`${b.width}px`,[b.width]);return t.useEffect(()=>{if("undefined"!=typeof window&&v.current){if(!o)return m.current=new IntersectionObserver(([e])=>{var t;e.isIntersecting&&(h(e=>({...e,isInView:!0})),null==(t=m.current)||t.disconnect())},{threshold:s,rootMargin:d}),m.current.observe(v.current),()=>{var e;null==(e=m.current)||e.disconnect()};h({isLoaded:!1,isInView:!0})}},[o,s,d]),t.useEffect(()=>{if(!v.current)return;const e=()=>{h(e=>({...e,isLoaded:!0}))},t=v.current;if(!t.complete)return t.addEventListener("load",e),()=>t.removeEventListener("load",e);e()},[g.isInView]),{ref:t.useCallback(e=>{v.current=e},[]),src:g.isInView||o?A:r,srcset:g.isInView||o?M:{avif:"",webp:"",jpeg:""},sizes:g.isInView||o?I:"",isLoaded:g.isLoaded,isInView:g.isInView,loading:o?"eager":"lazy",size:b}}({src:j,eager:R,width:F,height:x,rootMargin:m??"200px",threshold:b??.1,optixFlowConfig:z}),q=((e,i,n)=>t.useCallback(t=>{e(t),n.current=t,"function"==typeof i?i(t):i&&"object"==typeof i&&(i.current=t)},[e,i,n]))(T,E,M),{width:_,height:k,...H}=A,$=e??(N||void 0),B=c??O??"lazy",G=g??"async",K=Boolean(C.avif||C.webp||C.jpeg),U=V||j||u,W=!K||C.avif||C.webp?"":C.jpeg,Q=f(_),J=f(k),X=Q??(D.width||F||void 0),Y=J??(D.height||x||void 0);return t.useEffect(()=>{if("undefined"==typeof window)return;if(!R&&!P)return;if(U===u)return;const e=[U,C.avif,C.webp,C.jpeg,$??""].join("|");S.current!==e&&(S.current=e,"undefined"!=typeof console&&console.info&&console.info("[PageSpeedImg] image request",{src:U,srcset:C,sizes:$}))},[R,U,P,$,C.avif,C.webp,C.jpeg]),K?t.createElement("picture",{ref:I},C.avif?t.createElement("source",{type:"image/avif",srcSet:C.avif,sizes:$}):null,C.webp?t.createElement("source",{type:"image/webp",srcSet:C.webp,sizes:$}):null,t.createElement("img",{ref:q,src:U,srcSet:W||void 0,sizes:W?$:void 0,loading:B,decoding:G,alt:h,title:p,width:X,height:Y,...H})):t.createElement("img",{ref:q,src:U,loading:B,decoding:G,alt:h,title:p,width:X,height:Y,...H})},h=t.forwardRef(function(e,i){return"string"==typeof e.src&&e.src.trim().length>0?t.createElement(g,{...e,forwardedRef:i}):("undefined"!=typeof console&&console.warn&&console.warn("<Img /> requires src. No src provided, rendering null."),null)}),p=t.memo(h);p.displayName="PageSpeedImg";const w="undefined"!=typeof globalThis?globalThis:void 0;if(w)if(w.process){const e=w.process.env??(w.process.env={});void 0===e.NODE_ENV&&(e.NODE_ENV="production")}else w.process={env:{NODE_ENV:"production"}};e.Img=p,e.setDefaultOptixFlowConfig=e=>{c=e??void 0},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=page-speed-img.umd.js.map

package/dist/browser/page-speed-img.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PageSpeedImg={},e.React)}(this,function(e,t){"use strict";var n=[1,2];const i=new Map;function r(e,t){i.set(e,t)}const o="https://cdn.ing";function l(e){return(e??o).replace(/\/$/,"")}function s(e,t){return`${l(t)}/assets/images/${e}`}function a(e,t){return`${l(t)}/i/r/${e}`}function u(e){return!!e&&["AVIF","WEBP","JPEG"].some(t=>{const n=null==e?void 0:e[t];return!!(i=n)&&[i.sm,i.md,i.lg,i.full].some(e=>"string"==typeof e&&e.trim().length>0);var i})}function d(e){return"string"==typeof e&&e.trim().length>0}function c(e){var t;if(!e)return!1;if(u((null==(t=e.variants_data)?void 0:t.variants)??null))return!0;const n=e;return[n.img_url,n.file_data_url,n.file_data_thumbnail_url,n.img_src,n.med_src,n.thumb_src,n.low_res_thumb].some(d)}async function f(e,t){const n=await fetch(e,{signal:t});if(!n.ok){const t=new Error(`Failed to fetch image data (status ${n.status}) from ${e}`);throw t.status=n.status,t}return await n.json()}async function m(e,t={}){if(!Number.isFinite(e))throw new Error("Invalid mediaId provided to fetchImageData");const n=l(t.cdnHost),o=`image:${n}:${e}`;if(!t.bypassCache){const e=(u=o,i.get(u));if(e)return e}var u;const d=[s(e,n),a(e,n)];let m;for(const i of d)try{const e=await f(i,t.signal);return c(e)&&r(o,e),e}catch(g){if("AbortError"===(null==g?void 0:g.name))throw g;m=g}if(m instanceof Error)throw m;throw new Error(`Failed to fetch image data for mediaId ${e}`)}const g="dt:media-selected";function h(){t.useEffect(()=>{if("undefined"==typeof window)return;const e=()=>{};return window.addEventListener(g,e),()=>window.removeEventListener(g,e)},[])}function v(e){e&&e.querySelectorAll("source").forEach(e=>{const t=e.getAttribute("srcset");t&&(e.setAttribute("data-srcset",t),e.removeAttribute("srcset"),requestAnimationFrame(()=>{e.setAttribute("srcset",t)}))})}function w(e){t.useEffect(()=>{const t=e.current;t&&(t instanceof HTMLPictureElement?v(t):t.parentElement instanceof HTMLPictureElement&&v(t.parentElement))},[e])}const p={sm:640,md:1024,lg:1536,full:2560};let b;const E=new Set,y=e=>e??b??(()=>{var e,t,n;if("undefined"==typeof globalThis)return;const i=globalThis;return(null==(e=i.PageSpeedImgDefaults)?void 0:e.optixFlowConfig)||(null==(t=i.OpensiteImgDefaults)?void 0:t.optixFlowConfig)||(null==(n=i.PAGE_SPEED_IMG_DEFAULTS)?void 0:n.optixFlowConfig)})(),_=e=>"string"==typeof e&&e.trim().length>0,I=e=>{if(""!==e&&null!=e){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const t=Number(e);if(Number.isFinite(t))return t}}};function A(e){const t=null==e?void 0:e.widths;return t?{sm:t.small??t.sm??p.sm,md:t.medium??t.md??p.md,lg:t.large??t.lg??p.lg,full:t.full_size??t.full??p.full}:null}function M(e){if(e)return e.md||e.lg||e.sm||e.full||Object.values(e).find(Boolean)}const S=({sizes:e,loading:i,decoding:r,alt:o,title:l,src:s,eager:a,intersectionMargin:u,intersectionThreshold:d,optixFlowConfig:c,forwardedRef:f,...m})=>{const g=t.useRef(null),v=t.useRef(null);w(v),h();const p=t.useMemo(()=>"string"==typeof s?s.trim():"",[s]),b=t.useMemo(()=>I(m.width),[m]),E=t.useMemo(()=>I(m.height),[m]),_=t.useMemo(()=>y(c),[c]),A=a??"eager"===i,{ref:M,src:S,srcset:$,sizes:x,loading:z,size:F}=function(e){const{src:i,eager:r=!1,threshold:o=.1,rootMargin:l="50px",width:s,height:a,optixFlowConfig:u}=e,d=t.useMemo(()=>null==u?void 0:u.apiKey,[null==u?void 0:u.apiKey]),c=t.useMemo(()=>!!d,[d]),[f,m]=t.useState({isLoaded:!1,isInView:!1}),[g,h]=t.useState({width:s??0,height:a??0}),v=t.useRef(null),w=t.useRef(null);t.useEffect(()=>{void 0===s&&void 0===a||h(e=>({width:s??e.width,height:a??e.height}))},[s,a]),t.useEffect(()=>{if(!v.current)return;const e=()=>{const e=v.current;if(!e)return;const t=s??(Math.round(e.clientWidth)||e.naturalWidth||0),n=a??(Math.round(e.clientHeight)||e.naturalHeight||0);(t>0||n>0)&&h(e=>e.width!==t||e.height!==n?{width:t,height:n}:e)};v.current.clientWidth>0&&e();const t=v.current;t.addEventListener("load",e);let n=null;return"undefined"!=typeof ResizeObserver&&(n=new ResizeObserver(()=>{e()}),n.observe(t)),()=>{t.removeEventListener("load",e),null==n||n.disconnect()}},[s,a,f.isLoaded]);const p=t.useCallback((e,t,n)=>{if(!c)return i;if(!e||!t)return i;const r=new URLSearchParams;return r.set("url",i),r.set("w",String(e)),r.set("h",String(t)),r.set("q",String((null==u?void 0:u.compressionLevel)??75)),r.set("f",n),r.set("apiKey",d),`https://octane.cdn.ing/api/v1/images/transform?${r.toString()}`},[c,i,null==u?void 0:u.compressionLevel,d]),b=t.useCallback((e,t,i)=>c&&0!==e&&0!==t?n.map(n=>{const r=Math.round(e*n),o=Math.round(t*n);return`${p(r,o,i)} ${n}x`}).join(", "):"",[c,p]),E=t.useMemo(()=>{const e=g.width>0&&g.height>0;if(!c||!e)return i;const t=(null==u?void 0:u.renderedFileType)??"jpeg";return p(g.width,g.height,t)},[c,i,g.width,g.height,null==u?void 0:u.renderedFileType,p]),y=t.useMemo(()=>({avif:b(g.width,g.height,"avif"),webp:b(g.width,g.height,"webp"),jpeg:b(g.width,g.height,"jpeg")}),[g.width,g.height,b]),_=t.useMemo(()=>0===g.width?"":`${g.width}px`,[g.width]);return t.useEffect(()=>{if("undefined"!=typeof window&&v.current){if(!r)return w.current=new IntersectionObserver(([e])=>{var t;e.isIntersecting&&(m(e=>({...e,isInView:!0})),null==(t=w.current)||t.disconnect())},{threshold:o,rootMargin:l}),w.current.observe(v.current),()=>{var e;null==(e=w.current)||e.disconnect()};m({isLoaded:!1,isInView:!0})}},[r,o,l]),t.useEffect(()=>{if(!v.current)return;const e=()=>{m(e=>({...e,isLoaded:!0}))},t=v.current;if(!t.complete)return t.addEventListener("load",e),()=>t.removeEventListener("load",e);e()},[f.isInView]),{ref:t.useCallback(e=>{v.current=e},[]),src:f.isInView||r?E:i,srcset:f.isInView||r?y:{avif:"",webp:"",jpeg:""},sizes:f.isInView||r?_:"",isLoaded:f.isLoaded,isInView:f.isInView,loading:r?"eager":"lazy",size:g}}({src:p,eager:A,width:b,height:E,rootMargin:u??"200px",threshold:d??.1,optixFlowConfig:_}),L=((e,n,i)=>t.useCallback(t=>{e(t),i.current=t,"function"==typeof n?n(t):n&&"object"==typeof n&&(n.current=t)},[e,n,i]))(M,f,g),{width:C,height:P,...R}=m,j=e??(x||void 0),T=i??z??"lazy",N=r??"async",O=Boolean($.avif||$.webp||$.jpeg),V=S||p||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",D=!O||$.avif||$.webp?"":$.jpeg,k=I(C),W=I(P),B=k??(F.width||b||void 0),H=W??(F.height||E||void 0);return O?t.createElement("picture",{ref:v},$.avif?t.createElement("source",{type:"image/avif",srcSet:$.avif,sizes:j}):null,$.webp?t.createElement("source",{type:"image/webp",srcSet:$.webp,sizes:j}):null,t.createElement("img",{ref:L,src:V,srcSet:D||void 0,sizes:D?j:void 0,loading:T,decoding:N,alt:o,title:l,width:B,height:H,...R})):t.createElement("img",{ref:L,src:V,loading:T,decoding:N,alt:o,title:l,width:B,height:H,...R})},$=({mediaId:e,cdnHost:n,sizes:i,onImageData:r,loading:s,decoding:a,alt:d,title:c,src:f,forwardedRef:g,...v})=>{const b=t.useRef(null),E=t.useRef(null);t.useImperativeHandle(g,()=>b.current),w(E),h();const[y,I]=t.useState(null),[S,$]=t.useState(0),x=Number.isFinite(e),z=s??"lazy",F=a??"async",[L,C]=t.useState(()=>!x||"lazy"!==z),P=t.useMemo(()=>(n??o).replace(/\/$/,""),[n]);t.useEffect(()=>{if(!x)return I(null),void $(0);I(null),$(0)},[x,e,n]),t.useEffect(()=>{if(!x)return;const t=new AbortController;return m(e,{cdnHost:n,signal:t.signal,bypassCache:S>0}).then(e=>{I(e),null==r||r(e)}).catch(e=>{"AbortError"!==(null==e?void 0:e.name)&&console.warn("Image data fetch failed:",e)}),()=>t.abort()},[x,e,n,r,S]),t.useEffect(()=>{C(!x||"lazy"!==z)},[x,e,z]),t.useEffect(()=>{if(!x||"lazy"!==z||L)return;if("undefined"==typeof window||void 0===window.IntersectionObserver)return void C(!0);const e=b.current;if(!e)return;const t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(C(!0),t.disconnect())},{rootMargin:"200px"});return t.observe(e),()=>t.disconnect()},[x,z,L]);const R=t.useMemo(()=>{var e,t,n;if(!y)return null;const i=(null==(e=y.variants_data)?void 0:e.variants)??{},r=i.WEBP,o=i.AVIF,l=i.JPEG,s=A(null==(t=i.WEBP)?void 0:t.metadata)||A(null==(n=i.JPEG)?void 0:n.metadata)||{...p},a=e=>(e=>{if(_(e))return/^https?:\/\//i.test(e)||e.startsWith("data:")?e:e.startsWith("//")?`https:${e}`:e.startsWith("/")?`${P}${e}`:`${P}/${e}`})("string"==typeof e?e:void 0),u=[M(r),M(l),M(o),null==r?void 0:r.sm,null==r?void 0:r.md,null==r?void 0:r.lg,null==r?void 0:r.full,null==l?void 0:l.sm,null==l?void 0:l.md,null==l?void 0:l.lg,null==l?void 0:l.full,null==o?void 0:o.sm,null==o?void 0:o.md,null==o?void 0:o.lg,null==o?void 0:o.full].map(e=>a(e??void 0)).filter(_),d=y,c=[d.img_url,d.file_data_url,d.file_data_thumbnail_url,d.img_src,d.med_src,d.thumb_src,d.low_res_thumb].map(e=>_(e)?a(e):void 0).filter(_),f=d.fallback_url?[a(d.fallback_url)].filter(_):[],m=[...u,...c,...f][0];if(!m)return null;return{webp:r,avif:o,jpeg:l,toSrcSet:e=>{if(!e)return;const t=[],n=(e,n)=>{const i=a(e);i&&n&&t.push(`${i} ${n}w`)};return n(e.sm,s.sm),n(e.md,s.md),n(e.lg,s.lg),n(e.full,s.full),t.length?t.join(", "):void 0},fallback:m,widths:s,hasVariantSource:u.length>0}},[y,P]),j=t.useMemo(()=>{var e;return u((null==(e=null==y?void 0:y.variants_data)?void 0:e.variants)??null)},[y]),T=t.useMemo(()=>{var e;const t=(null==(e=null==y?void 0:y.variants_data)?void 0:e.status)??(null==y?void 0:y.variants_status)??"";return"string"==typeof t?t.toLowerCase():""},[y]),N="failed"===T||"error"===T,O=x&&Boolean(y)&&!N&&!j&&S<5;t.useEffect(()=>{if(!O)return;if("undefined"==typeof window)return;const e=window.setTimeout(()=>{$(e=>e+1)},3e3);return()=>window.clearTimeout(e)},[O]);const V=t.useMemo(()=>{var e,t;return"string"==typeof d?d:(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.summary)??void 0},[d,y]),D=t.useMemo(()=>{var e,t;return"string"==typeof c?c:(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.title)??void 0},[c,y]),k=t.useMemo(()=>{var e,t,n,i;return(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.sizing)?void 0:t.width)??(null==(i=null==(n=null==y?void 0:y.variants_data)?void 0:n.metadata)?void 0:i.width)??void 0},[y]),W=t.useMemo(()=>{var e,t,n,i;return(null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.sizing)?void 0:t.height)??(null==(i=null==(n=null==y?void 0:y.variants_data)?void 0:n.metadata)?void 0:i.height)??void 0},[y]),B=t.useMemo(()=>{var e,t;const n=null==(t=null==(e=null==y?void 0:y.meta)?void 0:e.content_manifest)?void 0:t.optimized_filename;if(!n)return;const i=null==R?void 0:R.fallback;if(!i)return;const r=i.lastIndexOf(".");return`${n}.${r>-1?i.slice(r+1).toLowerCase():"jpg"}`},[y,R]);if(!x){const e={...v};return t.createElement("img",{ref:b,src:f,loading:z,decoding:F,alt:V,title:D,width:e.width,height:e.height,...e})}const H=function(e,t){return`${l(t)}/assets/low_res_thumb/${e}`}(e,n);if(!y||!R||!L){const e={...v};return t.createElement("img",{ref:b,src:H,loading:z,decoding:F,alt:V,title:D,width:e.width??k,height:e.height??W,...e})}const G=i??"(max-width:640px) 640px, (max-width:1024px) 1024px, 1536px",{webp:q,avif:J,jpeg:K,toSrcSet:U,fallback:Q}=R,X=U(q),Y=U(J),Z=U(K);return X||Y||Z?t.createElement("picture",null,Y?t.createElement("source",{type:"image/avif",srcSet:Y,sizes:G}):null,X?t.createElement("source",{type:"image/webp",srcSet:X,sizes:G}):null,t.createElement("img",{ref:b,src:Q,srcSet:!Z||X||Y?void 0:Z,sizes:!Z||X||Y?void 0:G,loading:z,decoding:F,alt:V,title:D,width:k,height:W,"data-filename":B,...v})):t.createElement("img",{ref:b,src:Q,loading:z,decoding:F,alt:V,title:D,width:k,height:W,"data-filename":B,...v})},x=t.forwardRef(function(e,n){if(Number.isFinite(e.mediaId))return(e=>{if(!Number.isFinite(e)||null==e)return;const t=e;E.has(t)||(E.add(t),"undefined"!=typeof console&&console.warn&&console.warn("[DEPRECATED] <Img mediaId> is deprecated. Provide src + optixFlowConfig instead.",{mediaId:t}))})(e.mediaId),t.createElement($,{...e,forwardedRef:n});return"string"==typeof e.src&&e.src.trim().length>0?t.createElement(S,{...e,forwardedRef:n}):("undefined"!=typeof console&&console.warn&&console.warn("<Img /> requires either src or mediaId. No src provided, rendering null."),null)}),z=t.memo(x);z.displayName="PageSpeedImg";const F="undefined"!=typeof globalThis?globalThis:void 0;if(F)if(F.process){const e=F.process.env??(F.process.env={});void 0===e.NODE_ENV&&(e.NODE_ENV="production")}else F.process={env:{NODE_ENV:"production"}};e.Img=z,e.setDefaultOptixFlowConfig=e=>{b=e??void 0},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PageSpeedImg={},e.React)}(this,function(e,t){"use strict";var i=[1,2],n="undefined"!=typeof window?t.useLayoutEffect:t.useEffect;const r="dt:media-selected",o=()=>{};let s=0,d=!1;function l(e){e&&e.querySelectorAll("source").forEach(e=>{const t=e.getAttribute("srcset");t&&(e.setAttribute("data-srcset",t),e.removeAttribute("srcset"),requestAnimationFrame(()=>{e.setAttribute("srcset",t)}))})}const u="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";let c;const a=e=>e??c??(()=>{var e,t,i;if("undefined"==typeof globalThis)return;const n=globalThis;return(null==(e=n.PageSpeedImgDefaults)?void 0:e.optixFlowConfig)||(null==(t=n.OpensiteImgDefaults)?void 0:t.optixFlowConfig)||(null==(i=n.PAGE_SPEED_IMG_DEFAULTS)?void 0:i.optixFlowConfig)})(),f=e=>{if(""!==e&&null!=e){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const t=Number(e);if(Number.isFinite(t))return t}}},g=({sizes:e,loading:c,decoding:g,alt:h,title:p,src:w,eager:v,intersectionMargin:m,intersectionThreshold:b,optixFlowConfig:y,forwardedRef:E,...A})=>{const M=t.useRef(null),I=t.useRef(null),S=t.useRef(null);var L;L=I,t.useEffect(()=>{const e=L.current;e&&(e instanceof HTMLPictureElement?l(e):e.parentElement instanceof HTMLPictureElement&&l(e.parentElement))},[L]),t.useEffect(()=>{if("undefined"!=typeof window)return d||(window.addEventListener(r,o),d=!0),s+=1,()=>{s-=1,s<=0&&d&&(window.removeEventListener(r,o),d=!1)}},[]);const j=t.useMemo(()=>"string"==typeof w?w.trim():"",[w]),F=t.useMemo(()=>f(A.width),[A]),x=t.useMemo(()=>f(A.height),[A]),z=t.useMemo(()=>a(y),[y]),R=v??"eager"===c,{ref:T,src:V,srcset:C,sizes:N,loading:O,isInView:P,size:D}=function(e){const{src:r,eager:o=!1,threshold:s=.1,rootMargin:d="50px",width:l,height:u,optixFlowConfig:c}=e,a=t.useMemo(()=>null==c?void 0:c.apiKey,[null==c?void 0:c.apiKey]),f=t.useMemo(()=>!!a,[a]),[g,h]=t.useState({isLoaded:!1,isInView:!1}),[p,w]=t.useState({width:0,height:0}),v=t.useRef(null),m=t.useRef(null),b=t.useMemo(()=>({width:l??p.width,height:u??p.height}),[l,u,p.width,p.height]);n(()=>{if(!v.current)return;if(void 0!==l&&void 0!==u)return;const e=()=>{const e=v.current;if(!e)return;const t=l??(Math.round(e.clientWidth)||e.naturalWidth||0),i=u??(Math.round(e.clientHeight)||e.naturalHeight||0);(t>0||i>0)&&w(e=>e.width!==t||e.height!==i?{width:t,height:i}:e)};v.current.clientWidth>0&&e();const t=v.current;t.addEventListener("load",e);let i=null;return"undefined"!=typeof ResizeObserver&&(i=new ResizeObserver(()=>{e()}),i.observe(t)),()=>{t.removeEventListener("load",e),null==i||i.disconnect()}},[l,u]);const y=t.useCallback((e,t,i)=>{if(!f)return r;if(!e||!t)return r;const n=new URLSearchParams;return n.set("url",r),n.set("fit",String((null==c?void 0:c.objectFit)??"cover")),n.set("w",String(e)),n.set("h",String(t)),n.set("q",String((null==c?void 0:c.compressionLevel)??75)),n.set("f",i),n.set("apiKey",a),`https://octane.cdn.ing/api/v1/images/transform?${n.toString()}`},[f,r,null==c?void 0:c.compressionLevel,a,null==c?void 0:c.objectFit]),E=t.useCallback((e,t,n)=>f&&0!==e&&0!==t?i.map(i=>{const r=Math.round(e*i),o=Math.round(t*i);return`${y(r,o,n)} ${i}x`}).join(", "):"",[f,y]),A=t.useMemo(()=>{const e=b.width>0&&b.height>0;if(!f||!e)return r;const t=(null==c?void 0:c.renderedFileType)??"jpeg";return y(b.width,b.height,t)},[f,r,b.width,b.height,null==c?void 0:c.renderedFileType,null==c?void 0:c.compressionLevel,null==c?void 0:c.objectFit,y]),M=t.useMemo(()=>({avif:E(b.width,b.height,"avif"),webp:E(b.width,b.height,"webp"),jpeg:E(b.width,b.height,"jpeg")}),[b.width,b.height,E]),I=t.useMemo(()=>0===b.width?"":`${b.width}px`,[b.width]);return t.useEffect(()=>{if("undefined"!=typeof window&&v.current){if(!o)return m.current=new IntersectionObserver(([e])=>{var t;e.isIntersecting&&(h(e=>({...e,isInView:!0})),null==(t=m.current)||t.disconnect())},{threshold:s,rootMargin:d}),m.current.observe(v.current),()=>{var e;null==(e=m.current)||e.disconnect()};h({isLoaded:!1,isInView:!0})}},[o,s,d]),t.useEffect(()=>{if(!v.current)return;const e=()=>{h(e=>({...e,isLoaded:!0}))},t=v.current;if(!t.complete)return t.addEventListener("load",e),()=>t.removeEventListener("load",e);e()},[g.isInView]),{ref:t.useCallback(e=>{v.current=e},[]),src:g.isInView||o?A:r,srcset:g.isInView||o?M:{avif:"",webp:"",jpeg:""},sizes:g.isInView||o?I:"",isLoaded:g.isLoaded,isInView:g.isInView,loading:o?"eager":"lazy",size:b}}({src:j,eager:R,width:F,height:x,rootMargin:m??"200px",threshold:b??.1,optixFlowConfig:z}),q=((e,i,n)=>t.useCallback(t=>{e(t),n.current=t,"function"==typeof i?i(t):i&&"object"==typeof i&&(i.current=t)},[e,i,n]))(T,E,M),{width:_,height:k,...H}=A,$=e??(N||void 0),B=c??O??"lazy",G=g??"async",K=Boolean(C.avif||C.webp||C.jpeg),U=V||j||u,W=!K||C.avif||C.webp?"":C.jpeg,Q=f(_),J=f(k),X=Q??(D.width||F||void 0),Y=J??(D.height||x||void 0);return t.useEffect(()=>{if("undefined"==typeof window)return;if(!R&&!P)return;if(U===u)return;const e=[U,C.avif,C.webp,C.jpeg,$??""].join("|");S.current!==e&&(S.current=e,"undefined"!=typeof console&&console.info&&console.info("[PageSpeedImg] image request",{src:U,srcset:C,sizes:$}))},[R,U,P,$,C.avif,C.webp,C.jpeg]),K?t.createElement("picture",{ref:I},C.avif?t.createElement("source",{type:"image/avif",srcSet:C.avif,sizes:$}):null,C.webp?t.createElement("source",{type:"image/webp",srcSet:C.webp,sizes:$}):null,t.createElement("img",{ref:q,src:U,srcSet:W||void 0,sizes:W?$:void 0,loading:B,decoding:G,alt:h,title:p,width:X,height:Y,...H})):t.createElement("img",{ref:q,src:U,loading:B,decoding:G,alt:h,title:p,width:X,height:Y,...H})},h=t.forwardRef(function(e,i){return"string"==typeof e.src&&e.src.trim().length>0?t.createElement(g,{...e,forwardedRef:i}):("undefined"!=typeof console&&console.warn&&console.warn("<Img /> requires src. No src provided, rendering null."),null)}),p=t.memo(h);p.displayName="PageSpeedImg";const w="undefined"!=typeof globalThis?globalThis:void 0;if(w)if(w.process){const e=w.process.env??(w.process.env={});void 0===e.NODE_ENV&&(e.NODE_ENV="production")}else w.process={env:{NODE_ENV:"production"}};e.Img=p,e.setDefaultOptixFlowConfig=e=>{c=e??void 0},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=page-speed-img.umd.js.map

package/dist/browser/page-speed-img.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-speed-img.umd.js","sources":["../../node_modules/.pnpm/@page-speed+hooks@0.4.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@page-speed/hooks/dist/chunk-JSF23IF7.js","../../src/utils/cache.ts","../../src/utils/api.ts","../../src/core/useMediaSelectionEffect.ts","../../src/core/useResponsiveReset.ts","../../src/core/Img.tsx","../../src/index.ts"],"sourcesContent":["import { useMemo, useState, useRef, useEffect, useCallback } from 'react';\n\nvar BASE_URL = \"https://octane.cdn.ing/api/v1/images/transform?\";\nvar DPR_MULTIPLIERS = [1, 2];\nfunction useOptimizedImage(options) {\n  const {\n    src,\n    eager = false,\n    threshold = 0.1,\n    rootMargin = \"50px\",\n    width,\n    height,\n    optixFlowConfig\n  } = options;\n  const optixFlowApiKey = useMemo(() => {\n    return optixFlowConfig?.apiKey;\n  }, [optixFlowConfig?.apiKey]);\n  const useOptixFlow = useMemo(() => {\n    return optixFlowApiKey ? true : false;\n  }, [optixFlowApiKey]);\n  const [state, setState] = useState({\n    isLoaded: false,\n    isInView: false\n  });\n  const [size, setSize] = useState({\n    width: width ?? 0,\n    height: height ?? 0\n  });\n  const imgRef = useRef(null);\n  const observerRef = useRef(null);\n  useEffect(() => {\n    if (width !== void 0 || height !== void 0) {\n      setSize((prev) => ({\n        width: width ?? prev.width,\n        height: height ?? prev.height\n      }));\n    }\n  }, [width, height]);\n  useEffect(() => {\n    if (!imgRef.current) return;\n    const calculateRenderedSize = () => {\n      const img2 = imgRef.current;\n      if (!img2) return;\n      const renderedWidth = width ?? (Math.round(img2.clientWidth) || img2.naturalWidth || 0);\n      const renderedHeight = height ?? (Math.round(img2.clientHeight) || img2.naturalHeight || 0);\n      if (renderedWidth > 0 || renderedHeight > 0) {\n        setSize((prev) => {\n          if (prev.width !== renderedWidth || prev.height !== renderedHeight) {\n            return { width: renderedWidth, height: renderedHeight };\n          }\n          return prev;\n        });\n      }\n    };\n    if (imgRef.current.clientWidth > 0) {\n      calculateRenderedSize();\n    }\n    const img = imgRef.current;\n    img.addEventListener(\"load\", calculateRenderedSize);\n    let resizeObserver = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      resizeObserver = new ResizeObserver(() => {\n        calculateRenderedSize();\n      });\n      resizeObserver.observe(img);\n    }\n    return () => {\n      img.removeEventListener(\"load\", calculateRenderedSize);\n      resizeObserver?.disconnect();\n    };\n  }, [width, height, state.isLoaded]);\n  const buildOptixFlowUrl = useCallback(\n    (imgWidth, imgHeight, format) => {\n      if (!useOptixFlow) return src;\n      if (!imgWidth || !imgHeight) return src;\n      const params = new URLSearchParams();\n      params.set(\"url\", src);\n      params.set(\"w\", String(imgWidth));\n      params.set(\"h\", String(imgHeight));\n      params.set(\"q\", String(optixFlowConfig?.compressionLevel ?? 75));\n      params.set(\"f\", format);\n      params.set(\"apiKey\", optixFlowApiKey);\n      return `${BASE_URL}${params.toString()}`;\n    },\n    [useOptixFlow, src, optixFlowConfig?.compressionLevel, optixFlowApiKey]\n  );\n  const generateSrcset = useCallback(\n    (baseWidth, baseHeight, format) => {\n      if (!useOptixFlow || baseWidth === 0 || baseHeight === 0) return \"\";\n      return DPR_MULTIPLIERS.map((dpr) => {\n        const scaledWidth = Math.round(baseWidth * dpr);\n        const scaledHeight = Math.round(baseHeight * dpr);\n        const url = buildOptixFlowUrl(scaledWidth, scaledHeight, format);\n        return `${url} ${dpr}x`;\n      }).join(\", \");\n    },\n    [useOptixFlow, buildOptixFlowUrl]\n  );\n  const primarySrc = useMemo(() => {\n    const hasDimensions = size.width > 0 && size.height > 0;\n    if (!useOptixFlow || !hasDimensions) return src;\n    const fallbackFormat = optixFlowConfig?.renderedFileType ?? \"jpeg\";\n    return buildOptixFlowUrl(size.width, size.height, fallbackFormat);\n  }, [useOptixFlow, src, size.width, size.height, optixFlowConfig?.renderedFileType, buildOptixFlowUrl]);\n  const srcset = useMemo(() => {\n    return {\n      avif: generateSrcset(size.width, size.height, \"avif\"),\n      webp: generateSrcset(size.width, size.height, \"webp\"),\n      jpeg: generateSrcset(size.width, size.height, \"jpeg\")\n    };\n  }, [size.width, size.height, generateSrcset]);\n  const sizes = useMemo(() => {\n    if (size.width === 0) return \"\";\n    return `${size.width}px`;\n  }, [size.width]);\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !imgRef.current) {\n      return;\n    }\n    if (eager) {\n      setState({ isLoaded: false, isInView: true });\n      return;\n    }\n    observerRef.current = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setState((prev) => ({ ...prev, isInView: true }));\n          observerRef.current?.disconnect();\n        }\n      },\n      { threshold, rootMargin }\n    );\n    observerRef.current.observe(imgRef.current);\n    return () => {\n      observerRef.current?.disconnect();\n    };\n  }, [eager, threshold, rootMargin]);\n  useEffect(() => {\n    if (!imgRef.current) return;\n    const handleLoad = () => {\n      setState((prev) => ({ ...prev, isLoaded: true }));\n    };\n    const img = imgRef.current;\n    if (img.complete) {\n      handleLoad();\n    } else {\n      img.addEventListener(\"load\", handleLoad);\n      return () => img.removeEventListener(\"load\", handleLoad);\n    }\n  }, [state.isInView]);\n  const ref = useCallback((node) => {\n    imgRef.current = node;\n  }, []);\n  const emptySrcset = { avif: \"\", webp: \"\", jpeg: \"\" };\n  return {\n    ref,\n    // Primary src uses exact rendered dimensions for Lighthouse \"Properly size images\" compliance\n    src: state.isInView || eager ? primarySrc : src,\n    // Srcset with format variants and DPR multipliers for <picture> element\n    srcset: state.isInView || eager ? srcset : emptySrcset,\n    // Sizes attribute for responsive image selection\n    sizes: state.isInView || eager ? sizes : \"\",\n    isLoaded: state.isLoaded,\n    isInView: state.isInView,\n    loading: eager ? \"eager\" : \"lazy\",\n    size\n  };\n}\n\nexport { useOptimizedImage };\n//# sourceMappingURL=chunk-JSF23IF7.js.map\n//# sourceMappingURL=chunk-JSF23IF7.js.map","// Lightweight multi-level cache inspired by ecosystem guidelines\n// L1 (instance) will be handled in components via refs/state; this is L2 (module-level) cache\n\nconst l2Cache = new Map<string, any>();\n\nexport function cacheGet<T>(key: string): T | undefined {\n  return l2Cache.get(key) as T | undefined;\n}\n\nexport function cacheSet<T>(key: string, value: T) {\n  l2Cache.set(key, value);\n}\n\nexport function cacheHas(key: string) {\n  return l2Cache.has(key);\n}\n\n","import { cacheGet, cacheSet } from './cache.js';\nimport type { ImageData, ImageVariantsMap, ProgressiveSizes } from '../types.js';\n\nexport type FetchImageOptions = {\n  cdnHost?: string; // default: https://cdn.ing\n  signal?: AbortSignal;\n  bypassCache?: boolean;\n};\n\nexport const DEFAULT_CDN_HOST = 'https://cdn.ing';\n\nfunction normalizeHost(cdnHost?: string): string {\n  return (cdnHost ?? DEFAULT_CDN_HOST).replace(/\\/$/, '');\n}\n\nfunction buildPrimaryImageUrl(mediaId: number, cdnHost?: string): string {\n  const host = normalizeHost(cdnHost);\n  return `${host}/assets/images/${mediaId}`;\n}\n\nfunction buildLegacyImageUrl(mediaId: number, cdnHost?: string): string {\n  const host = normalizeHost(cdnHost);\n  return `${host}/i/r/${mediaId}`;\n}\n\nexport function buildPlaceholderImageUrl(mediaId: number, cdnHost?: string): string {\n  const host = normalizeHost(cdnHost);\n  return `${host}/assets/low_res_thumb/${mediaId}`;\n}\n\nfunction hasRenderableUrlVariant(variant?: ProgressiveSizes | null): boolean {\n  if (!variant) return false;\n  const candidates = [variant.sm, variant.md, variant.lg, variant.full];\n  return candidates.some((value) => typeof value === 'string' && value.trim().length > 0);\n}\n\nexport function imageVariantsHaveRenderableSource(variants?: ImageVariantsMap | null): boolean {\n  if (!variants) return false;\n  return ['AVIF', 'WEBP', 'JPEG'].some((format) => {\n    const entry = variants?.[format as keyof ImageVariantsMap] as ProgressiveSizes | undefined;\n    return hasRenderableUrlVariant(entry);\n  });\n}\n\nfunction hasUrlValue(value: unknown): value is string {\n  return typeof value === 'string' && value.trim().length > 0;\n}\n\nexport function imageDataHasRenderableSource(data: ImageData): boolean {\n  if (!data) return false;\n  if (imageVariantsHaveRenderableSource(data.variants_data?.variants ?? null)) {\n    return true;\n  }\n  const raw = data as any;\n  const directFields = [\n    raw.img_url,\n    raw.file_data_url,\n    raw.file_data_thumbnail_url,\n    raw.img_src,\n    raw.med_src,\n    raw.thumb_src,\n    raw.low_res_thumb,\n  ];\n  return directFields.some(hasUrlValue);\n}\n\nasync function fetchFrom(url: string, signal?: AbortSignal): Promise<ImageData> {\n  const res = await fetch(url, { signal });\n  if (!res.ok) {\n    const error = new Error(`Failed to fetch image data (status ${res.status}) from ${url}`);\n    (error as any).status = res.status;\n    throw error;\n  }\n  return (await res.json()) as ImageData;\n}\n\nexport async function fetchImageData(\n  mediaId: number,\n  options: FetchImageOptions = {}\n): Promise<ImageData> {\n  if (!Number.isFinite(mediaId)) {\n    throw new Error('Invalid mediaId provided to fetchImageData');\n  }\n\n  const host = normalizeHost(options.cdnHost);\n  const cacheKey = `image:${host}:${mediaId}`;\n  if (!options.bypassCache) {\n    const cached = cacheGet<ImageData>(cacheKey);\n    if (cached) return cached;\n  }\n\n  const urls = [buildPrimaryImageUrl(mediaId, host), buildLegacyImageUrl(mediaId, host)];\n  let lastError: unknown;\n\n  for (const url of urls) {\n    try {\n      const data = await fetchFrom(url, options.signal);\n      if (imageDataHasRenderableSource(data)) {\n        cacheSet(cacheKey, data);\n      }\n      return data;\n    } catch (err) {\n      if ((err as any)?.name === 'AbortError') {\n        throw err;\n      }\n      lastError = err;\n    }\n  }\n\n  if (lastError instanceof Error) {\n    throw lastError;\n  }\n  throw new Error(`Failed to fetch image data for mediaId ${mediaId}`);\n}\n","import { useEffect } from 'react';\n\nconst MEDIA_SELECTED_EVENT = 'dt:media-selected';\n\nexport function sendMediaSelection(blockId: string, payload: unknown) {\n  if (typeof window === 'undefined') return;\n  window.dispatchEvent(\n    new CustomEvent(MEDIA_SELECTED_EVENT, {\n      detail: { blockId, payload },\n    })\n  );\n}\n\nexport function useMediaSelectionEffect() {\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const handler = () => {\n      // no-op: the real handler is attached in the builder via addEventListener\n    };\n    window.addEventListener(MEDIA_SELECTED_EVENT, handler);\n    return () => window.removeEventListener(MEDIA_SELECTED_EVENT, handler);\n  }, []);\n}\n\n","import { useEffect } from 'react';\n\nexport function resetResponsivePictureState(element: HTMLPictureElement | null) {\n  if (!element) return;\n  element.querySelectorAll('source').forEach((source) => {\n    // force browser to reconsider responsive sources\n    const srcset = source.getAttribute('srcset');\n    if (srcset) {\n      source.setAttribute('data-srcset', srcset);\n      source.removeAttribute('srcset');\n      requestAnimationFrame(() => {\n        source.setAttribute('srcset', srcset);\n      });\n    }\n  });\n}\n\nexport function useResponsiveReset(ref: React.RefObject<HTMLPictureElement | HTMLImageElement>) {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    if (element instanceof HTMLPictureElement) {\n      resetResponsivePictureState(element);\n    } else if (element.parentElement instanceof HTMLPictureElement) {\n      resetResponsivePictureState(element.parentElement);\n    }\n  }, [ref]);\n}\n\n","\"use client\";\n\nimport React, {\n  forwardRef,\n  memo,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useOptimizedImage } from '@page-speed/hooks';\nimport type { OptixFlowConfig, ImageData, ProgressiveSizes } from '../types.js';\nimport {\n  DEFAULT_CDN_HOST,\n  buildPlaceholderImageUrl,\n  fetchImageData,\n  imageVariantsHaveRenderableSource,\n} from '../utils/api.js';\nimport { useMediaSelectionEffect } from './useMediaSelectionEffect.js';\nimport { useResponsiveReset } from './useResponsiveReset.js';\n\ntype NativeImgProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'srcSet' | 'sizes'> & {\n  src?: string;\n};\n\nexport type ImgProps = NativeImgProps & {\n  /** Legacy CDN media id support (deprecated) */\n  mediaId?: number;\n  /** Override CDN host for legacy mediaId usage */\n  cdnHost?: string;\n  /** Explicit sizes attribute (otherwise derived from useOptimizedImage) */\n  sizes?: string;\n  /** Callback when legacy mediaId payload is retrieved */\n  onImageData?: (data: ImageData) => void;\n  /** Force eager load (alias for loading=\"eager\") */\n  eager?: boolean;\n  /** Intersection observer threshold for lazy loading */\n  intersectionThreshold?: number;\n  /** Intersection observer root margin for lazy loading */\n  intersectionMargin?: string;\n  /** OptixFlow integration options */\n  optixFlowConfig?: OptixFlowConfig;\n};\n\ntype ForwardedImgProps = ImgProps & { forwardedRef: React.Ref<HTMLImageElement | null> };\n\nconst DEFAULT_WIDTHS = {\n  sm: 640,\n  md: 1024,\n  lg: 1536,\n  full: 2560,\n} as const;\n\nconst MAX_VARIANT_REFRESH_ATTEMPTS = 5;\nconst VARIANT_REFRESH_DELAY_MS = 3000;\nconst TRANSPARENT_PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';\n\nlet defaultOptixFlowConfig: OptixFlowConfig | undefined;\nconst deprecatedMediaWarnings = new Set<number>();\n\nconst readGlobalOptixFlowConfig = (): OptixFlowConfig | undefined => {\n  if (typeof globalThis === 'undefined') return undefined;\n  const globalAny = globalThis as any;\n  return (\n    globalAny.PageSpeedImgDefaults?.optixFlowConfig ||\n    globalAny.OpensiteImgDefaults?.optixFlowConfig ||\n    globalAny.PAGE_SPEED_IMG_DEFAULTS?.optixFlowConfig\n  );\n};\n\nconst resolveOptixFlowConfig = (config?: OptixFlowConfig): OptixFlowConfig | undefined => {\n  return config ?? defaultOptixFlowConfig ?? readGlobalOptixFlowConfig();\n};\n\nexport const setDefaultOptixFlowConfig = (config?: OptixFlowConfig | null) => {\n  defaultOptixFlowConfig = config ?? undefined;\n};\n\nconst warnDeprecatedMediaId = (mediaId?: number) => {\n  if (!Number.isFinite(mediaId) || mediaId == null) return;\n  const id = mediaId as number;\n  if (deprecatedMediaWarnings.has(id)) return;\n  deprecatedMediaWarnings.add(id);\n  if (typeof console !== 'undefined' && console.warn) {\n    console.warn('[DEPRECATED] <Img mediaId> is deprecated. Provide src + optixFlowConfig instead.', { mediaId: id });\n  }\n};\n\nconst isUrlString = (value: unknown): value is string => typeof value === 'string' && value.trim().length > 0;\n\nconst parseDimension = (value: unknown): number | undefined => {\n  if (value === '' || value === null || typeof value === 'undefined') return undefined;\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n  if (typeof value === 'string') {\n    const numeric = Number(value);\n    if (Number.isFinite(numeric)) return numeric;\n  }\n  return undefined;\n};\n\nconst composeRefs = (\n  hookRef: (node: HTMLImageElement | null) => void,\n  forwardedRef: React.Ref<HTMLImageElement | null>,\n  localRef: React.RefObject<HTMLImageElement>,\n) =>\n  useCallback(\n    (node: HTMLImageElement | null) => {\n      hookRef(node);\n      // eslint-disable-next-line no-param-reassign\n      (localRef as any).current = node;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(node);\n      } else if (forwardedRef && typeof (forwardedRef as any) === 'object') {\n        (forwardedRef as any).current = node;\n      }\n    },\n    [hookRef, forwardedRef, localRef],\n  );\n\nfunction widthMapFromMetadata(v?: any): Record<'sm' | 'md' | 'lg' | 'full', number> | null {\n  const w = v?.widths as any;\n  if (!w) return null;\n  return {\n    sm: w.small ?? w.sm ?? DEFAULT_WIDTHS.sm,\n    md: w.medium ?? w.md ?? DEFAULT_WIDTHS.md,\n    lg: w.large ?? w.lg ?? DEFAULT_WIDTHS.lg,\n    full: w.full_size ?? w.full ?? DEFAULT_WIDTHS.full,\n  };\n}\n\nfunction pickBest(sizes: ProgressiveSizes | undefined): string | undefined {\n  if (!sizes) return undefined;\n  return sizes.md || sizes.lg || sizes.sm || sizes.full || Object.values(sizes).find(Boolean);\n}\n\nconst DEFAULT_SIZES = '(max-width:640px) 640px, (max-width:1024px) 1024px, 1536px';\n\nconst ModernImg: React.FC<ForwardedImgProps> = ({\n  sizes,\n  loading,\n  decoding,\n  alt,\n  title,\n  src: directSrc,\n  eager,\n  intersectionMargin,\n  intersectionThreshold,\n  optixFlowConfig,\n  forwardedRef,\n  ...rest\n}) => {\n  const imgRef = useRef<HTMLImageElement | null>(null);\n  const pictureRef = useRef<HTMLPictureElement | null>(null);\n\n  useResponsiveReset(pictureRef);\n  useMediaSelectionEffect();\n\n  const normalizedSrc = useMemo(() => (typeof directSrc === 'string' ? directSrc.trim() : ''), [directSrc]);\n  const numericWidth = useMemo(() => parseDimension((rest as any).width), [rest]);\n  const numericHeight = useMemo(() => parseDimension((rest as any).height), [rest]);\n  const resolvedOptixConfig = useMemo(() => resolveOptixFlowConfig(optixFlowConfig), [optixFlowConfig]);\n  const eagerLoad = eager ?? loading === 'eager';\n\n  const { ref: hookRef, src, srcset, sizes: computedSizes, loading: hookLoading, size } = useOptimizedImage({\n    src: normalizedSrc,\n    eager: eagerLoad,\n    width: numericWidth,\n    height: numericHeight,\n    rootMargin: intersectionMargin ?? '200px',\n    threshold: intersectionThreshold ?? 0.1,\n    optixFlowConfig: resolvedOptixConfig,\n  });\n\n  const mergedRef = composeRefs(hookRef, forwardedRef, imgRef);\n  const { width, height, ...restProps } = rest as Record<string, unknown>;\n  const sizesAttr = sizes ?? (computedSizes || undefined);\n  const loadingAttr = loading ?? hookLoading ?? 'lazy';\n  const decodingAttr = decoding ?? 'async';\n  const hasSrcSet = Boolean(srcset.avif || srcset.webp || srcset.jpeg);\n  const imgSrc = src || normalizedSrc || TRANSPARENT_PIXEL;\n  const inlineSrcSet = hasSrcSet && !srcset.avif && !srcset.webp ? srcset.jpeg : '';\n  const parsedWidth = parseDimension(width);\n  const parsedHeight = parseDimension(height);\n  const widthAttr = parsedWidth ?? (size.width || numericWidth || undefined);\n  const heightAttr = parsedHeight ?? (size.height || numericHeight || undefined);\n\n  if (!hasSrcSet) {\n    return (\n      <img\n        ref={mergedRef}\n        src={imgSrc}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={alt}\n        title={title}\n        width={widthAttr}\n        height={heightAttr}\n        {...restProps}\n      />\n    );\n  }\n\n  return (\n    <picture ref={pictureRef}>\n      {srcset.avif ? <source type=\"image/avif\" srcSet={srcset.avif} sizes={sizesAttr} /> : null}\n      {srcset.webp ? <source type=\"image/webp\" srcSet={srcset.webp} sizes={sizesAttr} /> : null}\n      <img\n        ref={mergedRef}\n        src={imgSrc}\n        srcSet={inlineSrcSet || undefined}\n        sizes={inlineSrcSet ? sizesAttr : undefined}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={alt}\n        title={title}\n        width={widthAttr}\n        height={heightAttr}\n        {...restProps}\n      />\n    </picture>\n  );\n};\n\nconst LegacyImg: React.FC<ForwardedImgProps> = ({\n  mediaId,\n  cdnHost,\n  sizes,\n  onImageData,\n  loading,\n  decoding,\n  alt,\n  title,\n  src: directSrc,\n  forwardedRef,\n  ...rest\n}) => {\n  const imgRef = useRef<HTMLImageElement>(null);\n  const pictureRef = useRef<HTMLPictureElement | null>(null);\n  useImperativeHandle(forwardedRef, () => imgRef.current);\n  useResponsiveReset(pictureRef);\n  useMediaSelectionEffect();\n\n  const [data, setData] = useState<ImageData | null>(null);\n  const [retryCount, setRetryCount] = useState(0);\n  const hasMediaId = Number.isFinite(mediaId as number);\n  const loadingAttr = loading ?? 'lazy';\n  const decodingAttr = decoding ?? 'async';\n  const [isInView, setIsInView] = useState(() => !hasMediaId || loadingAttr !== 'lazy');\n  const cdnOrigin = useMemo(() => (cdnHost ?? DEFAULT_CDN_HOST).replace(/\\/$/, ''), [cdnHost]);\n\n  useEffect(() => {\n    if (!hasMediaId) {\n      setData(null);\n      setRetryCount(0);\n      return;\n    }\n    setData(null);\n    setRetryCount(0);\n  }, [hasMediaId, mediaId, cdnHost]);\n\n  useEffect(() => {\n    if (!hasMediaId) {\n      return;\n    }\n    const controller = new AbortController();\n    fetchImageData(mediaId as number, {\n      cdnHost,\n      signal: controller.signal,\n      bypassCache: retryCount > 0,\n    })\n      .then((d) => {\n        setData(d);\n        onImageData?.(d);\n      })\n      .catch((err) => {\n        if (err?.name !== 'AbortError') {\n          // eslint-disable-next-line no-console\n          console.warn('Image data fetch failed:', err);\n        }\n      });\n    return () => controller.abort();\n  }, [hasMediaId, mediaId, cdnHost, onImageData, retryCount]);\n\n  useEffect(() => {\n    if (!hasMediaId || loadingAttr !== 'lazy') {\n      setIsInView(true);\n      return;\n    }\n    setIsInView(false);\n  }, [hasMediaId, mediaId, loadingAttr]);\n\n  useEffect(() => {\n    if (!hasMediaId || loadingAttr !== 'lazy' || isInView) {\n      return;\n    }\n    if (typeof window === 'undefined' || typeof window.IntersectionObserver === 'undefined') {\n      setIsInView(true);\n      return;\n    }\n    const node = imgRef.current;\n    if (!node) {\n      return;\n    }\n    const observer = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        setIsInView(true);\n        observer.disconnect();\n      }\n    }, { rootMargin: '200px' });\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, [hasMediaId, loadingAttr, isInView]);\n\n  // Build picture/source/srcset from variants\n  const picture = useMemo(() => {\n    if (!data) return null;\n    const v = data.variants_data?.variants ?? {};\n    const webp = (v as any).WEBP as ProgressiveSizes | undefined;\n    const avif = (v as any).AVIF as ProgressiveSizes | undefined;\n    const jpeg = (v as any).JPEG as ProgressiveSizes | undefined;\n\n    const widths =\n      widthMapFromMetadata((v as any).WEBP?.metadata) ||\n      widthMapFromMetadata((v as any).JPEG?.metadata) ||\n      { ...DEFAULT_WIDTHS };\n\n    const ensureAbsolute = (url?: string) => {\n      if (!isUrlString(url)) return undefined;\n      if (/^https?:\\/\\//i.test(url) || url.startsWith('data:')) return url;\n      if (url.startsWith('//')) return `https:${url}`;\n      if (url.startsWith('/')) return `${cdnOrigin}${url}`;\n      return `${cdnOrigin}/${url}`;\n    };\n\n    const normalizeCandidate = (candidate?: string | null) =>\n      ensureAbsolute(typeof candidate === 'string' ? candidate : undefined);\n\n    const variantCandidates = [\n      pickBest(webp),\n      pickBest(jpeg),\n      pickBest(avif),\n      webp?.sm,\n      webp?.md,\n      webp?.lg,\n      webp?.full,\n      jpeg?.sm,\n      jpeg?.md,\n      jpeg?.lg,\n      jpeg?.full,\n      avif?.sm,\n      avif?.md,\n      avif?.lg,\n      avif?.full,\n    ]\n      .map((candidate) => normalizeCandidate(candidate ?? undefined))\n      .filter(isUrlString);\n\n    const raw = data as any;\n    const directCandidates = [\n      raw.img_url,\n      raw.file_data_url,\n      raw.file_data_thumbnail_url,\n      raw.img_src,\n      raw.med_src,\n      raw.thumb_src,\n      raw.low_res_thumb,\n    ]\n      .map((candidate) => (isUrlString(candidate) ? normalizeCandidate(candidate) : undefined))\n      .filter(isUrlString);\n\n    // Add fallback_url as the final option if no variants or direct candidates\n    const fallbackCandidates = raw.fallback_url ? [normalizeCandidate(raw.fallback_url)].filter(isUrlString) : [];\n\n    const fallback = [...variantCandidates, ...directCandidates, ...fallbackCandidates][0];\n\n    if (!fallback) {\n      return null;\n    }\n\n    const toSrcSet = (sizes?: ProgressiveSizes) => {\n      if (!sizes) return undefined;\n      const entries: string[] = [];\n      const push = (url?: string, width?: number) => {\n        const absolute = normalizeCandidate(url);\n        if (absolute && width) entries.push(`${absolute} ${width}w`);\n      };\n      push(sizes.sm, widths.sm);\n      push(sizes.md, widths.md);\n      push(sizes.lg, widths.lg);\n      push(sizes.full, widths.full);\n      return entries.length ? entries.join(', ') : undefined;\n    };\n\n    return { webp, avif, jpeg, toSrcSet, fallback, widths, hasVariantSource: variantCandidates.length > 0 } as const;\n  }, [data, cdnOrigin]);\n\n  const hasVariantEntries = useMemo(\n    () => imageVariantsHaveRenderableSource(data?.variants_data?.variants ?? null),\n    [data],\n  );\n\n  const variantsStatus = useMemo(() => {\n    const status = (data?.variants_data?.status ?? data?.variants_status) ?? '';\n    return typeof status === 'string' ? status.toLowerCase() : '';\n  }, [data]);\n\n  const variantsFailed = variantsStatus === 'failed' || variantsStatus === 'error';\n\n  const shouldPollForVariants =\n    hasMediaId && Boolean(data) && !variantsFailed && !hasVariantEntries && retryCount < MAX_VARIANT_REFRESH_ATTEMPTS;\n\n  useEffect(() => {\n    if (!shouldPollForVariants) {\n      return;\n    }\n    if (typeof window === 'undefined') {\n      return;\n    }\n    const timeoutId = window.setTimeout(() => {\n      setRetryCount((count) => count + 1);\n    }, VARIANT_REFRESH_DELAY_MS);\n    return () => window.clearTimeout(timeoutId);\n  }, [shouldPollForVariants]);\n\n  // Map HTML attributes from content manifest and sizing\n  const altAttr = useMemo(() => {\n    if (typeof alt === 'string') return alt;\n    return (data?.meta as any)?.content_manifest?.summary ?? undefined;\n  }, [alt, data]);\n\n  const titleAttr = useMemo(() => {\n    if (typeof title === 'string') return title;\n    return (data?.meta as any)?.content_manifest?.title ?? undefined;\n  }, [title, data]);\n\n  const widthAttr = useMemo(() => data?.meta?.sizing?.width ?? data?.variants_data?.metadata?.width ?? undefined, [data]);\n  const heightAttr = useMemo(\n    () => data?.meta?.sizing?.height ?? data?.variants_data?.metadata?.height ?? undefined,\n    [data],\n  );\n\n  // Compute data-filename for consumers that need semantic filenames\n  const dataFilename = useMemo(() => {\n    const base = (data?.meta as any)?.content_manifest?.optimized_filename as string | undefined;\n    if (!base) return undefined;\n    // ext derived from chosen fallback url\n    const href = picture?.fallback;\n    if (!href) return undefined;\n    const dot = href.lastIndexOf('.');\n    const ext = dot > -1 ? href.slice(dot + 1).toLowerCase() : 'jpg';\n    return `${base}.${ext}`;\n  }, [data, picture]);\n\n  // If mediaId not provided but src is, render plain img\n  if (!hasMediaId) {\n    const r: any = { ...rest };\n    return (\n      <img\n        ref={imgRef}\n        src={directSrc}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={altAttr}\n        title={titleAttr}\n        width={r.width}\n        height={r.height}\n        {...r}\n      />\n    );\n  }\n\n  const placeholderSrc = buildPlaceholderImageUrl(mediaId as number, cdnHost);\n\n  if (!data || !picture || !isInView) {\n    const r: any = { ...rest };\n    return (\n      <img\n        ref={imgRef}\n        src={placeholderSrc}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={altAttr}\n        title={titleAttr}\n        width={r.width ?? widthAttr}\n        height={r.height ?? heightAttr}\n        {...r}\n      />\n    );\n  }\n\n  const sizesAttr = sizes ?? DEFAULT_SIZES;\n  const { webp, avif, jpeg, toSrcSet, fallback } = picture;\n\n  const webpSet = toSrcSet(webp);\n  const avifSet = toSrcSet(avif);\n  const jpegSet = toSrcSet(jpeg);\n\n  if (webpSet || avifSet || jpegSet) {\n    return (\n      <picture>\n        {avifSet ? <source type=\"image/avif\" srcSet={avifSet} sizes={sizesAttr} /> : null}\n        {webpSet ? <source type=\"image/webp\" srcSet={webpSet} sizes={sizesAttr} /> : null}\n        <img\n          ref={imgRef}\n          src={fallback}\n          srcSet={jpegSet && !webpSet && !avifSet ? jpegSet : undefined}\n          sizes={jpegSet && !webpSet && !avifSet ? sizesAttr : undefined}\n          loading={loadingAttr}\n          decoding={decodingAttr}\n          alt={altAttr}\n          title={titleAttr}\n          width={widthAttr}\n          height={heightAttr}\n          data-filename={dataFilename}\n          {...rest}\n        />\n      </picture>\n    );\n  }\n\n  return (\n    <img\n      ref={imgRef}\n      src={fallback}\n      loading={loadingAttr}\n      decoding={decodingAttr}\n      alt={altAttr}\n      title={titleAttr}\n      width={widthAttr}\n      height={heightAttr}\n      data-filename={dataFilename}\n      {...rest}\n    />\n  );\n};\n\nconst ImgBase = forwardRef<HTMLImageElement, ImgProps>(function Img(props, ref) {\n  const hasMediaId = Number.isFinite(props.mediaId as number);\n\n  if (hasMediaId) {\n    warnDeprecatedMediaId(props.mediaId);\n    return <LegacyImg {...props} forwardedRef={ref} />;\n  }\n\n  const hasSrc = typeof props.src === 'string' && props.src.trim().length > 0;\n  if (!hasSrc) {\n    if (typeof console !== 'undefined' && console.warn) {\n      console.warn('<Img /> requires either src or mediaId. No src provided, rendering null.');\n    }\n    return null;\n  }\n\n  return <ModernImg {...props} forwardedRef={ref} />;\n});\n\nexport const Img = memo(ImgBase);\nImg.displayName = 'PageSpeedImg';\n","// Ensure process.env exists when the module is loaded directly in the browser UMD build.\ntype GlobalWithProcess = typeof globalThis & { process?: NodeJS.Process };\n\nconst globalObject =\n  typeof globalThis !== 'undefined' ? (globalThis as GlobalWithProcess) : undefined;\n\nif (globalObject) {\n  if (!globalObject.process) {\n    globalObject.process = {\n      env: { NODE_ENV: 'production' } as NodeJS.ProcessEnv,\n    } as NodeJS.Process;\n  } else {\n    const env = globalObject.process.env ?? (globalObject.process.env = {} as NodeJS.ProcessEnv);\n    if (typeof env.NODE_ENV === 'undefined') {\n      env.NODE_ENV = 'production';\n    }\n  }\n}\n\nexport * from './core/index.js';\nexport * from './types.js';\n"],"names":["DPR_MULTIPLIERS","l2Cache","Map","cacheSet","key","value","set","DEFAULT_CDN_HOST","normalizeHost","cdnHost","replace","buildPrimaryImageUrl","mediaId","buildLegacyImageUrl","imageVariantsHaveRenderableSource","variants","some","format","entry","variant","sm","md","lg","full","trim","length","hasUrlValue","imageDataHasRenderableSource","data","_a","variants_data","raw","img_url","file_data_url","file_data_thumbnail_url","img_src","med_src","thumb_src","low_res_thumb","async","fetchFrom","url","signal","res","fetch","ok","error","Error","status","json","fetchImageData","options","Number","isFinite","host","cacheKey","bypassCache","cached","get","urls","lastError","err","name","MEDIA_SELECTED_EVENT","useMediaSelectionEffect","useEffect","window","handler","addEventListener","removeEventListener","resetResponsivePictureState","element","querySelectorAll","forEach","source","srcset","getAttribute","setAttribute","removeAttribute","requestAnimationFrame","useResponsiveReset","ref","current","HTMLPictureElement","parentElement","DEFAULT_WIDTHS","defaultOptixFlowConfig","deprecatedMediaWarnings","Set","resolveOptixFlowConfig","config","globalThis","globalAny","PageSpeedImgDefaults","optixFlowConfig","_b","OpensiteImgDefaults","_c","PAGE_SPEED_IMG_DEFAULTS","readGlobalOptixFlowConfig","isUrlString","parseDimension","numeric","widthMapFromMetadata","v","w","widths","small","medium","large","full_size","pickBest","sizes","Object","values","find","Boolean","ModernImg","loading","decoding","alt","title","src","directSrc","eager","intersectionMargin","intersectionThreshold","forwardedRef","rest","imgRef","useRef","pictureRef","normalizedSrc","useMemo","numericWidth","width","numericHeight","height","resolvedOptixConfig","eagerLoad","hookRef","computedSizes","hookLoading","size","threshold","rootMargin","optixFlowApiKey","apiKey","useOptixFlow","state","setState","useState","isLoaded","isInView","setSize","observerRef","prev","calculateRenderedSize","img2","renderedWidth","Math","round","clientWidth","naturalWidth","renderedHeight","clientHeight","naturalHeight","img","resizeObserver","ResizeObserver","observe","disconnect","buildOptixFlowUrl","useCallback","imgWidth","imgHeight","params","URLSearchParams","String","compressionLevel","toString","generateSrcset","baseWidth","baseHeight","map","dpr","scaledWidth","scaledHeight","join","primarySrc","hasDimensions","fallbackFormat","renderedFileType","avif","webp","jpeg","IntersectionObserver","isIntersecting","handleLoad","complete","node","useOptimizedImage","mergedRef","localRef","composeRefs","restProps","sizesAttr","loadingAttr","decodingAttr","hasSrcSet","imgSrc","inlineSrcSet","parsedWidth","parsedHeight","widthAttr","heightAttr","createElement","React","type","srcSet","LegacyImg","onImageData","useImperativeHandle","setData","retryCount","setRetryCount","hasMediaId","setIsInView","cdnOrigin","controller","AbortController","then","d","catch","console","warn","abort","observer","entries","picture","WEBP","AVIF","JPEG","metadata","normalizeCandidate","candidate","test","startsWith","ensureAbsolute","variantCandidates","filter","directCandidates","fallbackCandidates","fallback_url","fallback","toSrcSet","push","absolute","hasVariantSource","hasVariantEntries","variantsStatus","variants_status","toLowerCase","variantsFailed","shouldPollForVariants","timeoutId","setTimeout","count","clearTimeout","altAttr","meta","content_manifest","summary","titleAttr","sizing","_d","dataFilename","base","optimized_filename","href","dot","lastIndexOf","slice","r","placeholderSrc","buildPlaceholderImageUrl","webpSet","avifSet","jpegSet","ImgBase","forwardRef","props","id","has","add","warnDeprecatedMediaId","Img","memo","displayName","globalObject","process","env","NODE_ENV"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"page-speed-img.umd.js","sources":["../../node_modules/.pnpm/@page-speed+hooks@0.4.5_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@page-speed/hooks/dist/chunk-ZTHTGLZO.js","../../src/core/useMediaSelectionEffect.ts","../../src/core/useResponsiveReset.ts","../../src/core/Img.tsx","../../src/index.ts"],"sourcesContent":["import { useMemo, useState, useRef, useLayoutEffect, useEffect, useCallback } from 'react';\n\nvar BASE_URL = \"https://octane.cdn.ing/api/v1/images/transform?\";\nvar DPR_MULTIPLIERS = [1, 2];\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\nfunction useOptimizedImage(options) {\n  const {\n    src,\n    eager = false,\n    threshold = 0.1,\n    rootMargin = \"50px\",\n    width,\n    height,\n    optixFlowConfig\n  } = options;\n  const optixFlowApiKey = useMemo(() => {\n    return optixFlowConfig?.apiKey;\n  }, [optixFlowConfig?.apiKey]);\n  const useOptixFlow = useMemo(() => {\n    return optixFlowApiKey ? true : false;\n  }, [optixFlowApiKey]);\n  const [state, setState] = useState({\n    isLoaded: false,\n    isInView: false\n  });\n  const [measuredSize, setMeasuredSize] = useState({\n    width: 0,\n    height: 0\n  });\n  const imgRef = useRef(null);\n  const observerRef = useRef(null);\n  const size = useMemo(\n    () => ({\n      width: width ?? measuredSize.width,\n      height: height ?? measuredSize.height\n    }),\n    [width, height, measuredSize.width, measuredSize.height]\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (!imgRef.current) return;\n    if (width !== void 0 && height !== void 0) return;\n    const calculateRenderedSize = () => {\n      const img2 = imgRef.current;\n      if (!img2) return;\n      const renderedWidth = width ?? (Math.round(img2.clientWidth) || img2.naturalWidth || 0);\n      const renderedHeight = height ?? (Math.round(img2.clientHeight) || img2.naturalHeight || 0);\n      if (renderedWidth > 0 || renderedHeight > 0) {\n        setMeasuredSize((prev) => {\n          if (prev.width !== renderedWidth || prev.height !== renderedHeight) {\n            return { width: renderedWidth, height: renderedHeight };\n          }\n          return prev;\n        });\n      }\n    };\n    if (imgRef.current.clientWidth > 0) {\n      calculateRenderedSize();\n    }\n    const img = imgRef.current;\n    img.addEventListener(\"load\", calculateRenderedSize);\n    let resizeObserver = null;\n    if (typeof ResizeObserver !== \"undefined\") {\n      resizeObserver = new ResizeObserver(() => {\n        calculateRenderedSize();\n      });\n      resizeObserver.observe(img);\n    }\n    return () => {\n      img.removeEventListener(\"load\", calculateRenderedSize);\n      resizeObserver?.disconnect();\n    };\n  }, [width, height]);\n  const buildOptixFlowUrl = useCallback(\n    (imgWidth, imgHeight, format) => {\n      if (!useOptixFlow) return src;\n      if (!imgWidth || !imgHeight) return src;\n      const params = new URLSearchParams();\n      params.set(\"url\", src);\n      params.set(\"fit\", String(optixFlowConfig?.objectFit ?? \"cover\"));\n      params.set(\"w\", String(imgWidth));\n      params.set(\"h\", String(imgHeight));\n      params.set(\"q\", String(optixFlowConfig?.compressionLevel ?? 75));\n      params.set(\"f\", format);\n      params.set(\"apiKey\", optixFlowApiKey);\n      return `${BASE_URL}${params.toString()}`;\n    },\n    [\n      useOptixFlow,\n      src,\n      optixFlowConfig?.compressionLevel,\n      optixFlowApiKey,\n      optixFlowConfig?.objectFit\n    ]\n  );\n  const generateSrcset = useCallback(\n    (baseWidth, baseHeight, format) => {\n      if (!useOptixFlow || baseWidth === 0 || baseHeight === 0) return \"\";\n      return DPR_MULTIPLIERS.map((dpr) => {\n        const scaledWidth = Math.round(baseWidth * dpr);\n        const scaledHeight = Math.round(baseHeight * dpr);\n        const url = buildOptixFlowUrl(scaledWidth, scaledHeight, format);\n        return `${url} ${dpr}x`;\n      }).join(\", \");\n    },\n    [useOptixFlow, buildOptixFlowUrl]\n  );\n  const primarySrc = useMemo(() => {\n    const hasDimensions = size.width > 0 && size.height > 0;\n    if (!useOptixFlow || !hasDimensions) return src;\n    const fallbackFormat = optixFlowConfig?.renderedFileType ?? \"jpeg\";\n    return buildOptixFlowUrl(size.width, size.height, fallbackFormat);\n  }, [\n    useOptixFlow,\n    src,\n    size.width,\n    size.height,\n    optixFlowConfig?.renderedFileType,\n    optixFlowConfig?.compressionLevel,\n    optixFlowConfig?.objectFit,\n    buildOptixFlowUrl\n  ]);\n  const srcset = useMemo(() => {\n    return {\n      avif: generateSrcset(size.width, size.height, \"avif\"),\n      webp: generateSrcset(size.width, size.height, \"webp\"),\n      jpeg: generateSrcset(size.width, size.height, \"jpeg\")\n    };\n  }, [size.width, size.height, generateSrcset]);\n  const sizes = useMemo(() => {\n    if (size.width === 0) return \"\";\n    return `${size.width}px`;\n  }, [size.width]);\n  useEffect(() => {\n    if (typeof window === \"undefined\" || !imgRef.current) {\n      return;\n    }\n    if (eager) {\n      setState({ isLoaded: false, isInView: true });\n      return;\n    }\n    observerRef.current = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setState((prev) => ({ ...prev, isInView: true }));\n          observerRef.current?.disconnect();\n        }\n      },\n      { threshold, rootMargin }\n    );\n    observerRef.current.observe(imgRef.current);\n    return () => {\n      observerRef.current?.disconnect();\n    };\n  }, [eager, threshold, rootMargin]);\n  useEffect(() => {\n    if (!imgRef.current) return;\n    const handleLoad = () => {\n      setState((prev) => ({ ...prev, isLoaded: true }));\n    };\n    const img = imgRef.current;\n    if (img.complete) {\n      handleLoad();\n    } else {\n      img.addEventListener(\"load\", handleLoad);\n      return () => img.removeEventListener(\"load\", handleLoad);\n    }\n  }, [state.isInView]);\n  const ref = useCallback((node) => {\n    imgRef.current = node;\n  }, []);\n  const emptySrcset = { avif: \"\", webp: \"\", jpeg: \"\" };\n  return {\n    ref,\n    // Primary src uses exact rendered dimensions for Lighthouse \"Properly size images\" compliance\n    src: state.isInView || eager ? primarySrc : src,\n    // Srcset with format variants and DPR multipliers for <picture> element\n    srcset: state.isInView || eager ? srcset : emptySrcset,\n    // Sizes attribute for responsive image selection\n    sizes: state.isInView || eager ? sizes : \"\",\n    isLoaded: state.isLoaded,\n    isInView: state.isInView,\n    loading: eager ? \"eager\" : \"lazy\",\n    size\n  };\n}\n\nexport { useOptimizedImage };\n//# sourceMappingURL=chunk-ZTHTGLZO.js.map\n//# sourceMappingURL=chunk-ZTHTGLZO.js.map","import { useEffect } from 'react';\n\nconst MEDIA_SELECTED_EVENT = 'dt:media-selected';\nconst mediaSelectionHandler = () => {\n  // no-op: the real handler is attached in the builder via addEventListener\n};\n\nlet mediaSelectionListenerCount = 0;\nlet isMediaSelectionListenerAttached = false;\n\nexport function sendMediaSelection(blockId: string, payload: unknown) {\n  if (typeof window === 'undefined') return;\n  window.dispatchEvent(\n    new CustomEvent(MEDIA_SELECTED_EVENT, {\n      detail: { blockId, payload },\n    })\n  );\n}\n\nexport function useMediaSelectionEffect() {\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    if (!isMediaSelectionListenerAttached) {\n      window.addEventListener(MEDIA_SELECTED_EVENT, mediaSelectionHandler);\n      isMediaSelectionListenerAttached = true;\n    }\n    mediaSelectionListenerCount += 1;\n\n    return () => {\n      mediaSelectionListenerCount -= 1;\n      if (mediaSelectionListenerCount <= 0 && isMediaSelectionListenerAttached) {\n        window.removeEventListener(MEDIA_SELECTED_EVENT, mediaSelectionHandler);\n        isMediaSelectionListenerAttached = false;\n      }\n    };\n  }, []);\n}\n","import { useEffect } from 'react';\n\nexport function resetResponsivePictureState(element: HTMLPictureElement | null) {\n  if (!element) return;\n  element.querySelectorAll('source').forEach((source) => {\n    // force browser to reconsider responsive sources\n    const srcset = source.getAttribute('srcset');\n    if (srcset) {\n      source.setAttribute('data-srcset', srcset);\n      source.removeAttribute('srcset');\n      requestAnimationFrame(() => {\n        source.setAttribute('srcset', srcset);\n      });\n    }\n  });\n}\n\nexport function useResponsiveReset(ref: React.RefObject<HTMLPictureElement | HTMLImageElement>) {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    if (element instanceof HTMLPictureElement) {\n      resetResponsivePictureState(element);\n    } else if (element.parentElement instanceof HTMLPictureElement) {\n      resetResponsivePictureState(element.parentElement);\n    }\n  }, [ref]);\n}\n\n","\"use client\";\n\nimport React, { forwardRef, memo, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useOptimizedImage } from \"@page-speed/hooks/media\";\nimport type { UseOptimizedImageOptions } from \"@page-speed/hooks/media\";\nimport { useMediaSelectionEffect } from \"./useMediaSelectionEffect.js\";\nimport { useResponsiveReset } from \"./useResponsiveReset.js\";\n\ntype NativeImgProps = Omit<\n  React.ImgHTMLAttributes<HTMLImageElement>,\n  \"src\" | \"srcSet\" | \"sizes\"\n> & {\n  src?: string;\n};\n\nexport type ImgProps = NativeImgProps & {\n  /** Explicit sizes attribute (otherwise derived from useOptimizedImage) */\n  sizes?: string;\n  /** Force eager load (alias for loading=\"eager\") */\n  eager?: boolean;\n  /** Intersection observer threshold for lazy loading */\n  intersectionThreshold?: number;\n  /** Intersection observer root margin for lazy loading */\n  intersectionMargin?: string;\n  /** OptixFlow integration options */\n  optixFlowConfig?: UseOptimizedImageOptions[\"optixFlowConfig\"];\n};\n\ntype ForwardedImgProps = ImgProps & {\n  forwardedRef: React.Ref<HTMLImageElement | null>;\n};\n\nconst TRANSPARENT_PIXEL =\n  \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\";\n\nlet defaultOptixFlowConfig:\n  | UseOptimizedImageOptions[\"optixFlowConfig\"]\n  | undefined;\n\nconst readGlobalOptixFlowConfig = ():\n  | UseOptimizedImageOptions[\"optixFlowConfig\"]\n  | undefined => {\n  if (typeof globalThis === \"undefined\") return undefined;\n  const globalAny = globalThis as any;\n  return (\n    globalAny.PageSpeedImgDefaults?.optixFlowConfig ||\n    globalAny.OpensiteImgDefaults?.optixFlowConfig ||\n    globalAny.PAGE_SPEED_IMG_DEFAULTS?.optixFlowConfig\n  );\n};\n\nconst resolveOptixFlowConfig = (\n  config?: UseOptimizedImageOptions[\"optixFlowConfig\"],\n): UseOptimizedImageOptions[\"optixFlowConfig\"] | undefined => {\n  return config ?? defaultOptixFlowConfig ?? readGlobalOptixFlowConfig();\n};\n\nexport const setDefaultOptixFlowConfig = (\n  config?: UseOptimizedImageOptions[\"optixFlowConfig\"] | null,\n) => {\n  defaultOptixFlowConfig = config ?? undefined;\n};\n\nconst isUrlString = (value: unknown): value is string =>\n  typeof value === \"string\" && value.trim().length > 0;\n\nconst parseDimension = (value: unknown): number | undefined => {\n  if (value === \"\" || value === null || typeof value === \"undefined\")\n    return undefined;\n  if (typeof value === \"number\" && Number.isFinite(value)) return value;\n  if (typeof value === \"string\") {\n    const numeric = Number(value);\n    if (Number.isFinite(numeric)) return numeric;\n  }\n  return undefined;\n};\n\nconst composeRefs = (\n  hookRef: (node: HTMLImageElement | null) => void,\n  forwardedRef: React.Ref<HTMLImageElement | null>,\n  localRef: React.RefObject<HTMLImageElement>,\n) =>\n  useCallback(\n    (node: HTMLImageElement | null) => {\n      hookRef(node);\n      // eslint-disable-next-line no-param-reassign\n      (localRef as any).current = node;\n      if (typeof forwardedRef === \"function\") {\n        forwardedRef(node);\n      } else if (forwardedRef && typeof (forwardedRef as any) === \"object\") {\n        (forwardedRef as any).current = node;\n      }\n    },\n    [hookRef, forwardedRef, localRef],\n  );\n\nconst ModernImg: React.FC<ForwardedImgProps> = ({\n  sizes,\n  loading,\n  decoding,\n  alt,\n  title,\n  src: directSrc,\n  eager,\n  intersectionMargin,\n  intersectionThreshold,\n  optixFlowConfig,\n  forwardedRef,\n  ...rest\n}) => {\n  const imgRef = useRef<HTMLImageElement | null>(null);\n  const pictureRef = useRef<HTMLPictureElement | null>(null);\n  const logKeyRef = useRef<string | null>(null);\n\n  useResponsiveReset(pictureRef);\n  useMediaSelectionEffect();\n\n  const normalizedSrc = useMemo(\n    () => (typeof directSrc === \"string\" ? directSrc.trim() : \"\"),\n    [directSrc],\n  );\n  const numericWidth = useMemo(\n    () => parseDimension((rest as any).width),\n    [rest],\n  );\n  const numericHeight = useMemo(\n    () => parseDimension((rest as any).height),\n    [rest],\n  );\n  const resolvedOptixConfig = useMemo(\n    () => resolveOptixFlowConfig(optixFlowConfig),\n    [optixFlowConfig],\n  );\n  const eagerLoad = eager ?? loading === \"eager\";\n\n  const {\n    ref: hookRef,\n    src,\n    srcset,\n    sizes: computedSizes,\n    loading: hookLoading,\n    isInView,\n    size,\n  } = useOptimizedImage({\n    src: normalizedSrc,\n    eager: eagerLoad,\n    width: numericWidth,\n    height: numericHeight,\n    rootMargin: intersectionMargin ?? \"200px\",\n    threshold: intersectionThreshold ?? 0.1,\n    optixFlowConfig: resolvedOptixConfig,\n  });\n\n  const mergedRef = composeRefs(hookRef, forwardedRef, imgRef);\n  const { width, height, ...restProps } = rest as Record<string, unknown>;\n  const sizesAttr = sizes ?? (computedSizes || undefined);\n  const loadingAttr = loading ?? hookLoading ?? \"lazy\";\n  const decodingAttr = decoding ?? \"async\";\n  const hasSrcSet = Boolean(srcset.avif || srcset.webp || srcset.jpeg);\n  const imgSrc = src || normalizedSrc || TRANSPARENT_PIXEL;\n  const inlineSrcSet =\n    hasSrcSet && !srcset.avif && !srcset.webp ? srcset.jpeg : \"\";\n  const parsedWidth = parseDimension(width);\n  const parsedHeight = parseDimension(height);\n  const widthAttr = parsedWidth ?? (size.width || numericWidth || undefined);\n  const heightAttr =\n    parsedHeight ?? (size.height || numericHeight || undefined);\n\n  // Temporary logging to detect repeated transform requests and URL churn.\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    if (!eagerLoad && !isInView) return;\n    if (!imgSrc || imgSrc === TRANSPARENT_PIXEL) return;\n\n    const logKey = [\n      imgSrc,\n      srcset.avif,\n      srcset.webp,\n      srcset.jpeg,\n      sizesAttr ?? \"\",\n    ].join(\"|\");\n\n    if (logKeyRef.current === logKey) return;\n    logKeyRef.current = logKey;\n\n    if (typeof console !== \"undefined\" && console.info) {\n      console.info(\"[PageSpeedImg] image request\", {\n        src: imgSrc,\n        srcset,\n        sizes: sizesAttr,\n      });\n    }\n  }, [\n    eagerLoad,\n    imgSrc,\n    isInView,\n    sizesAttr,\n    srcset.avif,\n    srcset.webp,\n    srcset.jpeg,\n  ]);\n\n  if (!hasSrcSet) {\n    return (\n      <img\n        ref={mergedRef}\n        src={imgSrc}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={alt}\n        title={title}\n        width={widthAttr}\n        height={heightAttr}\n        {...restProps}\n      />\n    );\n  }\n\n  return (\n    <picture ref={pictureRef}>\n      {srcset.avif ? (\n        <source type=\"image/avif\" srcSet={srcset.avif} sizes={sizesAttr} />\n      ) : null}\n      {srcset.webp ? (\n        <source type=\"image/webp\" srcSet={srcset.webp} sizes={sizesAttr} />\n      ) : null}\n      <img\n        ref={mergedRef}\n        src={imgSrc}\n        srcSet={inlineSrcSet || undefined}\n        sizes={inlineSrcSet ? sizesAttr : undefined}\n        loading={loadingAttr}\n        decoding={decodingAttr}\n        alt={alt}\n        title={title}\n        width={widthAttr}\n        height={heightAttr}\n        {...restProps}\n      />\n    </picture>\n  );\n};\n\nconst ImgBase = forwardRef<HTMLImageElement, ImgProps>(\n  function Img(props, ref) {\n    const hasSrc = typeof props.src === \"string\" && props.src.trim().length > 0;\n    if (!hasSrc) {\n      if (typeof console !== \"undefined\" && console.warn) {\n        console.warn(\"<Img /> requires src. No src provided, rendering null.\");\n      }\n      return null;\n    }\n\n    return <ModernImg {...props} forwardedRef={ref} />;\n  },\n);\n\nexport const Img = memo(ImgBase);\nImg.displayName = \"PageSpeedImg\";\n","// Ensure process.env exists when the module is loaded directly in the browser UMD build.\ntype GlobalWithProcess = typeof globalThis & { process?: NodeJS.Process };\n\nconst globalObject =\n  typeof globalThis !== 'undefined' ? (globalThis as GlobalWithProcess) : undefined;\n\nif (globalObject) {\n  if (!globalObject.process) {\n    globalObject.process = {\n      env: { NODE_ENV: 'production' } as NodeJS.ProcessEnv,\n    } as NodeJS.Process;\n  } else {\n    const env = globalObject.process.env ?? (globalObject.process.env = {} as NodeJS.ProcessEnv);\n    if (typeof env.NODE_ENV === 'undefined') {\n      env.NODE_ENV = 'production';\n    }\n  }\n}\n\nimport type { UseOptimizedImageOptions } from '@page-speed/hooks/media';\n\nexport * from './core/index.js';\nexport type {\n  ImageFormat,\n  SrcsetByFormat,\n  UseOptimizedImageOptions,\n  UseOptimizedImageState,\n} from '@page-speed/hooks/media';\nexport type OptixFlowConfig = UseOptimizedImageOptions['optixFlowConfig'];\n"],"names":["DPR_MULTIPLIERS","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","MEDIA_SELECTED_EVENT","mediaSelectionHandler","mediaSelectionListenerCount","isMediaSelectionListenerAttached","resetResponsivePictureState","element","querySelectorAll","forEach","source","srcset","getAttribute","setAttribute","removeAttribute","requestAnimationFrame","TRANSPARENT_PIXEL","defaultOptixFlowConfig","resolveOptixFlowConfig","config","globalThis","globalAny","_a","PageSpeedImgDefaults","optixFlowConfig","_b","OpensiteImgDefaults","_c","PAGE_SPEED_IMG_DEFAULTS","readGlobalOptixFlowConfig","parseDimension","value","Number","isFinite","numeric","ModernImg","sizes","loading","decoding","alt","title","src","directSrc","eager","intersectionMargin","intersectionThreshold","forwardedRef","rest","imgRef","useRef","pictureRef","logKeyRef","ref","current","HTMLPictureElement","parentElement","addEventListener","removeEventListener","normalizedSrc","useMemo","trim","numericWidth","width","numericHeight","height","resolvedOptixConfig","eagerLoad","hookRef","computedSizes","hookLoading","isInView","size","options","threshold","rootMargin","optixFlowApiKey","apiKey","useOptixFlow","state","setState","useState","isLoaded","measuredSize","setMeasuredSize","observerRef","calculateRenderedSize","img2","renderedWidth","Math","round","clientWidth","naturalWidth","renderedHeight","clientHeight","naturalHeight","prev","img","resizeObserver","ResizeObserver","observe","disconnect","buildOptixFlowUrl","useCallback","imgWidth","imgHeight","format","params","URLSearchParams","set","String","objectFit","compressionLevel","toString","generateSrcset","baseWidth","baseHeight","map","dpr","scaledWidth","scaledHeight","join","primarySrc","hasDimensions","fallbackFormat","renderedFileType","avif","webp","jpeg","IntersectionObserver","entry","isIntersecting","handleLoad","complete","node","useOptimizedImage","mergedRef","localRef","composeRefs","restProps","sizesAttr","loadingAttr","decodingAttr","hasSrcSet","Boolean","imgSrc","inlineSrcSet","parsedWidth","parsedHeight","widthAttr","heightAttr","logKey","console","info","createElement","React","type","srcSet","ImgBase","forwardRef","props","length","warn","Img","memo","displayName","globalObject","process","env","NODE_ENV"],"mappings":"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","x_google_ignoreList":[0]}