@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/module/history/HistoryProvider.js

@@ -1,237 +1 @@
-"use strict";
-
-/**
- * HistoryProvider - Context for Universal History DevTools
- *
- * Manages registered adapters and provides unified access to history
- * from Redux, Zustand, MMKV, React Query, etc.
- */
-
-import { createContext, useContext, useState, useCallback, useMemo, useEffect } from "react";
-
-// =============================================================================
-// CONTEXT VALUE
-// =============================================================================
-import { jsx as _jsx } from "react/jsx-runtime";
-const HistoryContext = /*#__PURE__*/createContext(null);
-
-// =============================================================================
-// PROVIDER
-// =============================================================================
-
-export function HistoryProvider({
-  children,
-  initialAdapters = []
-}) {
-  // Adapter registry
-  const [adapterMap, setAdapterMap] = useState(() => {
-    const map = new Map();
-    initialAdapters.forEach(reg => {
-      map.set(reg.adapter.id, {
-        ...reg,
-        enabled: reg.enabled ?? true
-      });
-    });
-    return map;
-  });
-
-  // Selected adapter filter
-  const [selectedAdapterId, setSelectedAdapterId] = useState(null);
-
-  // Refresh trigger
-  const [refreshKey, setRefreshKey] = useState(0);
-  const refresh = useCallback(() => setRefreshKey(k => k + 1), []);
-
-  // Subscribe to all adapters
-  useEffect(() => {
-    const unsubscribes = [];
-    adapterMap.forEach(reg => {
-      if (reg.enabled) {
-        const unsub = reg.adapter.subscribe(refresh);
-        unsubscribes.push(unsub);
-      }
-    });
-    return () => {
-      unsubscribes.forEach(unsub => unsub());
-    };
-  }, [adapterMap, refresh]);
-
-  // Get sorted adapters list
-  const adapters = useMemo(() => {
-    return Array.from(adapterMap.values()).filter(reg => reg.enabled).sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100)).map(reg => reg.adapter);
-  }, [adapterMap, refreshKey]);
-
-  // Get adapter by id
-  const getAdapter = useCallback(id => adapterMap.get(id)?.adapter, [adapterMap]);
-
-  // Register adapter
-  const registerAdapter = useCallback(registration => {
-    setAdapterMap(prev => {
-      const next = new Map(prev);
-      next.set(registration.adapter.id, {
-        ...registration,
-        enabled: registration.enabled ?? true
-      });
-      return next;
-    });
-  }, []);
-
-  // Unregister adapter
-  const unregisterAdapter = useCallback(id => {
-    setAdapterMap(prev => {
-      const next = new Map(prev);
-      next.delete(id);
-      return next;
-    });
-  }, []);
-
-  // Get all entries (combined or filtered)
-  const getAllEntries = useCallback(filter => {
-    let entries = [];
-
-    // Collect from all (or selected) adapters
-    const sourceAdapters = selectedAdapterId && filter?.sources === undefined ? adapters.filter(a => a.id === selectedAdapterId) : adapters;
-    sourceAdapters.forEach(adapter => {
-      // Skip if sources filter excludes this adapter
-      if (filter?.sources && !filter.sources.includes(adapter.id)) {
-        return;
-      }
-      entries = entries.concat(adapter.getEntries());
-    });
-
-    // Apply filters
-    if (filter) {
-      entries = applyFilter(entries, filter);
-    }
-
-    // Sort by timestamp (newest first by default)
-    entries.sort((a, b) => b.timestamp - a.timestamp);
-    return entries;
-  }, [adapters, selectedAdapterId, refreshKey]);
-
-  // Get entry counts per source
-  const getEntryCounts = useCallback(() => {
-    const counts = {};
-    adapters.forEach(adapter => {
-      counts[adapter.id] = adapter.getEntryCount();
-    });
-    return counts;
-  }, [adapters, refreshKey]);
-  const value = useMemo(() => ({
-    adapters,
-    getAdapter,
-    registerAdapter,
-    unregisterAdapter,
-    getAllEntries,
-    getEntryCounts,
-    selectedAdapterId,
-    setSelectedAdapterId,
-    refresh
-  }), [adapters, getAdapter, registerAdapter, unregisterAdapter, getAllEntries, getEntryCounts, selectedAdapterId, refresh]);
-  return /*#__PURE__*/_jsx(HistoryContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-// =============================================================================
-// HOOKS
-// =============================================================================
-
-/**
- * Get the full history context
- */
-export function useHistoryContext() {
-  const context = useContext(HistoryContext);
-  if (!context) {
-    throw new Error("useHistoryContext must be used within a HistoryProvider");
-  }
-  return context;
-}
-
-/**
- * Get all registered adapters
- */
-export function useHistoryAdapters() {
-  return useHistoryContext().adapters;
-}
-
-/**
- * Get a specific adapter by id
- */
-export function useHistoryAdapter(id) {
-  return useHistoryContext().getAdapter(id);
-}
-
-/**
- * Get combined entries from all adapters
- */
-export function useAllHistoryEntries(filter) {
-  const {
-    getAllEntries
-  } = useHistoryContext();
-  return getAllEntries(filter);
-}
-
-/**
- * Get entry counts per source
- */
-export function useHistoryEntryCounts() {
-  return useHistoryContext().getEntryCounts();
-}
-
-// =============================================================================
-// FILTER HELPER
-// =============================================================================
-
-function applyFilter(entries, filter) {
-  return entries.filter(entry => {
-    // Search text
-    if (filter.searchText) {
-      const search = filter.searchText.toLowerCase();
-      if (!entry.label.toLowerCase().includes(search)) {
-        return false;
-      }
-    }
-
-    // Only with changes
-    if (filter.onlyWithChanges && !entry.hasStateChange) {
-      return false;
-    }
-
-    // Only errors
-    if (filter.onlyErrors && entry.status !== "error") {
-      return false;
-    }
-
-    // Time range
-    if (filter.afterTimestamp && entry.timestamp < filter.afterTimestamp) {
-      return false;
-    }
-    if (filter.beforeTimestamp && entry.timestamp > filter.beforeTimestamp) {
-      return false;
-    }
-
-    // Ignored patterns
-    if (filter.ignoredPatterns?.length) {
-      for (const pattern of filter.ignoredPatterns) {
-        if (new RegExp(pattern).test(entry.label)) {
-          return false;
-        }
-      }
-    }
-
-    // Included patterns (must match at least one)
-    if (filter.includedPatterns?.length) {
-      let matched = false;
-      for (const pattern of filter.includedPatterns) {
-        if (new RegExp(pattern).test(entry.label)) {
-          matched = true;
-          break;
-        }
-      }
-      if (!matched) return false;
-    }
-    return true;
-  });
-}
+"use strict";import{createContext as P,useContext as v,useState as l,useCallback as d,useMemo as y,useEffect as M}from"react";import{jsx as T}from"react/jsx-runtime";const g=P(null);export function HistoryProvider({children:n,initialAdapters:r=[]}){const[s,o]=l(()=>{const e=new Map;r.forEach(t=>{e.set(t.adapter.id,{...t,enabled:t.enabled??true})});return e});const[u,A]=l(null);const[f,C]=l(0);const p=d(()=>C(e=>e+1),[]);M(()=>{const e=[];s.forEach(t=>{if(t.enabled){const a=t.adapter.subscribe(p);e.push(a)}});return()=>{e.forEach(t=>t())}},[s,p]);const c=y(()=>{return Array.from(s.values()).filter(e=>e.enabled).sort((e,t)=>(e.priority??100)-(t.priority??100)).map(e=>e.adapter)},[s,f]);const m=d(e=>s.get(e)?.adapter,[s]);const h=d(e=>{o(t=>{const a=new Map(t);a.set(e.adapter.id,{...e,enabled:e.enabled??true});return a})},[]);const x=d(e=>{o(t=>{const a=new Map(t);a.delete(e);return a})},[]);const b=d(e=>{let t=[];const a=u&&e?.sources===void 0?c.filter(i=>i.id===u):c;a.forEach(i=>{if(e?.sources&&!e.sources.includes(i.id)){return}t=t.concat(i.getEntries())});if(e){t=R(t,e)}t.sort((i,H)=>H.timestamp-i.timestamp);return t},[c,u,f]);const E=d(()=>{const e={};c.forEach(t=>{e[t.id]=t.getEntryCount()});return e},[c,f]);const w=y(()=>({adapters:c,getAdapter:m,registerAdapter:h,unregisterAdapter:x,getAllEntries:b,getEntryCounts:E,selectedAdapterId:u,setSelectedAdapterId:A,refresh:p}),[c,m,h,x,b,E,u,p]);return T(g.Provider,{value:w,children:n})}export function useHistoryContext(){const n=v(g);if(!n){throw new Error("useHistoryContext must be used within a HistoryProvider")}return n}export function useHistoryAdapters(){return useHistoryContext().adapters}export function useHistoryAdapter(n){return useHistoryContext().getAdapter(n)}export function useAllHistoryEntries(n){const{getAllEntries:r}=useHistoryContext();return r(n)}export function useHistoryEntryCounts(){return useHistoryContext().getEntryCounts()}function R(n,r){return n.filter(s=>{if(r.searchText){const o=r.searchText.toLowerCase();if(!s.label.toLowerCase().includes(o)){return false}}if(r.onlyWithChanges&&!s.hasStateChange){return false}if(r.onlyErrors&&s.status!=="error"){return false}if(r.afterTimestamp&&s.timestamp<r.afterTimestamp){return false}if(r.beforeTimestamp&&s.timestamp>r.beforeTimestamp){return false}if(r.ignoredPatterns?.length){for(const o of r.ignoredPatterns){if(new RegExp(o).test(s.label)){return false}}}if(r.includedPatterns?.length){let o=false;for(const u of r.includedPatterns){if(new RegExp(u).test(s.label)){o=true;break}}if(!o)return false}return true})}

package/lib/module/history/components/HistoryEntryRow.js

@@ -1,142 +1 @@
-"use strict";
-
-/**
- * HistoryEntryRow - Universal row component for history entries
- *
- * Wraps CompactRow to display entries from any adapter (Redux, Zustand, MMKV, etc.)
- */
-
-import { View, Text, StyleSheet } from "react-native";
-import { CompactRow } from "../../ui/components/CompactRow.js";
-import { buoyColors } from "../../ui/gameUI/constants/gameUIColors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Format timestamp to relative time
- */
-function formatRelativeTime(timestamp) {
-  const now = Date.now();
-  const diff = now - timestamp;
-  if (diff < 1000) return "just now";
-  if (diff < 60000) return `${Math.floor(diff / 1000)}s ago`;
-  if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;
-  return `${Math.floor(diff / 3600000)}h ago`;
-}
-
-/**
- * Get status color based on entry properties
- */
-function getStatusColor(entry, adapter) {
-  // Use adapter color if available
-  if (adapter?.color) {
-    return adapter.color;
-  }
-
-  // Status-based colors (React Query style)
-  if (entry.status === "error") return buoyColors.error;
-  if (entry.status === "pending") return buoyColors.warning;
-  if (entry.status === "success") return buoyColors.success;
-
-  // Change-based colors
-  if (entry.hasStateChange) return buoyColors.success;
-
-  // Skipped entries
-  if (entry.isSkipped) return buoyColors.textMuted;
-
-  // Future entries (after current index)
-  if (entry.isInFuture) return buoyColors.textMuted + "80";
-
-  // Source-based fallback colors
-  switch (entry.source) {
-    case "redux":
-      return "#764ABC";
-    // Redux purple
-    case "zustand":
-      return "#443E38";
-    // Zustand brown
-    case "mmkv":
-      return "#4CAF50";
-    // Green
-    case "async-storage":
-      return "#2196F3";
-    // Blue
-    case "react-query":
-      return "#FF4154";
-    // React Query red
-    case "jotai":
-      return "#000000";
-    // Black
-    case "legend-state":
-      return "#7C3AED";
-    // Purple
-    default:
-      return buoyColors.textSecondary;
-  }
-}
-
-/**
- * Get status label for display
- */
-function getStatusLabel(entry) {
-  if (entry.isSkipped) return "Skipped";
-  if (entry.isInFuture) return "Future";
-  if (entry.status) {
-    return entry.status.charAt(0).toUpperCase() + entry.status.slice(1);
-  }
-  if (entry.hasStateChange) return "Changed";
-  return "Action";
-}
-
-/**
- * Get sublabel (source or category)
- */
-function getSublabel(entry, adapter) {
-  if (adapter?.name) return adapter.name;
-  if (entry.category) return entry.category;
-  return entry.source;
-}
-export function HistoryEntryRow({
-  entry,
-  adapter,
-  isSelected,
-  onPress,
-  showSource = true,
-  showDuration = true
-}) {
-  const statusColor = getStatusColor(entry, adapter);
-  const statusLabel = getStatusLabel(entry);
-  const sublabel = showSource ? getSublabel(entry, adapter) : undefined;
-
-  // Build bottom right text (timestamp + optional duration)
-  let bottomRightText = formatRelativeTime(entry.timestamp);
-  if (showDuration && entry.duration !== undefined) {
-    bottomRightText = `${entry.duration.toFixed(1)}ms · ${bottomRightText}`;
-  }
-
-  // Custom badge showing change indicator
-  const customBadge = entry.hasStateChange ? /*#__PURE__*/_jsx(View, {
-    style: styles.changeBadge,
-    children: /*#__PURE__*/_jsx(Text, {
-      style: styles.changeBadgeText,
-      children: "\u26A1"
-    })
-  }) : undefined;
-  return /*#__PURE__*/_jsx(CompactRow, {
-    statusDotColor: statusColor,
-    statusLabel: statusLabel,
-    statusSublabel: sublabel,
-    primaryText: entry.label,
-    bottomRightText: bottomRightText,
-    customBadge: customBadge,
-    isSelected: isSelected,
-    onPress: onPress ? () => onPress(entry) : undefined,
-    showChevron: !!onPress
-  });
-}
-const styles = StyleSheet.create({
-  changeBadge: {
-    paddingHorizontal: 4
-  },
-  changeBadgeText: {
-    fontSize: 12
-  }
-});
+"use strict";import{View as h,Text as m,StyleSheet as p}from"react-native";import{CompactRow as S}from"../../ui/components/CompactRow.js";import{buoyColors as s}from"../../ui/gameUI/constants/gameUIColors.js";import{jsx as a}from"react/jsx-runtime";function x(t){const e=Date.now();const r=e-t;if(r<1e3)return"just now";if(r<6e4)return`${Math.floor(r/1e3)}s ago`;if(r<36e5)return`${Math.floor(r/6e4)}m ago`;return`${Math.floor(r/36e5)}h ago`}function C(t,e){if(e?.color){return e.color}if(t.status==="error")return s.error;if(t.status==="pending")return s.warning;if(t.status==="success")return s.success;if(t.hasStateChange)return s.success;if(t.isSkipped)return s.textMuted;if(t.isInFuture)return s.textMuted+"80";switch(t.source){case"redux":return"#764ABC";case"zustand":return"#443E38";case"mmkv":return"#4CAF50";case"async-storage":return"#2196F3";case"react-query":return"#FF4154";case"jotai":return"#000000";case"legend-state":return"#7C3AED";default:return s.textSecondary}}function b(t){if(t.isSkipped)return"Skipped";if(t.isInFuture)return"Future";if(t.status){return t.status.charAt(0).toUpperCase()+t.status.slice(1)}if(t.hasStateChange)return"Changed";return"Action"}function w(t,e){if(e?.name)return e.name;if(t.category)return t.category;return t.source}export function HistoryEntryRow({entry:t,adapter:e,isSelected:r,onPress:u,showSource:i=true,showDuration:c=true}){const f=C(t,e);const l=b(t);const d=i?w(t,e):void 0;let o=x(t.timestamp);if(c&&t.duration!==void 0){o=`${t.duration.toFixed(1)}ms \xB7 ${o}`}const g=t.hasStateChange?a(h,{style:n.changeBadge,children:a(m,{style:n.changeBadgeText,children:"\u26A1"})}):void 0;return a(S,{statusDotColor:f,statusLabel:l,statusSublabel:d,primaryText:t.label,bottomRightText:o,customBadge:g,isSelected:r,onPress:u?()=>u(t):void 0,showChevron:!!u})}const n=p.create({changeBadge:{paddingHorizontal:4},changeBadgeText:{fontSize:12}});

package/lib/module/history/components/HistoryList.js

@@ -1,169 +1 @@
-"use strict";
-
-/**
- * HistoryList - Virtualized list of history entries
- *
- * Displays entries from one or all adapters with filtering and search.
- */
-
-import { useCallback, useMemo } from "react";
-import { FlatList, View, Text, StyleSheet } from "react-native";
-import { buoyColors } from "../../ui/gameUI/constants/gameUIColors.js";
-import { HistoryEntryRow } from "./HistoryEntryRow.js";
-import { useAllHistoryEntries, useHistoryAdapters } from "../HistoryProvider.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function HistoryList({
-  filter,
-  selectedEntryId,
-  onSelectEntry,
-  showSource = true,
-  emptyMessage = "No history entries yet",
-  ListHeaderComponent,
-  ListFooterComponent
-}) {
-  const entries = useAllHistoryEntries(filter);
-  const adapters = useHistoryAdapters();
-
-  // Create adapter lookup map
-  const adapterMap = useMemo(() => {
-    const map = new Map();
-    adapters.forEach(adapter => map.set(adapter.id, adapter));
-    return map;
-  }, [adapters]);
-
-  // Stable key extractor
-  const keyExtractor = useCallback(item => `${item.source}-${item.id}`, []);
-
-  // Render item
-  const renderItem = useCallback(({
-    item
-  }) => {
-    const adapter = adapterMap.get(item.source);
-    return /*#__PURE__*/_jsx(HistoryEntryRow, {
-      entry: item,
-      adapter: adapter,
-      isSelected: selectedEntryId === item.id,
-      onPress: onSelectEntry,
-      showSource: showSource
-    });
-  }, [adapterMap, selectedEntryId, onSelectEntry, showSource]);
-
-  // Empty state
-  const ListEmptyComponent = useMemo(() => /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyContainer,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      children: emptyMessage
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptySubtext,
-      children: "Actions will appear here as they happen"
-    })]
-  }), [emptyMessage]);
-  return /*#__PURE__*/_jsx(FlatList, {
-    data: entries,
-    keyExtractor: keyExtractor,
-    renderItem: renderItem,
-    ListEmptyComponent: ListEmptyComponent,
-    ListHeaderComponent: ListHeaderComponent,
-    ListFooterComponent: ListFooterComponent,
-    contentContainerStyle: styles.listContent,
-    showsVerticalScrollIndicator: false
-    // Performance optimizations
-    ,
-    removeClippedSubviews: true,
-    maxToRenderPerBatch: 15,
-    windowSize: 10,
-    initialNumToRender: 15,
-    getItemLayout: undefined // Dynamic height rows
-  });
-}
-
-/**
- * Standalone HistoryList that doesn't require HistoryProvider
- * Use this when you want to pass entries directly
- */
-
-export function StandaloneHistoryList({
-  entries,
-  adapters = [],
-  selectedEntryId,
-  onSelectEntry,
-  showSource = true,
-  emptyMessage = "No history entries yet",
-  ListHeaderComponent,
-  ListFooterComponent
-}) {
-  // Create adapter lookup map
-  const adapterMap = useMemo(() => {
-    const map = new Map();
-    adapters.forEach(adapter => map.set(adapter.id, adapter));
-    return map;
-  }, [adapters]);
-
-  // Stable key extractor
-  const keyExtractor = useCallback(item => `${item.source}-${item.id}`, []);
-
-  // Render item
-  const renderItem = useCallback(({
-    item
-  }) => {
-    const adapter = adapterMap.get(item.source);
-    return /*#__PURE__*/_jsx(HistoryEntryRow, {
-      entry: item,
-      adapter: adapter,
-      isSelected: selectedEntryId === item.id,
-      onPress: onSelectEntry,
-      showSource: showSource
-    });
-  }, [adapterMap, selectedEntryId, onSelectEntry, showSource]);
-
-  // Empty state
-  const ListEmptyComponent = useMemo(() => /*#__PURE__*/_jsxs(View, {
-    style: styles.emptyContainer,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.emptyText,
-      children: emptyMessage
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.emptySubtext,
-      children: "Actions will appear here as they happen"
-    })]
-  }), [emptyMessage]);
-  return /*#__PURE__*/_jsx(FlatList, {
-    data: entries,
-    keyExtractor: keyExtractor,
-    renderItem: renderItem,
-    ListEmptyComponent: ListEmptyComponent,
-    ListHeaderComponent: ListHeaderComponent,
-    ListFooterComponent: ListFooterComponent,
-    contentContainerStyle: styles.listContent,
-    showsVerticalScrollIndicator: false,
-    removeClippedSubviews: true,
-    maxToRenderPerBatch: 15,
-    windowSize: 10,
-    initialNumToRender: 15
-  });
-}
-const styles = StyleSheet.create({
-  listContent: {
-    flexGrow: 1,
-    paddingVertical: 4
-  },
-  emptyContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 60,
-    paddingHorizontal: 20
-  },
-  emptyText: {
-    fontSize: 16,
-    fontWeight: "600",
-    color: buoyColors.text,
-    marginBottom: 8
-  },
-  emptySubtext: {
-    fontSize: 13,
-    color: buoyColors.textMuted,
-    textAlign: "center"
-  }
-});
+"use strict";import{useCallback as m,useMemo as y}from"react";import{FlatList as w,View as L,Text as u,StyleSheet as T}from"react-native";import{buoyColors as g}from"../../ui/gameUI/constants/gameUIColors.js";import{HistoryEntryRow as E}from"./HistoryEntryRow.js";import{useAllHistoryEntries as b,useHistoryAdapters as I}from"../HistoryProvider.js";import{jsx as o,jsxs as H}from"react/jsx-runtime";export function HistoryList({filter:x,selectedEntryId:n,onSelectEntry:i,showSource:s=true,emptyMessage:a="No history entries yet",ListHeaderComponent:p,ListFooterComponent:h}){const C=b(x);const c=I();const l=y(()=>{const t=new Map;c.forEach(d=>t.set(d.id,d));return t},[c]);const f=m(t=>`${t.source}-${t.id}`,[]);const S=m(({item:t})=>{const d=l.get(t.source);return o(E,{entry:t,adapter:d,isSelected:n===t.id,onPress:i,showSource:s})},[l,n,i,s]);const e=y(()=>H(L,{style:r.emptyContainer,children:[o(u,{style:r.emptyText,children:a}),o(u,{style:r.emptySubtext,children:"Actions will appear here as they happen"})]}),[a]);return o(w,{data:C,keyExtractor:f,renderItem:S,ListEmptyComponent:e,ListHeaderComponent:p,ListFooterComponent:h,contentContainerStyle:r.listContent,showsVerticalScrollIndicator:false,removeClippedSubviews:true,maxToRenderPerBatch:15,windowSize:10,initialNumToRender:15,getItemLayout:void 0})}export function StandaloneHistoryList({entries:x,adapters:n=[],selectedEntryId:i,onSelectEntry:s,showSource:a=true,emptyMessage:p="No history entries yet",ListHeaderComponent:h,ListFooterComponent:C}){const c=y(()=>{const e=new Map;n.forEach(t=>e.set(t.id,t));return e},[n]);const l=m(e=>`${e.source}-${e.id}`,[]);const f=m(({item:e})=>{const t=c.get(e.source);return o(E,{entry:e,adapter:t,isSelected:i===e.id,onPress:s,showSource:a})},[c,i,s,a]);const S=y(()=>H(L,{style:r.emptyContainer,children:[o(u,{style:r.emptyText,children:p}),o(u,{style:r.emptySubtext,children:"Actions will appear here as they happen"})]}),[p]);return o(w,{data:x,keyExtractor:l,renderItem:f,ListEmptyComponent:S,ListHeaderComponent:h,ListFooterComponent:C,contentContainerStyle:r.listContent,showsVerticalScrollIndicator:false,removeClippedSubviews:true,maxToRenderPerBatch:15,windowSize:10,initialNumToRender:15})}const r=T.create({listContent:{flexGrow:1,paddingVertical:4},emptyContainer:{flex:1,alignItems:"center",justifyContent:"center",paddingVertical:60,paddingHorizontal:20},emptyText:{fontSize:16,fontWeight:"600",color:g.text,marginBottom:8},emptySubtext:{fontSize:13,color:g.textMuted,textAlign:"center"}});

