@buoy-gg/assets 7.0.40 → 7.0.42

package/lib/commonjs/capture/metroGraph.js

@@ -1,175 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fetchAssetGraph = fetchAssetGraph;
-exports.getDevServerOrigin = getDevServerOrigin;
-exports.getGraphURLCandidates = getGraphURLCandidates;
-exports.getScriptURL = getScriptURL;
-var _state = require("../state");
-var _assetStore = require("../store/assetStore");
-/**
- * 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.
- */
-
-const GRAPH_TIMEOUT_MS = 90_000;
-
-/** Bound the whole discovery pass, including response body reads. */
-async function fetchGraphPayload(url, remainingMs) {
-  const controller = new AbortController();
-  let timer;
-  try {
-    return await Promise.race([(async () => {
-      const response = await fetch(url, {
-        signal: controller.signal
-      });
-      if (!response.ok) throw new Error(`Metro responded ${response.status} for ${url}`);
-      return response.json();
-    })(), new Promise((_, reject) => {
-      timer = setTimeout(() => {
-        reject(new Error("Asset discovery timed out. Try again."));
-        controller.abort();
-      }, Math.max(0, remainingMs));
-    })]);
-  } finally {
-    clearTimeout(timer);
-  }
-}
-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. */
-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.
- */
-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. */
-async function fetchAssetGraph() {
-  const s = (0, _state.assetsState)();
-  const candidates = getGraphURLCandidates();
-  if (!candidates.length) {
-    s.graphSupported = false;
-    s.graphError = "No Metro dev server (embedded bundle)";
-    (0, _assetStore.invalidate)();
-    return {
-      ok: false,
-      message: s.graphError
-    };
-  }
-  if (s.graphFetchInFlight) return {
-    ok: false,
-    message: "Graph fetch already running"
-  };
-  s.graphFetchInFlight = true;
-  s.graphFetchStartedAt = Date.now();
-  s.graphError = null;
-  (0, _assetStore.invalidate)();
-  const deadline = s.graphFetchStartedAt + GRAPH_TIMEOUT_MS;
-  try {
-    let data = null;
-    let lastError = "";
-    for (const url of candidates) {
-      try {
-        const parsed = await fetchGraphPayload(url, deadline - Date.now());
-        if (Array.isArray(parsed)) {
-          data = parsed;
-          break;
-        }
-        lastError = "Unexpected .assets payload shape";
-      } catch (error) {
-        lastError = String(error?.message ?? error);
-        if (Date.now() >= deadline) break;
-      }
-    }
-    if (!Array.isArray(data)) throw new Error(lastError || "No graph endpoint answered");
-    const graph = data;
-    let count = 0;
-    for (const asset of graph) {
-      if (!asset || typeof asset.name !== "string" || typeof asset.type !== "string") {
-        continue;
-      }
-      const record = (0, _assetStore.upsertRecord)({
-        key: (0, _assetStore.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
-      });
-      if (record) count++;
-    }
-    s.graphSupported = true;
-    s.graphCount = count;
-    s.graphError = null;
-    (0, _assetStore.invalidate)();
-    return {
-      ok: true,
-      count
-    };
-  } catch (error) {
-    s.graphSupported = getDevServerOrigin() != null;
-    s.graphError = String(error?.message ?? error);
-    (0, _assetStore.invalidate)();
-    return {
-      ok: false,
-      message: s.graphError
-    };
-  } finally {
-    s.graphFetchInFlight = false;
-    s.graphFetchStartedAt = null;
-    (0, _assetStore.invalidate)();
-  }
-}
-//# sourceMappingURL=metroGraph.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.fetchAssetGraph=fetchAssetGraph;exports.getDevServerOrigin=getDevServerOrigin;exports.getGraphURLCandidates=getGraphURLCandidates;exports.getScriptURL=getScriptURL;var _state=require("../state");var _assetStore=require("../store/assetStore");const GRAPH_TIMEOUT_MS=9e4;async function fetchGraphPayload(e,r){const n=new AbortController;let s;try{return await Promise.race([(async()=>{const a=await fetch(e,{signal:n.signal});if(!a.ok)throw new Error(`Metro responded ${a.status} for ${e}`);return a.json()})(),new Promise((a,i)=>{s=setTimeout(()=>{i(new Error("Asset discovery timed out. Try again."));n.abort()},Math.max(0,r))})])}finally{clearTimeout(s)}}function getScriptURL(){try{const{NativeModules:e}=require("react-native");const r=e?.SourceCode;const n=r?.getConstants?.().scriptURL??r?.scriptURL;return typeof n==="string"?n:null}catch{return null}}function getDevServerOrigin(){const e=getScriptURL();const r=e?.match(/^https?:\/\/[^/]+/);return r?r[0]:null}function getGraphURLCandidates(){const e=getScriptURL();if(!e||!/^https?:\/\//.test(e))return[];const r=getDevServerOrigin();const n=e.indexOf("?");const s=n>=0?e.slice(n):"?platform=ios&dev=true";const a=[];if(e.includes(".bundle")){a.push(e.replace(".bundle",".assets"))}if(r){a.push(`${r}/node_modules/expo-router/entry.assets${s}`,`${r}/node_modules/expo/AppEntry.assets${s}`,`${r}/index.assets${s}`)}return a}async function fetchAssetGraph(){const e=(0,_state.assetsState)();const r=getGraphURLCandidates();if(!r.length){e.graphSupported=false;e.graphError="No Metro dev server (embedded bundle)";(0,_assetStore.invalidate)();return{ok:false,message:e.graphError}}if(e.graphFetchInFlight)return{ok:false,message:"Graph fetch already running"};e.graphFetchInFlight=true;e.graphFetchStartedAt=Date.now();e.graphError=null;(0,_assetStore.invalidate)();const n=e.graphFetchStartedAt+GRAPH_TIMEOUT_MS;try{let s=null;let a="";for(const t of r){try{const o=await fetchGraphPayload(t,n-Date.now());if(Array.isArray(o)){s=o;break}a="Unexpected .assets payload shape"}catch(o){a=String(o?.message??o);if(Date.now()>=n)break}}if(!Array.isArray(s))throw new Error(a||"No graph endpoint answered");const i=s;let c=0;for(const t of i){if(!t||typeof t.name!=="string"||typeof t.type!=="string"){continue}const o=(0,_assetStore.upsertRecord)({key:(0,_assetStore.assetKey)(t.httpServerLocation,t.name,t.type),name:t.name,type:t.type,origin:"graph",hash:t.hash,httpServerLocation:t.httpServerLocation,width:t.width??void 0,height:t.height??void 0,scales:t.scales,fileSystemLocation:t.fileSystemLocation,files:t.files,fileHashes:t.fileHashes});if(o)c++}e.graphSupported=true;e.graphCount=c;e.graphError=null;(0,_assetStore.invalidate)();return{ok:true,count:c}}catch(s){e.graphSupported=getDevServerOrigin()!=null;e.graphError=String(s?.message??s);(0,_assetStore.invalidate)();return{ok:false,message:e.graphError}}finally{e.graphFetchInFlight=false;e.graphFetchStartedAt=null;(0,_assetStore.invalidate)()}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.fetchAssetGraph=fetchAssetGraph;exports.getDevServerOrigin=getDevServerOrigin;exports.getScriptURL=getScriptURL;var _browserAssets=require("./browserAssets");function getScriptURL(){return null}function getDevServerOrigin(){return null}async function fetchAssetGraph(){(0,_browserAssets.scanBrowserAssets)();const e=(0,_browserAssets.getBrowserAssetManifest)().length;return e?{ok:true,count:e}:{ok:false,message:"Register a browser asset manifest to inspect files that have not loaded yet."}}

package/lib/commonjs/capture/registry.js

@@ -1,127 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRegistryModule = getRegistryModule;
-exports.patchRegisterAsset = patchRegisterAsset;
-exports.resolveRegistryAsset = resolveRegistryAsset;
-exports.upsertFromPackagerAsset = upsertFromPackagerAsset;
-exports.walkRegistry = walkRegistry;
-var _assetStore = require("../store/assetStore");
-/**
- * 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.
- */
-
-/** Runtime shape of a registry entry (fileSystemLocation/files are stripped by Metro). */
-
-let cachedRegistry;
-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). */
-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;
-}
-function upsertFromPackagerAsset(registryId, asset) {
-  const resolved = resolveRegistryAsset(registryId);
-  return (0, _assetStore.upsertRecord)({
-    key: (0, _assetStore.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. */
-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.
- */
-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";Object.defineProperty(exports,"__esModule",{value:true});exports.getRegistryModule=getRegistryModule;exports.patchRegisterAsset=patchRegisterAsset;exports.resolveRegistryAsset=resolveRegistryAsset;exports.upsertFromPackagerAsset=upsertFromPackagerAsset;exports.walkRegistry=walkRegistry;var _assetStore=require("../store/assetStore");let cachedRegistry;function getRegistryModule(){if(cachedRegistry!==void 0)return cachedRegistry;let t=null;try{t=require("@react-native/assets-registry/registry")}catch{try{t=require("react-native/Libraries/Image/AssetRegistry")}catch{t=null}}cachedRegistry=t&&typeof t.getAssetByID==="function"?t:null;return cachedRegistry}function resolveRegistryAsset(t){try{const{Image:e}=require("react-native");const r=e.resolveAssetSource(t);if(r&&typeof r.uri==="string"){return{uri:r.uri,scale:r.scale??1}}}catch{}return null}function upsertFromPackagerAsset(t,e){const r=resolveRegistryAsset(t);return(0,_assetStore.upsertRecord)({key:(0,_assetStore.assetKey)(e.httpServerLocation,e.name,e.type),name:e.name,type:e.type,origin:"registry",registryId:t,hash:e.hash,httpServerLocation:e.httpServerLocation,width:e.width??void 0,height:e.height??void 0,scales:e.scales,resolvedUri:r?.uri,resolvedScale:r?.scale,loaded:true})}function walkRegistry(){const t=getRegistryModule();if(!t)return 0;let e=0;for(;;){const r=t.getAssetByID(e+1);if(!r)break;e++;upsertFromPackagerAsset(e,r)}return e}const PATCH_MARKER="__buoyAssetsPatched";function patchRegisterAsset(){const t=getRegistryModule();if(!t)return false;const e=t.registerAsset;if(e[PATCH_MARKER])return true;const r=s=>{const i=e.call(t,s);try{upsertFromPackagerAsset(i,s)}catch{}return i};r[PATCH_MARKER]=true;try{t.registerAsset=r}catch{return false}return true}

package/lib/commonjs/components/AssetDetail.js

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

package/lib/commonjs/components/AssetImage.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetImage = AssetImage;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _measure = require("../capture/measure");
-var _optionalExpoImage = require("./optionalExpoImage");
-var _jsxRuntime = require("react/jsx-runtime");
-function AssetImage({
-  record,
-  style,
-  testID,
-  compact = false
-}) {
-  const source = (0, _measure.displaySource)(record);
-  const svg = record.type.toLowerCase() === "svg";
-  const ExpoImage = svg && _reactNative.Platform.OS !== "web" ? (0, _optionalExpoImage.getExpoPreviewImage)() : null;
-  const sourceKey = `${record.key}:${record.hash ?? ""}:${typeof source === "number" ? source : source?.uri ?? ""}`;
-  const [failedSource, setFailedSource] = (0, _react.useState)(null);
-  const unavailable = source == null || failedSource === sourceKey || svg && _reactNative.Platform.OS !== "web" && !ExpoImage;
-  if (unavailable) {
-    const label = svg ? "SVG preview unavailable" : "Image preview unavailable";
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [style, styles.fallback],
-      accessibilityLabel: label,
-      testID: `${testID}-unavailable`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.text,
-        children: compact ? svg ? "SVG" : "IMG" : label
-      })
-    });
-  }
-  const onError = () => setFailedSource(sourceKey);
-  if (ExpoImage) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpoImage, {
-      source: source,
-      style: style,
-      contentFit: "contain",
-      onError: onError,
-      testID: testID
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-    source: source,
-    style: style,
-    resizeMode: "contain",
-    onError: onError,
-    testID: testID
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  fallback: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  text: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    textAlign: "center"
-  }
-});
-//# sourceMappingURL=AssetImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AssetImage=AssetImage;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _measure=require("../capture/measure");var _optionalExpoImage=require("./optionalExpoImage");var _jsxRuntime=require("react/jsx-runtime");function AssetImage({record:t,style:a,testID:s,compact:u=false}){const e=(0,_measure.displaySource)(t);const r=t.type.toLowerCase()==="svg";const n=r&&_reactNative.Platform.OS!=="web"?(0,_optionalExpoImage.getExpoPreviewImage)():null;const o=`${t.key}:${t.hash??""}:${typeof e==="number"?e:e?.uri??""}`;const[c,v]=(0,_react.useState)(null);const x=e==null||c===o||r&&_reactNative.Platform.OS!=="web"&&!n;if(x){const l=r?"SVG preview unavailable":"Image preview unavailable";return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[a,styles.fallback],accessibilityLabel:l,testID:`${s}-unavailable`,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.text,children:u?r?"SVG":"IMG":l})})}const i=()=>v(o);if(n){return(0,_jsxRuntime.jsx)(n,{source:e,style:a,contentFit:"contain",onError:i,testID:s})}return(0,_jsxRuntime.jsx)(_reactNative.Image,{source:e,style:a,resizeMode:"contain",onError:i,testID:s})}const styles=_reactNative.StyleSheet.create({fallback:{alignItems:"center",justifyContent:"center"},text:{color:_sharedUi.night.color.textSecondary,fontSize:10,textAlign:"center"}});