@buoy-gg/assets 7.0.28 → 7.0.30

package/lib/module/utils/testIDs.js

@@ -0,0 +1,103 @@
+"use strict";
+
+/**
+ * Automation handles for the Assets tool.
+ *
+ * Every handle the tool renders is built here rather than inlined at the call
+ * site, for the same reason the highlight tool does it: the ids for rows,
+ * badges, filter chips and detail fields are DERIVED from data, and a suite
+ * that reimplements the derivation is a suite that can drift from the tool
+ * without either side failing. `detox-e2e/assets/fixture.js` mirrors these
+ * rules in CommonJS (the tests can't import TypeScript) and asserts the two
+ * still agree before any flow trusts a handle.
+ *
+ * Naming: `buoy-assets-<area>[-<detail>]`, one prefix for the whole tool.
+ */
+
+/**
+ * Lowercase, hyphen-joined, never empty.
+ *
+ * Shared by rows, badges, filter chips and detail fields so one asset's row
+ * handle and its detail handles are slugged the same way — `back-icon.png`
+ * becomes `back-icon-png` everywhere it appears.
+ */
+export function assetSlug(value) {
+  return String(value).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "unknown";
+}
+
+/**
+ * One inventory row, addressed by filename rather than by store id.
+ *
+ * The store's numeric ids are assigned in first-sighting order and are NOT
+ * stable: clearing the inventory and rescanning renumbers everything, and the
+ * order the registry walk and the Metro graph merge in depends on what the app
+ * has evaluated so far. A handle built from those makes a test that passes
+ * only on the run that recorded it.
+ *
+ * The tradeoff is that two assets with the same filename in different
+ * directories collide. That's a real ambiguity rather than a hidden one —
+ * Detox reports it as "multiple elements matched", which names the problem —
+ * and it's the same tradeoff the row itself makes, since the row shows the
+ * filename and not the path.
+ */
+export function assetRowTestID(name, type) {
+  return `buoy-assets-row-${assetSlug(`${name}.${type}`)}`;
+}
+
+/** A finding badge inside a row: `…-badge-low-res`, `…-badge-dup`. */
+export function assetBadgeTestID(name, type, label) {
+  return `${assetRowTestID(name, type)}-badge-${assetSlug(label)}`;
+}
+
+/** A kind/status filter chip: `buoy-assets-filter-font`, `…-filter-unused`. */
+export function assetFilterTestID(filter) {
+  return `buoy-assets-filter-${assetSlug(filter)}`;
+}
+
+/** One label/value pair in the detail view: `buoy-assets-detail-row-hash`. */
+export function assetDetailRowTestID(label) {
+  return `buoy-assets-detail-row-${assetSlug(label)}`;
+}
+
+/** A loaded font-family chip: `buoy-assets-font-ionicons`. */
+export function assetFontChipTestID(family) {
+  return `buoy-assets-font-${assetSlug(family)}`;
+}
+
+/** Fixed handles — everything that isn't derived from a record. */
+export const ASSETS_TEST_IDS = {
+  // header
+  title: "buoy-assets-title",
+  copy: "buoy-assets-copy",
+  clear: "buoy-assets-clear",
+  // list chrome
+  list: "buoy-assets-list",
+  search: "buoy-assets-search",
+  sort: "buoy-assets-sort",
+  saveBaseline: "buoy-assets-save-baseline",
+  filterBar: "buoy-assets-filter-bar",
+  notice: "buoy-assets-notice",
+  noticeText: "buoy-assets-notice-text",
+  fonts: "buoy-assets-fonts",
+  fontsTitle: "buoy-assets-fonts-title",
+  empty: "buoy-assets-empty",
+  emptyTitle: "buoy-assets-empty-title",
+  emptyText: "buoy-assets-empty-text",
+  // baseline bar
+  baseline: "buoy-assets-baseline",
+  baselineSummary: "buoy-assets-baseline-summary",
+  baselineUpdate: "buoy-assets-baseline-update",
+  baselineClear: "buoy-assets-baseline-clear",
+  // detail
+  detail: "buoy-assets-detail",
+  detailScroll: "buoy-assets-detail-scroll",
+  detailPreview: "buoy-assets-detail-preview",
+  detailFontPreview: "buoy-assets-detail-font-preview",
+  detailFindings: "buoy-assets-detail-findings"
+};
+
+/** One finding sentence in the detail view, by position. */
+export function assetFindingTestID(index) {
+  return `buoy-assets-detail-finding-${index}`;
+}
+//# sourceMappingURL=testIDs.js.map