package/lib/module/history/components/index.js

@@ -1,8 +1 @@
-"use strict";
-
-/**
- * Universal History DevTools Components
- */
-
-export { HistoryEntryRow } from "./HistoryEntryRow.js";
-export { HistoryList, StandaloneHistoryList } from "./HistoryList.js";
+"use strict";export{HistoryEntryRow}from"./HistoryEntryRow.js";export{HistoryList,StandaloneHistoryList}from"./HistoryList.js";

package/lib/module/history/index.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * Universal History DevTools
- *
- * A unified devtools experience for Redux, Zustand, MMKV, React Query, and more.
- */
-
-// Types (IconComponent is already exported from ui)
-
-// Provider & Hooks
-export { HistoryProvider, useHistoryContext, useHistoryAdapters, useHistoryAdapter, useAllHistoryEntries, useHistoryEntryCounts } from "./HistoryProvider.js";
-
-// Components
-export { HistoryEntryRow, HistoryList, StandaloneHistoryList } from "./components/index.js";
+"use strict";export{HistoryProvider,useHistoryContext,useHistoryAdapters,useHistoryAdapter,useAllHistoryEntries,useHistoryEntryCounts}from"./HistoryProvider.js";export{HistoryEntryRow,HistoryList,StandaloneHistoryList}from"./components/index.js";

