@buoy-gg/assets 7.0.35 → 7.0.38

package/lib/module/capture/metroGraph.js

@@ -1,141 +1 @@
-"use strict";
-
-/**
- * Metro dev-server graph fetch.
- *
- * The dev server serves `<entry>.assets` next to `<entry>.bundle` — the full
- * dependency graph's AssetData[], INCLUDING assets never required at runtime
- * and the `fileSystemLocation`/`files` fields Metro strips from runtime
- * records. Deriving the URL by swapping `.bundle` → `.assets` on the running
- * bundle's scriptURL keeps the entry path and platform/dev query params
- * intact for both RN CLI (index.bundle) and Expo (…/entry.bundle) layouts.
- *
- * Graph-only records (in the graph, not the registry) are exactly the
- * "shipped but never loaded" set. Dev-only: no server, no graph.
- */
-
-import { assetsState } from "../state";
-import { assetKey, invalidate, upsertRecord } from "../store/assetStore";
-export function getScriptURL() {
-  try {
-    const {
-      NativeModules
-    } = require("react-native");
-    const sourceCode = NativeModules?.SourceCode;
-    const url = sourceCode?.getConstants?.().scriptURL ?? sourceCode?.scriptURL;
-    return typeof url === "string" ? url : null;
-  } catch {
-    return null;
-  }
-}
-
-/** http(s) origin of the Metro dev server, or null when running embedded. */
-export function getDevServerOrigin() {
-  const scriptURL = getScriptURL();
-  const match = scriptURL?.match(/^https?:\/\/[^/]+/);
-  return match ? match[0] : null;
-}
-
-/**
- * Candidate graph URLs, most-likely first. The straight `.bundle`→`.assets`
- * swap works for RN CLI, but Expo dev builds serve a VIRTUAL entry
- * (.expo/.virtual-metro-entry.bundle) that only exists for .bundle requests —
- * its .assets twin 404s — so the real entry modules are tried next, keeping
- * the original query string (platform/dev/etc.) intact.
- */
-export function getGraphURLCandidates() {
-  const scriptURL = getScriptURL();
-  if (!scriptURL || !/^https?:\/\//.test(scriptURL)) return [];
-  const origin = getDevServerOrigin();
-  const queryIndex = scriptURL.indexOf("?");
-  const query = queryIndex >= 0 ? scriptURL.slice(queryIndex) : "?platform=ios&dev=true";
-  const candidates = [];
-  if (scriptURL.includes(".bundle")) {
-    candidates.push(scriptURL.replace(".bundle", ".assets"));
-  }
-  if (origin) {
-    candidates.push(`${origin}/node_modules/expo-router/entry.assets${query}`, `${origin}/node_modules/expo/AppEntry.assets${query}`, `${origin}/index.assets${query}`);
-  }
-  return candidates;
-}
-
-/** Fetch the full asset graph from the dev server and merge it into the store. */
-export async function fetchAssetGraph() {
-  const s = assetsState();
-  const candidates = getGraphURLCandidates();
-  if (!candidates.length) {
-    s.graphSupported = false;
-    s.graphError = "No Metro dev server (embedded bundle)";
-    invalidate();
-    return {
-      ok: false,
-      message: s.graphError
-    };
-  }
-  if (s.graphFetchInFlight) return {
-    ok: false,
-    message: "Graph fetch already running"
-  };
-  s.graphFetchInFlight = true;
-  try {
-    let data = null;
-    let lastError = "";
-    for (const url of candidates) {
-      try {
-        const response = await fetch(url);
-        if (!response.ok) {
-          lastError = `Metro responded ${response.status} for ${url}`;
-          continue;
-        }
-        const parsed = await response.json();
-        if (Array.isArray(parsed)) {
-          data = parsed;
-          break;
-        }
-        lastError = "Unexpected .assets payload shape";
-      } catch (error) {
-        lastError = String(error?.message ?? error);
-      }
-    }
-    if (!Array.isArray(data)) throw new Error(lastError || "No graph endpoint answered");
-    const graph = data;
-    for (const asset of graph) {
-      if (!asset || typeof asset.name !== "string" || typeof asset.type !== "string") {
-        continue;
-      }
-      upsertRecord({
-        key: assetKey(asset.httpServerLocation, asset.name, asset.type),
-        name: asset.name,
-        type: asset.type,
-        origin: "graph",
-        hash: asset.hash,
-        httpServerLocation: asset.httpServerLocation,
-        width: asset.width ?? undefined,
-        height: asset.height ?? undefined,
-        scales: asset.scales,
-        fileSystemLocation: asset.fileSystemLocation,
-        files: asset.files,
-        fileHashes: asset.fileHashes
-      });
-    }
-    s.graphSupported = true;
-    s.graphCount = graph.length;
-    s.graphError = null;
-    invalidate();
-    return {
-      ok: true,
-      count: graph.length
-    };
-  } catch (error) {
-    s.graphSupported = getDevServerOrigin() != null;
-    s.graphError = String(error?.message ?? error);
-    invalidate();
-    return {
-      ok: false,
-      message: s.graphError
-    };
-  } finally {
-    s.graphFetchInFlight = false;
-  }
-}
-//# sourceMappingURL=metroGraph.js.map
+"use strict";import{assetsState}from"../state";import{assetKey,invalidate,upsertRecord}from"../store/assetStore";const GRAPH_TIMEOUT_MS=9e4;async function fetchGraphPayload(e,t){const r=new AbortController;let a;try{return await Promise.race([(async()=>{const t=await fetch(e,{signal:r.signal});if(!t.ok)throw new Error(`Metro responded ${t.status} for ${e}`);return t.json()})(),new Promise((e,n)=>{a=setTimeout(()=>{n(new Error("Asset discovery timed out. Try again.")),r.abort()},Math.max(0,t))})])}finally{clearTimeout(a)}}export function getScriptURL(){try{const{NativeModules:e}=require("react-native"),t=e?.SourceCode,r=t?.getConstants?.().scriptURL??t?.scriptURL;return"string"==typeof r?r:null}catch{return null}}export function getDevServerOrigin(){const e=getScriptURL(),t=e?.match(/^https?:\/\/[^/]+/);return t?t[0]:null}export function getGraphURLCandidates(){const e=getScriptURL();if(!e||!/^https?:\/\//.test(e))return[];const t=getDevServerOrigin(),r=e.indexOf("?"),a=r>=0?e.slice(r):"?platform=ios&dev=true",n=[];return e.includes(".bundle")&&n.push(e.replace(".bundle",".assets")),t&&n.push(`${t}/node_modules/expo-router/entry.assets${a}`,`${t}/node_modules/expo/AppEntry.assets${a}`,`${t}/index.assets${a}`),n}export async function fetchAssetGraph(){const e=assetsState(),t=getGraphURLCandidates();if(!t.length)return e.graphSupported=!1,e.graphError="No Metro dev server (embedded bundle)",invalidate(),{ok:!1,message:e.graphError};if(e.graphFetchInFlight)return{ok:!1,message:"Graph fetch already running"};e.graphFetchInFlight=!0,e.graphFetchStartedAt=Date.now(),e.graphError=null,invalidate();const r=e.graphFetchStartedAt+9e4;try{let a=null,n="";for(const e of t)try{const t=await fetchGraphPayload(e,r-Date.now());if(Array.isArray(t)){a=t;break}n="Unexpected .assets payload shape"}catch(e){if(n=String(e?.message??e),Date.now()>=r)break}if(!Array.isArray(a))throw new Error(n||"No graph endpoint answered");const s=a;let o=0;for(const e of s)e&&"string"==typeof e.name&&"string"==typeof e.type&&upsertRecord({key:assetKey(e.httpServerLocation,e.name,e.type),name:e.name,type:e.type,origin:"graph",hash:e.hash,httpServerLocation:e.httpServerLocation,width:e.width??void 0,height:e.height??void 0,scales:e.scales,fileSystemLocation:e.fileSystemLocation,files:e.files,fileHashes:e.fileHashes})&&o++;return e.graphSupported=!0,e.graphCount=o,e.graphError=null,invalidate(),{ok:!0,count:o}}catch(t){return e.graphSupported=null!=getDevServerOrigin(),e.graphError=String(t?.message??t),invalidate(),{ok:!1,message:e.graphError}}finally{e.graphFetchInFlight=!1,e.graphFetchStartedAt=null,invalidate()}}

package/lib/module/capture/registry.js

@@ -1,120 +1 @@
-"use strict";
-
-/**
- * Runtime access to @react-native/assets-registry.
- *
- * Asset ids are contiguous 1..N (`assets.push` return value), so a plain
- * getAssetByID walk enumerates every asset registered so far — including
- * everything registered BEFORE this tool was evaluated. That's why, unlike
- * the images tool, there is no "must be the first import" requirement here:
- * the walk backfills whatever the patch missed.
- *
- * registerAsset is patched (plain non-frozen CommonJS export, looked up at
- * call time by Metro's generated asset modules) purely for LIVE updates as
- * lazily-required assets register later.
- */
-
-import { upsertRecord, assetKey } from "../store/assetStore";
-
-/** Runtime shape of a registry entry (fileSystemLocation/files are stripped by Metro). */
-
-let cachedRegistry;
-export function getRegistryModule() {
-  if (cachedRegistry !== undefined) return cachedRegistry;
-  let mod = null;
-  try {
-    mod = require("@react-native/assets-registry/registry");
-  } catch {
-    // Old RN layouts (< 0.72) don't ship @react-native/assets-registry as a
-    // resolvable package — the registry only exists at this deep path. RN's
-    // deep-import deprecation warning fires when this executes, but it only
-    // executes on those old layouts, where there is no other way in.
-    try {
-      mod = require("react-native/Libraries/Image/AssetRegistry");
-    } catch {
-      mod = null;
-    }
-  }
-  cachedRegistry = mod && typeof mod.getAssetByID === "function" ? mod : null;
-  return cachedRegistry;
-}
-
-/** resolveAssetSource(id) → this environment's URI (dev URL / file:// / res id). */
-export function resolveRegistryAsset(registryId) {
-  try {
-    const {
-      Image
-    } = require("react-native");
-    const resolved = Image.resolveAssetSource(registryId);
-    if (resolved && typeof resolved.uri === "string") {
-      return {
-        uri: resolved.uri,
-        scale: resolved.scale ?? 1
-      };
-    }
-  } catch {
-    // resolution is enrichment — never let it break the walk
-  }
-  return null;
-}
-export function upsertFromPackagerAsset(registryId, asset) {
-  const resolved = resolveRegistryAsset(registryId);
-  return upsertRecord({
-    key: assetKey(asset.httpServerLocation, asset.name, asset.type),
-    name: asset.name,
-    type: asset.type,
-    origin: "registry",
-    registryId,
-    hash: asset.hash,
-    httpServerLocation: asset.httpServerLocation,
-    width: asset.width ?? undefined,
-    height: asset.height ?? undefined,
-    scales: asset.scales,
-    resolvedUri: resolved?.uri,
-    resolvedScale: resolved?.scale,
-    loaded: true
-  });
-}
-
-/** Enumerate every asset registered so far. Returns the highest id seen. */
-export function walkRegistry() {
-  const registry = getRegistryModule();
-  if (!registry) return 0;
-  let id = 0;
-  for (;;) {
-    const asset = registry.getAssetByID(id + 1);
-    if (!asset) break;
-    id++;
-    upsertFromPackagerAsset(id, asset);
-  }
-  return id;
-}
-const PATCH_MARKER = "__buoyAssetsPatched";
-
-/**
- * Wrap registerAsset so future registrations stream in live. Safe to call
- * more than once (marker guard); the walk covers anything registered before.
- */
-export function patchRegisterAsset() {
-  const registry = getRegistryModule();
-  if (!registry) return false;
-  const original = registry.registerAsset;
-  if (original[PATCH_MARKER]) return true;
-  const wrapped = asset => {
-    const id = original.call(registry, asset);
-    try {
-      upsertFromPackagerAsset(id, asset);
-    } catch {
-      // never break app asset registration
-    }
-    return id;
-  };
-  wrapped[PATCH_MARKER] = true;
-  try {
-    registry.registerAsset = wrapped;
-  } catch {
-    return false;
-  }
-  return true;
-}
-//# sourceMappingURL=registry.js.map
+"use strict";import{upsertRecord,assetKey}from"../store/assetStore";let cachedRegistry;export function getRegistryModule(){if(void 0!==cachedRegistry)return cachedRegistry;let e=null;try{e=require("@react-native/assets-registry/registry")}catch{try{e=require("react-native/Libraries/Image/AssetRegistry")}catch{e=null}}return cachedRegistry=e&&"function"==typeof e.getAssetByID?e:null,cachedRegistry}export function resolveRegistryAsset(e){try{const{Image:t}=require("react-native"),r=t.resolveAssetSource(e);if(r&&"string"==typeof r.uri)return{uri:r.uri,scale:r.scale??1}}catch{}return null}export function upsertFromPackagerAsset(e,t){const r=resolveRegistryAsset(e);return upsertRecord({key:assetKey(t.httpServerLocation,t.name,t.type),name:t.name,type:t.type,origin:"registry",registryId:e,hash:t.hash,httpServerLocation:t.httpServerLocation,width:t.width??void 0,height:t.height??void 0,scales:t.scales,resolvedUri:r?.uri,resolvedScale:r?.scale,loaded:!0})}export function walkRegistry(){const e=getRegistryModule();if(!e)return 0;let t=0;for(;;){const r=e.getAssetByID(t+1);if(!r)break;t++,upsertFromPackagerAsset(t,r)}return t}const PATCH_MARKER="__buoyAssetsPatched";export function patchRegisterAsset(){const e=getRegistryModule();if(!e)return!1;const t=e.registerAsset;if(t[PATCH_MARKER])return!0;const r=r=>{const s=t.call(e,r);try{upsertFromPackagerAsset(s,r)}catch{}return s};r[PATCH_MARKER]=!0;try{e.registerAsset=r}catch{return!1}return!0}

package/lib/module/components/AssetDetail.js

@@ -1,210 +1 @@
-"use strict";
-
-/**
- * AssetDetail — full metadata for one asset: preview, identity, dimensions,
- * per-scale sizes, resolution info, and which audit findings apply.
- *
- * Image previews render through the numeric registry id (works in every
- * environment); fonts render a pangram with fontFamily set to the asset name
- * — a best-effort guess (family ≠ filename for many fonts) that falls back
- * to the system font silently when it misses.
- */
-
-import { Image, ScrollView, StyleSheet, Text, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { displaySource } from "../capture/measure";
-import { formatBytes, formatDimensions, formatScales } from "../format";
-import { estDecodedBytes } from "../store/assetStore";
-import { ASSETS_TEST_IDS, assetDetailRowTestID, assetFindingTestID } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Row({
-  label,
-  value
-}) {
-  const testID = assetDetailRowTestID(label);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.kvRow,
-    testID: testID,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.kvLabel,
-      children: label
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.kvValue,
-      selectable: true,
-      testID: `${testID}-value`,
-      children: value
-    })]
-  });
-}
-function Preview({
-  record
-}) {
-  if (record.kind === "image") {
-    const source = displaySource(record);
-    if (source == null) return null;
-    return /*#__PURE__*/_jsx(View, {
-      style: styles.previewBox,
-      testID: ASSETS_TEST_IDS.detailPreview,
-      children: /*#__PURE__*/_jsx(Image, {
-        testID: "buoy-internal-assets-preview",
-        source: source,
-        style: styles.previewImage,
-        resizeMode: "contain"
-      })
-    });
-  }
-  if (record.kind === "font") {
-    return /*#__PURE__*/_jsx(View, {
-      style: styles.previewBox,
-      testID: ASSETS_TEST_IDS.detailFontPreview,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.fontPreview, {
-          fontFamily: record.name
-        }],
-        children: "The quick brown fox jumps over the lazy dog 0123456789"
-      })
-    });
-  }
-  return null;
-}
-export function AssetDetail({
-  record,
-  insights
-}) {
-  const findings = [];
-  if (insights.neverLoaded.includes(record.id)) {
-    findings.push("Never loaded — shipped in the bundle but no code required it");
-  }
-  if (insights.scaleGaps.includes(record.id)) {
-    findings.push("Scale gap — no variant covers this device's pixel ratio");
-  }
-  if (insights.webpCandidates.includes(record.id)) {
-    findings.push("WebP candidate — large png/jpeg, converting typically saves 20–40%");
-  }
-  const duplicate = insights.duplicates.find(d => d.ids.includes(record.id));
-  if (duplicate) {
-    findings.push(`Duplicate content — identical bytes shipped ${duplicate.ids.length} times`);
-  }
-  if (insights.overDecode.includes(record.id)) {
-    findings.push("Decodes larger than 2× this entire screen — resize the source, no view can need this many pixels");
-  }
-  if (insights.heavyGifs.includes(record.id)) {
-    findings.push("Heavy GIF — every frame decodes into memory; a video or Lottie is typically ~90% smaller");
-  }
-  if (insights.heavyFonts.includes(record.id)) {
-    findings.push("Heavy font — likely an unsubset icon font; subsetting to used glyphs usually saves most of it");
-  }
-  if (insights.scaleAnomalies.includes(record.id)) {
-    findings.push("Scale anomaly — a higher-resolution variant is smaller in bytes than a lower one; check the exports");
-  }
-  const estimate = estDecodedBytes(record);
-  return /*#__PURE__*/_jsxs(ScrollView, {
-    style: styles.scroll,
-    contentContainerStyle: styles.content,
-    testID: ASSETS_TEST_IDS.detailScroll,
-    children: [/*#__PURE__*/_jsx(Preview, {
-      record: record
-    }), findings.length > 0 ? /*#__PURE__*/_jsx(View, {
-      style: styles.findings,
-      testID: ASSETS_TEST_IDS.detailFindings,
-      children: findings.map((finding, index) => /*#__PURE__*/_jsx(Text, {
-        style: styles.findingText,
-        testID: assetFindingTestID(index),
-        children: finding
-      }, finding))
-    }) : null, /*#__PURE__*/_jsx(Row, {
-      label: "Name",
-      value: `${record.name}.${record.type}`
-    }), /*#__PURE__*/_jsx(Row, {
-      label: "Kind",
-      value: record.kind
-    }), /*#__PURE__*/_jsx(Row, {
-      label: "Status",
-      value: record.loaded ? "Loaded (registered at runtime)" : "In bundle, never loaded"
-    }), record.kind === "image" ? /*#__PURE__*/_jsx(Row, {
-      label: "Dimensions",
-      value: `${formatDimensions(record)} (logical)`
-    }) : null, record.kind === "image" && record.scales.length ? /*#__PURE__*/_jsx(Row, {
-      label: "Scales",
-      value: formatScales(record.scales)
-    }) : null, record.sizesByScale ? Object.entries(record.sizesByScale).map(([scale, bytes]) => /*#__PURE__*/_jsx(Row, {
-      label: `Size @${scale}x`,
-      value: formatBytes(bytes)
-    }, scale)) : null, record.sizeBytes != null && record.sizeSource === "measured" ? /*#__PURE__*/_jsx(Row, {
-      label: "Total size",
-      value: formatBytes(record.sizeBytes)
-    }) : null, estimate > 0 ? /*#__PURE__*/_jsx(Row, {
-      label: "Decoded memory",
-      value: `~${formatBytes(estimate)} (RGBA)`
-    }) : null, record.registryId != null ? /*#__PURE__*/_jsx(Row, {
-      label: "Registry id",
-      value: String(record.registryId)
-    }) : null, record.hash ? /*#__PURE__*/_jsx(Row, {
-      label: "Hash",
-      value: record.hash
-    }) : null, record.httpServerLocation ? /*#__PURE__*/_jsx(Row, {
-      label: "Location",
-      value: record.httpServerLocation
-    }) : null, record.fileSystemLocation ? /*#__PURE__*/_jsx(Row, {
-      label: "Source dir",
-      value: record.fileSystemLocation
-    }) : null, record.resolvedUri ? /*#__PURE__*/_jsx(Row, {
-      label: "Resolved URI",
-      value: record.resolvedUri
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  scroll: {
-    flex: 1
-  },
-  content: {
-    padding: 12,
-    gap: 8
-  },
-  previewBox: {
-    borderRadius: 8,
-    backgroundColor: night.color.bg,
-    padding: 12,
-    alignItems: "center",
-    justifyContent: "center",
-    minHeight: 96
-  },
-  previewImage: {
-    width: "100%",
-    height: 140
-  },
-  fontPreview: {
-    color: night.color.text,
-    fontSize: 16,
-    textAlign: "center"
-  },
-  findings: {
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    padding: 10,
-    gap: 6
-  },
-  findingText: {
-    color: night.color.textSecondary,
-    fontSize: 11,
-    lineHeight: 15
-  },
-  kvRow: {
-    gap: 2
-  },
-  kvLabel: {
-    color: night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  kvValue: {
-    color: night.color.text,
-    fontSize: 12
-  }
-});
-//# sourceMappingURL=AssetDetail.js.map
+"use strict";import{ScrollView,StyleSheet,Text,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{AssetImage}from"./AssetImage";import{formatBytes,formatDimensions,formatScales}from"../format";import{estDecodedBytes}from"../store/assetStore";import{ASSETS_TEST_IDS,assetDetailRowTestID,assetFindingTestID}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function Row({label:e,value:t}){const s=assetDetailRowTestID(e);return _jsxs(View,{style:styles.kvRow,testID:s,children:[_jsx(Text,{style:styles.kvLabel,children:e}),_jsx(Text,{style:styles.kvValue,selectable:!0,testID:`${s}-value`,children:t})]})}function Preview({record:e}){return"image"===e.kind?_jsx(View,{style:styles.previewBox,testID:ASSETS_TEST_IDS.detailPreview,children:_jsx(AssetImage,{testID:"buoy-internal-assets-preview",record:e,style:styles.previewImage})}):"font"===e.kind?_jsx(View,{style:styles.previewBox,testID:ASSETS_TEST_IDS.detailFontPreview,children:_jsx(Text,{style:[styles.fontPreview,{fontFamily:e.name}],children:"The quick brown fox jumps over the lazy dog 0123456789"})}):null}export function AssetDetail({record:e,insights:t}){const s=[];t.neverLoaded.includes(e.id)&&s.push("Not observed in the runtime registry this app run. This does not prove the asset is unused."),t.scaleGaps.includes(e.id)&&s.push("Scale gap — no variant covers this device's pixel ratio"),t.webpCandidates.includes(e.id)&&s.push("WebP candidate — large png/jpeg, converting typically saves 20–40%");const i=t.duplicates.find(t=>t.ids.includes(e.id));i&&s.push(`Duplicate content — identical bytes shipped ${i.ids.length} times`),t.overDecode.includes(e.id)&&s.push("Decodes larger than 2× this entire screen — resize the source, no view can need this many pixels"),t.heavyGifs.includes(e.id)&&s.push("Heavy GIF — every frame decodes into memory; a video or Lottie is typically ~90% smaller"),t.heavyFonts.includes(e.id)&&s.push("Heavy font — likely an unsubset icon font; subsetting to used glyphs usually saves most of it"),t.scaleAnomalies.includes(e.id)&&s.push("Scale anomaly — a higher-resolution variant is smaller in bytes than a lower one; check the exports");const l=estDecodedBytes(e);return _jsxs(ScrollView,{style:styles.scroll,contentContainerStyle:styles.content,testID:ASSETS_TEST_IDS.detailScroll,children:[_jsx(Preview,{record:e}),s.length>0?_jsx(View,{style:styles.findings,testID:ASSETS_TEST_IDS.detailFindings,children:s.map((e,t)=>_jsx(Text,{style:styles.findingText,testID:assetFindingTestID(t),children:e},e))}):null,_jsx(Row,{label:"Name",value:`${e.name}.${e.type}`}),_jsx(Row,{label:"Kind",value:e.kind}),_jsx(Row,{label:"Status",value:e.loaded?"Loaded (registered at runtime)":"Not observed in the runtime registry"}),"image"===e.kind?_jsx(Row,{label:"Dimensions",value:`${formatDimensions(e)} (logical)`}):null,"image"===e.kind&&e.scales.length?_jsx(Row,{label:"Scales",value:formatScales(e.scales)}):null,e.sizesByScale?Object.entries(e.sizesByScale).map(([e,t])=>_jsx(Row,{label:`Size @${e}x`,value:formatBytes(t)},e)):null,null!=e.sizeBytes&&"measured"===e.sizeSource?_jsx(Row,{label:"Total size",value:formatBytes(e.sizeBytes)}):null,l>0?_jsx(Row,{label:"Decoded memory",value:`~${formatBytes(l)} (RGBA)`}):null,null!=e.registryId?_jsx(Row,{label:"Registry id",value:String(e.registryId)}):null,e.hash?_jsx(Row,{label:"Hash",value:e.hash}):null,e.httpServerLocation?_jsx(Row,{label:"Location",value:e.httpServerLocation}):null,e.fileSystemLocation?_jsx(Row,{label:"Source dir",value:e.fileSystemLocation}):null,e.resolvedUri?_jsx(Row,{label:"Resolved URI",value:e.resolvedUri}):null]})}const styles=StyleSheet.create({scroll:{flex:1},content:{padding:12,gap:8},previewBox:{borderRadius:8,backgroundColor:night.color.bg,padding:12,alignItems:"center",justifyContent:"center",minHeight:96},previewImage:{width:"100%",height:140},fontPreview:{color:night.color.text,fontSize:16,textAlign:"center"},findings:{borderRadius:8,borderWidth:1,borderColor:night.color.border,backgroundColor:night.color.surface,padding:10,gap:6},findingText:{color:night.color.textSecondary,fontSize:11,lineHeight:15},kvRow:{gap:2},kvLabel:{color:night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5,textTransform:"uppercase"},kvValue:{color:night.color.text,fontSize:12}});

package/lib/module/components/AssetImage.js

@@ -0,0 +1 @@
+"use strict";import{useState}from"react";import{Image,Platform,StyleSheet,Text,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{displaySource}from"../capture/measure";import{getExpoPreviewImage}from"./optionalExpoImage";import{jsx as _jsx}from"react/jsx-runtime";export function AssetImage({record:e,style:t,testID:r,compact:o=!1}){const s=displaySource(e),a="svg"===e.type.toLowerCase(),i=a&&"web"!==Platform.OS?getExpoPreviewImage():null,l=`${e.key}:${e.hash??""}:${"number"==typeof s?s:s?.uri??""}`,[n,c]=useState(null);if(null==s||n===l||a&&"web"!==Platform.OS&&!i){const e=a?"SVG preview unavailable":"Image preview unavailable";return _jsx(View,{style:[t,styles.fallback],accessibilityLabel:e,testID:`${r}-unavailable`,children:_jsx(Text,{style:styles.text,children:o?a?"SVG":"IMG":e})})}const m=()=>c(l);return i?_jsx(i,{source:s,style:t,contentFit:"contain",onError:m,testID:r}):_jsx(Image,{source:s,style:t,resizeMode:"contain",onError:m,testID:r})}const styles=StyleSheet.create({fallback:{alignItems:"center",justifyContent:"center"},text:{color:night.color.textSecondary,fontSize:10,textAlign:"center"}});