@buoy-gg/assets 7.0.35 → 7.0.38

package/lib/module/components/AssetsModal.js

@@ -1,342 +1 @@
-"use strict";
-
-/**
- * AssetsModal — bottom-sheet wrapper rendered by FloatingDevTools when the
- * Assets tool is opened. Inventory list (largest first) → tap for detail.
- * Opening triggers a full rescan (registry walk + Metro graph + size
- * measurement); merely installing the package never hits the network.
- */
-
-import { useEffect, useState } from "react";
-import { FlatList, StyleSheet, Text, View } from "react-native";
-import { EventStepperFooter, JsModal, macOSColors, night, windowDragProps, ToolEmptyState } from "@buoy-gg/shared-ui";
-import { getScanStatus, installAssetCapture, rescan } from "../capture/install";
-import { formatAssetMarkdown, formatInventoryMarkdown } from "../export";
-import { useAssetRecords } from "../hooks/useAssetRecords";
-import { remoteAssetsDispatch } from "../remote";
-import { clearRecords, estDecodedBytes, getRecord } from "../store/assetStore";
-import { getDiff, loadBaseline } from "../store/baseline";
-import { AssetDetail } from "./AssetDetail";
-import { AssetRow } from "./AssetRow";
-import { AssetsFilterBar } from "./AssetsFilterBar";
-import { AssetsHeader } from "./AssetsHeader";
-import { AssetsListControls } from "./AssetsListControls";
-import { BaselineBar } from "./BaselineBar";
-import { ASSETS_TEST_IDS, assetFontChipTestID } from "../utils/testIDs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function ScanNotice() {
-  const status = getScanStatus();
-  const notices = [];
-  if (!status.registryAvailable) {
-    notices.push("Asset registry unavailable — this environment doesn't expose @react-native/assets-registry.");
-  } else if (!status.graphSupported && status.graphError) {
-    notices.push("No Metro dev server — showing runtime-registered assets only. The full bundle inventory and byte sizes need a dev build.");
-  }
-  if (status.measuring) notices.push("Measuring sizes from the dev server…");
-  if (notices.length === 0) return null;
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.notice,
-    testID: ASSETS_TEST_IDS.notice,
-    children: notices.map(n => /*#__PURE__*/_jsx(Text, {
-      style: styles.noticeText,
-      testID: ASSETS_TEST_IDS.noticeText,
-      children: n
-    }, n))
-  });
-}
-function FontFamilies() {
-  const families = getScanStatus().fontFamilies;
-  if (!families.length) return null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.fontsBox,
-    testID: ASSETS_TEST_IDS.fonts,
-    children: [/*#__PURE__*/_jsxs(Text, {
-      style: styles.fontsTitle,
-      testID: ASSETS_TEST_IDS.fontsTitle,
-      children: ["LOADED FONT FAMILIES (", families.length, ")"]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.fontsWrap,
-      children: families.map(family => /*#__PURE__*/_jsx(Text, {
-        style: styles.fontChip,
-        testID: assetFontChipTestID(family),
-        children: family
-      }, family))
-    })]
-  });
-}
-function EmptyState() {
-  return /*#__PURE__*/_jsx(ToolEmptyState, {
-    testID: ASSETS_TEST_IDS.empty
-    // scanning: a scan ran and found nothing — the copy says "try Rescan".
-    ,
-    otto: "scanning",
-    title: "No assets found yet",
-    message: "Every bundled asset — images, fonts, video, audio — appears here with sizes, scale coverage, and never-loaded detection. Try Rescan after navigating around the app."
-  });
-}
-
-/** Largest first — measured bytes, falling back to decoded estimate. */
-function bySizeDesc(a, b) {
-  return (b.sizeBytes ?? estDecodedBytes(b)) - (a.sizeBytes ?? estDecodedBytes(a));
-}
-const COMPARATORS = {
-  size: bySizeDesc,
-  name: (a, b) => a.name.localeCompare(b.name) || a.type.localeCompare(b.type),
-  type: (a, b) => a.type.localeCompare(b.type) || bySizeDesc(a, b)
-};
-export function AssetsModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey,
-  inline = false
-}) {
-  // Safety net: the index import normally installed this already.
-  installAssetCapture();
-  const {
-    records,
-    stats,
-    insights
-  } = useAssetRecords();
-  const [selectedId, setSelectedId] = useState(null);
-  const [filter, setFilter] = useState("all");
-  const [query, setQuery] = useState("");
-  const [sort, setSort] = useState("size");
-  const selected = selectedId != null ? getRecord(selectedId) : undefined;
-
-  // Full scan on open — locally on device, forwarded on dashboard mirrors.
-  // The baseline load is async and re-renders through the store emit.
-  useEffect(() => {
-    if (!visible) return;
-    void loadBaseline();
-    const remote = remoteAssetsDispatch();
-    if (remote) {
-      remote("rescan").catch(() => {});
-    } else {
-      void rescan();
-    }
-  }, [visible]);
-  const sorted = [...records].sort(COMPARATORS[sort]);
-  const trimmedQuery = query.trim().toLowerCase();
-  const filtered = sorted.filter(r => {
-    if (filter === "unused" && r.loaded) return false;
-    if (filter !== "all" && filter !== "unused" && r.kind !== filter) return false;
-    if (trimmedQuery && !`${r.name}.${r.type}`.toLowerCase().includes(trimmedQuery)) {
-      return false;
-    }
-    return true;
-  });
-  const selectedIndex = selected ? filtered.findIndex(r => r.id === selected.id) : -1;
-  const stepTo = index => {
-    const target = filtered[index];
-    if (target) setSelectedId(target.id);
-  };
-
-  // Set lookups so each row's badge checks are O(1).
-  const flagSets = {
-    scaleGaps: new Set(insights.scaleGaps),
-    scaleAnomalies: new Set(insights.scaleAnomalies),
-    duplicates: new Set(insights.duplicates.flatMap(d => d.ids)),
-    webpCandidates: new Set(insights.webpCandidates),
-    overDecode: new Set(insights.overDecode),
-    heavy: new Set([...insights.heavyGifs, ...insights.heavyFonts])
-  };
-  const diff = getDiff();
-
-  // The proportional size bar is relative to the largest asset in view.
-  let maxBytes = 0;
-  for (const r of filtered) {
-    const bytes = r.sizeBytes ?? estDecodedBytes(r);
-    if (bytes > maxBytes) maxBytes = bytes;
-  }
-  const getReport = () => selected ? formatAssetMarkdown(selected) : formatInventoryMarkdown(sorted, stats, insights, getScanStatus(), getDiff());
-  const headerContent = /*#__PURE__*/_jsx(AssetsHeader, {
-    stats: stats,
-    measuring: getScanStatus().measuring,
-    detailOpen: selected != null,
-    detailIndex: selectedIndex,
-    detailTotal: filtered.length,
-    onCloseDetail: () => setSelectedId(null),
-    onClear: clearRecords,
-    getReport: getReport,
-    onBack: onBack
-  });
-  const body = selected ? /*#__PURE__*/_jsxs(View, {
-    style: styles.detailContainer,
-    children: [/*#__PURE__*/_jsx(AssetDetail, {
-      record: selected,
-      insights: insights
-    }), selectedIndex >= 0 ? /*#__PURE__*/_jsx(EventStepperFooter, {
-      currentIndex: selectedIndex,
-      totalItems: filtered.length,
-      itemLabel: "Asset",
-      onPrevious: () => stepTo(selectedIndex - 1),
-      onNext: () => stepTo(selectedIndex + 1)
-    }) : null]
-  }) : /*#__PURE__*/_jsxs(View, {
-    style: styles.listContainer,
-    children: [/*#__PURE__*/_jsx(AssetsFilterBar, {
-      stats: stats,
-      filter: filter,
-      onChange: setFilter
-    }), /*#__PURE__*/_jsx(AssetsListControls, {
-      query: query,
-      onQueryChange: setQuery,
-      sort: sort,
-      onSortChange: setSort,
-      showBaselineButton: diff == null
-    }), /*#__PURE__*/_jsx(BaselineBar, {
-      diff: diff
-    }), /*#__PURE__*/_jsx(ScanNotice, {}), filter === "font" ? /*#__PURE__*/_jsx(FontFamilies, {}) : null, /*#__PURE__*/_jsx(FlatList, {
-      testID: ASSETS_TEST_IDS.list,
-      data: filtered,
-      keyExtractor: item => String(item.id),
-      contentContainerStyle: styles.listContent,
-      renderItem: ({
-        item
-      }) => /*#__PURE__*/_jsx(AssetRow, {
-        record: item,
-        flags: {
-          scaleGap: flagSets.scaleGaps.has(item.id),
-          scaleAnomaly: flagSets.scaleAnomalies.has(item.id),
-          duplicate: flagSets.duplicates.has(item.id),
-          webp: flagSets.webpCandidates.has(item.id),
-          oversize: flagSets.overDecode.has(item.id),
-          heavy: flagSets.heavy.has(item.id)
-        },
-        sizeFraction: maxBytes > 0 ? (item.sizeBytes ?? estDecodedBytes(item)) / maxBytes : 0
-        // Guarded: programmatic invocations (automation) can call this
-        // with an event object instead of an id.
-        ,
-        onPress: id => setSelectedId(typeof id === "number" ? id : null)
-      }),
-      ListEmptyComponent: /*#__PURE__*/_jsx(EmptyState, {})
-    })]
-  });
-
-  // The ONLY difference between phone and desktop is which shell the header
-  // and body go in (same pattern as ImagesModal).
-  if (inline) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.inlineRoot,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.inlineHeader,
-        ...windowDragProps,
-        children: headerContent
-      }), body]
-    });
-  }
-  return /*#__PURE__*/_jsx(JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: persistenceKey,
-    header: {
-      showToggleButton: true,
-      customContent: headerContent
-    },
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    disableScrollWrapper: true,
-    children: body
-  });
-}
-
-/**
- * The same Assets tool rendered INLINE for hosts that place tools in a panel
- * rather than a modal (the desktop dashboard). One implementation only.
- */
-export function AssetsToolView(props = {}) {
-  return /*#__PURE__*/_jsx(AssetsModal, {
-    ...props,
-    inline: true,
-    visible: true,
-    onClose: () => {}
-  });
-}
-const styles = StyleSheet.create({
-  inlineRoot: {
-    flex: 1,
-    minHeight: 0,
-    // Transparent so the desktop workbench's hoisted sky (one field spanning
-    // sidebar + panel) shows through — the shell paints its base beneath it.
-    backgroundColor: "transparent"
-  },
-  inlineHeader: {
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: macOSColors.border.default,
-    // Clear, like Bench — the host's hoisted sky shows through the header.
-    backgroundColor: "transparent"
-  },
-  listContainer: {
-    flex: 1
-  },
-  listContent: {
-    paddingBottom: 16
-  },
-  detailContainer: {
-    flex: 1
-  },
-  notice: {
-    marginHorizontal: 10,
-    marginBottom: 8,
-    padding: 10,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surface,
-    gap: 4
-  },
-  noticeText: {
-    color: night.color.textSecondary,
-    fontSize: 11
-  },
-  fontsBox: {
-    marginHorizontal: 10,
-    marginTop: 8,
-    padding: 10,
-    borderRadius: 8,
-    backgroundColor: night.color.surface,
-    gap: 6
-  },
-  fontsTitle: {
-    color: night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5
-  },
-  fontsWrap: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 6
-  },
-  fontChip: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    backgroundColor: night.color.bg,
-    borderRadius: 999,
-    paddingHorizontal: 8,
-    paddingVertical: 3,
-    overflow: "hidden"
-  },
-  empty: {
-    alignItems: "center",
-    padding: 32,
-    gap: 8
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  emptyText: {
-    color: night.color.textSecondary,
-    fontSize: 11,
-    textAlign: "center",
-    lineHeight: 16
-  }
-});
-//# sourceMappingURL=AssetsModal.js.map
+"use strict";import{useEffect,useState}from"react";import{FlatList,StyleSheet,Text,TouchableOpacity,View}from"react-native";import{EventStepperFooter,JsModal,macOSColors,night,windowDragProps,ToolEmptyState}from"@buoy-gg/shared-ui";import{getScanStatus,installAssetCapture,rescan}from"../capture/install";import{formatAssetMarkdown,formatInventoryMarkdown}from"../export";import{useAssetRecords}from"../hooks/useAssetRecords";import{useAssetScanStatus}from"../hooks/useAssetScanStatus";import{remoteAssetsDispatch}from"../remote";import{clearRecords,estDecodedBytes,getRecord}from"../store/assetStore";import{getDiff,loadBaseline}from"../store/baseline";import{AssetDetail}from"./AssetDetail";import{AssetRow}from"./AssetRow";import{AssetsFilterBar}from"./AssetsFilterBar";import{AssetsHeader}from"./AssetsHeader";import{AssetsListControls}from"./AssetsListControls";import{ScanNotice}from"./ScanNotice";import{ASSETS_TEST_IDS,assetFontChipTestID}from"../utils/testIDs";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";function FontFamilies({names:e}){const t=[...new Set(e)];return t.length?_jsxs(View,{style:styles.fontsBox,testID:ASSETS_TEST_IDS.fonts,children:[_jsxs(Text,{style:styles.fontsTitle,testID:ASSETS_TEST_IDS.fontsTitle,children:["LOADED FONT FAMILIES (",t.length,")"]}),_jsx(View,{style:styles.fontsWrap,children:t.map(e=>_jsx(Text,{style:styles.fontChip,testID:assetFontChipTestID(e),children:e},e))})]}):null}function EmptyState({duplicates:e=!1}){return _jsx(ToolEmptyState,{testID:ASSETS_TEST_IDS.empty,otto:"scanning",title:e?"No duplicates found":"No assets found yet",message:e?"No assets in this view share a content hash.":"Every bundled asset — images, fonts, video, audio — appears here with sizes, scale coverage, and runtime registration status. Try Rescan after navigating around the app."})}function bySizeDesc(e,t){return(t.sizeBytes??estDecodedBytes(t))-(e.sizeBytes??estDecodedBytes(e))}const COMPARATORS={size:bySizeDesc,name:(e,t)=>e.name.localeCompare(t.name)||e.type.localeCompare(t.type),type:(e,t)=>e.type.localeCompare(t.type)||bySizeDesc(e,t)};export function AssetsModal({visible:e,onClose:t,onBack:s,onMinimize:o,persistenceKey:n,inline:i=!1}){installAssetCapture();const{records:r,stats:a,insights:l}=useAssetRecords(),c=useAssetScanStatus(),[d,p]=useState(!1);useEffect(()=>{p(!1)},[c.graphFetchInFlight,c.lastScanAt]);const u=()=>{p(!1);const e=remoteAssetsDispatch();e?e("rescan").catch(()=>p(!0)):rescan()},[h,m]=useState(null),[y,S]=useState("all"),[g,f]=useState(""),[x,A]=useState("size"),C=null!=h?getRecord(h):void 0;useEffect(()=>{if(!e)return;loadBaseline(),p(!1);const t=remoteAssetsDispatch();t?t("rescan").catch(()=>p(!0)):rescan()},[e]);const T=new Set(l.duplicates.flatMap(e=>e.ids)),w=[...r].sort(COMPARATORS[x]),D=g.trim().toLowerCase(),_=w.filter(e=>!("unused"===y&&e.loaded||"duplicates"===y&&!T.has(e.id)||"all"!==y&&"unused"!==y&&"duplicates"!==y&&e.kind!==y||D&&!`${e.name}.${e.type}`.toLowerCase().includes(D))),b=C?_.findIndex(e=>e.id===C.id):-1,j=e=>{const t=_[e];t&&m(t.id)},v={scaleGaps:new Set(l.scaleGaps),scaleAnomalies:new Set(l.scaleAnomalies),duplicates:T,webpCandidates:new Set(l.webpCandidates),overDecode:new Set(l.overDecode),heavy:new Set([...l.heavyGifs,...l.heavyFonts])};let I=0;for(const e of _){const t=e.sizeBytes??estDecodedBytes(e);t>I&&(I=t)}const F=_jsx(AssetsHeader,{stats:a,measuring:c.measuring,discovering:c.graphFetchInFlight,detailOpen:null!=C,detailIndex:b,detailTotal:_.length,onCloseDetail:()=>m(null),onClear:clearRecords,getReport:()=>C?formatAssetMarkdown(C):formatInventoryMarkdown(w,a,l,getScanStatus(),getDiff()),onBack:s}),z=_jsxs(View,C?{style:styles.detailContainer,children:[_jsx(AssetDetail,{record:C,insights:l}),b>=0?_jsx(EventStepperFooter,{currentIndex:b,totalItems:_.length,itemLabel:"Asset",onPrevious:()=>j(b-1),onNext:()=>j(b+1)}):null]}:{style:styles.listContainer,children:[_jsx(AssetsFilterBar,{stats:a,duplicateCount:T.size,filter:y,onChange:e=>{S(e),"duplicates"===e&&f("")}}),_jsx(AssetsListControls,{query:g,onQueryChange:f,sort:x,onSortChange:A}),_jsx(ScanNotice,{status:c,total:a.total,onRetry:u}),d&&!c.graphFetchInFlight?_jsxs(View,{style:styles.notice,children:[_jsx(Text,{style:styles.noticeText,children:"Couldn't request an asset scan from the device."}),_jsx(TouchableOpacity,{accessibilityRole:"button",onPress:u,children:_jsx(Text,{style:styles.retryText,children:"Retry"})})]}):null,"unused"===y?_jsx(View,{style:styles.notice,children:_jsx(Text,{style:styles.noticeText,children:"Not seen in React Native's asset registry this app run. Assets loaded through other paths may appear here; this does not prove they are unused."})}):null,"font"===y?_jsx(FontFamilies,{names:c.fontFamilies}):null,_jsx(FlatList,{testID:ASSETS_TEST_IDS.list,data:_,keyExtractor:e=>String(e.id),contentContainerStyle:styles.listContent,renderItem:({item:e})=>_jsx(AssetRow,{record:e,flags:{scaleGap:v.scaleGaps.has(e.id),scaleAnomaly:v.scaleAnomalies.has(e.id),duplicate:v.duplicates.has(e.id),webp:v.webpCandidates.has(e.id),oversize:v.overDecode.has(e.id),heavy:v.heavy.has(e.id)},sizeFraction:I>0?(e.sizeBytes??estDecodedBytes(e))/I:0,onPress:e=>m("number"==typeof e?e:null)}),ListEmptyComponent:c.graphFetchInFlight?null:_jsx(EmptyState,{duplicates:"duplicates"===y})})]});return i?_jsxs(View,{style:styles.inlineRoot,children:[_jsx(View,{style:styles.inlineHeader,...windowDragProps,children:F}),z]}):_jsx(JsModal,{visible:e,onClose:t,onMinimize:o,persistenceKey:n,header:{showToggleButton:!0,customContent:F},enablePersistence:!0,initialMode:"bottomSheet",disableScrollWrapper:!0,children:z})}export function AssetsToolView(e={}){return _jsx(AssetsModal,{...e,inline:!0,visible:!0,onClose:()=>{}})}const styles=StyleSheet.create({inlineRoot:{flex:1,minHeight:0,backgroundColor:"transparent"},inlineHeader:{paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:macOSColors.border.default,backgroundColor:"transparent"},listContainer:{flex:1},listContent:{paddingBottom:16},detailContainer:{flex:1},notice:{marginHorizontal:10,marginBottom:8,padding:10,borderRadius:8,borderWidth:1,borderColor:night.color.border,backgroundColor:night.color.surface,gap:4},noticeText:{color:night.color.textSecondary,fontSize:11},retryText:{color:night.color.text,fontSize:12,paddingVertical:6},fontsBox:{marginHorizontal:10,marginTop:8,padding:10,borderRadius:8,backgroundColor:night.color.surface,gap:6},fontsTitle:{color:night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5},fontsWrap:{flexDirection:"row",flexWrap:"wrap",gap:6},fontChip:{color:night.color.textSecondary,fontSize:10,backgroundColor:night.color.bg,borderRadius:999,paddingHorizontal:8,paddingVertical:3,overflow:"hidden"},empty:{alignItems:"center",padding:32,gap:8},emptyTitle:{color:night.color.text,fontSize:13,fontWeight:"600"},emptyText:{color:night.color.textSecondary,fontSize:11,textAlign:"center",lineHeight:16}});