package/lib/module/history/types.js

@@ -1,3 +1 @@
-"use strict";
-
-export {};
+"use strict";export{};

package/lib/module/hooks/index.js

@@ -1,9 +1 @@
-"use strict";
-
-export { useFilterManager } from "./useFilterManager.js";
-export { usePersistedState, resetPersistedStateCache } from "./usePersistedState.js";
-export { useChangeLog, useSubscribedValue } from "./useChangeLog.js";
-export { useEventStoreEvents } from "./useEventStoreEvents.js";
-export { useSafeAreaInsets } from "./useSafeAreaInsets.js";
-export { getSafeAreaInsets } from "./useSafeAreaInsets.js";
-export { useDeviceInfo, getDeviceInfo, logDeviceInfo } from "./useDeviceInfo.js";
+"use strict";export{useFilterManager}from"./useFilterManager.js";export{usePersistedState,resetPersistedStateCache}from"./usePersistedState.js";export{useChangeLog,useSubscribedValue}from"./useChangeLog.js";export{useEventStoreEvents}from"./useEventStoreEvents.js";export{useSafeAreaInsets}from"./useSafeAreaInsets";export{getSafeAreaInsets}from"./useSafeAreaInsets";export{useDeviceInfo,getDeviceInfo,logDeviceInfo}from"./useDeviceInfo.js";

