@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/commonjs/components/RouteEventsTimeline.js

@@ -1,107 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteEventsTimeline = RouteEventsTimeline;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _RouteEventItemCompact = require("./RouteEventItemCompact");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * RouteEventsTimeline - Chronological timeline of route navigation events
- *
- * Shows events in the order they happened (most recent first),
- * providing a clear history of navigation actions.
- *
- * Tapping a row opens the full-screen detail view (parity with the Events
- * tool) via onSelectEvent — rows no longer expand inline.
- */
-
-function RouteEventsTimeline({
-  events,
-  visitCounts,
-  onNavigate,
-  onSelectEvent
-}) {
-  const handleItemPress = (0, _react.useCallback)(index => {
-    const event = events[index];
-    if (!event) return;
-    onSelectEvent(event, visitCounts.get(event) || 1);
-  }, [events, visitCounts, onSelectEvent]);
-  if (events.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.emptyState,
-      testID: "buoy-routes-empty",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Navigation, {
-        size: 48,
-        color: _sharedUi.night.color.textTertiary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyTitle,
-        testID: "buoy-routes-empty-title",
-        children: "No events yet"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptySubtitle,
-        testID: "buoy-routes-empty-subtitle",
-        children: "Navigation events will appear here"
-      })]
-    });
-  }
-  return (
-    /*#__PURE__*/
-    // Virtualized — the previous ScrollView + map mounted ALL events (at
-    // the 500-event cap that measured 32.8 JS FPS during an idle dwell,
-    // tool-bench 2026-07-06).
-    (0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      testID: "buoy-routes-timeline",
-      contentContainerStyle: styles.listContent,
-      data: events
-      // STABLE content keys — index-based keys remount every row when a new
-      // event prepends (measured 4 JS FPS during automation, which emits
-      // route events on every bounce; tool-bench 2026-07-06).
-      ,
-      keyExtractor: event => `${event.timestamp}-${event.pathname}`,
-      renderItem: ({
-        item: event,
-        index
-      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_RouteEventItemCompact.RouteEventItemCompact, {
-        event: event,
-        visitNumber: visitCounts.get(event) || 1,
-        isExpanded: false,
-        index: index,
-        onPress: handleItemPress,
-        onNavigate: onNavigate
-      }),
-      showsVerticalScrollIndicator: true,
-      ..._sharedUi.EVENT_LIST_PRESET
-    })
-  );
-}
-const styles = _reactNative.StyleSheet.create({
-  listContent: {
-    paddingVertical: 8
-  },
-  emptyState: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 16,
-    fontWeight: "600",
-    marginTop: 16,
-    marginBottom: 8,
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  emptySubtitle: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: 14,
-    textAlign: "center",
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteEventsTimeline=RouteEventsTimeline;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _RouteEventItemCompact=require("./RouteEventItemCompact");var _jsxRuntime=require("react/jsx-runtime");function RouteEventsTimeline({events:r,visitCounts:i,onNavigate:n,onSelectEvent:o}){const a=(0,_react.useCallback)(e=>{const t=r[e];if(!t)return;o(t,i.get(t)||1)},[r,i,o]);if(r.length===0){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.emptyState,testID:"buoy-routes-empty",children:[(0,_jsxRuntime.jsx)(_sharedUi.Navigation,{size:48,color:_sharedUi.night.color.textTertiary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyTitle,testID:"buoy-routes-empty-title",children:"No events yet"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptySubtitle,testID:"buoy-routes-empty-subtitle",children:"Navigation events will appear here"})]})}return(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:"buoy-routes-timeline",contentContainerStyle:styles.listContent,data:r,keyExtractor:e=>`${e.timestamp}-${e.pathname}`,renderItem:({item:e,index:t})=>(0,_jsxRuntime.jsx)(_RouteEventItemCompact.RouteEventItemCompact,{event:e,visitNumber:i.get(e)||1,isExpanded:false,index:t,onPress:a,onNavigate:n}),showsVerticalScrollIndicator:true,..._sharedUi.EVENT_LIST_PRESET})}const styles=_reactNative.StyleSheet.create({listContent:{paddingVertical:8},emptyState:{flex:1,justifyContent:"center",alignItems:"center",padding:32},emptyTitle:{color:_sharedUi.night.color.text,fontSize:16,fontWeight:"600",marginTop:16,marginBottom:8,fontFamily:_sharedUi.monoFont,letterSpacing:.5,textTransform:"uppercase"},emptySubtitle:{color:_sharedUi.night.color.textSecondary,fontSize:14,textAlign:"center",fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/components/RouteFilterViewV2.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteFilterViewV2 = RouteFilterViewV2;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function RouteFilterViewV2({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  availablePathnames = []
-}) {
-  const filterConfig = {
-    addFilterSection: {
-      enabled: true,
-      placeholder: "Enter pattern (e.g., /_sitemap)",
-      title: "ACTIVE FILTERS",
-      icon: _sharedUi.Filter
-    },
-    availableItemsSection: {
-      enabled: true,
-      title: "AVAILABLE ROUTES FROM EVENTS",
-      emptyMessage: "No routes available. Routes from navigation events will appear here.",
-      items: availablePathnames
-    },
-    howItWorksSection: {
-      enabled: true,
-      title: "HOW FILTERS WORK",
-      description: "Filtered routes will not appear in the route events list. Patterns match if the route contains the specified text.",
-      examples: ["• /_sitemap → filters /_sitemap routes", "• /api → filters /api/users, /api/posts", "• [id] → filters all routes with [id] param"],
-      icon: _sharedUi.Filter
-    },
-    onPatternToggle: onTogglePattern,
-    onPatternAdd: onAddPattern,
-    activePatterns: ignoredPatterns
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.DynamicFilterView, {
-    ...filterConfig
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteFilterViewV2=RouteFilterViewV2;var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function RouteFilterViewV2({ignoredPatterns:e,onTogglePattern:t,onAddPattern:i,availablePathnames:r=[]}){const a={addFilterSection:{enabled:true,placeholder:"Enter pattern (e.g., /_sitemap)",title:"ACTIVE FILTERS",icon:_sharedUi.Filter},availableItemsSection:{enabled:true,title:"AVAILABLE ROUTES FROM EVENTS",emptyMessage:"No routes available. Routes from navigation events will appear here.",items:r},howItWorksSection:{enabled:true,title:"HOW FILTERS WORK",description:"Filtered routes will not appear in the route events list. Patterns match if the route contains the specified text.",examples:["\u2022 /_sitemap \u2192 filters /_sitemap routes","\u2022 /api \u2192 filters /api/users, /api/posts","\u2022 [id] \u2192 filters all routes with [id] param"],icon:_sharedUi.Filter},onPatternToggle:t,onPatternAdd:i,activePatterns:e};return(0,_jsxRuntime.jsx)(_sharedUi.DynamicFilterView,{...a})}