package/lib/module/components/ScanNotice.js

@@ -0,0 +1 @@
+"use strict";import{useEffect,useState}from"react";import{ActivityIndicator,StyleSheet,Text,TouchableOpacity,View}from"react-native";import{night}from"@buoy-gg/shared-ui";import{ASSETS_TEST_IDS}from"../utils/testIDs";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export function ScanNotice({status:t,total:e,onRetry:r}){const[s,i]=useState(!1);useEffect(()=>{if(i(!1),!t.graphFetchInFlight)return;const e=null==t.graphFetchStartedAt?0:Math.max(0,Date.now()-t.graphFetchStartedAt),r=setTimeout(()=>i(!0),Math.max(0,8e3-e));return()=>clearTimeout(r)},[t.graphFetchInFlight,t.graphFetchStartedAt]);const n=[];t.graphFetchInFlight&&(n.push(`Finding assets… ${e} found so far.`),s&&n.push("Still finding assets. This is taking longer than usual.")),t.registryAvailable||n.push("The asset registry is unavailable in this environment."),t.graphFetchInFlight||t.graphSupported||!t.graphError||n.push("Showing runtime-registered assets only. A development server is needed to find more assets and measure their sizes.");const o=!t.graphFetchInFlight&&t.graphSupported&&!!t.graphError;return o&&n.push(`Couldn't finish finding assets. Showing ${e} assets found so far.`),t.measuring&&!t.graphFetchInFlight&&n.push("Checking asset sizes…"),0===n.length?null:_jsxs(View,{style:styles.notice,testID:ASSETS_TEST_IDS.notice,children:[t.graphFetchInFlight?_jsx(ActivityIndicator,{size:"small",color:night.color.textSecondary,accessibilityLabel:"Finding assets",testID:ASSETS_TEST_IDS.discoverySpinner}):null,n.map(t=>_jsx(Text,{style:styles.noticeText,testID:ASSETS_TEST_IDS.noticeText,children:t},t)),o?_jsx(TouchableOpacity,{accessibilityRole:"button",onPress:r,testID:ASSETS_TEST_IDS.retry,children:_jsx(Text,{style:styles.retryText,children:"Retry"})}):null]})}const styles=StyleSheet.create({notice:{marginHorizontal:10,marginBottom:8,padding:10,borderRadius:8,borderWidth:1,borderColor:night.color.border,backgroundColor:night.color.surface,gap:4},noticeText:{color:night.color.textSecondary,fontSize:11},retryText:{color:night.color.text,fontSize:12,paddingVertical:6}});