package/lib/module/utils/testIDs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assetSlug","value","String","toLowerCase","replace","assetRowTestID","name","type","assetBadgeTestID","label","assetFilterTestID","filter","assetDetailRowTestID","assetFontChipTestID","family","ASSETS_TEST_IDS","title","copy","clear","list","search","sort","saveBaseline","filterBar","notice","noticeText","fonts","fontsTitle","empty","emptyTitle","emptyText","baseline","baselineSummary","baselineUpdate","baselineClear","detail","detailScroll","detailPreview","detailFontPreview","detailFindings","assetFindingTestID","index"],"sourceRoot":"../../../src","sources":["utils/testIDs.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,SAASA,CAACC,KAAsB,EAAU;EACxD,OACEC,MAAM,CAACD,KAAK,CAAC,CACVE,WAAW,CAAC,CAAC,CACbC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAC3BA,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,SAAS;AAE3C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAEC,IAAY,EAAU;EACjE,OAAO,mBAAmBP,SAAS,CAAC,GAAGM,IAAI,IAAIC,IAAI,EAAE,CAAC,EAAE;AAC1D;;AAEA;AACA,OAAO,SAASC,gBAAgBA,CAC9BF,IAAY,EACZC,IAAY,EACZE,KAAa,EACL;EACR,OAAO,GAAGJ,cAAc,CAACC,IAAI,EAAEC,IAAI,CAAC,UAAUP,SAAS,CAACS,KAAK,CAAC,EAAE;AAClE;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAACC,MAAc,EAAU;EACxD,OAAO,sBAAsBX,SAAS,CAACW,MAAM,CAAC,EAAE;AAClD;;AAEA;AACA,OAAO,SAASC,oBAAoBA,CAACH,KAAa,EAAU;EAC1D,OAAO,0BAA0BT,SAAS,CAACS,KAAK,CAAC,EAAE;AACrD;;AAEA;AACA,OAAO,SAASI,mBAAmBA,CAACC,MAAc,EAAU;EAC1D,OAAO,oBAAoBd,SAAS,CAACc,MAAM,CAAC,EAAE;AAChD;;AAEA;AACA,OAAO,MAAMC,eAAe,GAAG;EAC7B;EACAC,KAAK,EAAE,mBAAmB;EAC1BC,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE,mBAAmB;EAC1B;EACAC,IAAI,EAAE,kBAAkB;EACxBC,MAAM,EAAE,oBAAoB;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,YAAY,EAAE,2BAA2B;EACzCC,SAAS,EAAE,wBAAwB;EACnCC,MAAM,EAAE,oBAAoB;EAC5BC,UAAU,EAAE,yBAAyB;EACrCC,KAAK,EAAE,mBAAmB;EAC1BC,UAAU,EAAE,yBAAyB;EACrCC,KAAK,EAAE,mBAAmB;EAC1BC,UAAU,EAAE,yBAAyB;EACrCC,SAAS,EAAE,wBAAwB;EACnC;EACAC,QAAQ,EAAE,sBAAsB;EAChCC,eAAe,EAAE,8BAA8B;EAC/CC,cAAc,EAAE,6BAA6B;EAC7CC,aAAa,EAAE,4BAA4B;EAC3C;EACAC,MAAM,EAAE,oBAAoB;EAC5BC,YAAY,EAAE,2BAA2B;EACzCC,aAAa,EAAE,4BAA4B;EAC3CC,iBAAiB,EAAE,iCAAiC;EACpDC,cAAc,EAAE;AAClB,CAAU;;AAEV;AACA,OAAO,SAASC,kBAAkBA,CAACC,KAAa,EAAU;EACxD,OAAO,8BAA8BA,KAAK,EAAE;AAC9C","ignoreList":[]}