package/lib/module/hooks/safe-area-impl.js

@@ -1,23 +1 @@
-"use strict";
-
-/**
- * Auto-generated safe area implementation
- * Detected: none
- * Generated at: 2026-09-18T04:12:37.375Z
- *
- * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
- *
- * No react-native-safe-area-context found. Using pure JS fallback only.
- * Install react-native-safe-area-context for more accurate safe area values.
- */
-
-export const safeAreaType = "pure-js";
-export const hasSafeAreaPackage = false;
-
-/**
- * Hook that returns null since react-native-safe-area-context is not installed.
- * The main useSafeAreaInsets hook will use pure JS fallback.
- */
-export const useNativeSafeAreaInsets = () => {
-  return null;
-};
+"use strict";export const safeAreaType="pure-js";export const hasSafeAreaPackage=false;export const useNativeSafeAreaInsets=()=>{return null};

package/lib/module/hooks/useChangeLog.js

@@ -1,50 +1 @@
-"use strict";
-
-/**
- * React bindings for `ChangeLog` — what useReduxActions, useZustandStateChanges
- * and useJotaiAtomChanges each re-derived: seed state from the log, subscribe
- * for the lifetime of the component, hold a filter, memoize the filtered
- * list, and expose clear / pause / lookup.
- *
- * Tool-specific stats and registries (stores, atoms) compose on top — see
- * `useSubscribedValue` for the registry half.
- */
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-export function useChangeLog(log, options = {}) {
-  const [items, setItems] = useState(() => log.getAll());
-  const [filter, setFilter] = useState(() => options.initialFilter ?? {});
-  const [isEnabled, setIsEnabled] = useState(() => log.getEnabled());
-  useEffect(() => log.subscribe(setItems), [log]);
-  const filterItems = options.filterItems;
-  const filteredItems = useMemo(() => filterItems ? filterItems(items, filter) : items, [items, filter, filterItems]);
-  const clear = useCallback(() => {
-    log.clear();
-  }, [log]);
-  const toggleCapture = useCallback(() => {
-    const next = !isEnabled;
-    log.setEnabled(next);
-    setIsEnabled(next);
-  }, [log, isEnabled]);
-  const getById = useCallback(id => log.getById(id), [log]);
-  return {
-    items,
-    filteredItems,
-    filter,
-    setFilter,
-    isEnabled,
-    toggleCapture,
-    clear,
-    getById
-  };
-}
-
-/**
- * Hold a value that a store pushes through a `(value) => void` listener —
- * a registry of stores, atoms, sources. Seeded synchronously from `read`.
- */
-export function useSubscribedValue(read, subscribe) {
-  const [value, setValue] = useState(read);
-  useEffect(() => subscribe(setValue), [subscribe]);
-  return value;
-}
+"use strict";import{useCallback as l,useEffect as f,useMemo as p,useState as r}from"react";export function useChangeLog(e,s={}){const[t,c]=r(()=>e.getAll());const[u,d]=r(()=>s.initialFilter??{});const[a,m]=r(()=>e.getEnabled());f(()=>e.subscribe(c),[e]);const i=s.filterItems;const o=p(()=>i?i(t,u):t,[t,u,i]);const b=l(()=>{e.clear()},[e]);const I=l(()=>{const n=!a;e.setEnabled(n);m(n)},[e,a]);const E=l(n=>e.getById(n),[e]);return{items:t,filteredItems:o,filter:u,setFilter:d,isEnabled:a,toggleCapture:I,clear:b,getById:E}}export function useSubscribedValue(e,s){const[t,c]=r(e);f(()=>s(c),[s]);return t}