package/lib/module/components/optionalExpoImage.js

@@ -0,0 +1 @@
+"use strict";let ExpoImage=null;try{ExpoImage=require("expo-image").Image??null}catch{}export function getExpoPreviewImage(){return ExpoImage}

package/lib/module/components/optionalExpoImage.web.js

@@ -0,0 +1 @@
+"use strict";export function getExpoPreviewImage(){return null}

package/lib/module/export.js

@@ -1,57 +1 @@
-"use strict";
-
-/**
- * Markdown reports for the shared ToolbarCopyButton — the paste-into-your-
- * issue-tracker view of the inventory.
- */
-
-import { formatBytes, formatDimensions, formatScales } from "./format";
-import { estDecodedBytes } from "./store/assetStore";
-export function formatAssetMarkdown(record) {
-  const lines = [`# Asset: ${record.name}.${record.type}`, "", `- Kind: ${record.kind}`, `- Status: ${record.loaded ? "loaded at runtime" : "in bundle, never loaded"}`];
-  if (record.kind === "image") lines.push(`- Dimensions: ${formatDimensions(record)} (logical)`);
-  if (record.scales.length) lines.push(`- Scales: ${formatScales(record.scales)}`);
-  if (record.sizeBytes != null && record.sizeSource === "measured") {
-    lines.push(`- Size (all variants): ${formatBytes(record.sizeBytes)}`);
-  }
-  const estimate = estDecodedBytes(record);
-  if (estimate > 0) lines.push(`- Decoded memory: ~${formatBytes(estimate)}`);
-  if (record.hash) lines.push(`- Hash: ${record.hash}`);
-  if (record.httpServerLocation) lines.push(`- Location: ${record.httpServerLocation}`);
-  if (record.fileSystemLocation) lines.push(`- Source dir: ${record.fileSystemLocation}`);
-  if (record.resolvedUri) lines.push(`- Resolved URI: ${record.resolvedUri}`);
-  return lines.join("\n");
-}
-export function formatInventoryMarkdown(records, stats, insights, scanStatus, diff) {
-  const lines = ["# Asset inventory", "", `${stats.total} assets · ${stats.loaded} loaded · ${stats.neverLoaded} never loaded` + (stats.totalBytes > 0 ? ` · ${formatBytes(stats.totalBytes)} measured (${stats.measuredCount}/${stats.total})` : "")];
-  if (scanStatus.fontFamilies.length) {
-    lines.push(`Fonts loaded: ${scanStatus.fontFamilies.join(", ")}`);
-  }
-  if (!scanStatus.graphSupported) {
-    lines.push(scanStatus.graphError ? `_Metro bundle graph unavailable (${scanStatus.graphError}) — runtime-registered assets only._` : "_No Metro bundle graph — runtime-registered assets only (release build)._");
-  }
-  if (diff) {
-    const net = diff.netBytes != null ? `${diff.netBytes >= 0 ? "+" : "−"}${formatBytes(Math.abs(diff.netBytes))} net` : "net size unknown";
-    lines.push("", `## Since baseline (${new Date(diff.baselineSavedAt).toISOString()})`, `- ${diff.added.length} added · ${diff.removed.length} removed · ${diff.grown.length} grew · ${net}`);
-    for (const gone of diff.removed.slice(0, 20)) {
-      lines.push(`- removed: ${gone.name}.${gone.type}`);
-    }
-  }
-  const findings = [];
-  if (insights.neverLoaded.length) findings.push(`- ${insights.neverLoaded.length} shipped but never loaded`);
-  if (insights.duplicates.length) findings.push(`- ${insights.duplicates.length} duplicate content groups`);
-  if (insights.webpCandidates.length) findings.push(`- ${insights.webpCandidates.length} WebP conversion candidates`);
-  if (insights.scaleGaps.length) findings.push(`- ${insights.scaleGaps.length} scale-coverage gaps`);
-  if (insights.overDecode.length) findings.push(`- ${insights.overDecode.length} images decoding larger than 2× the screen`);
-  if (insights.heavyGifs.length) findings.push(`- ${insights.heavyGifs.length} heavy GIFs (convert to video/Lottie)`);
-  if (insights.heavyFonts.length) findings.push(`- ${insights.heavyFonts.length} heavy fonts (subset candidates)`);
-  if (insights.scaleAnomalies.length) findings.push(`- ${insights.scaleAnomalies.length} scale-variant anomalies (check exports)`);
-  if (findings.length) lines.push("", "## Findings", ...findings);
-  lines.push("", "## Assets (largest first)", "", "| Asset | Kind | Dimensions | Scales | Size | Loaded |", "| --- | --- | --- | --- | --- | --- |");
-  for (const r of records) {
-    const size = r.sizeBytes != null && r.sizeSource === "measured" ? formatBytes(r.sizeBytes) : estDecodedBytes(r) > 0 ? `~${formatBytes(estDecodedBytes(r))}` : "—";
-    lines.push(`| ${r.name}.${r.type} | ${r.kind} | ${r.kind === "image" ? formatDimensions(r) : "—"} | ${formatScales(r.scales)} | ${size} | ${r.loaded ? "yes" : "NO"} |`);
-  }
-  return lines.join("\n");
-}
-//# sourceMappingURL=export.js.map
+"use strict";import{formatBytes,formatDimensions,formatScales}from"./format";import{estDecodedBytes}from"./store/assetStore";export function formatAssetMarkdown(e){const s=[`# Asset: ${e.name}.${e.type}`,"",`- Kind: ${e.kind}`,"- Status: "+(e.loaded?"loaded at runtime":"not observed in the runtime registry")];"image"===e.kind&&s.push(`- Dimensions: ${formatDimensions(e)} (logical)`),e.scales.length&&s.push(`- Scales: ${formatScales(e.scales)}`),null!=e.sizeBytes&&"measured"===e.sizeSource&&s.push(`- Size (all variants): ${formatBytes(e.sizeBytes)}`);const t=estDecodedBytes(e);return t>0&&s.push(`- Decoded memory: ~${formatBytes(t)}`),e.hash&&s.push(`- Hash: ${e.hash}`),e.httpServerLocation&&s.push(`- Location: ${e.httpServerLocation}`),e.fileSystemLocation&&s.push(`- Source dir: ${e.fileSystemLocation}`),e.resolvedUri&&s.push(`- Resolved URI: ${e.resolvedUri}`),s.join("\n")}export function formatInventoryMarkdown(e,s,t,o,n){const a=["# Asset inventory","",`${s.total} assets · ${s.loaded} loaded · ${s.neverLoaded} not observed`+(s.totalBytes>0?` · ${formatBytes(s.totalBytes)} measured (${s.measuredCount}/${s.total})`:"")];if(o.fontFamilies.length&&a.push(`Fonts loaded: ${o.fontFamilies.join(", ")}`),o.graphSupported||a.push(o.graphError?`_Metro bundle graph unavailable (${o.graphError}) — runtime-registered assets only._`:"_No Metro bundle graph — runtime-registered assets only (release build)._"),n){const e=null!=n.netBytes?`${n.netBytes>=0?"+":"−"}${formatBytes(Math.abs(n.netBytes))} net`:"net size unknown";a.push("",`## Since baseline (${new Date(n.baselineSavedAt).toISOString()})`,`- ${n.added.length} added · ${n.removed.length} removed · ${n.grown.length} grew · ${e}`);for(const e of n.removed.slice(0,20))a.push(`- removed: ${e.name}.${e.type}`)}const r=[];t.neverLoaded.length&&r.push(`- ${t.neverLoaded.length} shipped but not observed`),t.duplicates.length&&r.push(`- ${t.duplicates.length} duplicate content groups`),t.webpCandidates.length&&r.push(`- ${t.webpCandidates.length} WebP conversion candidates`),t.scaleGaps.length&&r.push(`- ${t.scaleGaps.length} scale-coverage gaps`),t.overDecode.length&&r.push(`- ${t.overDecode.length} images decoding larger than 2× the screen`),t.heavyGifs.length&&r.push(`- ${t.heavyGifs.length} heavy GIFs (convert to video/Lottie)`),t.heavyFonts.length&&r.push(`- ${t.heavyFonts.length} heavy fonts (subset candidates)`),t.scaleAnomalies.length&&r.push(`- ${t.scaleAnomalies.length} scale-variant anomalies (check exports)`),r.length&&a.push("","## Findings",...r),a.push("","## Assets (largest first)","","| Asset | Kind | Dimensions | Scales | Size | Loaded |","| --- | --- | --- | --- | --- | --- |");for(const s of e){const e=null!=s.sizeBytes&&"measured"===s.sizeSource?formatBytes(s.sizeBytes):estDecodedBytes(s)>0?`~${formatBytes(estDecodedBytes(s))}`:"—";a.push(`| ${s.name}.${s.type} | ${s.kind} | ${"image"===s.kind?formatDimensions(s):"—"} | ${formatScales(s.scales)} | ${e} | ${s.loaded?"yes":"NO"} |`)}return a.join("\n")}