package/lib/typescript/components/AssetRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetRow.d.ts","sourceRoot":"","sources":["../../../src/components/AssetRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAaH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,aAAa,CAAC;IACrB,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAaD,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,aAAa,+BAiF/E"}
+{"version":3,"file":"AssetRow.d.ts","sourceRoot":"","sources":["../../../src/components/AssetRow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAcH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,yEAAyE;AACzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,aAAa,CAAC;IACrB,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAqBD,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,aAAa,+BA+F/E"}

package/lib/typescript/utils/testIDs.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Automation handles for the Assets tool.
+ *
+ * Every handle the tool renders is built here rather than inlined at the call
+ * site, for the same reason the highlight tool does it: the ids for rows,
+ * badges, filter chips and detail fields are DERIVED from data, and a suite
+ * that reimplements the derivation is a suite that can drift from the tool
+ * without either side failing. `detox-e2e/assets/fixture.js` mirrors these
+ * rules in CommonJS (the tests can't import TypeScript) and asserts the two
+ * still agree before any flow trusts a handle.
+ *
+ * Naming: `buoy-assets-<area>[-<detail>]`, one prefix for the whole tool.
+ */
+/**
+ * Lowercase, hyphen-joined, never empty.
+ *
+ * Shared by rows, badges, filter chips and detail fields so one asset's row
+ * handle and its detail handles are slugged the same way — `back-icon.png`
+ * becomes `back-icon-png` everywhere it appears.
+ */
+export declare function assetSlug(value: string | number): string;
+/**
+ * One inventory row, addressed by filename rather than by store id.
+ *
+ * The store's numeric ids are assigned in first-sighting order and are NOT
+ * stable: clearing the inventory and rescanning renumbers everything, and the
+ * order the registry walk and the Metro graph merge in depends on what the app
+ * has evaluated so far. A handle built from those makes a test that passes
+ * only on the run that recorded it.
+ *
+ * The tradeoff is that two assets with the same filename in different
+ * directories collide. That's a real ambiguity rather than a hidden one —
+ * Detox reports it as "multiple elements matched", which names the problem —
+ * and it's the same tradeoff the row itself makes, since the row shows the
+ * filename and not the path.
+ */
+export declare function assetRowTestID(name: string, type: string): string;
+/** A finding badge inside a row: `…-badge-low-res`, `…-badge-dup`. */
+export declare function assetBadgeTestID(name: string, type: string, label: string): string;
+/** A kind/status filter chip: `buoy-assets-filter-font`, `…-filter-unused`. */
+export declare function assetFilterTestID(filter: string): string;
+/** One label/value pair in the detail view: `buoy-assets-detail-row-hash`. */
+export declare function assetDetailRowTestID(label: string): string;
+/** A loaded font-family chip: `buoy-assets-font-ionicons`. */
+export declare function assetFontChipTestID(family: string): string;
+/** Fixed handles — everything that isn't derived from a record. */
+export declare const ASSETS_TEST_IDS: {
+    readonly title: "buoy-assets-title";
+    readonly copy: "buoy-assets-copy";
+    readonly clear: "buoy-assets-clear";
+    readonly list: "buoy-assets-list";
+    readonly search: "buoy-assets-search";
+    readonly sort: "buoy-assets-sort";
+    readonly saveBaseline: "buoy-assets-save-baseline";
+    readonly filterBar: "buoy-assets-filter-bar";
+    readonly notice: "buoy-assets-notice";
+    readonly noticeText: "buoy-assets-notice-text";
+    readonly fonts: "buoy-assets-fonts";
+    readonly fontsTitle: "buoy-assets-fonts-title";
+    readonly empty: "buoy-assets-empty";
+    readonly emptyTitle: "buoy-assets-empty-title";
+    readonly emptyText: "buoy-assets-empty-text";
+    readonly baseline: "buoy-assets-baseline";
+    readonly baselineSummary: "buoy-assets-baseline-summary";
+    readonly baselineUpdate: "buoy-assets-baseline-update";
+    readonly baselineClear: "buoy-assets-baseline-clear";
+    readonly detail: "buoy-assets-detail";
+    readonly detailScroll: "buoy-assets-detail-scroll";
+    readonly detailPreview: "buoy-assets-detail-preview";
+    readonly detailFontPreview: "buoy-assets-detail-font-preview";
+    readonly detailFindings: "buoy-assets-detail-findings";
+};
+/** One finding sentence in the detail view, by position. */
+export declare function assetFindingTestID(index: number): string;
+//# sourceMappingURL=testIDs.d.ts.map

package/lib/typescript/utils/testIDs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testIDs.d.ts","sourceRoot":"","sources":["../../../src/utils/testIDs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAOxD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,MAAM,CAER;AAED,+EAA+E;AAC/E,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,8EAA8E;AAC9E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,8DAA8D;AAC9D,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,mEAAmE;AACnE,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC;AAEX,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD"}

package/package.json

@@ -1,21 +1,20 @@
 {
   "name": "@buoy-gg/assets",
-  "version": "7.0.28",
+  "version": "7.0.30",
   "description": "See every asset shipped in your React Native app — bundled images, fonts, video and audio with dimensions, scale variants, byte sizes, duplicate detection and WebP-savings audit. Part of Buoy devtools.",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
-  "react-native": "src/index.tsx",
+  "react-native": "lib/module/index.js",
   "source": "src/index.tsx",
   "files": [
-    "src",
     "lib"
   ],
   "sideEffects": [
     "**/index.*"
   ],
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.28"
+    "@buoy-gg/shared-ui": "^7.0.30"
   },
   "peerDependencies": {
     "expo-asset": "*",

package/src/capture/expo.ts

@@ -1,45 +0,0 @@
-/**
- * Expo enrichment — all optional, all read through globalThis.expo guards so
- * bare RN apps (no expo-modules) silently get none of it and no imports are
- * added for anyone.
- */
-
-interface ExpoGlobal {
-  modules?: {
-    ExpoFontLoader?: { getLoadedFonts?: () => string[] };
-    ExpoUpdates?: { localAssets?: Record<string, string> };
-  };
-}
-
-function expoModules(): ExpoGlobal["modules"] {
-  return (globalThis as { expo?: ExpoGlobal }).expo?.modules;
-}
-
-/**
- * Every loaded font family — build-time embedded (config plugin / UIAppFonts /
- * android assets/fonts) AND runtime Font.loadAsync, straight from the native
- * module Expo documents as a stable global. [] when unavailable (bare RN).
- */
-export function getLoadedFontFamilies(): string[] {
-  try {
-    const fonts = expoModules()?.ExpoFontLoader?.getLoadedFonts?.();
-    return Array.isArray(fonts) ? [...fonts].sort() : [];
-  } catch {
-    return [];
-  }
-}
-
-/**
- * expo-updates' per-file-hash → local URI map: the COMPLETE shipped asset set
- * in Expo Go / OTA environments, independent of what JS has evaluated.
- * null when not running in an updates-managed environment.
- */
-export function getLocalAssets(): Record<string, string> | null {
-  try {
-    const map = expoModules()?.ExpoUpdates?.localAssets;
-    if (map && typeof map === "object" && Object.keys(map).length > 0) return map;
-    return null;
-  } catch {
-    return null;
-  }
-}

package/src/capture/install.ts

@@ -1,73 +0,0 @@
-/**
- * Capture install + scan orchestration.
- *
- * installAssetCapture() is cheap and synchronous (registry walk + patch) and
- * runs at package import. The expensive passes — Metro graph fetch and byte
- * measurement — run in rescan(), triggered when the modal opens or via the
- * `rescan` sync action, so merely installing Buoy never hits the network.
- */
-
-import { assetsState } from "../state";
-import { invalidate } from "../store/assetStore";
-import { getLoadedFontFamilies, getLocalAssets } from "./expo";
-import { measureSizes } from "./measure";
-import { fetchAssetGraph, getDevServerOrigin } from "./metroGraph";
-import { getRegistryModule, patchRegisterAsset, walkRegistry } from "./registry";
-import type { AssetsScanStatus } from "../types";
-
-export function installAssetCapture(): void {
-  const s = assetsState();
-  if (s.captureDisabled || s.installed) return;
-  s.installed = true;
-  s.registryAvailable = getRegistryModule() != null;
-  s.patched = patchRegisterAsset();
-  walkRegistry();
-  refreshEnrichment();
-  s.lastScanAt = Date.now();
-  invalidate();
-}
-
-function refreshEnrichment(): void {
-  const s = assetsState();
-  s.fontFamilies = getLoadedFontFamilies();
-  const localAssets = getLocalAssets();
-  s.localAssetCount = localAssets ? Object.keys(localAssets).length : null;
-}
-
-/**
- * Full scan: registry re-walk (catches anything the patch missed), Metro
- * graph merge (dev), Expo enrichment refresh, then size measurement.
- */
-export async function rescan(): Promise<AssetsScanStatus> {
-  const s = assetsState();
-  if (s.captureDisabled) return getScanStatus();
-  installAssetCapture();
-  walkRegistry();
-  refreshEnrichment();
-  await fetchAssetGraph();
-  s.lastScanAt = Date.now();
-  invalidate();
-  void measureSizes();
-  return getScanStatus();
-}
-
-export function getScanStatus(): AssetsScanStatus {
-  const s = assetsState();
-  // Mirrors report the synced DEVICE's status, not the dashboard's.
-  if (s.mirrorScanStatus) return s.mirrorScanStatus;
-  let registryCount = 0;
-  for (const record of s.records) if (record.registryId != null) registryCount++;
-  return {
-    registryAvailable: s.registryAvailable,
-    patched: s.patched,
-    registryCount,
-    graphSupported: s.graphSupported || getDevServerOrigin() != null,
-    graphCount: s.graphCount,
-    graphError: s.graphError,
-    lastScanAt: s.lastScanAt,
-    measuring: s.measuring,
-    measuredCount: s.measuredCount,
-    fontFamilies: s.fontFamilies,
-    localAssetCount: s.localAssetCount,
-  };
-}

package/src/capture/measure.ts

@@ -1,167 +0,0 @@
-/**
- * Byte-size measurement.
- *
- * Dev only in practice: each scale variant is fetched from the Metro dev
- * server (HEAD first for Content-Length, GET-blob fallback since Metro
- * doesn't reliably answer HEAD) and the per-variant sizes are summed onto
- * the record. Android release resource ids and iOS file:// URIs are not
- * measurable from JS — those records keep `estDecodedBytes` as their only
- * size signal and the UI marks them as estimates.
- */
-
-import { assetsState } from "../state";
-import { getSnapshot, invalidate, updateRecord } from "../store/assetStore";
-import { getDevServerOrigin } from "./metroGraph";
-import type { AssetRecord } from "../types";
-
-const CONCURRENCY = 4;
-
-/**
- * Best displayable URL for a record: the resolved runtime URI, or (dev) the
- * same dev-server URL the measurement pass uses — this is what gives graph-
- * only (never-loaded) images real thumbnails.
- */
-export function previewURL(record: AssetRecord): string | null {
-  if (record.resolvedUri) return record.resolvedUri;
-  const variants = variantURLs(record);
-  return variants.length ? variants[0]!.url : null;
-}
-
-/**
- * Image source for thumbnails/previews. On device the NUMERIC registry id is
- * preferred (resolves natively — works for Android release resource ids too).
- * On dashboard mirrors that id belongs to the DEVICE's registry and rn-web
- * throws "asset with ID N could not be found" — use the device's http(s)
- * URL instead (the Metro dev server is reachable from the desktop).
- */
-export function displaySource(
-  record: AssetRecord
-): number | { uri: string } | null {
-  const mirror = assetsState().captureDisabled;
-  if (!mirror && record.registryId != null) return record.registryId;
-  const uri = previewURL(record);
-  if (!uri) return null;
-  if (mirror && !/^https?:\/\//.test(uri)) return null;
-  return { uri };
-}
-
-/** All scale-variant URLs for a record, derived without re-encoding pitfalls. */
-export function variantURLs(record: AssetRecord): Array<{ scale: number; url: string }> {
-  const scales = record.scales.length ? record.scales : [1];
-
-  // Preferred: string surgery on the URL resolveAssetSource already proved
-  // works (handles Expo's ?unstable_path= form and monorepo rewrites).
-  const resolved = record.resolvedUri;
-  if (resolved && /^https?:\/\//.test(resolved) && record.resolvedScale != null) {
-    const pickedSuffix = record.resolvedScale === 1 ? "" : `@${record.resolvedScale}x`;
-    const marker = `${pickedSuffix}.${record.type}`;
-    if (resolved.includes(marker) || pickedSuffix === "") {
-      return scales.map((scale) => {
-        const suffix = scale === 1 ? "" : `@${scale}x`;
-        const url = (
-          pickedSuffix === ""
-            ? resolved.replace(`.${record.type}`, `${suffix}.${record.type}`)
-            : resolved.replace(marker, `${suffix}.${record.type}`)
-        ).replace(/ /g, "%20"); // RN's asset path builder doesn't encode spaces
-        return { scale, url };
-      });
-    }
-  }
-
-  // Graph-only records: rebuild the dev-server URL the way Metro's
-  // AssetSourceResolver does (plain concatenation), encoding only spaces —
-  // full encodeURI would double-encode Expo's pre-escaped unstable_path.
-  const origin = getDevServerOrigin();
-  if (!origin || !record.httpServerLocation) return [];
-  return scales.map((scale) => {
-    const suffix = scale === 1 ? "" : `@${scale}x`;
-    const path = `${record.httpServerLocation}/${record.name}${suffix}.${record.type}`;
-    const sep = path.includes("?") ? "&" : "?";
-    const url = `${origin}${path}${sep}platform=${platformName()}${
-      record.hash ? `&hash=${record.hash}` : ""
-    }`.replace(/ /g, "%20");
-    return { scale, url };
-  });
-}
-
-function platformName(): string {
-  try {
-    return require("react-native").Platform.OS;
-  } catch {
-    return "ios";
-  }
-}
-
-async function fetchSize(url: string): Promise<number | null> {
-  try {
-    const head = await fetch(url, { method: "HEAD" });
-    if (head.ok) {
-      const length = Number(head.headers.get("content-length"));
-      if (Number.isFinite(length) && length > 0) return length;
-    }
-  } catch {
-    // fall through to GET
-  }
-  try {
-    const response = await fetch(url);
-    if (!response.ok) return null;
-    const blob = await response.blob();
-    return blob.size > 0 ? blob.size : null;
-  } catch {
-    return null;
-  }
-}
-
-async function measureRecord(record: AssetRecord): Promise<void> {
-  const variants = variantURLs(record);
-  if (!variants.length) {
-    updateRecord(record.id, { sizeSource: "estimate" });
-    return;
-  }
-  const sizesByScale: Record<string, number> = {};
-  let total = 0;
-  for (const { scale, url } of variants) {
-    const size = await fetchSize(url);
-    if (size != null) {
-      sizesByScale[String(scale)] = size;
-      total += size;
-    }
-  }
-  if (total > 0) {
-    updateRecord(record.id, { sizesByScale, sizeBytes: total, sizeSource: "measured" });
-  } else {
-    updateRecord(record.id, { sizeSource: "estimate" });
-  }
-}
-
-/** Measure every unmeasured record; safe to re-run (skips measured ones). */
-export async function measureSizes(): Promise<{ measured: number; total: number }> {
-  const s = assetsState();
-  if (s.measuring) return { measured: s.measuredCount, total: getSnapshot().length };
-  const pending = getSnapshot().filter((r) => r.sizeSource !== "measured");
-  s.measuring = true;
-  invalidate();
-  try {
-    let index = 0;
-    const worker = async () => {
-      for (;;) {
-        const next = pending[index++];
-        if (!next) return;
-        await measureRecord(next);
-        s.measuredCount = getSnapshot().filter(
-          (r) => r.sizeSource === "measured"
-        ).length;
-      }
-    };
-    await Promise.all(
-      Array.from({ length: Math.min(CONCURRENCY, pending.length) }, worker)
-    );
-  } finally {
-    s.measuring = false;
-    invalidate();
-  }
-  return {
-    measured: s.measuredCount,
-    total: getSnapshot().length,
-  };
-}

package/src/capture/metroGraph.ts

@@ -1,146 +0,0 @@
-/**
- * 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";
-
-interface GraphAssetData {
-  __packager_asset?: boolean;
-  fileSystemLocation?: string;
-  httpServerLocation: string;
-  width?: number | null;
-  height?: number | null;
-  scales: number[];
-  files?: string[];
-  fileHashes?: string[];
-  hash: string;
-  name: string;
-  type: string;
-}
-
-export function getScriptURL(): string | null {
-  try {
-    const { NativeModules } = require("react-native");
-    const sourceCode = NativeModules?.SourceCode;
-    const url: unknown =
-      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(): string | null {
-  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(): string[] {
-  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: string[] = [];
-  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(): Promise<
-  { ok: true; count: number } | { ok: false; message: string }
-> {
-  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: unknown = 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: unknown = await response.json();
-        if (Array.isArray(parsed)) {
-          data = parsed;
-          break;
-        }
-        lastError = "Unexpected .assets payload shape";
-      } catch (error) {
-        lastError = String((error as Error)?.message ?? error);
-      }
-    }
-    if (!Array.isArray(data)) throw new Error(lastError || "No graph endpoint answered");
-    const graph = data as GraphAssetData[];
-    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 as Error)?.message ?? error);
-    invalidate();
-    return { ok: false, message: s.graphError };
-  } finally {
-    s.graphFetchInFlight = false;
-  }
-}