@buoy-gg/images 7.0.41 → 7.0.42

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

@@ -1,250 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getCaptureStatus = getCaptureStatus;
-exports.installImageCapture = installImageCapture;
-exports.startBrowserImageCapture = startBrowserImageCapture;
-exports.stopBrowserImageCapture = stopBrowserImageCapture;
-var _state = require("../state");
-var _imageEventStore = require("../store/imageEventStore");
-var _overrides = require("./overrides");
-const tracked = new Map();
-let detach;
-let leases = 0;
-const EMPTY_IMAGE = 'data:image/png;base64,';
-function apply(item) {
-  const record = (0, _imageEventStore.getRecord)(item.id);
-  if (!record) return;
-  const state = (0, _state.imagesState)();
-  const override = (0, _overrides.getOverride)(item.id);
-  const modes = (0, _overrides.getGlobalModes)();
-  let source = item.source;
-  if (modes.network === 'offline' && record.sourceKind === 'network') source = EMPTY_IMAGE;
-  if (override?.source) {
-    const next = override.source;
-    if (next.type === 'url') source = next.uri;else if (next.type === 'error') source = EMPTY_IMAGE;else source = null;
-    if (next.type === 'hang') (0, _imageEventStore.updateRecord)(item.id, {
-      status: 'loading'
-    });
-  }
-  const request = state.reloadRequests.get(item.id);
-  const reload = request && request.nonce !== item.nonce;
-  if (reload) {
-    item.nonce = request.nonce;
-    if (request.bust && source && /^https?:/.test(new URL(source, document.baseURI).href)) {
-      const url = new URL(source, document.baseURI);
-      url.searchParams.set('__buoy_reload', String(Date.now()));
-      source = url.href;
-    }
-    item.image.removeAttribute('src');
-    (0, _imageEventStore.updateRecord)(item.id, {
-      status: 'loading',
-      startedAt: Date.now(),
-      loadCount: record.loadCount + 1
-    });
-  }
-  if (modes.network === 'cold' && source && /^https?:/.test(new URL(source, document.baseURI).href)) {
-    if (item.coldSource !== source || !item.coldURL || reload) {
-      item.coldSource = source;
-      const url = new URL(source, document.baseURI);
-      url.searchParams.set('__buoy_reload', `${Date.now()}-${item.nonce}`);
-      item.coldURL = url.href;
-    }
-    source = item.coldURL;
-  } else {
-    item.coldSource = undefined;
-    item.coldURL = undefined;
-  }
-  item.appliedSource = source;
-  item.appliedSrcset = source !== item.source ? null : item.srcset;
-  if (item.appliedSrcset === null) item.image.removeAttribute('srcset');else if (item.image.getAttribute('srcset') !== item.appliedSrcset) item.image.setAttribute('srcset', item.appliedSrcset);
-  if (source === null) item.image.removeAttribute('src');else if (item.image.getAttribute('src') !== source) item.image.setAttribute('src', source);
-  const style = document.createElement('span').style;
-  style.cssText = item.style ?? '';
-  const fit = override?.extraProps?.contentFit ?? override?.extraProps?.resizeMode;
-  if (typeof fit === 'string') style.objectFit = {
-    stretch: 'fill',
-    center: 'none'
-  }[fit] ?? fit;
-  if (modes.blank || override?.source?.type === 'blank') style.opacity = '0';
-  for (const [key, value] of Object.entries(override?.style ?? {})) {
-    const css = key.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`);
-    style.setProperty(css, typeof value === 'number' && !['opacity', 'zIndex', 'flex', 'flexGrow', 'flexShrink'].includes(key) ? `${value}px` : String(value));
-  }
-  if ((state.flashUntil.get(item.id) ?? 0) > Date.now()) style.outline = '3px solid #ff453a';
-  item.appliedStyle = style.cssText || null;
-  if (item.image.getAttribute('style') !== item.appliedStyle) {
-    if (item.appliedStyle === null) item.image.removeAttribute('style');else item.image.setAttribute('style', item.appliedStyle);
-  }
-}
-function track(image) {
-  if (tracked.has(image) || image.closest('[data-buoy-root]')) return;
-  const uri = image.currentSrc || image.src;
-  if (!uri) return;
-  const record = (0, _imageEventStore.createRecord)({
-    lib: 'web',
-    uri,
-    sourceKind: uri.startsWith('data:') ? 'data' : uri.startsWith('blob:') ? 'file' : 'network',
-    hasAltText: image.hasAttribute('alt') || image.hasAttribute('aria-label')
-  });
-  const item = {
-    id: record.id,
-    image,
-    source: image.getAttribute('src'),
-    srcset: image.getAttribute('srcset'),
-    style: image.getAttribute('style'),
-    appliedSource: image.getAttribute('src'),
-    appliedSrcset: image.getAttribute('srcset'),
-    appliedStyle: image.getAttribute('style'),
-    nonce: 0,
-    dispose() {}
-  };
-  const layout = () => {
-    const rect = image.getBoundingClientRect();
-    const previous = record.layout;
-    const shifted = record.status === 'loaded' && previous && (previous.width !== rect.width || previous.height !== rect.height);
-    (0, _imageEventStore.updateRecord)(record.id, {
-      layout: {
-        width: rect.width,
-        height: rect.height
-      },
-      layoutShifts: (record.layoutShifts ?? 0) + (shifted ? 1 : 0)
-    });
-  };
-  const loaded = () => {
-    const timings = performance.getEntriesByName(image.currentSrc || image.src);
-    const timing = timings[timings.length - 1];
-    (0, _imageEventStore.updateRecord)(record.id, {
-      status: 'loaded',
-      loadedAt: Date.now(),
-      intrinsic: {
-        width: image.naturalWidth,
-        height: image.naturalHeight
-      },
-      ...(!(0, _overrides.getOverride)(record.id)?.source && (0, _overrides.getGlobalModes)().network === 'normal' ? {
-        uri: image.currentSrc || image.src
-      } : {}),
-      durationMs: timing?.duration,
-      bytesTotal: timing && timing.encodedBodySize > 0 ? timing.encodedBodySize : undefined,
-      cacheVerdict: timing && timing.transferSize > 0 ? 'none' : undefined,
-      cacheVerdictSource: timing ? 'event' : undefined
-    });
-    layout();
-  };
-  const failed = () => (0, _imageEventStore.updateRecord)(record.id, {
-    status: 'error',
-    erroredAt: Date.now(),
-    error: 'The browser could not load this image.'
-  });
-  image.addEventListener('load', loaded);
-  image.addEventListener('error', failed);
-  const observer = typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(layout);
-  observer?.observe(image);
-  item.dispose = () => {
-    observer?.disconnect();
-    image.removeEventListener('load', loaded);
-    image.removeEventListener('error', failed);
-  };
-  tracked.set(image, item);
-  layout();
-  (0, _imageEventStore.updateRecord)(record.id, {
-    status: 'loading',
-    startedAt: Date.now(),
-    loadCount: 1
-  });
-  if (image.complete) {
-    if (image.naturalWidth > 0) loaded();else failed();
-  }
-  apply(item);
-}
-function installImageCapture() {
-  const state = (0, _state.imagesState)();
-  if (typeof document === 'undefined' || state.captureDisabled || detach) return;
-  state.captureInstalled = true;
-  const scan = () => {
-    for (const [image, item] of tracked) if (!image.isConnected) {
-      item.dispose();
-      tracked.delete(image);
-      (0, _imageEventStore.updateRecord)(item.id, {
-        mounted: false
-      });
-    }
-    document.querySelectorAll('img').forEach(track);
-  };
-  const observer = new MutationObserver(changes => {
-    if ((0, _state.imagesState)().captureDisabled) {
-      stopBrowserImageCapture();
-      return;
-    }
-    for (const change of changes) {
-      const image = change.target;
-      const item = tracked.get(image);
-      if (!item || change.type !== 'attributes') continue;
-      if (change.attributeName === 'src' && image.getAttribute('src') !== item.appliedSource || change.attributeName === 'srcset' && image.getAttribute('srcset') !== item.appliedSrcset) {
-        item.dispose();
-        tracked.delete(image);
-        (0, _imageEventStore.updateRecord)(item.id, {
-          mounted: false
-        });
-      } else if (change.attributeName === 'style' && image.getAttribute('style') !== item.appliedStyle) {
-        item.style = image.getAttribute('style');
-        apply(item);
-      }
-    }
-    scan();
-  });
-  observer.observe(document.documentElement, {
-    childList: true,
-    subtree: true,
-    attributes: true,
-    attributeFilter: ['src', 'srcset', 'style', 'alt']
-  });
-  const actions = () => {
-    for (const item of tracked.values()) apply(item);
-  };
-  state.actionListeners.add(actions);
-  detach = () => {
-    observer.disconnect();
-    state.actionListeners.delete(actions);
-    for (const item of tracked.values()) {
-      item.dispose();
-      for (const [attribute, value, applied] of [['src', item.source, item.appliedSource], ['srcset', item.srcset, item.appliedSrcset], ['style', item.style, item.appliedStyle]]) {
-        if (item.image.getAttribute(attribute) !== applied) continue;
-        if (value === null) item.image.removeAttribute(attribute);else item.image.setAttribute(attribute, value);
-      }
-      (0, _imageEventStore.updateRecord)(item.id, {
-        mounted: false
-      });
-    }
-    tracked.clear();
-    state.captureInstalled = false;
-  };
-  scan();
-}
-function stopBrowserImageCapture() {
-  detach?.();
-  detach = undefined;
-}
-function startBrowserImageCapture() {
-  if (typeof document === 'undefined') return () => {};
-  if (leases++ === 0) installImageCapture();
-  let released = false;
-  return () => {
-    if (released) return;
-    released = true;
-    if (--leases === 0) stopBrowserImageCapture();
-  };
-}
-function getCaptureStatus() {
-  return (0, _state.imagesState)().mirrorCaptureStatus ?? {
-    installed: !!detach,
-    rnDecoratorActive: false,
-    rnDecoratorTooLate: false,
-    expoPatched: false,
-    expoAvailable: false,
-    browserObserverActive: !!detach
-  };
-}
-//# sourceMappingURL=install.web.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getCaptureStatus=getCaptureStatus;exports.installImageCapture=installImageCapture;exports.startBrowserImageCapture=startBrowserImageCapture;exports.stopBrowserImageCapture=stopBrowserImageCapture;var _state=require("../state");var _imageEventStore=require("../store/imageEventStore");var _overrides=require("./overrides");const tracked=new Map;let detach;let leases=0;const EMPTY_IMAGE="data:image/png;base64,";function apply(e){const l=(0,_imageEventStore.getRecord)(e.id);if(!l)return;const n=(0,_state.imagesState)();const d=(0,_overrides.getOverride)(e.id);const r=(0,_overrides.getGlobalModes)();let t=e.source;if(r.network==="offline"&&l.sourceKind==="network")t=EMPTY_IMAGE;if(d?.source){const c=d.source;if(c.type==="url")t=c.uri;else if(c.type==="error")t=EMPTY_IMAGE;else t=null;if(c.type==="hang")(0,_imageEventStore.updateRecord)(e.id,{status:"loading"})}const s=n.reloadRequests.get(e.id);const o=s&&s.nonce!==e.nonce;if(o){e.nonce=s.nonce;if(s.bust&&t&&/^https?:/.test(new URL(t,document.baseURI).href)){const c=new URL(t,document.baseURI);c.searchParams.set("__buoy_reload",String(Date.now()));t=c.href}e.image.removeAttribute("src");(0,_imageEventStore.updateRecord)(e.id,{status:"loading",startedAt:Date.now(),loadCount:l.loadCount+1})}if(r.network==="cold"&&t&&/^https?:/.test(new URL(t,document.baseURI).href)){if(e.coldSource!==t||!e.coldURL||o){e.coldSource=t;const c=new URL(t,document.baseURI);c.searchParams.set("__buoy_reload",`${Date.now()}-${e.nonce}`);e.coldURL=c.href}t=e.coldURL}else{e.coldSource=void 0;e.coldURL=void 0}e.appliedSource=t;e.appliedSrcset=t!==e.source?null:e.srcset;if(e.appliedSrcset===null)e.image.removeAttribute("srcset");else if(e.image.getAttribute("srcset")!==e.appliedSrcset)e.image.setAttribute("srcset",e.appliedSrcset);if(t===null)e.image.removeAttribute("src");else if(e.image.getAttribute("src")!==t)e.image.setAttribute("src",t);const i=document.createElement("span").style;i.cssText=e.style??"";const a=d?.extraProps?.contentFit??d?.extraProps?.resizeMode;if(typeof a==="string")i.objectFit={stretch:"fill",center:"none"}[a]??a;if(r.blank||d?.source?.type==="blank")i.opacity="0";for(const[c,u]of Object.entries(d?.style??{})){const p=c.replace(/[A-Z]/g,f=>`-${f.toLowerCase()}`);i.setProperty(p,typeof u==="number"&&!["opacity","zIndex","flex","flexGrow","flexShrink"].includes(c)?`${u}px`:String(u))}if((n.flashUntil.get(e.id)??0)>Date.now())i.outline="3px solid #ff453a";e.appliedStyle=i.cssText||null;if(e.image.getAttribute("style")!==e.appliedStyle){if(e.appliedStyle===null)e.image.removeAttribute("style");else e.image.setAttribute("style",e.appliedStyle)}}function track(e){if(tracked.has(e)||e.closest("[data-buoy-root]"))return;const l=e.currentSrc||e.src;if(!l)return;const n=(0,_imageEventStore.createRecord)({lib:"web",uri:l,sourceKind:l.startsWith("data:")?"data":l.startsWith("blob:")?"file":"network",hasAltText:e.hasAttribute("alt")||e.hasAttribute("aria-label")});const d={id:n.id,image:e,source:e.getAttribute("src"),srcset:e.getAttribute("srcset"),style:e.getAttribute("style"),appliedSource:e.getAttribute("src"),appliedSrcset:e.getAttribute("srcset"),appliedStyle:e.getAttribute("style"),nonce:0,dispose(){}};const r=()=>{const i=e.getBoundingClientRect();const a=n.layout;const c=n.status==="loaded"&&a&&(a.width!==i.width||a.height!==i.height);(0,_imageEventStore.updateRecord)(n.id,{layout:{width:i.width,height:i.height},layoutShifts:(n.layoutShifts??0)+(c?1:0)})};const t=()=>{const i=performance.getEntriesByName(e.currentSrc||e.src);const a=i[i.length-1];(0,_imageEventStore.updateRecord)(n.id,{status:"loaded",loadedAt:Date.now(),intrinsic:{width:e.naturalWidth,height:e.naturalHeight},...!(0,_overrides.getOverride)(n.id)?.source&&(0,_overrides.getGlobalModes)().network==="normal"?{uri:e.currentSrc||e.src}:{},durationMs:a?.duration,bytesTotal:a&&a.encodedBodySize>0?a.encodedBodySize:void 0,cacheVerdict:a&&a.transferSize>0?"none":void 0,cacheVerdictSource:a?"event":void 0});r()};const s=()=>(0,_imageEventStore.updateRecord)(n.id,{status:"error",erroredAt:Date.now(),error:"The browser could not load this image."});e.addEventListener("load",t);e.addEventListener("error",s);const o=typeof ResizeObserver==="undefined"?void 0:new ResizeObserver(r);o?.observe(e);d.dispose=()=>{o?.disconnect();e.removeEventListener("load",t);e.removeEventListener("error",s)};tracked.set(e,d);r();(0,_imageEventStore.updateRecord)(n.id,{status:"loading",startedAt:Date.now(),loadCount:1});if(e.complete){if(e.naturalWidth>0)t();else s()}apply(d)}function installImageCapture(){const e=(0,_state.imagesState)();if(typeof document==="undefined"||e.captureDisabled||detach)return;e.captureInstalled=true;const l=()=>{for(const[r,t]of tracked)if(!r.isConnected){t.dispose();tracked.delete(r);(0,_imageEventStore.updateRecord)(t.id,{mounted:false})}document.querySelectorAll("img").forEach(track)};const n=new MutationObserver(r=>{if((0,_state.imagesState)().captureDisabled){stopBrowserImageCapture();return}for(const t of r){const s=t.target;const o=tracked.get(s);if(!o||t.type!=="attributes")continue;if(t.attributeName==="src"&&s.getAttribute("src")!==o.appliedSource||t.attributeName==="srcset"&&s.getAttribute("srcset")!==o.appliedSrcset){o.dispose();tracked.delete(s);(0,_imageEventStore.updateRecord)(o.id,{mounted:false})}else if(t.attributeName==="style"&&s.getAttribute("style")!==o.appliedStyle){o.style=s.getAttribute("style");apply(o)}}l()});n.observe(document.documentElement,{childList:true,subtree:true,attributes:true,attributeFilter:["src","srcset","style","alt"]});const d=()=>{for(const r of tracked.values())apply(r)};e.actionListeners.add(d);detach=()=>{n.disconnect();e.actionListeners.delete(d);for(const r of tracked.values()){r.dispose();for(const[t,s,o]of[["src",r.source,r.appliedSource],["srcset",r.srcset,r.appliedSrcset],["style",r.style,r.appliedStyle]]){if(r.image.getAttribute(t)!==o)continue;if(s===null)r.image.removeAttribute(t);else r.image.setAttribute(t,s)}(0,_imageEventStore.updateRecord)(r.id,{mounted:false})}tracked.clear();e.captureInstalled=false};l()}function stopBrowserImageCapture(){detach?.();detach=void 0}function startBrowserImageCapture(){if(typeof document==="undefined")return()=>{};if(leases++===0)installImageCapture();let e=false;return()=>{if(e)return;e=true;if(--leases===0)stopBrowserImageCapture()}}function getCaptureStatus(){return(0,_state.imagesState)().mirrorCaptureStatus??{installed:!!detach,rnDecoratorActive:false,rnDecoratorTooLate:false,expoPatched:false,expoAvailable:false,browserObserverActive:!!detach}}

package/lib/commonjs/capture/installExpoImage.js

@@ -1,99 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.expoCaptureStatus = expoCaptureStatus;
-exports.installExpoImageInterceptor = installExpoImageInterceptor;
-var _state = require("../state");
-var _actions = require("./actions");
-var _overrides = require("./overrides");
-var _shared = require("./shared");
-/**
- * expo-image interception via class-prototype patch.
- *
- * expo-image's <Image> is a class component (React.PureComponent) whose
- * render() reads `this.props`, so wrapping the prototype's render and swapping
- * `this.props` for an instrumented copy for the duration of the original
- * render is timing-immune (prototype methods are looked up dynamically — no
- * import-order race like the RN core decorator). Props are restored in
- * `finally`, so PureComponent's shouldComponentUpdate still compares the
- * app's real props.
- *
- * Double-patch safety: install flags live on the globalThis singleton AND a
- * marker is stamped on the prototype itself, so even two module instances of
- * this package can't wrap render() twice.
- *
- * expo-image is an optional peer: if it isn't installed, this is a no-op.
- */
-
-const PATCH_MARKER = "__buoyImagesPatched";
-const trackers = new WeakMap();
-function trackerFor(instance) {
-  let tracker = trackers.get(instance);
-  if (!tracker) {
-    tracker = new _shared.ImageInstanceTracker("expo");
-    trackers.set(instance, tracker);
-  }
-  return tracker;
-}
-function installExpoImageInterceptor() {
-  const s = (0, _state.imagesState)();
-  if (s.expoInstalled) return;
-  s.expoInstalled = true;
-  let ImageClass;
-  try {
-    ImageClass = require("expo-image").Image;
-  } catch {
-    s.expoAvailable = false;
-    return; // expo-image not installed in this app
-  }
-  if (!ImageClass?.prototype?.render) {
-    s.expoAvailable = false;
-    return;
-  }
-  s.expoAvailable = true;
-  const proto = ImageClass.prototype;
-  if (proto[PATCH_MARKER]) {
-    s.expoPatched = true;
-    return; // already patched by another module instance of this package
-  }
-  proto[PATCH_MARKER] = true;
-  const originalRender = proto.render;
-  const originalUnmount = proto.componentWillUnmount;
-  proto.render = function buoyImagesRender() {
-    const originalProps = this.props;
-    if ((0, _shared.isInternalImage)(originalProps?.testID)) {
-      return originalRender.call(this);
-    }
-    const tracker = trackerFor(this);
-    tracker.syncSource(originalProps?.source);
-    tracker.noteA11y(Boolean(originalProps?.alt ?? originalProps?.accessibilityLabel));
-    // Keep the action layer pointed at the live instance (reloadAsync etc.).
-    (0, _actions.registerExpoInstance)(tracker.getRecordId(), this);
-    const wrapped = tracker.handlers(originalProps);
-    try {
-      // Simulation layer: global modes + per-record override + locate-flash.
-      this.props = (0, _overrides.applyOverrides)({
-        ...originalProps,
-        ...wrapped
-      }, tracker.getRecordId(), "expo");
-      return originalRender.call(this);
-    } finally {
-      this.props = originalProps;
-    }
-  };
-  proto.componentWillUnmount = function buoyImagesUnmount() {
-    trackers.get(this)?.unmount();
-    originalUnmount?.call(this);
-  };
-  s.expoPatched = true;
-}
-function expoCaptureStatus() {
-  const s = (0, _state.imagesState)();
-  return {
-    available: s.expoAvailable,
-    patched: s.expoPatched
-  };
-}
-//# sourceMappingURL=installExpoImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.expoCaptureStatus=expoCaptureStatus;exports.installExpoImageInterceptor=installExpoImageInterceptor;var _state=require("../state");var _actions=require("./actions");var _overrides=require("./overrides");var _shared=require("./shared");const PATCH_MARKER="__buoyImagesPatched";const trackers=new WeakMap;function trackerFor(e){let t=trackers.get(e);if(!t){t=new _shared.ImageInstanceTracker("expo");trackers.set(e,t)}return t}function installExpoImageInterceptor(){const e=(0,_state.imagesState)();if(e.expoInstalled)return;e.expoInstalled=true;let t;try{t=require("expo-image").Image}catch{e.expoAvailable=false;return}if(!t?.prototype?.render){e.expoAvailable=false;return}e.expoAvailable=true;const a=t.prototype;if(a[PATCH_MARKER]){e.expoPatched=true;return}a[PATCH_MARKER]=true;const n=a.render;const s=a.componentWillUnmount;a.render=function i(){const r=this.props;if((0,_shared.isInternalImage)(r?.testID)){return n.call(this)}const o=trackerFor(this);o.syncSource(r?.source);o.noteA11y(Boolean(r?.alt??r?.accessibilityLabel));(0,_actions.registerExpoInstance)(o.getRecordId(),this);const l=o.handlers(r);try{this.props=(0,_overrides.applyOverrides)({...r,...l},o.getRecordId(),"expo");return n.call(this)}finally{this.props=r}};a.componentWillUnmount=function i(){trackers.get(this)?.unmount();s?.call(this)};e.expoPatched=true}function expoCaptureStatus(){const e=(0,_state.imagesState)();return{available:e.expoAvailable,patched:e.expoPatched}}

package/lib/commonjs/capture/installRnImage.js

@@ -1,132 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.installRnImageInterceptor = installRnImageInterceptor;
-exports.rnCaptureStatus = rnCaptureStatus;
-exports.useImageCapture = useImageCapture;
-var React = _interopRequireWildcard(require("react"));
-var _state = require("../state");
-var _actions = require("./actions");
-var _overrides = require("./overrides");
-var _shared = require("./shared");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * RN core <Image> interception via the official injection hook.
- *
- * `unstable_setImageComponentDecorator` wraps EVERY RN <Image> app-wide — but
- * the decorator is latched ONCE, at Image module evaluation
- * (`Image.ios.js` / `Image.android.js` read it at module scope). So install
- * order matters: this must run before anything touches `Image` from
- * 'react-native' — hence the `@buoy-gg/images/register` first-import.
- *
- * Detection strategy: the decorator sets `decoratorInvoked` when RN's Image
- * module applies it. `unstable_registerImageAttachedCallback` is a live Set
- * (never latched), so image mounts are always visible — if mounts happen but
- * the decorator never ran, we were too late and CaptureStatus reports it.
- *
- * All flags live on the globalThis singleton (../state.ts) so a second module
- * instance of this package neither re-installs nor reports a stale status.
- */
-
-/** Wraps one RN Image render with capture instrumentation + reload actions. */
-function useImageCapture(props) {
-  const trackerRef = React.useRef(null);
-  if (trackerRef.current == null) {
-    trackerRef.current = new _shared.ImageInstanceTracker("rn");
-  }
-  const tracker = trackerRef.current;
-  const internal = (0, _shared.isInternalImage)(props.testID);
-  if (!internal) {
-    tracker.syncSource(props.source);
-    tracker.noteA11y(Boolean(props.alt ?? props.accessibilityLabel ?? props["aria-label"]));
-  }
-
-  // Action/override bus: version bumps re-render just this instance (snapshot
-  // is per-record with a global floor, so unrelated actions don't invalidate
-  // other images but global-mode toggles reach everyone).
-  React.useSyncExternalStore(_actions.subscribeActions, () => (0, _overrides.getRenderVersion)(internal ? null : tracker.getRecordId()));
-  React.useEffect(() => {
-    if (internal) return undefined;
-    return () => tracker.unmount();
-  }, [tracker, internal]);
-  if (internal) return {
-    props,
-    reloadKey: 0
-  };
-  const recordId = tracker.getRecordId();
-  const wrapped = tracker.handlers(props);
-  const out = {
-    ...props,
-    ...wrapped
-  };
-
-  // While a bust request is pending (cleared when the load settles), refetch
-  // bypassing caches — VERIFIED both platforms honor source.cache: 'reload'.
-  const request = (0, _actions.getReloadRequest)(recordId);
-  if (request?.bust) {
-    out.source = (0, _overrides.patchSourceCache)(out.source, "reload");
-  }
-  // Simulation layer: global modes + per-record override + locate-flash.
-  (0, _overrides.applyOverrides)(out, recordId, "rn");
-  return {
-    props: out,
-    reloadKey: (0, _actions.getReloadNonce)(recordId)
-  };
-}
-function installRnImageInterceptor() {
-  const s = (0, _state.imagesState)();
-  if (s.rnInstalled) return;
-  s.rnInstalled = true;
-  try {
-    // Deep import: evaluates ONLY the injection module, never Image itself.
-    const injection = require("react-native/Libraries/Image/ImageInjection");
-    const setDecorator = injection.unstable_setImageComponentDecorator;
-    const registerAttached = injection.unstable_registerImageAttachedCallback;
-
-    // `register-early` (a pre-InitializeCore entry) may have registered the
-    // decorator already; registering again would replace it with an identical one.
-    if (typeof setDecorator === "function" && !s.decoratorRegistered) {
-      setDecorator(BaseImage => {
-        (0, _state.imagesState)().decoratorInvoked = true;
-        const CapturedImage = /*#__PURE__*/React.forwardRef(function BuoyCapturedImage(props, ref) {
-          const {
-            props: instrumented,
-            reloadKey
-          } = useImageCapture(props);
-          // key bump forces a native remount → fresh load cycle (retry).
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseImage, {
-            ...instrumented,
-            ref: ref
-          }, `buoy-r${reloadKey}`);
-        });
-        return CapturedImage;
-      });
-      s.decoratorRegistered = true;
-    }
-
-    // Live mount signal — works regardless of decorator timing. Used purely
-    // to detect the "decorator registered too late" condition.
-    if (typeof registerAttached === "function") {
-      registerAttached(() => {
-        (0, _state.imagesState)().attachSeen++;
-      });
-    }
-  } catch {
-    // Internal RN path moved (version drift) or non-RN platform — expo-image
-    // capture still works; status will report the decorator as inactive.
-    s.decoratorRegistered = false;
-  }
-}
-function rnCaptureStatus() {
-  const s = (0, _state.imagesState)();
-  return {
-    decoratorRegistered: s.decoratorRegistered,
-    decoratorActive: s.decoratorInvoked,
-    // Mounts observed but our wrapper never rendered → Image latched first.
-    tooLate: s.decoratorRegistered && !s.decoratorInvoked && s.attachSeen > 0
-  };
-}
-//# sourceMappingURL=installRnImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.installRnImageInterceptor=installRnImageInterceptor;exports.rnCaptureStatus=rnCaptureStatus;exports.useImageCapture=useImageCapture;var React=_interopRequireWildcard(require("react"));var _state=require("../state");var _actions=require("./actions");var _overrides=require("./overrides");var _shared=require("./shared");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,o){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(t,i){if(!i&&t&&t.__esModule)return t;var n,c,u={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return u;if(n=i?a:r){if(n.has(t))return n.get(t);n.set(t,u)}for(const s in t)"default"!==s&&{}.hasOwnProperty.call(t,s)&&((c=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,s))&&(c.get||c.set)?n(u,s,c):u[s]=t[s]);return u})(e,o)}function useImageCapture(e){const o=React.useRef(null);if(o.current==null){o.current=new _shared.ImageInstanceTracker("rn")}const r=o.current;const a=(0,_shared.isInternalImage)(e.testID);if(!a){r.syncSource(e.source);r.noteA11y(Boolean(e.alt??e.accessibilityLabel??e["aria-label"]))}React.useSyncExternalStore(_actions.subscribeActions,()=>(0,_overrides.getRenderVersion)(a?null:r.getRecordId()));React.useEffect(()=>{if(a)return void 0;return()=>r.unmount()},[r,a]);if(a)return{props:e,reloadKey:0};const t=r.getRecordId();const i=r.handlers(e);const n={...e,...i};const c=(0,_actions.getReloadRequest)(t);if(c?.bust){n.source=(0,_overrides.patchSourceCache)(n.source,"reload")}(0,_overrides.applyOverrides)(n,t,"rn");return{props:n,reloadKey:(0,_actions.getReloadNonce)(t)}}function installRnImageInterceptor(){const e=(0,_state.imagesState)();if(e.rnInstalled)return;e.rnInstalled=true;try{const o=require("react-native/Libraries/Image/ImageInjection");const r=o.unstable_setImageComponentDecorator;const a=o.unstable_registerImageAttachedCallback;if(typeof r==="function"&&!e.decoratorRegistered){r(t=>{(0,_state.imagesState)().decoratorInvoked=true;const i=React.forwardRef(function n(c,u){const{props:s,reloadKey:d}=useImageCapture(c);return(0,_jsxRuntime.jsx)(t,{...s,ref:u},`buoy-r${d}`)});return i});e.decoratorRegistered=true}if(typeof a==="function"){a(()=>{(0,_state.imagesState)().attachSeen++})}}catch{e.decoratorRegistered=false}}function rnCaptureStatus(){const e=(0,_state.imagesState)();return{decoratorRegistered:e.decoratorRegistered,decoratorActive:e.decoratorInvoked,tooLate:e.decoratorRegistered&&!e.decoratorInvoked&&e.attachSeen>0}}

package/lib/commonjs/capture/nativeImageModules.js

@@ -1,30 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadExpoImage = loadExpoImage;
-exports.loadFileSystemModule = loadFileSystemModule;
-exports.loadLegacyFileSystem = loadLegacyFileSystem;
-function loadExpoImage() {
-  try {
-    return require('expo-image');
-  } catch {
-    return null;
-  }
-}
-function loadLegacyFileSystem() {
-  try {
-    return require('expo-file-system/legacy');
-  } catch {
-    return null;
-  }
-}
-function loadFileSystemModule() {
-  try {
-    return require('expo-file-system');
-  } catch {
-    return null;
-  }
-}
-//# sourceMappingURL=nativeImageModules.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.loadExpoImage=loadExpoImage;exports.loadFileSystemModule=loadFileSystemModule;exports.loadLegacyFileSystem=loadLegacyFileSystem;function loadExpoImage(){try{return require("expo-image")}catch{return null}}function loadLegacyFileSystem(){try{return require("expo-file-system/legacy")}catch{return null}}function loadFileSystemModule(){try{return require("expo-file-system")}catch{return null}}

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

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadExpoImage = loadExpoImage;
-exports.loadFileSystemModule = loadFileSystemModule;
-exports.loadLegacyFileSystem = loadLegacyFileSystem;
-function loadExpoImage() {
-  return null;
-}
-function loadLegacyFileSystem() {
-  return null;
-}
-function loadFileSystemModule() {
-  return null;
-}
-//# sourceMappingURL=nativeImageModules.web.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.loadExpoImage=loadExpoImage;exports.loadFileSystemModule=loadFileSystemModule;exports.loadLegacyFileSystem=loadLegacyFileSystem;function loadExpoImage(){return null}function loadLegacyFileSystem(){return null}function loadFileSystemModule(){return null}