package/lib/module/format.js

@@ -1,51 +1 @@
-"use strict";
-
-/**
- * Shared formatting helpers for rows, detail view, and markdown export.
- */
-
-export function formatBytes(bytes) {
-  if (bytes == null || bytes <= 0) return "—";
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
-}
-export function formatScales(scales) {
-  const unique = [...new Set(scales)].sort((a, b) => a - b);
-  if (!unique.length) return "—";
-  if (unique.length === 1) return `@${unique[0]}x`;
-  if (unique.length <= 3) return unique.map(s => `@${s}x`).join(" ");
-  return `@${unique[0]}x–@${unique[unique.length - 1]}x`;
-}
-export function formatDimensions(record) {
-  if (record.width == null || record.height == null) return "—";
-  return `${Math.round(record.width)}×${Math.round(record.height)}`;
-}
-
-/** Display size: measured bytes, or "~" decoded estimate for unmeasured images. */
-export function formatSize(record, estDecoded) {
-  if (record.sizeBytes != null && record.sizeSource === "measured") {
-    return formatBytes(record.sizeBytes);
-  }
-  if (estDecoded > 0) return `~${formatBytes(estDecoded)}`;
-  return "—";
-}
-export const KIND_LABELS = {
-  image: "IMG",
-  font: "FONT",
-  video: "VID",
-  audio: "AUD",
-  data: "DATA",
-  other: "MISC"
-};
-
-/** Family accent per kind — the card's left edge, like network's method bar. */
-export const KIND_COLORS = {
-  image: "#2DD4BF",
-  font: "#C084FC",
-  video: "#FF9F1C",
-  audio: "#FF3366",
-  data: "#00D4FF",
-  other: "#8E8E93"
-};
-//# sourceMappingURL=format.js.map
+"use strict";export function formatBytes(t){return null==t||t<=0?"—":t<1024?`${t} B`:t<1048576?`${(t/1024).toFixed(1)} KB`:`${(t/1048576).toFixed(2)} MB`}export function formatScales(t){const e=[...new Set(t)].sort((t,e)=>t-e);return e.length?1===e.length?`@${e[0]}x`:e.length<=3?e.map(t=>`@${t}x`).join(" "):`@${e[0]}x–@${e[e.length-1]}x`:"—"}export function formatDimensions(t){return null==t.width||null==t.height?"—":`${Math.round(t.width)}×${Math.round(t.height)}`}export function formatSize(t,e){return null!=t.sizeBytes&&"measured"===t.sizeSource?formatBytes(t.sizeBytes):e>0?`~${formatBytes(e)}`:"—"}export const KIND_LABELS={image:"IMG",font:"FONT",video:"VID",audio:"AUD",data:"DATA",other:"MISC"};export const KIND_COLORS={image:"#2DD4BF",font:"#C084FC",video:"#FF9F1C",audio:"#FF3366",data:"#00D4FF",other:"#8E8E93"};

