@buoy-gg/route-events 7.0.41 → 7.0.43

package/lib/module/components/RouteEventsTimeline.js

@@ -1,103 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-
-import { useCallback } from "react";
-import { View, Text, FlatList, StyleSheet } from "react-native";
-import { Navigation, night, EVENT_LIST_PRESET, monoFont } from "@buoy-gg/shared-ui";
-import { RouteEventItemCompact } from "./RouteEventItemCompact";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function RouteEventsTimeline({
-  events,
-  visitCounts,
-  onNavigate,
-  onSelectEvent
-}) {
-  const handleItemPress = useCallback(index => {
-    const event = events[index];
-    if (!event) return;
-    onSelectEvent(event, visitCounts.get(event) || 1);
-  }, [events, visitCounts, onSelectEvent]);
-  if (events.length === 0) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.emptyState,
-      testID: "buoy-routes-empty",
-      children: [/*#__PURE__*/_jsx(Navigation, {
-        size: 48,
-        color: night.color.textTertiary
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.emptyTitle,
-        testID: "buoy-routes-empty-title",
-        children: "No events yet"
-      }), /*#__PURE__*/_jsx(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).
-    _jsx(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__*/_jsx(RouteEventItemCompact, {
-        event: event,
-        visitNumber: visitCounts.get(event) || 1,
-        isExpanded: false,
-        index: index,
-        onPress: handleItemPress,
-        onNavigate: onNavigate
-      }),
-      showsVerticalScrollIndicator: true,
-      ...EVENT_LIST_PRESET
-    })
-  );
-}
-const styles = StyleSheet.create({
-  listContent: {
-    paddingVertical: 8
-  },
-  emptyState: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 32
-  },
-  emptyTitle: {
-    color: night.color.text,
-    fontSize: 16,
-    fontWeight: "600",
-    marginTop: 16,
-    marginBottom: 8,
-    fontFamily: monoFont,
-    letterSpacing: 0.5,
-    textTransform: "uppercase"
-  },
-  emptySubtitle: {
-    color: night.color.textSecondary,
-    fontSize: 14,
-    textAlign: "center",
-    fontFamily: monoFont
-  }
-});
+"use strict";import{useCallback as y}from"react";import{View as u,Text as s,FlatList as f,StyleSheet as d}from"react-native";import{Navigation as g,night as a,EVENT_LIST_PRESET as x,monoFont as m}from"@buoy-gg/shared-ui";import{RouteEventItemCompact as S}from"./RouteEventItemCompact";import{jsx as o,jsxs as h}from"react/jsx-runtime";export function RouteEventsTimeline({events:r,visitCounts:n,onNavigate:c,onSelectEvent:l}){const p=y(t=>{const e=r[t];if(!e)return;l(e,n.get(e)||1)},[r,n,l]);if(r.length===0){return h(u,{style:i.emptyState,testID:"buoy-routes-empty",children:[o(g,{size:48,color:a.color.textTertiary}),o(s,{style:i.emptyTitle,testID:"buoy-routes-empty-title",children:"No events yet"}),o(s,{style:i.emptySubtitle,testID:"buoy-routes-empty-subtitle",children:"Navigation events will appear here"})]})}return o(f,{testID:"buoy-routes-timeline",contentContainerStyle:i.listContent,data:r,keyExtractor:t=>`${t.timestamp}-${t.pathname}`,renderItem:({item:t,index:e})=>o(S,{event:t,visitNumber:n.get(t)||1,isExpanded:false,index:e,onPress:p,onNavigate:c}),showsVerticalScrollIndicator:true,...x})}const i=d.create({listContent:{paddingVertical:8},emptyState:{flex:1,justifyContent:"center",alignItems:"center",padding:32},emptyTitle:{color:a.color.text,fontSize:16,fontWeight:"600",marginTop:16,marginBottom:8,fontFamily:m,letterSpacing:.5,textTransform:"uppercase"},emptySubtitle:{color:a.color.textSecondary,fontSize:14,textAlign:"center",fontFamily:m}});

package/lib/module/components/RouteFilterViewV2.js

@@ -1,38 +1 @@
-"use strict";
-
-import { Filter, DynamicFilterView } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function RouteFilterViewV2({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  availablePathnames = []
-}) {
-  const filterConfig = {
-    addFilterSection: {
-      enabled: true,
-      placeholder: "Enter pattern (e.g., /_sitemap)",
-      title: "ACTIVE FILTERS",
-      icon: 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: Filter
-    },
-    onPatternToggle: onTogglePattern,
-    onPatternAdd: onAddPattern,
-    activePatterns: ignoredPatterns
-  };
-  return /*#__PURE__*/_jsx(DynamicFilterView, {
-    ...filterConfig
-  });
-}
+"use strict";import{Filter as e,DynamicFilterView as o}from"@buoy-gg/shared-ui";import{jsx as n}from"react/jsx-runtime";export function RouteFilterViewV2({ignoredPatterns:t,onTogglePattern:i,onAddPattern:r,availablePathnames:a=[]}){const s={addFilterSection:{enabled:true,placeholder:"Enter pattern (e.g., /_sitemap)",title:"ACTIVE FILTERS",icon:e},availableItemsSection:{enabled:true,title:"AVAILABLE ROUTES FROM EVENTS",emptyMessage:"No routes available. Routes from navigation events will appear here.",items:a},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:e},onPatternToggle:i,onPatternAdd:r,activePatterns:t};return n(o,{...s})}