@buoy-gg/images 7.0.41 → 7.0.42

package/lib/commonjs/capture/savings.web.js

@@ -1,71 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.proveSavings = proveSavings;
-var _remote = require("../remote");
-var _imageEventStore = require("../store/imageEventStore");
-const urls = new Map();
-async function proveSavings(record) {
-  const remote = (0, _remote.remoteImagesDispatch)();
-  if (remote) return await remote('proveSavings', {
-    id: record.id
-  });
-  const dimensions = (0, _imageEventStore.neededPixels)(record);
-  if (!dimensions) return {
-    ok: false,
-    message: 'Measure the displayed image before optimizing it.'
-  };
-  try {
-    const response = await fetch(record.uri);
-    if (!response.ok) throw new Error(`Image download returned HTTP ${response.status}.`);
-    const original = await response.blob();
-    const bitmap = await createImageBitmap(original);
-    const canvas = document.createElement('canvas');
-    canvas.width = Math.max(1, Math.min(bitmap.width, Math.round(dimensions.width)));
-    canvas.height = Math.max(1, Math.min(bitmap.height, Math.round(dimensions.height)));
-    const context = canvas.getContext('2d');
-    if (!context) {
-      bitmap.close();
-      throw new Error('Canvas is unavailable.');
-    }
-    context.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
-    bitmap.close();
-    const optimized = await new Promise((resolve, reject) => canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error('Image encoding failed.')), 'image/webp', 0.8));
-    if (optimized.type !== 'image/webp') return {
-      ok: false,
-      message: 'This browser cannot encode WebP images.'
-    };
-    const previous = urls.get(record.id);
-    if (previous) URL.revokeObjectURL(previous);
-    const uri = URL.createObjectURL(optimized);
-    urls.set(record.id, uri);
-    while (urls.size > 30) {
-      const [id, value] = urls.entries().next().value;
-      URL.revokeObjectURL(value);
-      urls.delete(id);
-    }
-    const savedBytes = original.size - optimized.size;
-    return {
-      ok: true,
-      message: 'WebP preview created.',
-      originalBytes: original.size,
-      originalBytesSource: 'download',
-      optimizedBytes: optimized.size,
-      optimizedUri: uri,
-      optimizedDims: {
-        width: canvas.width,
-        height: canvas.height
-      },
-      savedBytes,
-      savedPct: original.size ? savedBytes / original.size * 100 : 0
-    };
-  } catch (error) {
-    return {
-      ok: false,
-      message: `Image optimization failed: ${error instanceof Error ? error.message : String(error)}`
-    };
-  }
-}
-//# sourceMappingURL=savings.web.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.proveSavings=proveSavings;var _remote=require("../remote");var _imageEventStore=require("../store/imageEventStore");const urls=new Map;async function proveSavings(i){const c=(0,_remote.remoteImagesDispatch)();if(c)return await c("proveSavings",{id:i.id});const r=(0,_imageEventStore.neededPixels)(i);if(!r)return{ok:false,message:"Measure the displayed image before optimizing it."};try{const t=await fetch(i.uri);if(!t.ok)throw new Error(`Image download returned HTTP ${t.status}.`);const a=await t.blob();const s=await createImageBitmap(a);const e=document.createElement("canvas");e.width=Math.max(1,Math.min(s.width,Math.round(r.width)));e.height=Math.max(1,Math.min(s.height,Math.round(r.height)));const d=e.getContext("2d");if(!d){s.close();throw new Error("Canvas is unavailable.")}d.drawImage(s,0,0,e.width,e.height);s.close();const o=await new Promise((n,m)=>e.toBlob(w=>w?n(w):m(new Error("Image encoding failed.")),"image/webp",.8));if(o.type!=="image/webp")return{ok:false,message:"This browser cannot encode WebP images."};const g=urls.get(i.id);if(g)URL.revokeObjectURL(g);const h=URL.createObjectURL(o);urls.set(i.id,h);while(urls.size>30){const[n,m]=urls.entries().next().value;URL.revokeObjectURL(m);urls.delete(n)}const u=a.size-o.size;return{ok:true,message:"WebP preview created.",originalBytes:a.size,originalBytesSource:"download",optimizedBytes:o.size,optimizedUri:h,optimizedDims:{width:e.width,height:e.height},savedBytes:u,savedPct:a.size?u/a.size*100:0}}catch(t){return{ok:false,message:`Image optimization failed: ${t instanceof Error?t.message:String(t)}`}}}