package/lib/module/hooks/useAssetRecords.js

@@ -1,18 +1 @@
-"use strict";
-
-/**
- * React bindings for the asset store.
- */
-
-import { useMemo, useSyncExternalStore } from "react";
-import { computeStats, getSnapshot, subscribe } from "../store/assetStore";
-import { computeInsights } from "../store/insights";
-export function useAssetRecords() {
-  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-  return useMemo(() => ({
-    records: snapshot,
-    stats: computeStats(snapshot),
-    insights: computeInsights(snapshot)
-  }), [snapshot]);
-}
-//# sourceMappingURL=useAssetRecords.js.map
+"use strict";import{useMemo,useSyncExternalStore}from"react";import{computeStats,getSnapshot,subscribe}from"../store/assetStore";import{computeInsights}from"../store/insights";export function useAssetRecords(){const t=useSyncExternalStore(subscribe,getSnapshot,getSnapshot);return useMemo(()=>({records:t,stats:computeStats(t),insights:computeInsights(t)}),[t])}

package/lib/module/hooks/useAssetScanStatus.js

@@ -0,0 +1 @@
+"use strict";import{useSyncExternalStore}from"react";import{getScanStatus}from"../capture/install";import{getSnapshot,subscribe}from"../store/assetStore";let previousRecords,previousStatus;export function getAssetScanSnapshot(){const t=getSnapshot();return t!==previousRecords&&(previousRecords=t,previousStatus=getScanStatus()),previousStatus}export function useAssetScanStatus(){return useSyncExternalStore(subscribe,getAssetScanSnapshot,getAssetScanSnapshot)}

