@buoy-gg/assets 7.0.16

package/lib/module/capture/metroGraph.js

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

package/lib/module/capture/metroGraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assetsState","assetKey","invalidate","upsertRecord","getScriptURL","NativeModules","require","sourceCode","SourceCode","url","getConstants","scriptURL","getDevServerOrigin","match","getGraphURLCandidates","test","origin","queryIndex","indexOf","query","slice","candidates","includes","push","replace","fetchAssetGraph","s","length","graphSupported","graphError","ok","message","graphFetchInFlight","data","lastError","response","fetch","status","parsed","json","Array","isArray","error","String","Error","graph","asset","name","type","key","httpServerLocation","hash","width","undefined","height","scales","fileSystemLocation","files","fileHashes","graphCount","count"],"sourceRoot":"../../../src","sources":["capture/metroGraph.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/capture/registry.js

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

package/lib/module/capture/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["upsertRecord","assetKey","cachedRegistry","getRegistryModule","undefined","mod","require","getAssetByID","resolveRegistryAsset","registryId","Image","resolved","resolveAssetSource","uri","scale","upsertFromPackagerAsset","asset","key","httpServerLocation","name","type","origin","hash","width","height","scales","resolvedUri","resolvedScale","loaded","walkRegistry","registry","id","PATCH_MARKER","patchRegisterAsset","original","registerAsset","wrapped","call"],"sourceRoot":"../../../src","sources":["capture/registry.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,YAAY,EAAEC,QAAQ,QAAQ,qBAAqB;;AAG5D;;AAiBA,IAAIC,cAAiD;AAErD,OAAO,SAASC,iBAAiBA,CAAA,EAA0B;EACzD,IAAID,cAAc,KAAKE,SAAS,EAAE,OAAOF,cAAc;EACvD,IAAIG,GAA0B,GAAG,IAAI;EACrC,IAAI;IACFA,GAAG,GAAGC,OAAO,CAAC,wCAAwC,CAAC;EACzD,CAAC,CAAC,MAAM;IACN,IAAI;MACF;MACAD,GAAG,GAAGC,OAAO,CAAC,4CAA4C,CAAC;IAC7D,CAAC,CAAC,MAAM;MACND,GAAG,GAAG,IAAI;IACZ;EACF;EACAH,cAAc,GACZG,GAAG,IAAI,OAAOA,GAAG,CAACE,YAAY,KAAK,UAAU,GAAGF,GAAG,GAAG,IAAI;EAC5D,OAAOH,cAAc;AACvB;;AAEA;AACA,OAAO,SAASM,oBAAoBA,CAClCC,UAAkB,EACqB;EACvC,IAAI;IACF,MAAM;MAAEC;IAAM,CAAC,GAAGJ,OAAO,CAAC,cAAc,CAAC;IACzC,MAAMK,QAAQ,GAAGD,KAAK,CAACE,kBAAkB,CAACH,UAAU,CAAC;IACrD,IAAIE,QAAQ,IAAI,OAAOA,QAAQ,CAACE,GAAG,KAAK,QAAQ,EAAE;MAChD,OAAO;QAAEA,GAAG,EAAEF,QAAQ,CAACE,GAAG;QAAEC,KAAK,EAAEH,QAAQ,CAACG,KAAK,IAAI;MAAE,CAAC;IAC1D;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAO,IAAI;AACb;AAEA,OAAO,SAASC,uBAAuBA,CACrCN,UAAkB,EAClBO,KAAoB,EACP;EACb,MAAML,QAAQ,GAAGH,oBAAoB,CAACC,UAAU,CAAC;EACjD,OAAOT,YAAY,CAAC;IAClBiB,GAAG,EAAEhB,QAAQ,CAACe,KAAK,CAACE,kBAAkB,EAAEF,KAAK,CAACG,IAAI,EAAEH,KAAK,CAACI,IAAI,CAAC;IAC/DD,IAAI,EAAEH,KAAK,CAACG,IAAI;IAChBC,IAAI,EAAEJ,KAAK,CAACI,IAAI;IAChBC,MAAM,EAAE,UAAU;IAClBZ,UAAU;IACVa,IAAI,EAAEN,KAAK,CAACM,IAAI;IAChBJ,kBAAkB,EAAEF,KAAK,CAACE,kBAAkB;IAC5CK,KAAK,EAAEP,KAAK,CAACO,KAAK,IAAInB,SAAS;IAC/BoB,MAAM,EAAER,KAAK,CAACQ,MAAM,IAAIpB,SAAS;IACjCqB,MAAM,EAAET,KAAK,CAACS,MAAM;IACpBC,WAAW,EAAEf,QAAQ,EAAEE,GAAG;IAC1Bc,aAAa,EAAEhB,QAAQ,EAAEG,KAAK;IAC9Bc,MAAM,EAAE;EACV,CAAC,CAAC;AACJ;;AAEA;AACA,OAAO,SAASC,YAAYA,CAAA,EAAW;EACrC,MAAMC,QAAQ,GAAG3B,iBAAiB,CAAC,CAAC;EACpC,IAAI,CAAC2B,QAAQ,EAAE,OAAO,CAAC;EACvB,IAAIC,EAAE,GAAG,CAAC;EACV,SAAS;IACP,MAAMf,KAAK,GAAGc,QAAQ,CAACvB,YAAY,CAACwB,EAAE,GAAG,CAAC,CAAC;IAC3C,IAAI,CAACf,KAAK,EAAE;IACZe,EAAE,EAAE;IACJhB,uBAAuB,CAACgB,EAAE,EAAEf,KAAK,CAAC;EACpC;EACA,OAAOe,EAAE;AACX;AAEA,MAAMC,YAAY,GAAG,qBAAqB;;AAE1C;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAAY;EAC5C,MAAMH,QAAQ,GAAG3B,iBAAiB,CAAC,CAAC;EACpC,IAAI,CAAC2B,QAAQ,EAAE,OAAO,KAAK;EAC3B,MAAMI,QAAQ,GAAGJ,QAAQ,CAACK,aAAa;EACvC,IAAKD,QAAQ,CAAwCF,YAAY,CAAC,EAAE,OAAO,IAAI;EAC/E,MAAMI,OAAO,GAAIpB,KAAoB,IAAa;IAChD,MAAMe,EAAE,GAAGG,QAAQ,CAACG,IAAI,CAACP,QAAQ,EAAEd,KAAK,CAAC;IACzC,IAAI;MACFD,uBAAuB,CAACgB,EAAE,EAAEf,KAAK,CAAC;IACpC,CAAC,CAAC,MAAM;MACN;IAAA;IAEF,OAAOe,EAAE;EACX,CAAC;EACAK,OAAO,CAAwCJ,YAAY,CAAC,GAAG,IAAI;EACpE,IAAI;IACFF,QAAQ,CAACK,aAAa,GAAGC,OAAO;EAClC,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;EACA,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/module/components/AssetDetail.js

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

package/lib/module/components/AssetDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","ScrollView","StyleSheet","Text","View","macOSColors","displaySource","formatBytes","formatDimensions","formatScales","estDecodedBytes","jsx","_jsx","jsxs","_jsxs","Row","label","value","style","styles","kvRow","children","kvLabel","kvValue","selectable","Preview","record","kind","source","previewBox","testID","previewImage","resizeMode","fontPreview","fontFamily","name","AssetDetail","insights","findings","neverLoaded","includes","id","push","scaleGaps","webpCandidates","duplicate","duplicates","find","d","ids","length","overDecode","heavyGifs","heavyFonts","scaleAnomalies","estimate","scroll","contentContainerStyle","content","map","finding","findingText","type","loaded","scales","sizesByScale","Object","entries","scale","bytes","sizeBytes","sizeSource","registryId","String","hash","httpServerLocation","fileSystemLocation","resolvedUri","create","flex","padding","gap","borderRadius","backgroundColor","background","input","alignItems","justifyContent","minHeight","width","height","color","text","primary","fontSize","textAlign","borderWidth","borderColor","border","default","card","secondary","lineHeight","muted","fontWeight","letterSpacing","textTransform"],"sourceRoot":"../../../src","sources":["components/AssetDetail.tsx"],"mappings":"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","ignoreList":[]}