@buoy-gg/console 4.0.2

package/lib/module/components/ConsoleModal.js

@@ -0,0 +1,44 @@
+"use strict";
+
+/**
+ * ConsoleModal
+ *
+ * Bottom-sheet wrapper for the console, rendered by FloatingDevTools when the
+ * Console tool is opened. The controls live in the shared ModalHeader
+ * (`customContent`) — matching Network/Events — and the body is the log list.
+ */
+
+import { JsModal } from "@buoy-gg/shared-ui";
+import { useConsoleController } from "../devtools/useConsoleController";
+import { ConsoleHeader } from "../devtools/ConsoleHeader";
+import { ConsoleBody } from "../devtools/ConsoleBody";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ConsoleModal({
+  visible,
+  onClose,
+  onBack,
+  onMinimize,
+  persistenceKey
+}) {
+  const c = useConsoleController();
+  return /*#__PURE__*/_jsx(JsModal, {
+    visible: visible,
+    onClose: onClose,
+    onMinimize: onMinimize,
+    persistenceKey: persistenceKey,
+    header: {
+      showToggleButton: true,
+      customContent: /*#__PURE__*/_jsx(ConsoleHeader, {
+        c: c,
+        onBack: onBack
+      })
+    },
+    enablePersistence: true,
+    initialMode: "bottomSheet",
+    disableScrollWrapper: true,
+    children: /*#__PURE__*/_jsx(ConsoleBody, {
+      c: c
+    })
+  });
+}
+//# sourceMappingURL=ConsoleModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["JsModal","useConsoleController","ConsoleHeader","ConsoleBody","jsx","_jsx","ConsoleModal","visible","onClose","onBack","onMinimize","persistenceKey","c","header","showToggleButton","customContent","enablePersistence","initialMode","disableScrollWrapper","children"],"sourceRoot":"../../../src","sources":["components/ConsoleModal.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUtD,OAAO,SAASC,YAAYA,CAAC;EAC3BC,OAAO;EACPC,OAAO;EACPC,MAAM;EACNC,UAAU;EACVC;AACiB,CAAC,EAAE;EACpB,MAAMC,CAAC,GAAGX,oBAAoB,CAAC,CAAC;EAChC,oBACEI,IAAA,CAACL,OAAO;IACNO,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBE,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BE,MAAM,EAAE;MACNC,gBAAgB,EAAE,IAAI;MACtBC,aAAa,eAAEV,IAAA,CAACH,aAAa;QAACU,CAAC,EAAEA,CAAE;QAACH,MAAM,EAAEA;MAAO,CAAE;IACvD,CAAE;IACFO,iBAAiB;IACjBC,WAAW,EAAC,aAAa;IACzBC,oBAAoB;IAAAC,QAAA,eAEpBd,IAAA,CAACF,WAAW;MAACS,CAAC,EAAEA;IAAE,CAAE;EAAC,CACd,CAAC;AAEd","ignoreList":[]}

package/lib/module/components/ConsoleRoot.js

@@ -0,0 +1,25 @@
+"use strict";
+
+import { useEffect } from "react";
+import { installConsoleCapture, initConsolePersistence } from "../store/consoleLogStore";
+
+/**
+ * Mount once near the app root to start capturing console output immediately,
+ * so logs emitted before the Console tool is opened are retained.
+ *
+ * Also restores a preserved buffer (or clears any stale one) before capture
+ * starts, so the session honors the "Preserve log" setting from the first log.
+ *
+ * @example
+ * ```tsx
+ * <ConsoleRoot />
+ * ```
+ */
+export function ConsoleRoot() {
+  useEffect(() => {
+    // Restore/clear the persisted buffer first, then start capturing.
+    void initConsolePersistence().finally(() => installConsoleCapture());
+  }, []);
+  return null;
+}
+//# sourceMappingURL=ConsoleRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","installConsoleCapture","initConsolePersistence","ConsoleRoot","finally"],"sourceRoot":"../../../src","sources":["components/ConsoleRoot.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SACEC,qBAAqB,EACrBC,sBAAsB,QACjB,0BAA0B;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAA,EAAS;EAClCH,SAAS,CAAC,MAAM;IACd;IACA,KAAKE,sBAAsB,CAAC,CAAC,CAACE,OAAO,CAAC,MAAMH,qBAAqB,CAAC,CAAC,CAAC;EACtE,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/module/devtools/ConsoleBody.js