package/lib/module/index.js

@@ -1,63 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/assets — bundled-asset inventory for React Native / Expo.
- *
- * Enumerates every asset in the app (images, fonts, video, audio, …) via the
- * runtime asset registry, enriched in dev with the Metro graph (full-bundle
- * coverage, byte sizes, never-loaded detection) and on Expo with loaded font
- * families + the updates localAssets map. Zero configuration: importing this
- * package installs the (cheap, synchronous) registry capture.
- */
-
-// ---------------------------------------------------------------------------
-// Tool preset (FloatingDevTools)
-// ---------------------------------------------------------------------------
-export { assetsToolPreset, createAssetsTool } from "./preset";
-
-// ---------------------------------------------------------------------------
-// Components
-// ---------------------------------------------------------------------------
-export { AssetsModal, AssetsToolView } from "./components/AssetsModal";
-export { AssetsIcon, ASSETS_ICON_COLOR } from "./components/AssetsIcon";
-
-// ---------------------------------------------------------------------------
-// Capture / scanning
-// ---------------------------------------------------------------------------
-export { installAssetCapture, rescan, getScanStatus } from "./capture/install";
-export { measureSizes } from "./capture/measure";
-export { fetchAssetGraph, getDevServerOrigin } from "./capture/metroGraph";
-export { getLoadedFontFamilies, getLocalAssets } from "./capture/expo";
-
-// ---------------------------------------------------------------------------
-// Store
-// ---------------------------------------------------------------------------
-export { clearRecords, computeStats, estDecodedBytes, getRecord, getSnapshot, subscribe } from "./store/assetStore";
-export { computeInsights } from "./store/insights";
-export { clearBaseline, computeDiff, getDiff, loadBaseline, saveBaseline } from "./store/baseline";
-export { useAssetRecords } from "./hooks/useAssetRecords";
-
-// ---------------------------------------------------------------------------
-// Reports
-// ---------------------------------------------------------------------------
-export { formatAssetMarkdown, formatInventoryMarkdown } from "./export";
-
-// ---------------------------------------------------------------------------
-// External sync (desktop dashboard + MCP)
-// ---------------------------------------------------------------------------
-export { assetsSyncAdapter } from "./sync/assetsSyncAdapter";
-export { disableAssetsCapture, replaceAssetsFromSnapshot, setRemoteAssetsHandler } from "./remote";
-// ---------------------------------------------------------------------------
-// Automation handles
-// ---------------------------------------------------------------------------
-export { ASSETS_TEST_IDS, assetBadgeTestID, assetDetailRowTestID, assetFilterTestID, assetFindingTestID, assetFontChipTestID, assetRowTestID, assetSlug } from "./utils/testIDs";
-
-// ---------------------------------------------------------------------------
-// Types
-// ---------------------------------------------------------------------------
-
-// Side effect: install the registry capture at import (walk + patch — cheap,
-// synchronous, no network). The Metro graph fetch waits for the modal/action.
-import { installAssetCapture as installOnImport } from "./capture/install";
-installOnImport();
-//# sourceMappingURL=index.js.map
+"use strict";export{assetsToolPreset,createAssetsTool}from"./preset";export{AssetsModal,AssetsToolView}from"./components/AssetsModal";export{AssetsIcon,ASSETS_ICON_COLOR}from"./components/AssetsIcon";export{installAssetCapture,rescan,getScanStatus}from"./capture/install";export{measureSizes}from"./capture/measure";export{fetchAssetGraph,getDevServerOrigin}from"./capture/metroGraph";export{getLoadedFontFamilies,getLocalAssets}from"./capture/expo";export{clearRecords,computeStats,estDecodedBytes,getRecord,getSnapshot,subscribe}from"./store/assetStore";export{computeInsights}from"./store/insights";export{clearBaseline,computeDiff,getDiff,loadBaseline,saveBaseline}from"./store/baseline";export{useAssetRecords}from"./hooks/useAssetRecords";export{formatAssetMarkdown,formatInventoryMarkdown}from"./export";export{assetsSyncAdapter}from"./sync/assetsSyncAdapter";export{disableAssetsCapture,replaceAssetsFromSnapshot,setRemoteAssetsHandler}from"./remote";export{ASSETS_TEST_IDS,assetBadgeTestID,assetDetailRowTestID,assetFilterTestID,assetFindingTestID,assetFontChipTestID,assetRowTestID,assetSlug}from"./utils/testIDs";import{installAssetCapture as installOnImport}from"./capture/install";installOnImport();

