@buoy-gg/assets 7.0.36 → 7.0.38

package/README.md

@@ -2,11 +2,11 @@
 
 [![npm version](https://img.shields.io/npm/v/@buoy-gg/assets?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/assets) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/assets?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/assets)
 
-**See everything your app ships — every bundled image, font, video and audio file, with sizes, duplicate detection, and the ones nobody ever loads.**
+Inspect assets visible to the runtime registry and, in development, the Metro dependency graph. Compare sizes and find possible duplicates.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
+Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
 
-How many megabytes of images are you shipping? Is that hero PNG in the bundle twice? React Native gives you no inventory of your bundled assets — the usual answer is unzipping a release build and spelunking through APK Analyzer after the bloat already shipped. This tool is that inventory, live in your app. Pure JS, zero configuration — no register import, no config.
+Use the inventory to investigate large registered assets and possible duplication. Development builds can also query Metro; release builds have less source information.
 
 ## Install
 
@@ -14,6 +14,24 @@ How many megabytes of images are you shipping? Is that hero PNG in the bundle tw
 npm install @buoy-gg/core @buoy-gg/assets
 ```
 
+## Before you start
+
+Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
 ## Quick start
 
 ```tsx
@@ -29,27 +47,38 @@ export default function App() {
 }
 ```
 
-The ASSETS tool appears in the menu. Open it and browse everything the app ships, largest first.
+The ASSETS tool appears in the menu. Open it and browse discovered assets, largest first.
+
+Buoy's own package assets are excluded from the inventory and its totals. App assets and assets from other libraries remain visible.
+
+SVG thumbnails and detail previews use `expo-image` when it is installed and available in the native app. It is an optional peer; `react-native-svg` is not required. Without a compatible renderer, the tool shows a preview-unavailable label. Desktop and web use browser image rendering. Some SVG paths may not render correctly with the iOS system decoder.
+
+Registered assets appear immediately. A spinner and a "found so far" count stay visible while the tool queries the development server for more assets. After eight seconds, a message explains that discovery is taking longer than usual. Size checks run afterward. If discovery fails or exceeds 90 seconds, the existing list stays available with a Retry button.
+
+## Check the integration
+
+Find a known bundled asset and compare its source and dimensions. “Not observed” means not seen in React Native’s asset registry during this app run; it does not prove an asset is unused or safe to delete. Runtime coverage is not a complete inventory of native resources.
 
 ## What you get
 
-- **The whole inventory, largest first** — every bundled asset with a thumbnail, dimensions, `@1x/@2x/@3x` scale coverage, and its size. Filter by kind, search by name, sort by size/name/type
-- **Real byte sizes** — in dev, every scale variant is measured from the Metro server; release builds still get decoded-memory estimates
-- **Shipped-but-never-loaded detection** — the tool diffs the full bundle graph against what actually registered at runtime. Static grep tools can't know what's *loaded*; this does
+- **Inventory, largest first** — discovered assets with a thumbnail, dimensions, `@1x/@2x/@3x` scale coverage, and its size. Filter by kind, search by name, sort by size/name/type
+- **Size information** — development builds can measure available variants through Metro. Release decoded-memory estimates are not encoded file sizes
+- **Unobserved assets** — compare the available development bundle graph with assets registered during the session. Review candidates before deleting them
 - **Duplicate content** — identical bytes shipped under different names, flagged by content hash (one of the cheapest app-size wins there is)
-- **Baseline diff** — save a baseline, make your change, and see exactly what it added: new assets, removed assets, grown assets, net bytes. App-size regression prevention without CI tooling
 - **Audit findings** — images that decode larger than the device screen, heavy GIFs (every frame decodes into memory), unsubset icon fonts, WebP conversion candidates, missing/broken scale variants
 - **Loaded font families** — build-time embedded and runtime loaded (via the expo-font native module when present)
 - **Markdown report** — the full inventory with findings, ready to paste into an issue or PR
 
 ## How it relates to @buoy-gg/images
 
-[`@buoy-gg/images`](https://www.npmjs.com/package/@buoy-gg/images) shows what your app **renders** at runtime — per-load cache verdicts, timings, failures. This tool shows what your app **ships** in the bundle. They complement each other: images finds the slow load; assets finds the megabytes you never needed to ship.
+[`@buoy-gg/images`](https://www.npmjs.com/package/@buoy-gg/images) shows what your app **renders** at runtime — per-load cache verdicts, timings, failures. Assets inspects the available asset inventory. Use both views to investigate loading behavior and bundle size.
 
 ## Desktop & AI
 
-The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp) — `get_assets` for the inventory and findings, `asset_action` for rescans and the baseline workflow.
+To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
+
+## Account and plan requirements
 
-## Free vs Pro
+Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
 
-Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for anyone holding a key — including a free one (`npx buoy login`).
+Use **Duplicates** at the top of the asset list to show every asset that shares a content hash with another asset. The count includes all copies. Selecting it clears the search; select **All** or tap **Duplicates** again to return to the full list.

package/lib/commonjs/capture/expo.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getLoadedFontFamilies = getLoadedFontFamilies;
-exports.getLocalAssets = getLocalAssets;
-/**
- * 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.
- */
-
-function expoModules() {
-  return globalThis.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).
- */
-function getLoadedFontFamilies() {
-  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.
- */
-function getLocalAssets() {
-  try {
-    const map = expoModules()?.ExpoUpdates?.localAssets;
-    if (map && typeof map === "object" && Object.keys(map).length > 0) return map;
-    return null;
-  } catch {
-    return null;
-  }
-}
-//# sourceMappingURL=expo.js.map
+"use strict";function expoModules(){return globalThis.expo?.modules}function getLoadedFontFamilies(){try{const e=expoModules()?.ExpoFontLoader?.getLoadedFonts?.();return Array.isArray(e)?[...new Set(e)].sort():[]}catch{return[]}}function getLocalAssets(){try{const e=expoModules()?.ExpoUpdates?.localAssets;return e&&"object"==typeof e&&Object.keys(e).length>0?e:null}catch{return null}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLoadedFontFamilies=getLoadedFontFamilies,exports.getLocalAssets=getLocalAssets;

package/lib/commonjs/capture/install.js

@@ -1,78 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getScanStatus = getScanStatus;
-exports.installAssetCapture = installAssetCapture;
-exports.rescan = rescan;
-var _state = require("../state");
-var _assetStore = require("../store/assetStore");
-var _expo = require("./expo");
-var _measure = require("./measure");
-var _metroGraph = require("./metroGraph");
-var _registry = require("./registry");
-/**
- * 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.
- */
-
-function installAssetCapture() {
-  const s = (0, _state.assetsState)();
-  if (s.captureDisabled || s.installed) return;
-  s.installed = true;
-  s.registryAvailable = (0, _registry.getRegistryModule)() != null;
-  s.patched = (0, _registry.patchRegisterAsset)();
-  (0, _registry.walkRegistry)();
-  refreshEnrichment();
-  s.lastScanAt = Date.now();
-  (0, _assetStore.invalidate)();
-}
-function refreshEnrichment() {
-  const s = (0, _state.assetsState)();
-  s.fontFamilies = (0, _expo.getLoadedFontFamilies)();
-  const localAssets = (0, _expo.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.
- */
-async function rescan() {
-  const s = (0, _state.assetsState)();
-  if (s.captureDisabled) return getScanStatus();
-  installAssetCapture();
-  (0, _registry.walkRegistry)();
-  refreshEnrichment();
-  await (0, _metroGraph.fetchAssetGraph)();
-  s.lastScanAt = Date.now();
-  (0, _assetStore.invalidate)();
-  void (0, _measure.measureSizes)();
-  return getScanStatus();
-}
-function getScanStatus() {
-  const s = (0, _state.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 || (0, _metroGraph.getDevServerOrigin)() != null,
-    graphCount: s.graphCount,
-    graphError: s.graphError,
-    lastScanAt: s.lastScanAt,
-    measuring: s.measuring,
-    measuredCount: s.measuredCount,
-    fontFamilies: s.fontFamilies,
-    localAssetCount: s.localAssetCount
-  };
-}
-//# sourceMappingURL=install.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getScanStatus=getScanStatus,exports.installAssetCapture=installAssetCapture,exports.rescan=rescan;var _state=require("../state"),_assetStore=require("../store/assetStore"),_expo=require("./expo"),_measure=require("./measure"),_metroGraph=require("./metroGraph"),_registry=require("./registry");function installAssetCapture(){const t=(0,_state.assetsState)();t.captureDisabled||t.installed||(t.installed=!0,t.registryAvailable=null!=(0,_registry.getRegistryModule)(),t.patched=(0,_registry.patchRegisterAsset)(),(0,_registry.walkRegistry)(),refreshEnrichment(),t.lastScanAt=Date.now(),(0,_assetStore.invalidate)())}function refreshEnrichment(){const t=(0,_state.assetsState)();t.fontFamilies=(0,_expo.getLoadedFontFamilies)();const e=(0,_expo.getLocalAssets)();t.localAssetCount=e?Object.keys(e).length:null}async function rescan(){const t=(0,_state.assetsState)();if(t.captureDisabled)return getScanStatus();if(t.scanPromise)return t.scanPromise;t.scanPromise=runScan();try{return await t.scanPromise}finally{t.scanPromise=void 0}}async function runScan(){const t=(0,_state.assetsState)();return(0,_assetStore.removeBuoyRecords)(),installAssetCapture(),(0,_registry.walkRegistry)(),refreshEnrichment(),await(0,_metroGraph.fetchAssetGraph)(),t.lastScanAt=Date.now(),(0,_assetStore.invalidate)(),(0,_measure.measureSizes)(),getScanStatus()}function getScanStatus(){const t=(0,_state.assetsState)();if(t.mirrorScanStatus)return t.mirrorScanStatus;let e=0;for(const r of t.records)null!=r.registryId&&e++;return{registryAvailable:t.registryAvailable,patched:t.patched,registryCount:e,graphSupported:t.graphSupported||null!=(0,_metroGraph.getDevServerOrigin)(),graphCount:t.graphCount,graphError:t.graphError,graphFetchInFlight:t.graphFetchInFlight,graphFetchStartedAt:t.graphFetchStartedAt??null,lastScanAt:t.lastScanAt,measuring:t.measuring,measuredCount:t.measuredCount,fontFamilies:t.fontFamilies,localAssetCount:t.localAssetCount}}

package/lib/commonjs/capture/isBuoyAsset.js

@@ -0,0 +1 @@
+"use strict";function isBuoyAssetPath(e){if(!e)return!1;let s=e;try{s=decodeURIComponent(s)}catch{}return s=s.replace(/\\/g,"/"),/(?:^|\/)node_modules\/@buoy-gg\/[^/]+(?:\/|$)/.test(s)||/(?:^|\/)buoy-packages\/packages\/[^/]+(?:\/|$)/.test(s)||/(?:^|\/)packages\/floating-tools-core\/(?:src|lib\/(?:module|commonjs))\/icons\/assets(?:\/|$)/.test(s)}function isBuoyAsset(e){return[e.key,e.httpServerLocation,e.fileSystemLocation,...e.files??[]].some(isBuoyAssetPath)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isBuoyAsset=isBuoyAsset,exports.isBuoyAssetPath=isBuoyAssetPath;

package/lib/commonjs/capture/measure.js

@@ -1,186 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.displaySource = displaySource;
-exports.measureSizes = measureSizes;
-exports.previewURL = previewURL;
-exports.variantURLs = variantURLs;
-var _state = require("../state");
-var _assetStore = require("../store/assetStore");
-var _metroGraph = require("./metroGraph");
-/**
- * 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.
- */
-
-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.
- */
-function previewURL(record) {
-  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).
- */
-function displaySource(record) {
-  const mirror = (0, _state.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. */
-function variantURLs(record) {
-  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 = (0, _metroGraph.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() {
-  try {
-    return require("react-native").Platform.OS;
-  } catch {
-    return "ios";
-  }
-}
-async function fetchSize(url) {
-  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) {
-  const variants = variantURLs(record);
-  if (!variants.length) {
-    (0, _assetStore.updateRecord)(record.id, {
-      sizeSource: "estimate"
-    });
-    return;
-  }
-  const sizesByScale = {};
-  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) {
-    (0, _assetStore.updateRecord)(record.id, {
-      sizesByScale,
-      sizeBytes: total,
-      sizeSource: "measured"
-    });
-  } else {
-    (0, _assetStore.updateRecord)(record.id, {
-      sizeSource: "estimate"
-    });
-  }
-}
-
-/** Measure every unmeasured record; safe to re-run (skips measured ones). */
-async function measureSizes() {
-  const s = (0, _state.assetsState)();
-  if (s.measuring) return {
-    measured: s.measuredCount,
-    total: (0, _assetStore.getSnapshot)().length
-  };
-  const pending = (0, _assetStore.getSnapshot)().filter(r => r.sizeSource !== "measured");
-  s.measuring = true;
-  (0, _assetStore.invalidate)();
-  try {
-    let index = 0;
-    const worker = async () => {
-      for (;;) {
-        const next = pending[index++];
-        if (!next) return;
-        await measureRecord(next);
-        s.measuredCount = (0, _assetStore.getSnapshot)().filter(r => r.sizeSource === "measured").length;
-      }
-    };
-    await Promise.all(Array.from({
-      length: Math.min(CONCURRENCY, pending.length)
-    }, worker));
-  } finally {
-    s.measuring = false;
-    (0, _assetStore.invalidate)();
-  }
-  return {
-    measured: s.measuredCount,
-    total: (0, _assetStore.getSnapshot)().length
-  };
-}
-//# sourceMappingURL=measure.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.displaySource=displaySource,exports.measureSizes=measureSizes,exports.previewURL=previewURL,exports.variantURLs=variantURLs;var _state=require("../state"),_assetStore=require("../store/assetStore"),_metroGraph=require("./metroGraph");const CONCURRENCY=4;function previewURL(e){if(e.resolvedUri)return e.resolvedUri;const t=variantURLs(e);return t.length?t[0].url:null}function displaySource(e){const t=(0,_state.assetsState)().captureDisabled;if(!t&&null!=e.registryId)return e.registryId;const r=previewURL(e);return r?t&&!/^https?:\/\//.test(r)?null:{uri:r}:null}function variantURLs(e){const t=e.scales.length?e.scales:[1],r=e.resolvedUri;if(r&&/^https?:\/\//.test(r)&&null!=e.resolvedScale){const s=1===e.resolvedScale?"":`@${e.resolvedScale}x`,a=`${s}.${e.type}`;if(r.includes(a)||""===s)return t.map(t=>{const n=1===t?"":`@${t}x`;return{scale:t,url:(""===s?r.replace(`.${e.type}`,`${n}.${e.type}`):r.replace(a,`${n}.${e.type}`)).replace(/ /g,"%20")}})}const s=(0,_metroGraph.getDevServerOrigin)();return s&&e.httpServerLocation?t.map(t=>{const r=1===t?"":`@${t}x`,a=`${e.httpServerLocation}/${e.name}${r}.${e.type}`,n=a.includes("?")?"&":"?";return{scale:t,url:`${s}${a}${n}platform=${platformName()}${e.hash?`&hash=${e.hash}`:""}`.replace(/ /g,"%20")}}):[]}function platformName(){try{return require("react-native").Platform.OS}catch{return"ios"}}async function fetchSize(e){try{const t=await fetch(e,{method:"HEAD"});if(t.ok){const e=Number(t.headers.get("content-length"));if(Number.isFinite(e)&&e>0)return e}}catch{}try{const t=await fetch(e);if(!t.ok)return null;const r=await t.blob();return r.size>0?r.size:null}catch{return null}}async function measureRecord(e){const t=variantURLs(e);if(!t.length)return void(0,_assetStore.updateRecord)(e.id,{sizeSource:"estimate"});const r={};let s=0;for(const{scale:e,url:a}of t){const t=await fetchSize(a);null!=t&&(r[String(e)]=t,s+=t)}s>0?(0,_assetStore.updateRecord)(e.id,{sizesByScale:r,sizeBytes:s,sizeSource:"measured"}):(0,_assetStore.updateRecord)(e.id,{sizeSource:"estimate"})}async function measureSizes(){const e=(0,_state.assetsState)();if(e.measuring)return{measured:e.measuredCount,total:(0,_assetStore.getSnapshot)().length};const t=(0,_assetStore.getSnapshot)().filter(e=>"measured"!==e.sizeSource);e.measuring=!0,(0,_assetStore.invalidate)();try{let r=0;const s=async()=>{for(;;){const s=t[r++];if(!s)return;await measureRecord(s),e.measuredCount=(0,_assetStore.getSnapshot)().filter(e=>"measured"===e.sizeSource).length}};await Promise.all(Array.from({length:Math.min(CONCURRENCY,t.length)},s))}finally{e.measuring=!1,(0,_assetStore.invalidate)()}return{measured:e.measuredCount,total:(0,_assetStore.getSnapshot)().length}}

package/lib/commonjs/capture/metroGraph.js

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