@@ -0,0 +1,230 @@
+"use strict";
+
+/**
+ * ConsoleBody — the modal body. Renders the virtualized log list, or (when a
+ * header action selected it) a back-navigable Log levels / Console settings
+ * sub-view, mirroring how Network swaps its body to a filter sub-view.
+ */
+
+import React, { useCallback, useRef, useSyncExternalStore } from "react";
+import { View, Text, FlatList, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
+import { macOSColors, Check } from "@buoy-gg/shared-ui";
+import { consoleTheme } from "./theme";
+import { ConsoleMessageRow } from "./ConsoleMessageRow";
+import { ALL_LEVELS, DEFAULT_LEVELS, LEVEL_LABEL, LEVEL_ORDER } from "./consoleFilter";
+import { getPreserveLog, setPreserveLog, subscribePreserveLog } from "../store/consoleLogStore";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ConsoleBody({
+  c
+}) {
+  if (c.view === "filters") return /*#__PURE__*/_jsx(FiltersView, {
+    c: c
+  });
+  return /*#__PURE__*/_jsx(ConsoleList, {
+    c: c
+  });
+}
+
+// ─── Log list ────────────────────────────────────────────────────────────────
+
+function ConsoleList({
+  c
+}) {
+  const listRef = useRef(null);
+  const stickToBottom = useRef(true);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(ConsoleMessageRow, {
+    row: item,
+    showTimestamps: c.showTimestamps,
+    onToggleGroup: c.onToggleGroup,
+    onToggleCluster: c.onToggleCluster
+  }), [c.showTimestamps, c.onToggleGroup, c.onToggleCluster]);
+  return /*#__PURE__*/_jsx(FlatList, {
+    ref: listRef,
+    data: c.rows,
+    keyExtractor: item => item.key,
+    renderItem: renderItem,
+    style: styles.list,
+    initialNumToRender: 30,
+    maxToRenderPerBatch: 30,
+    windowSize: 21,
+    removeClippedSubviews: true,
+    onContentSizeChange: () => {
+      if (stickToBottom.current) listRef.current?.scrollToEnd({
+        animated: false
+      });
+    },
+    onScroll: e => {
+      const {
+        contentOffset,
+        contentSize,
+        layoutMeasurement
+      } = e.nativeEvent;
+      const distanceFromBottom = contentSize.height - (contentOffset.y + layoutMeasurement.height);
+      stickToBottom.current = distanceFromBottom < 40;
+    },
+    scrollEventThrottle: 100
+  });
+}
+
+// ─── Sub-views ───────────────────────────────────────────────────────────────
+
+function CheckRow({
+  on,
+  label,
+  subtext,
+  onPress
+}) {
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: styles.row,
+    onPress: onPress,
+    activeOpacity: 0.7,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.checkbox, on && styles.checkboxOn],
+      children: on ? /*#__PURE__*/_jsx(Check, {
+        size: 12,
+        color: macOSColors.background.base,
+        strokeWidth: 3
+      }) : null
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.rowTextCol,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.rowLabel,
+        children: label
+      }), subtext ? /*#__PURE__*/_jsx(Text, {
+        style: styles.rowSubtext,
+        children: subtext
+      }) : null]
+    })]
+  });
+}
+function SectionLabel({
+  text
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    style: styles.sectionLabel,
+    children: text
+  });
+}
+function FiltersView({
+  c
+}) {
+  const preserveLog = useSyncExternalStore(subscribePreserveLog, getPreserveLog, getPreserveLog);
+  const toggle = level => c.setLevelsMask({
+    ...c.levelsMask,
+    [level]: !c.levelsMask[level]
+  });
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    style: styles.subView,
+    contentContainerStyle: styles.subViewContent,
+    children: [/*#__PURE__*/_jsx(SectionLabel, {
+      text: "Log levels"
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.presetRow,
+      onPress: () => c.setLevelsMask({
+        ...DEFAULT_LEVELS
+      }),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.presetText,
+        children: "Default (hide verbose)"
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.presetRow,
+      onPress: () => c.setLevelsMask({
+        ...ALL_LEVELS
+      }),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.presetText,
+        children: "All levels"
+      })
+    }), LEVEL_ORDER.map(level => /*#__PURE__*/_jsx(CheckRow, {
+      on: c.levelsMask[level],
+      label: LEVEL_LABEL[level],
+      onPress: () => toggle(level)
+    }, level)), /*#__PURE__*/_jsx(View, {
+      style: styles.divider
+    }), /*#__PURE__*/_jsx(SectionLabel, {
+      text: "Settings"
+    }), /*#__PURE__*/_jsx(CheckRow, {
+      on: c.showTimestamps,
+      label: "Show timestamps",
+      onPress: () => c.setShowTimestamps(s => !s)
+    }), /*#__PURE__*/_jsx(CheckRow, {
+      on: preserveLog,
+      label: "Preserve log",
+      subtext: "Do not clear log on reload",
+      onPress: () => setPreserveLog(!preserveLog)
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  list: {
+    flex: 1,
+    backgroundColor: consoleTheme.baseContainer
+  },
+  subView: {
+    flex: 1,
+    backgroundColor: macOSColors.background.base
+  },
+  subViewContent: {
+    padding: 12
+  },
+  sectionLabel: {
+    color: macOSColors.text.muted,
+    fontSize: 11,
+    textTransform: "uppercase",
+    letterSpacing: 0.5,
+    marginTop: 4,
+    marginBottom: 4,
+    paddingHorizontal: 8
+  },
+  presetRow: {
+    paddingVertical: 10,
+    paddingHorizontal: 8
+  },
+  presetText: {
+    color: macOSColors.semantic.info,
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  divider: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: macOSColors.border.default,
+    marginVertical: 6
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: 10,
+    paddingHorizontal: 8,
+    gap: 12
+  },
+  rowTextCol: {
+    flexDirection: "column",
+    flex: 1
+  },
+  rowLabel: {
+    color: macOSColors.text.primary,
+    fontSize: 14
+  },
+  rowSubtext: {
+    color: macOSColors.text.muted,
+    fontSize: 12,
+    marginTop: 1
+  },
+  checkbox: {
+    width: 18,
+    height: 18,
+    borderRadius: 4,
+    borderWidth: 1,
+    borderColor: macOSColors.border.input,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkboxOn: {
+    backgroundColor: macOSColors.semantic.info,
+    borderColor: macOSColors.semantic.info
+  }
+});
+//# sourceMappingURL=ConsoleBody.js.map

package/lib/module/devtools/ConsoleBody.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useSyncExternalStore","View","Text","FlatList","TouchableOpacity","ScrollView","StyleSheet","macOSColors","Check","consoleTheme","ConsoleMessageRow","ALL_LEVELS","DEFAULT_LEVELS","LEVEL_LABEL","LEVEL_ORDER","getPreserveLog","setPreserveLog","subscribePreserveLog","jsx","_jsx","jsxs","_jsxs","ConsoleBody","c","view","FiltersView","ConsoleList","listRef","stickToBottom","renderItem","item","row","showTimestamps","onToggleGroup","onToggleCluster","ref","data","rows","keyExtractor","key","style","styles","list","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","onContentSizeChange","current","scrollToEnd","animated","onScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","distanceFromBottom","height","y","scrollEventThrottle","CheckRow","on","label","subtext","onPress","activeOpacity","children","checkbox","checkboxOn","size","color","background","base","strokeWidth","rowTextCol","rowLabel","rowSubtext","SectionLabel","text","sectionLabel","preserveLog","toggle","level","setLevelsMask","levelsMask","subView","contentContainerStyle","subViewContent","presetRow","presetText","map","divider","setShowTimestamps","s","create","flex","backgroundColor","baseContainer","padding","muted","fontSize","textTransform","letterSpacing","marginTop","marginBottom","paddingHorizontal","paddingVertical","semantic","info","fontWeight","hairlineWidth","border","default","marginVertical","flexDirection","alignItems","gap","primary","width","borderRadius","borderWidth","borderColor","input","justifyContent"],"sourceRoot":"../../../src","sources":["devtools/ConsoleBody.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/devtools/ConsoleHeader.js

@@ -0,0 +1,141 @@
+"use strict";
+
+/**
+ * ConsoleHeader — the Console tool's header, built from the shared ModalHeader
+ * pattern so it matches Network/Events 1:1. Controls live here: the
+ * Timeline/Grouped TabSelector (or the search field when active), plus action
+ * icons for search, level filter, clear, and settings. Tapping the level/filter
+ * or settings icon swaps the body to a back-navigable sub-view.
+ */
+
+import React from "react";
+import { View, TextInput, TouchableOpacity, StyleSheet } from "react-native";
+import { ModalHeader, TabSelector, macOSColors, Search, Filter, Trash2, X } from "@buoy-gg/shared-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LAYOUT_TABS = [{
+  key: "chrono",
+  label: "Timeline"
+}, {
+  key: "cluster",
+  label: "Grouped"
+}];
+export function ConsoleHeader({
+  c,
+  onBack
+}) {
+  // Filters sub-view: a back chevron returns to the list.
+  if (c.view === "filters") {
+    return /*#__PURE__*/_jsxs(ModalHeader, {
+      children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
+        onBack: () => c.setView("list")
+      }), /*#__PURE__*/_jsx(ModalHeader.Content, {
+        title: "Filters"
+      })]
+    });
+  }
+  const hasRows = c.rows.length > 0;
+  return /*#__PURE__*/_jsxs(ModalHeader, {
+    children: [onBack ? /*#__PURE__*/_jsx(ModalHeader.Navigation, {
+      onBack: onBack
+    }) : null, /*#__PURE__*/_jsx(ModalHeader.Content, {
+      title: "",
+      noMargin: true,
+      children: c.searchActive ? /*#__PURE__*/_jsxs(View, {
+        style: styles.searchContainer,
+        children: [/*#__PURE__*/_jsx(Search, {
+          size: 14,
+          color: macOSColors.text.secondary
+        }), /*#__PURE__*/_jsx(TextInput, {
+          style: styles.searchInput,
+          placeholder: "Filter logs\u2026  /regex/  -exclude",
+          placeholderTextColor: macOSColors.text.muted,
+          value: c.query,
+          onChangeText: c.setQuery,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          returnKeyType: "search",
+          onSubmitEditing: () => c.setSearchActive(false)
+        }), c.query.length > 0 ? /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => c.setQuery(""),
+          style: styles.searchClear,
+          children: /*#__PURE__*/_jsx(X, {
+            size: 14,
+            color: macOSColors.text.secondary
+          })
+        }) : null]
+      }) : /*#__PURE__*/_jsx(TabSelector, {
+        tabs: LAYOUT_TABS,
+        activeTab: c.layoutMode,
+        onTabChange: key => c.setLayoutMode(key)
+      })
+    }), /*#__PURE__*/_jsxs(ModalHeader.Actions, {
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => c.setSearchActive(a => !a),
+        style: [styles.actionBtn, c.searchActive && styles.actionBtnActive],
+        accessibilityLabel: "Search logs",
+        children: /*#__PURE__*/_jsx(Search, {
+          size: 14,
+          color: c.searchActive ? macOSColors.semantic.info : macOSColors.text.secondary
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => c.setView("filters"),
+        style: [styles.actionBtn, c.isLevelCustom && styles.actionBtnActive],
+        accessibilityLabel: "Filters",
+        children: /*#__PURE__*/_jsx(Filter, {
+          size: 14,
+          color: c.isLevelCustom ? macOSColors.semantic.info : macOSColors.text.muted
+        })
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: c.clear,
+        disabled: !hasRows,
+        style: [styles.actionBtn, !hasRows && styles.actionBtnDisabled],
+        accessibilityLabel: "Clear console",
+        children: /*#__PURE__*/_jsx(Trash2, {
+          size: 14,
+          color: hasRows ? macOSColors.text.muted : macOSColors.text.disabled
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  actionBtn: {
+    width: 32,
+    height: 32,
+    borderRadius: 8,
+    backgroundColor: macOSColors.background.hover,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  actionBtnActive: {
+    backgroundColor: macOSColors.semantic.infoBackground,
+    borderColor: macOSColors.semantic.info + "40"
+  },
+  actionBtnDisabled: {
+    opacity: 0.55
+  },
+  searchContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    backgroundColor: macOSColors.background.input,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    paddingHorizontal: 12,
+    paddingVertical: 5
+  },
+  searchInput: {
+    flex: 1,
+    color: macOSColors.text.primary,
+    fontSize: 13,
+    marginLeft: 6,
+    paddingVertical: 2
+  },
+  searchClear: {
+    marginLeft: 6,
+    padding: 4
+  }
+});
+//# sourceMappingURL=ConsoleHeader.js.map

package/lib/module/devtools/ConsoleHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TextInput","TouchableOpacity","StyleSheet","ModalHeader","TabSelector","macOSColors","Search","Filter","Trash2","X","jsx","_jsx","jsxs","_jsxs","LAYOUT_TABS","key","label","ConsoleHeader","c","onBack","view","children","Navigation","setView","Content","title","hasRows","rows","length","noMargin","searchActive","style","styles","searchContainer","size","color","text","secondary","searchInput","placeholder","placeholderTextColor","muted","value","query","onChangeText","setQuery","autoCapitalize","autoCorrect","returnKeyType","onSubmitEditing","setSearchActive","onPress","searchClear","tabs","activeTab","layoutMode","onTabChange","setLayoutMode","Actions","a","actionBtn","actionBtnActive","accessibilityLabel","semantic","info","isLevelCustom","clear","disabled","actionBtnDisabled","create","width","height","borderRadius","backgroundColor","background","hover","borderWidth","borderColor","border","default","alignItems","justifyContent","infoBackground","opacity","flexDirection","input","paddingHorizontal","paddingVertical","flex","primary","fontSize","marginLeft","padding"],"sourceRoot":"../../../src","sources":["devtools/ConsoleHeader.tsx"],"mappings":"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","ignoreList":[]}