package/lib/module/preset.js

@@ -1,35 +1 @@
-"use strict";
-
-/**
- * Pre-configured Assets tool for FloatingDevTools.
- *
- * @example
- * ```tsx
- * import { assetsToolPreset } from '@buoy-gg/assets';
- *
- * <FloatingDevTools apps={[assetsToolPreset]} />
- * ```
- */
-
-import { AssetsIcon, ASSETS_ICON_COLOR } from "./components/AssetsIcon";
-import { AssetsModal } from "./components/AssetsModal";
-import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const assetsToolPreset = defineToolPreset({
-  id: "assets",
-  name: "ASSETS",
-  description: "Every bundled asset — sizes, scale coverage, unused detection",
-  slot: "both",
-  icon: ({
-    size,
-    color
-  }) => /*#__PURE__*/_jsx(AssetsIcon, {
-    size: size,
-    color: color || ASSETS_ICON_COLOR
-  }),
-  component: AssetsModal
-});
-
-/** Create a custom Assets tool configuration. */
-export const createAssetsTool = createToolFactory(assetsToolPreset);
-//# sourceMappingURL=preset.js.map
+"use strict";import{AssetsIcon,ASSETS_ICON_COLOR}from"./components/AssetsIcon";import{AssetsModal}from"./components/AssetsModal";import{createToolFactory,defineToolPreset}from"@buoy-gg/shared-ui";import{jsx as _jsx}from"react/jsx-runtime";export const assetsToolPreset=defineToolPreset({id:"assets",name:"ASSETS",description:"Every bundled asset — sizes, scale coverage, unused detection",slot:"both",icon:({size:s,color:e})=>_jsx(AssetsIcon,{size:s,color:e||ASSETS_ICON_COLOR}),component:AssetsModal});export const createAssetsTool=createToolFactory(assetsToolPreset);