@buoy-gg/assets 7.0.36 → 7.0.38

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:!0}),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(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}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}function upsertFromPackagerAsset(e,t){const r=resolveRegistryAsset(e);return(0,_assetStore.upsertRecord)({key:(0,_assetStore.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})}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";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/commonjs/components/AssetDetail.js

@@ -1,214 +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 _measure = require("../capture/measure");
-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 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.
- */
-
-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") {
-    const source = (0, _measure.displaySource)(record);
-    if (source == null) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.previewBox,
-      testID: _testIDs.ASSETS_TEST_IDS.detailPreview,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-        testID: "buoy-internal-assets-preview",
-        source: source,
-        style: styles.previewImage,
-        resizeMode: "contain"
-      })
-    });
-  }
-  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("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 = (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)" : "In bundle, never loaded"
-    }), 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:!0}),exports.AssetDetail=AssetDetail;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_AssetImage=require("./AssetImage"),_format=require("../format"),_assetStore=require("../store/assetStore"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function Row({label:e,value:t}){const s=(0,_testIDs.assetDetailRowTestID)(e);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.kvRow,testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvLabel,children:e}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.kvValue,selectable:!0,testID:`${s}-value`,children:t})]})}function Preview({record:e}){return"image"===e.kind?(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})}):"font"===e.kind?(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"})}):null}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=(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}),s.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.findings,testID:_testIDs.ASSETS_TEST_IDS.detailFindings,children:s.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.findingText,testID:(0,_testIDs.assetFindingTestID)(t),children:e},e))}):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"}),"image"===e.kind?(0,_jsxRuntime.jsx)(Row,{label:"Dimensions",value:`${(0,_format.formatDimensions)(e)} (logical)`}):null,"image"===e.kind&&e.scales.length?(0,_jsxRuntime.jsx)(Row,{label:"Scales",value:(0,_format.formatScales)(e.scales)}):null,e.sizesByScale?Object.entries(e.sizesByScale).map(([e,t])=>(0,_jsxRuntime.jsx)(Row,{label:`Size @${e}x`,value:(0,_format.formatBytes)(t)},e)):null,null!=e.sizeBytes&&"measured"===e.sizeSource?(0,_jsxRuntime.jsx)(Row,{label:"Total size",value:(0,_format.formatBytes)(e.sizeBytes)}):null,l>0?(0,_jsxRuntime.jsx)(Row,{label:"Decoded memory",value:`~${(0,_format.formatBytes)(l)} (RGBA)`}):null,null!=e.registryId?(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

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

package/lib/commonjs/components/AssetRow.js

@@ -1,233 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetRow = AssetRow;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _measure = require("../capture/measure");
-var _format = require("../format");
-var _assetStore = require("../store/assetStore");
-var _testIDs = require("../utils/testIDs");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AssetRow — one bundled asset as a family-style card (matching the network
- * tool's rows): rounded card, colored accent edge per kind, thumbnail, name,
- * quiet metadata, bold right-aligned size, and finding badges ONLY when a
- * finding exists. A thin proportional bar along the card bottom makes the
- * heavy assets feel heavy at a glance.
- *
- * Thumbnails render through the NUMERIC registry id when available — that
- * routes through resolveAssetSource natively, so it works in dev, iOS
- * release (file://) and Android release (bare resource id) alike. They carry
- * the buoy-internal testID so the images tool never records our own UI.
- */
-
-/** Which audit findings apply to this record (drives the row badges). */
-
-function Badge({
-  label,
-  color,
-  testID
-}) {
-  // Quiet chip: legibility from light-gray text on a neutral fill. Only the
-  // serious tiers (red) and WEBP (blue) carry a small dot; the rest are plain.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Pill, {
-    label: label,
-    color: color,
-    variant: "quiet",
-    dot: Boolean(color),
-    style: {
-      paddingVertical: 2.5
-    },
-    testID: testID
-  });
-}
-function AssetRow({
-  record,
-  flags,
-  sizeFraction,
-  onPress
-}) {
-  const accent = _format.KIND_COLORS[record.kind];
-  const thumbSource = record.kind === "image" ? (0, _measure.displaySource)(record) : null;
-  const badges = [];
-  if (!record.loaded) badges.push({
-    label: "UNUSED"
-  });
-  if (flags.oversize) badges.push({
-    label: "OVERSIZE",
-    color: _sharedUi.macOSColors.semantic.error
-  });
-  if (flags.duplicate) badges.push({
-    label: "DUP"
-  });
-  if (flags.heavy) badges.push({
-    label: "HEAVY"
-  });
-  if (flags.scaleAnomaly) badges.push({
-    label: "BAD SCALE",
-    color: _sharedUi.macOSColors.semantic.error
-  });else if (flags.scaleGap) badges.push({
-    label: "LOW-RES"
-  });
-  if (flags.webp) badges.push({
-    label: "WEBP",
-    color: _sharedUi.macOSColors.semantic.info
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.card,
-    testID: (0, _testIDs.assetRowTestID)(record.name, record.type),
-    onPress: () => onPress(record.id),
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.body,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.thumbBox,
-        children: thumbSource != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image
-        // buoy-internal- prefix: the images tool skips its own toolchain's
-        // views, so previewing an asset never records a render of itself.
-        , {
-          testID: "buoy-internal-assets-thumb",
-          source: thumbSource,
-          style: styles.thumb,
-          resizeMode: "contain"
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.thumbFallback, {
-            color: accent
-          }],
-          children: _format.KIND_LABELS[record.kind]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.main,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.name,
-          numberOfLines: 1,
-          testID: `${(0, _testIDs.assetRowTestID)(record.name, record.type)}-name`,
-          children: [record.name, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.ext,
-            children: [".", record.type]
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.metaRow,
-          children: [record.kind === "image" && record.width != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.meta,
-            children: (0, _format.formatDimensions)(record)
-          }) : null, record.kind === "image" && record.scales.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.meta,
-            children: (0, _format.formatScales)(record.scales)
-          }) : null]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.right,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.size,
-          testID: `${(0, _testIDs.assetRowTestID)(record.name, record.type)}-size`,
-          children: (0, _format.formatSize)(record, (0, _assetStore.estDecodedBytes)(record))
-        }), badges.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.badgeRow,
-          children: badges.slice(0, 3).map(b => /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
-            label: b.label,
-            color: b.color,
-            testID: (0, _testIDs.assetBadgeTestID)(record.name, record.type, b.label)
-          }, b.label))
-        }) : null]
-      })]
-    }), sizeFraction > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.sizeTrack,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.sizeFill, {
-          backgroundColor: accent,
-          width: `${Math.max(2, Math.round(sizeFraction * 100))}%`
-        }]
-      })
-    }) : null]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  card: {
-    marginHorizontal: 10,
-    marginTop: 6,
-    borderRadius: 10,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden"
-  },
-  body: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    gap: 10
-  },
-  thumbBox: {
-    width: 40,
-    height: 40,
-    borderRadius: 8,
-    // Light plate so dark glyph assets stay visible on the dark card.
-    backgroundColor: "rgba(255,255,255,0.10)",
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  thumb: {
-    width: 34,
-    height: 34
-  },
-  thumbFallback: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  main: {
-    flex: 1,
-    gap: 3
-  },
-  name: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontWeight: "600"
-  },
-  ext: {
-    color: _sharedUi.night.color.textTertiary,
-    fontWeight: "400"
-  },
-  metaRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  meta: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  right: {
-    alignItems: "flex-end",
-    gap: 4
-  },
-  size: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12,
-    fontWeight: "700",
-    fontVariant: ["tabular-nums"]
-  },
-  badgeRow: {
-    flexDirection: "row",
-    gap: 4
-  },
-  sizeTrack: {
-    height: 2,
-    backgroundColor: "transparent"
-  },
-  sizeFill: {
-    height: 2,
-    opacity: 0.45,
-    borderTopRightRadius: 2
-  }
-});
-//# sourceMappingURL=AssetRow.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AssetRow=AssetRow;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_AssetImage=require("./AssetImage"),_format=require("../format"),_assetStore=require("../store/assetStore"),_testIDs=require("../utils/testIDs"),_jsxRuntime=require("react/jsx-runtime");function Badge({label:e,color:t,testID:s}){return(0,_jsxRuntime.jsx)(_sharedUi.Pill,{label:e,color:t,variant:"quiet",dot:Boolean(t),style:{paddingVertical:2.5},testID:s})}function AssetRow({record:e,flags:t,sizeFraction:s,onPress:a}){const r=_format.KIND_COLORS[e.kind],i=[];return e.loaded||i.push({label:"NOT OBSERVED"}),t.oversize&&i.push({label:"OVERSIZE",color:_sharedUi.macOSColors.semantic.error}),t.duplicate&&i.push({label:"DUP"}),t.heavy&&i.push({label:"HEAVY"}),t.scaleAnomaly?i.push({label:"BAD SCALE",color:_sharedUi.macOSColors.semantic.error}):t.scaleGap&&i.push({label:"LOW-RES"}),t.webp&&i.push({label:"WEBP",color:_sharedUi.macOSColors.semantic.info}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.card,testID:(0,_testIDs.assetRowTestID)(e.name,e.type),onPress:()=>a(e.id),activeOpacity:.7,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.body,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.thumbBox,children:"image"===e.kind?(0,_jsxRuntime.jsx)(_AssetImage.AssetImage,{testID:"buoy-internal-assets-thumb",record:e,style:styles.thumb,compact:!0}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.thumbFallback,{color:r}],children:_format.KIND_LABELS[e.kind]})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.main,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.name,numberOfLines:1,testID:`${(0,_testIDs.assetRowTestID)(e.name,e.type)}-name`,children:[e.name,(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.ext,children:[".",e.type]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.metaRow,children:["image"===e.kind&&null!=e.width?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.meta,children:(0,_format.formatDimensions)(e)}):null,"image"===e.kind&&e.scales.length?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.meta,children:(0,_format.formatScales)(e.scales)}):null]})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.right,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.size,testID:`${(0,_testIDs.assetRowTestID)(e.name,e.type)}-size`,children:(0,_format.formatSize)(e,(0,_assetStore.estDecodedBytes)(e))}),i.length?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.badgeRow,children:i.slice(0,3).map(t=>(0,_jsxRuntime.jsx)(Badge,{label:t.label,color:t.color,testID:(0,_testIDs.assetBadgeTestID)(e.name,e.type,t.label)},t.label))}):null]})]}),s>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sizeTrack,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.sizeFill,{backgroundColor:r,width:`${Math.max(2,Math.round(100*s))}%`}]})}):null]})}const styles=_reactNative.StyleSheet.create({card:{marginHorizontal:10,marginTop:6,borderRadius:10,backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden"},body:{flexDirection:"row",alignItems:"center",paddingVertical:8,paddingHorizontal:12,gap:10},thumbBox:{width:40,height:40,borderRadius:8,backgroundColor:"rgba(255,255,255,0.10)",borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center",overflow:"hidden"},thumb:{width:34,height:34},thumbFallback:{fontSize:9,fontWeight:"700",letterSpacing:.5},main:{flex:1,gap:3},name:{color:_sharedUi.night.color.text,fontSize:12,fontWeight:"600"},ext:{color:_sharedUi.night.color.textTertiary,fontWeight:"400"},metaRow:{flexDirection:"row",alignItems:"center",gap:8},meta:{color:_sharedUi.night.color.textSecondary,fontSize:10,fontVariant:["tabular-nums"]},right:{alignItems:"flex-end",gap:4},size:{color:_sharedUi.night.color.text,fontSize:12,fontWeight:"700",fontVariant:["tabular-nums"]},badgeRow:{flexDirection:"row",gap:4},sizeTrack:{height:2,backgroundColor:"transparent"},sizeFill:{height:2,opacity:.45,borderTopRightRadius:2}});