package/lib/commonjs/capture/shared.js

@@ -1,378 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageInstanceTracker = exports.INTERNAL_TEST_ID_PREFIX = void 0;
-exports.classifyUri = classifyUri;
-exports.isInternalImage = isInternalImage;
-exports.isNoiseUri = isNoiseUri;
-exports.payloadOf = payloadOf;
-exports.resolveSourceUri = resolveSourceUri;
-var _state = require("../state");
-var _actions = require("./actions");
-var _imageEventStore = require("../store/imageEventStore");
-/**
- * Capture core shared by the RN <Image> decorator and the expo-image patch.
- *
- * ImageInstanceTracker: one per live image component instance. It rolls a new
- * ImageRecord whenever the instance's source URI changes, and exposes wrapped
- * event handlers that feed the store while still calling through to whatever
- * handlers the app passed.
- */
-
-/**
- * Images rendered by Buoy's own UI (e.g. thumbnails inside the Images modal)
- * carry this testID prefix and are excluded from capture, so the tool doesn't
- * pollute its own registry.
- */
-const INTERNAL_TEST_ID_PREFIX = exports.INTERNAL_TEST_ID_PREFIX = "buoy-internal";
-function isInternalImage(testID) {
-  return typeof testID === "string" && testID.startsWith(INTERNAL_TEST_ID_PREFIX);
-}
-
-/**
- * React Native's own devtools UI loads images too (LogBox icons resolve to
- * Metro asset URLs under Libraries/LogBox). They're noise in an app-focused
- * registry — skip them.
- */
-function isNoiseUri(uri) {
-  return uri.includes("Libraries%2FLogBox") || uri.includes("Libraries/LogBox") || uri.includes("LogBoxImages");
-}
-function classifyUri(uri) {
-  if (uri.startsWith("http://") || uri.startsWith("https://")) return "network";
-  if (uri.startsWith("file://") || uri.startsWith("asset://")) return "file";
-  if (uri.startsWith("data:")) return "data";
-  return "other";
-}
-
-/**
- * Best-effort URI extraction from any source prop shape (RN or expo-image):
- * string, number (Metro asset), {uri}, arrays of those, ImageRef.
- */
-function resolveSourceUri(source) {
-  if (source == null) return {
-    uri: "",
-    kind: "other"
-  };
-  if (Array.isArray(source)) {
-    return resolveSourceUri(source.length > 0 ? source[0] : null);
-  }
-  if (typeof source === "string") {
-    return {
-      uri: source,
-      kind: classifyUri(source)
-    };
-  }
-  if (typeof source === "number") {
-    // Metro asset id. Image is guaranteed evaluated by the time an instance
-    // renders, so requiring it lazily here can never latch the decorator late.
-    try {
-      const rn = require("react-native");
-      const resolved = rn.Image?.resolveAssetSource?.(source);
-      if (resolved?.uri) return {
-        uri: resolved.uri,
-        kind: "asset"
-      };
-    } catch {
-      // fall through
-    }
-    return {
-      uri: `asset:#${source}`,
-      kind: "asset"
-    };
-  }
-  if (typeof source === "object") {
-    const uri = source.uri;
-    if (typeof uri === "string") {
-      const kind = classifyUri(uri);
-      // require()'d assets resolve to Metro dev-server URLs in dev — still
-      // report them as assets when they carry the packager marker.
-      if (source.__packager_asset) {
-        return {
-          uri,
-          kind: "asset"
-        };
-      }
-      return {
-        uri,
-        kind
-      };
-    }
-    // expo-image ImageRef (native shared object) has width/height but no uri.
-    const width = source.width;
-    if (typeof width === "number") return {
-      uri: "(ImageRef)",
-      kind: "other"
-    };
-  }
-  return {
-    uri: "",
-    kind: "other"
-  };
-}
-
-/** The event-handler subset we intercept, normalized across both libraries. */
-
-/**
- * RN events arrive as {nativeEvent}; expo-image passes the payload directly.
- *
- * The shape is told apart by the property DESCRIPTOR, never by reading the
- * property. expo-image (SDK 56+) installs a deprecation GETTER called
- * `nativeEvent` on the payload it hands us — so the obvious
- * `event.nativeEvent` sniff logged
- * '[expo-image]: Accessing event payload through "nativeEvent" is deprecated'
- * once per load event, for every image in the app, purely because Buoy
- * looked. A real RN synthetic event carries it as a plain data property;
- * `getOwnPropertyDescriptor` distinguishes the two and invokes nothing.
- */
-function payloadOf(event) {
-  if (!event || typeof event !== "object") return {};
-  const descriptor = Object.getOwnPropertyDescriptor(event, "nativeEvent");
-  const native = descriptor && !descriptor.get ? descriptor.value : undefined;
-  if (native && typeof native === "object") {
-    return native;
-  }
-  return event;
-}
-
-/**
- * After an RN-core load, classify the cache via Image.queryCache.
- *
- * Delayed + retried: NSURLCache commits fresh downloads asynchronously, so a
- * query at the instant of onLoad reports a miss for images that ARE being
- * cached (observed live). First probe after 600ms, one re-probe at 3s to
- * catch slow cache writes.
- */
-function queryRnCache(recordId, uri) {
-  const probe = () => {
-    try {
-      const rn = require("react-native");
-      const queryCache = rn.Image?.queryCache;
-      if (typeof queryCache !== "function" || !uri) return;
-      queryCache([uri]).then(result => {
-        const verdict = result?.[uri];
-        if (verdict) {
-          (0, _imageEventStore.updateRecord)(recordId, {
-            cacheVerdict: verdict,
-            cacheVerdictSource: "queryCache"
-          });
-        }
-      }).catch(() => {});
-    } catch {
-      // queryCache unavailable (web) — leave verdict unknown.
-    }
-  };
-  setTimeout(probe, 600);
-  setTimeout(() => {
-    const record = (0, _imageEventStore.getRecord)(recordId);
-    if (record && record.cacheVerdictSource !== "queryCache") probe();
-  }, 3000);
-}
-class ImageInstanceTracker {
-  recordId = null;
-  uri = null;
-  handlerCache = null;
-  constructor(lib) {
-    this.lib = lib;
-  }
-  getRecordId() {
-    return this.recordId;
-  }
-
-  /** Record accessibility presence (called per render; writes only on change). */
-  noteA11y(hasAltText) {
-    if (this.recordId == null) return;
-    const record = (0, _imageEventStore.getRecord)(this.recordId);
-    if (record && record.hasAltText !== hasAltText) {
-      (0, _imageEventStore.updateRecord)(this.recordId, {
-        hasAltText
-      });
-    }
-  }
-
-  /** Call on every render with the current source prop. Rolls records on change. */
-  syncSource(source) {
-    const {
-      uri,
-      kind
-    } = resolveSourceUri(source);
-    if (uri === this.uri) return;
-    this.uri = uri;
-    this.handlerCache = null; // handlers close over recordId via getter, but roll anyway
-    if (this.recordId != null) (0, _actions.dropActionState)(this.recordId);
-    if (!uri || isNoiseUri(uri)) {
-      this.recordId = null;
-      return;
-    }
-    const record = (0, _imageEventStore.createRecord)({
-      lib: this.lib,
-      uri,
-      sourceKind: kind
-    });
-    this.recordId = record.id;
-  }
-  unmount() {
-    if (this.recordId != null) {
-      (0, _imageEventStore.updateRecord)(this.recordId, {
-        mounted: false
-      });
-      (0, _actions.dropActionState)(this.recordId);
-    }
-  }
-
-  /**
-   * Wrapped handlers for the current originals. Cached by handler identity so
-   * re-renders with unchanged props reuse the same functions.
-   */
-  handlers(orig) {
-    const key = [orig.onLoadStart, orig.onProgress, orig.onLoad, orig.onError, orig.onLoadEnd, orig.onDisplay, orig.onLayout, this.recordId];
-    const cached = this.handlerCache;
-    if (cached && cached.key.length === key.length && cached.key.every((k, i) => k === key[i])) {
-      return cached.out;
-    }
-    const recordId = this.recordId;
-    const lib = this.lib;
-    const uri = this.uri ?? "";
-    const out = {
-      onLoadStart: event => {
-        if (recordId != null) {
-          const record = (0, _imageEventStore.getRecord)(recordId);
-          const now = Date.now();
-          // Out-of-order defense (seen live on iOS remounts/cache hits AND
-          // instant file:// failures): the native onLoadStart of a burst can
-          // arrive AFTER its onLoad/onError. A "start" right after a settled
-          // outcome belongs to that same burst — don't regress the record.
-          const settledAt = Math.max(record?.loadedAt ?? 0, record?.erroredAt ?? 0);
-          const settledJustNow = settledAt > 0 && now - settledAt < 300;
-          (0, _imageEventStore.updateRecord)(recordId, {
-            ...(settledJustNow ? {} : {
-              status: "loading",
-              error: undefined,
-              errorCode: undefined,
-              errorHeaders: undefined
-            }),
-            startedAt: now,
-            loadCount: (record?.loadCount ?? 0) + 1
-          });
-        }
-        orig.onLoadStart?.(event);
-      },
-      onProgress: event => {
-        if (recordId != null) {
-          const p = payloadOf(event);
-          (0, _imageEventStore.updateRecord)(recordId, {
-            progressSeen: true,
-            bytesLoaded: typeof p.loaded === "number" ? p.loaded : undefined,
-            bytesTotal: typeof p.total === "number" ? p.total : undefined
-          });
-        }
-        orig.onProgress?.(event);
-      },
-      onLoad: event => {
-        if (recordId != null) {
-          const p = payloadOf(event);
-          const source = p.source ?? {};
-          const now = Date.now();
-          const record = (0, _imageEventStore.getRecord)(recordId);
-          // Duration only counts from a start belonging to THIS load cycle: a
-          // start newer than the previous completion. Without one (instant
-          // cache hit whose onLoadStart arrives late/never), report 0ms.
-          const start = record?.startedAt != null && record.startedAt <= now && record.startedAt > (record.loadedAt ?? record.createdAt - 1) ? record.startedAt : record?.loadedAt == null ? record?.startedAt ?? record?.createdAt ?? now : now;
-          const width = typeof source.width === "number" ? source.width : 0;
-          const height = typeof source.height === "number" ? source.height : 0;
-          (0, _imageEventStore.updateRecord)(recordId, {
-            status: "loaded",
-            loadedAt: now,
-            durationMs: Math.max(0, now - start),
-            error: undefined,
-            errorCode: undefined,
-            errorHeaders: undefined,
-            intrinsic: width > 0 && height > 0 ? {
-              width,
-              height
-            } : record?.intrinsic,
-            cacheVerdict: typeof p.cacheType === "string" ? p.cacheType : record?.cacheVerdict,
-            cacheVerdictSource: typeof p.cacheType === "string" ? "event" : record?.cacheVerdictSource,
-            mediaType: typeof source.mediaType === "string" || source.mediaType === null ? source.mediaType : record?.mediaType,
-            isAnimated: typeof source.isAnimated === "boolean" ? source.isAnimated : record?.isAnimated
-          });
-          (0, _actions.settleReloadRequest)(recordId);
-          if (lib === "rn") queryRnCache(recordId, uri);
-        }
-        orig.onLoad?.(event);
-      },
-      onError: event => {
-        if (recordId != null) {
-          const p = payloadOf(event);
-          let message = typeof p.error === "string" ? p.error : String(p.error?.message ?? "unknown error");
-          // Simulation sources produce raw file-not-found noise — translate to
-          // an honest label (state-based, so it works for both libs' error
-          // texts), in our record AND in the event the app receives.
-          const record0 = (0, _imageEventStore.getRecord)(recordId);
-          const s = (0, _state.imagesState)();
-          const activeOverride = s.overrides.get(recordId);
-          if (activeOverride?.source?.type === "error") {
-            message = "Forced error (Buoy Images simulation)";
-            if (typeof p.error === "string") p.error = message;
-          } else if (s.globalModes.network === "offline" && record0?.sourceKind === "network") {
-            message = "Offline simulation (Buoy Images): network image blocked";
-            if (typeof p.error === "string") p.error = message;
-          }
-          (0, _imageEventStore.updateRecord)(recordId, {
-            status: "error",
-            erroredAt: Date.now(),
-            error: message,
-            errorCode: typeof p.responseCode === "number" ? p.responseCode : undefined,
-            errorHeaders: p.httpResponseHeaders && typeof p.httpResponseHeaders === "object" ? p.httpResponseHeaders : undefined
-          });
-          (0, _actions.settleReloadRequest)(recordId);
-        }
-        orig.onError?.(event);
-      },
-      onLayout: event => {
-        if (recordId != null) {
-          const layout = payloadOf(event).layout ?? {};
-          const width = typeof layout.width === "number" ? layout.width : 0;
-          const height = typeof layout.height === "number" ? layout.height : 0;
-          if (width > 0 && height > 0) {
-            const record = (0, _imageEventStore.getRecord)(recordId);
-            const prev = record?.layout;
-            // Size change AFTER the image loaded = layout-shift suspect (the
-            // image arriving resized its box — reserve explicit dimensions).
-            const shifted = prev != null && record?.loadedAt != null && (Math.abs(prev.width - width) > 1 || Math.abs(prev.height - height) > 1);
-            (0, _imageEventStore.updateRecord)(recordId, {
-              layout: {
-                width,
-                height
-              },
-              ...(shifted ? {
-                layoutShifts: (record?.layoutShifts ?? 0) + 1
-              } : {})
-            });
-          }
-        }
-        orig.onLayout?.(event);
-      }
-    };
-
-    // Only forward-wrap the optional ones so we don't attach handlers a
-    // library doesn't support (onDisplay is expo-only; onLoadEnd is RN-only).
-    out.onLoadEnd = orig.onLoadEnd ? event => orig.onLoadEnd?.(event) : undefined;
-    if (this.lib === "expo") {
-      out.onDisplay = event => {
-        if (recordId != null) (0, _imageEventStore.updateRecord)(recordId, {
-          displayedAt: Date.now()
-        });
-        orig.onDisplay?.(event);
-      };
-    }
-    this.handlerCache = {
-      key,
-      out
-    };
-    return out;
-  }
-}
-exports.ImageInstanceTracker = ImageInstanceTracker;
-//# sourceMappingURL=shared.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ImageInstanceTracker=exports.INTERNAL_TEST_ID_PREFIX=void 0;exports.classifyUri=classifyUri;exports.isInternalImage=isInternalImage;exports.isNoiseUri=isNoiseUri;exports.payloadOf=payloadOf;exports.resolveSourceUri=resolveSourceUri;var _state=require("../state");var _actions=require("./actions");var _imageEventStore=require("../store/imageEventStore");const INTERNAL_TEST_ID_PREFIX=exports.INTERNAL_TEST_ID_PREFIX="buoy-internal";function isInternalImage(t){return typeof t==="string"&&t.startsWith(INTERNAL_TEST_ID_PREFIX)}function isNoiseUri(t){return t.includes("Libraries%2FLogBox")||t.includes("Libraries/LogBox")||t.includes("LogBoxImages")}function classifyUri(t){if(t.startsWith("http://")||t.startsWith("https://"))return"network";if(t.startsWith("file://")||t.startsWith("asset://"))return"file";if(t.startsWith("data:"))return"data";return"other"}function resolveSourceUri(t){if(t==null)return{uri:"",kind:"other"};if(Array.isArray(t)){return resolveSourceUri(t.length>0?t[0]:null)}if(typeof t==="string"){return{uri:t,kind:classifyUri(t)}}if(typeof t==="number"){try{const e=require("react-native");const n=e.Image?.resolveAssetSource?.(t);if(n?.uri)return{uri:n.uri,kind:"asset"}}catch{}return{uri:`asset:#${t}`,kind:"asset"}}if(typeof t==="object"){const e=t.uri;if(typeof e==="string"){const c=classifyUri(e);if(t.__packager_asset){return{uri:e,kind:"asset"}}return{uri:e,kind:c}}const n=t.width;if(typeof n==="number")return{uri:"(ImageRef)",kind:"other"}}return{uri:"",kind:"other"}}function payloadOf(t){if(!t||typeof t!=="object")return{};const e=Object.getOwnPropertyDescriptor(t,"nativeEvent");const n=e&&!e.get?e.value:void 0;if(n&&typeof n==="object"){return n}return t}function queryRnCache(t,e){const n=()=>{try{const c=require("react-native");const o=c.Image?.queryCache;if(typeof o!=="function"||!e)return;o([e]).then(p=>{const l=p?.[e];if(l){(0,_imageEventStore.updateRecord)(t,{cacheVerdict:l,cacheVerdictSource:"queryCache"})}}).catch(()=>{})}catch{}};setTimeout(n,600);setTimeout(()=>{const c=(0,_imageEventStore.getRecord)(t);if(c&&c.cacheVerdictSource!=="queryCache")n()},3e3)}class ImageInstanceTracker{recordId=null;uri=null;handlerCache=null;constructor(e){this.lib=e}getRecordId(){return this.recordId}noteA11y(e){if(this.recordId==null)return;const n=(0,_imageEventStore.getRecord)(this.recordId);if(n&&n.hasAltText!==e){(0,_imageEventStore.updateRecord)(this.recordId,{hasAltText:e})}}syncSource(e){const{uri:n,kind:c}=resolveSourceUri(e);if(n===this.uri)return;this.uri=n;this.handlerCache=null;if(this.recordId!=null)(0,_actions.dropActionState)(this.recordId);if(!n||isNoiseUri(n)){this.recordId=null;return}const o=(0,_imageEventStore.createRecord)({lib:this.lib,uri:n,sourceKind:c});this.recordId=o.id}unmount(){if(this.recordId!=null){(0,_imageEventStore.updateRecord)(this.recordId,{mounted:false});(0,_actions.dropActionState)(this.recordId)}}handlers(e){const n=[e.onLoadStart,e.onProgress,e.onLoad,e.onError,e.onLoadEnd,e.onDisplay,e.onLayout,this.recordId];const c=this.handlerCache;if(c&&c.key.length===n.length&&c.key.every((d,r)=>d===n[r])){return c.out}const o=this.recordId;const p=this.lib;const l=this.uri??"";const h={onLoadStart:d=>{if(o!=null){const r=(0,_imageEventStore.getRecord)(o);const i=Date.now();const a=Math.max(r?.loadedAt??0,r?.erroredAt??0);const s=a>0&&i-a<300;(0,_imageEventStore.updateRecord)(o,{...s?{}:{status:"loading",error:void 0,errorCode:void 0,errorHeaders:void 0},startedAt:i,loadCount:(r?.loadCount??0)+1})}e.onLoadStart?.(d)},onProgress:d=>{if(o!=null){const r=payloadOf(d);(0,_imageEventStore.updateRecord)(o,{progressSeen:true,bytesLoaded:typeof r.loaded==="number"?r.loaded:void 0,bytesTotal:typeof r.total==="number"?r.total:void 0})}e.onProgress?.(d)},onLoad:d=>{if(o!=null){const r=payloadOf(d);const i=r.source??{};const a=Date.now();const s=(0,_imageEventStore.getRecord)(o);const u=s?.startedAt!=null&&s.startedAt<=a&&s.startedAt>(s.loadedAt??s.createdAt-1)?s.startedAt:s?.loadedAt==null?s?.startedAt??s?.createdAt??a:a;const f=typeof i.width==="number"?i.width:0;const y=typeof i.height==="number"?i.height:0;(0,_imageEventStore.updateRecord)(o,{status:"loaded",loadedAt:a,durationMs:Math.max(0,a-u),error:void 0,errorCode:void 0,errorHeaders:void 0,intrinsic:f>0&&y>0?{width:f,height:y}:s?.intrinsic,cacheVerdict:typeof r.cacheType==="string"?r.cacheType:s?.cacheVerdict,cacheVerdictSource:typeof r.cacheType==="string"?"event":s?.cacheVerdictSource,mediaType:typeof i.mediaType==="string"||i.mediaType===null?i.mediaType:s?.mediaType,isAnimated:typeof i.isAnimated==="boolean"?i.isAnimated:s?.isAnimated});(0,_actions.settleReloadRequest)(o);if(p==="rn")queryRnCache(o,l)}e.onLoad?.(d)},onError:d=>{if(o!=null){const r=payloadOf(d);let i=typeof r.error==="string"?r.error:String(r.error?.message??"unknown error");const a=(0,_imageEventStore.getRecord)(o);const s=(0,_state.imagesState)();const u=s.overrides.get(o);if(u?.source?.type==="error"){i="Forced error (Buoy Images simulation)";if(typeof r.error==="string")r.error=i}else if(s.globalModes.network==="offline"&&a?.sourceKind==="network"){i="Offline simulation (Buoy Images): network image blocked";if(typeof r.error==="string")r.error=i}(0,_imageEventStore.updateRecord)(o,{status:"error",erroredAt:Date.now(),error:i,errorCode:typeof r.responseCode==="number"?r.responseCode:void 0,errorHeaders:r.httpResponseHeaders&&typeof r.httpResponseHeaders==="object"?r.httpResponseHeaders:void 0});(0,_actions.settleReloadRequest)(o)}e.onError?.(d)},onLayout:d=>{if(o!=null){const r=payloadOf(d).layout??{};const i=typeof r.width==="number"?r.width:0;const a=typeof r.height==="number"?r.height:0;if(i>0&&a>0){const s=(0,_imageEventStore.getRecord)(o);const u=s?.layout;const f=u!=null&&s?.loadedAt!=null&&(Math.abs(u.width-i)>1||Math.abs(u.height-a)>1);(0,_imageEventStore.updateRecord)(o,{layout:{width:i,height:a},...f?{layoutShifts:(s?.layoutShifts??0)+1}:{}})}}e.onLayout?.(d)}};h.onLoadEnd=e.onLoadEnd?d=>e.onLoadEnd?.(d):void 0;if(this.lib==="expo"){h.onDisplay=d=>{if(o!=null)(0,_imageEventStore.updateRecord)(o,{displayedAt:Date.now()});e.onDisplay?.(d)}}this.handlerCache={key:n,out:h};return h}}exports.ImageInstanceTracker=ImageInstanceTracker;