@buoy-gg/console 7.0.41 → 7.0.43

package/lib/module/devtools/useConsoleController.js

@@ -1,79 +1 @@
-"use strict";
-
-/**
- * useConsoleController — owns all Console view state so the header and the body
- * can be composed separately (the shared ModalHeader pattern: controls live in
- * the modal header's `customContent`, the list/sub-views live in the body).
- */
-
-import { useCallback, useState } from "react";
-import { useConsoleMessages } from "./useConsoleMessages";
-import { DEFAULT_LEVELS, levelMenuSummary } from "./consoleFilter";
-import { clearEntries } from "../store/consoleLogStore";
-
-/** Which screen the modal body shows (list, or the back-navigable filters page). */
-
-export function useConsoleController() {
-  const [query, setQuery] = useState("");
-  const [searchActive, setSearchActive] = useState(false);
-  const [levelsMask, setLevelsMask] = useState({
-    ...DEFAULT_LEVELS
-  });
-  const [showTimestamps, setShowTimestamps] = useState(false);
-  const [collapsedOverrides, setCollapsedOverrides] = useState({});
-  const [layoutMode, setLayoutMode] = useState("chrono");
-  const [view, setView] = useState("list");
-  const [clusterExpanded, setClusterExpanded] = useState({});
-  const {
-    rows,
-    hiddenCount
-  } = useConsoleMessages({
-    levelsMask,
-    query,
-    showTimestamps,
-    collapsedOverrides,
-    groupDimension: "function",
-    layoutMode,
-    clusterExpanded
-  });
-  const onToggleGroup = useCallback((groupId, currentlyCollapsed) => {
-    setCollapsedOverrides(prev => ({
-      ...prev,
-      [groupId]: !currentlyCollapsed
-    }));
-  }, []);
-  const onToggleCluster = useCallback(key => {
-    setClusterExpanded(prev => ({
-      ...prev,
-      [key]: !(prev[key] ?? false)
-    }));
-  }, []);
-  const clear = useCallback(() => {
-    clearEntries();
-    setCollapsedOverrides({});
-  }, []);
-  const levelSummary = levelMenuSummary(levelsMask);
-  const isLevelCustom = levelSummary !== "All levels" && levelSummary !== "Default levels";
-  return {
-    query,
-    setQuery,
-    searchActive,
-    setSearchActive,
-    levelsMask,
-    setLevelsMask,
-    showTimestamps,
-    setShowTimestamps,
-    layoutMode,
-    setLayoutMode,
-    view,
-    setView,
-    rows,
-    hiddenCount,
-    onToggleGroup,
-    onToggleCluster,
-    clear,
-    levelSummary,
-    isLevelCustom
-  };
-}
-//# sourceMappingURL=useConsoleController.js.map
+"use strict";import{useCallback as n,useState as e}from"react";import{useConsoleMessages as D}from"./useConsoleMessages";import{DEFAULT_LEVELS as k,levelMenuSummary as O}from"./consoleFilter";import{clearEntries as V}from"../store/consoleLogStore";export function useConsoleController(){const[r,i]=e("");const[m,d]=e(false);const[t,p]=e({...k});const[c,v]=e(false);const[f,a]=e({});const[u,C]=e("chrono");const[g,h]=e("list");const[E,L]=e({});const{rows:M,hiddenCount:S}=D({levelsMask:t,query:r,showTimestamps:c,collapsedOverrides:f,groupDimension:"function",layoutMode:u,clusterExpanded:E});const w=n((s,o)=>{a(x=>({...x,[s]:!o}))},[]);const y=n(s=>{L(o=>({...o,[s]:!(o[s]??false)}))},[]);const T=n(()=>{V();a({})},[]);const l=O(t);const A=l!=="All levels"&&l!=="Default levels";return{query:r,setQuery:i,searchActive:m,setSearchActive:d,levelsMask:t,setLevelsMask:p,showTimestamps:c,setShowTimestamps:v,layoutMode:u,setLayoutMode:C,view:g,setView:h,rows:M,hiddenCount:S,onToggleGroup:w,onToggleCluster:y,clear:T,levelSummary:l,isLevelCustom:A}}

package/lib/module/devtools/useConsoleMessages.js

@@ -1,238 +1 @@
-"use strict";
-
-/**
- * useConsoleMessages — derives the displayed row model from raw captured
- * entries, mirroring DevTools `ConsoleView.updateMessageList`:
- *
- *  - level + text filtering (consoleFilter)
- *  - consecutive-identical collapse into a repeat-count badge (when timestamps
- *    are off, matching `tryToCollapseMessages`)
- *  - console.group / groupCollapsed nesting + collapse/expand
- *
- * Returns the visible rows plus the count of messages hidden by filters
- * ("N hidden"), and per-level totals for the toolbar.
- */
-
-import { useMemo, useSyncExternalStore } from "react";
-import { subscribe, getEntries } from "../store/consoleLogStore";
-import { parseFilterQuery, shouldBeVisible } from "./consoleFilter";
-import { sourceKey, sourceLabel, colorForKey, bracketGlyph } from "./origin";
-
-/** How the origin gutter is laid out. */
-
-/** One swimlane gutter cell. */
-
-const MAX_LANES = 5;
-
-/** Grouped mode collapses any source cluster larger than this into a header. */
-const CLUSTER_THRESHOLD = 5;
-
-/** First pass: tag each row with its origin source key, color, and label. */
-function computeSourceInfo(rows, dim) {
-  for (const row of rows) {
-    const key = sourceKey(row.entry.origin, dim);
-    row.sourceKey = key;
-    row.originColor = key ? colorForKey(key) : undefined;
-    row.originLabel = dim === "off" ? undefined : sourceLabel(row.entry.origin, dim);
-  }
-}
-
-/** lnav single-column gutter: bracket consecutive same-source runs. */
-function attachContiguousBrackets(rows) {
-  for (let i = 0; i < rows.length; i++) {
-    const key = rows[i].sourceKey;
-    if (key == null) {
-      rows[i].bracketGlyph = undefined;
-      continue;
-    }
-    const sameAsPrev = i > 0 && rows[i - 1].sourceKey === key;
-    const sameAsNext = i < rows.length - 1 && rows[i + 1].sourceKey === key;
-    const bracket = !sameAsPrev && !sameAsNext ? "single" : !sameAsPrev ? "top" : !sameAsNext ? "bottom" : "mid";
-    rows[i].bracketGlyph = bracketGlyph(bracket);
-  }
-}
-
-/**
- * Re-order rows so all rows of one source are contiguous (groups ordered by
- * first appearance, chronological within each). Clusters larger than
- * CLUSTER_THRESHOLD collapse into a single expandable header (Chrome-style),
- * unless the user has expanded that cluster.
- */
-function clusterRows(rows, expanded) {
-  const order = [];
-  const groups = new Map();
-  for (const r of rows) {
-    const k = r.sourceKey ?? "—";
-    let g = groups.get(k);
-    if (!g) {
-      g = [];
-      groups.set(k, g);
-      order.push(k);
-    }
-    g.push(r);
-  }
-  const out = [];
-  for (const k of order) {
-    const group = groups.get(k);
-    for (const r of group) r.depth = 0; // clustering ignores console.group nesting
-
-    const isLarge = group.length > CLUSTER_THRESHOLD;
-    const isExpanded = expanded[k] ?? false;
-    if (isLarge) {
-      out.push({
-        key: `cluster:${k}`,
-        entry: group[0].entry,
-        depth: 0,
-        repeatCount: 1,
-        isGroupHeader: false,
-        sourceKey: k,
-        originColor: group[0].originColor,
-        originLabel: group[0].originLabel,
-        clusterHeader: {
-          key: k,
-          count: group.length,
-          expanded: isExpanded
-        }
-      });
-      if (!isExpanded) continue;
-    }
-    group.forEach((r, i) => {
-      const single = group.length === 1;
-      const bracket = single ? "single" : i === 0 ? "top" : i === group.length - 1 ? "bottom" : "mid";
-      r.bracketGlyph = bracketGlyph(bracket);
-      out.push(r);
-    });
-  }
-  return out;
-}
-
-/** Git-graph swimlanes: each source gets a continuous vertical track so its
- * line stays unbroken when other sources interrupt it. */
-function attachSwimlanes(rows) {
-  const first = new Map();
-  const last = new Map();
-  rows.forEach((r, i) => {
-    const k = r.sourceKey;
-    if (k == null) return;
-    if (!first.has(k)) first.set(k, i);
-    last.set(k, i);
-  });
-
-  // Assign each source a lane, reusing a lane once its occupant's run ended.
-  const sources = [...first.keys()].sort((a, b) => first.get(a) - first.get(b));
-  const laneOf = new Map();
-  const laneEnd = [];
-  for (const s of sources) {
-    let lane = laneEnd.findIndex(end => end < first.get(s));
-    if (lane === -1) {
-      lane = laneEnd.length < MAX_LANES ? laneEnd.length : MAX_LANES - 1;
-      if (lane >= laneEnd.length) laneEnd.push(0);
-    }
-    laneOf.set(s, lane);
-    laneEnd[lane] = Math.max(laneEnd[lane] ?? 0, last.get(s));
-  }
-  const laneCount = Math.max(1, Math.min(laneEnd.length, MAX_LANES));
-  rows.forEach((r, i) => {
-    const cells = Array.from({
-      length: laneCount
-    }, () => ({
-      glyph: " "
-    }));
-    for (const s of sources) {
-      const lane = laneOf.get(s);
-      if (lane >= laneCount) continue;
-      if (i >= first.get(s) && i <= last.get(s)) {
-        cells[lane] = {
-          glyph: r.sourceKey === s ? "●" : "│",
-          color: colorForKey(s)
-        };
-      }
-    }
-    r.lanes = cells;
-  });
-}
-const GROUP_STARTS = new Set(["group", "groupCollapsed"]);
-function buildDisplayRows(entries, opts) {
-  const {
-    levelsMask,
-    query,
-    showTimestamps,
-    collapsedOverrides
-  } = opts;
-  const parsed = parseFilterQuery(query.trim());
-  const rows = [];
-  const levelCounts = {
-    verbose: 0,
-    info: 0,
-    warning: 0,
-    error: 0
-  };
-  let hiddenCount = 0;
-  const stack = [];
-  const anyAncestorCollapsed = () => stack.some(g => g.collapsed);
-  for (const entry of entries) {
-    levelCounts[entry.level]++;
-    if (entry.method === "groupEnd") {
-      stack.pop();
-      continue;
-    }
-    const isHeader = GROUP_STARTS.has(entry.method);
-    const hiddenByGroup = anyAncestorCollapsed();
-    const passesFilter = shouldBeVisible(entry, levelsMask, parsed);
-    if (!passesFilter) {
-      hiddenCount++;
-    } else if (!hiddenByGroup) {
-      // Repeat-count collapse: only when timestamps are hidden and the previous
-      // visible row is an identical, non-header message at the same depth.
-      const prev = rows[rows.length - 1];
-      if (!showTimestamps && !isHeader && prev && !prev.isGroupHeader && prev.depth === stack.length && prev.entry.method === entry.method && prev.entry.message === entry.message) {
-        prev.repeatCount++;
-      } else {
-        rows.push({
-          key: String(entry.id),
-          entry,
-          depth: stack.length,
-          repeatCount: 1,
-          isGroupHeader: isHeader,
-          groupId: isHeader ? entry.id : undefined,
-          groupCollapsed: undefined
-        });
-      }
-    }
-    if (isHeader) {
-      const defaultCollapsed = entry.method === "groupCollapsed";
-      const collapsed = collapsedOverrides[entry.id] ?? defaultCollapsed;
-      // Record the collapse state on the just-pushed header row (if visible).
-      const headerRow = rows[rows.length - 1];
-      if (headerRow && headerRow.groupId === entry.id) {
-        headerRow.groupCollapsed = collapsed;
-      }
-      stack.push({
-        id: entry.id,
-        collapsed: collapsed || hiddenByGroup
-      });
-    }
-  }
-  computeSourceInfo(rows, opts.groupDimension);
-  let finalRows = rows;
-  if (opts.groupDimension !== "off") {
-    if (opts.layoutMode === "cluster") {
-      finalRows = clusterRows(rows, opts.clusterExpanded);
-    } else if (opts.layoutMode === "swimlane") {
-      attachSwimlanes(rows);
-    } else {
-      attachContiguousBrackets(rows);
-    }
-  }
-  return {
-    rows: finalRows,
-    hiddenCount,
-    levelCounts,
-    totalCount: entries.length
-  };
-}
-export function useConsoleMessages(opts) {
-  const entries = useSyncExternalStore(subscribe, getEntries, getEntries);
-  return useMemo(() => buildDisplayRows(entries, opts), [entries, opts.levelsMask, opts.query, opts.showTimestamps, opts.collapsedOverrides, opts.groupDimension, opts.layoutMode, opts.clusterExpanded]);
-}
-//# sourceMappingURL=useConsoleMessages.js.map
+"use strict";import{useMemo as w,useSyncExternalStore as x}from"react";import{subscribe as K,getEntries as b}from"../store/consoleLogStore";import{parseFilterQuery as v,shouldBeVisible as G}from"./consoleFilter";import{sourceKey as L,sourceLabel as R,colorForKey as M,bracketGlyph as E}from"./origin";const m=5;const A=5;function H(t,e){for(const r of t){const i=L(r.entry.origin,e);r.sourceKey=i;r.originColor=i?M(i):void 0;r.originLabel=e==="off"?void 0:R(r.entry.origin,e)}}function T(t){for(let e=0;e<t.length;e++){const r=t[e].sourceKey;if(r==null){t[e].bracketGlyph=void 0;continue}const i=e>0&&t[e-1].sourceKey===r;const d=e<t.length-1&&t[e+1].sourceKey===r;const n=!i&&!d?"single":!i?"top":!d?"bottom":"mid";t[e].bracketGlyph=E(n)}}function D(t,e){const r=[];const i=new Map;for(const n of t){const l=n.sourceKey??"\u2014";let o=i.get(l);if(!o){o=[];i.set(l,o);r.push(l)}o.push(n)}const d=[];for(const n of r){const l=i.get(n);for(const c of l)c.depth=0;const o=l.length>A;const s=e[n]??false;if(o){d.push({key:`cluster:${n}`,entry:l[0].entry,depth:0,repeatCount:1,isGroupHeader:false,sourceKey:n,originColor:l[0].originColor,originLabel:l[0].originLabel,clusterHeader:{key:n,count:l.length,expanded:s}});if(!s)continue}l.forEach((c,u)=>{const p=l.length===1;const g=p?"single":u===0?"top":u===l.length-1?"bottom":"mid";c.bracketGlyph=E(g);d.push(c)})}return d}function O(t){const e=new Map;const r=new Map;t.forEach((o,s)=>{const c=o.sourceKey;if(c==null)return;if(!e.has(c))e.set(c,s);r.set(c,s)});const i=[...e.keys()].sort((o,s)=>e.get(o)-e.get(s));const d=new Map;const n=[];for(const o of i){let s=n.findIndex(c=>c<e.get(o));if(s===-1){s=n.length<m?n.length:m-1;if(s>=n.length)n.push(0)}d.set(o,s);n[s]=Math.max(n[s]??0,r.get(o))}const l=Math.max(1,Math.min(n.length,m));t.forEach((o,s)=>{const c=Array.from({length:l},()=>({glyph:" "}));for(const u of i){const p=d.get(u);if(p>=l)continue;if(s>=e.get(u)&&s<=r.get(u)){c[p]={glyph:o.sourceKey===u?"\u25CF":"\u2502",color:M(u)}}}o.lanes=c})}const I=new Set(["group","groupCollapsed"]);function B(t,e){const{levelsMask:r,query:i,showTimestamps:d,collapsedOverrides:n}=e;const l=v(i.trim());const o=[];const s={verbose:0,info:0,warning:0,error:0};let c=0;const u=[];const p=()=>u.some(a=>a.collapsed);for(const a of t){s[a.level]++;if(a.method==="groupEnd"){u.pop();continue}const h=I.has(a.method);const k=p();const S=G(a,r,l);if(!S){c++}else if(!k){const f=o[o.length-1];if(!d&&!h&&f&&!f.isGroupHeader&&f.depth===u.length&&f.entry.method===a.method&&f.entry.message===a.message){f.repeatCount++}else{o.push({key:String(a.id),entry:a,depth:u.length,repeatCount:1,isGroupHeader:h,groupId:h?a.id:void 0,groupCollapsed:void 0})}}if(h){const f=a.method==="groupCollapsed";const C=n[a.id]??f;const y=o[o.length-1];if(y&&y.groupId===a.id){y.groupCollapsed=C}u.push({id:a.id,collapsed:C||k})}}H(o,e.groupDimension);let g=o;if(e.groupDimension!=="off"){if(e.layoutMode==="cluster"){g=D(o,e.clusterExpanded)}else if(e.layoutMode==="swimlane"){O(o)}else{T(o)}}return{rows:g,hiddenCount:c,levelCounts:s,totalCount:t.length}}export function useConsoleMessages(t){const e=x(K,b,b);return w(()=>B(e,t),[e,t.levelsMask,t.query,t.showTimestamps,t.collapsedOverrides,t.groupDimension,t.layoutMode,t.clusterExpanded])}

package/lib/module/hooks/useConsoleLogs.js

@@ -1,19 +1 @@
-"use strict";
-
-import { useSyncExternalStore, useEffect } from "react";
-import { subscribe, getEntries, installConsoleCapture } from "../store/consoleLogStore";
-/**
- * Subscribe to captured console logs. Installs the console interceptor on mount
- * (idempotent) and re-renders whenever a new entry is captured or the buffer is
- * cleared.
- */
-export function useConsoleLogs() {
-  useEffect(() => {
-    installConsoleCapture();
-  }, []);
-  const logs = useSyncExternalStore(subscribe, getEntries, getEntries);
-  return {
-    logs
-  };
-}
-//# sourceMappingURL=useConsoleLogs.js.map
+"use strict";import{useSyncExternalStore as o,useEffect as s}from"react";import{subscribe as r,getEntries as e,installConsoleCapture as n}from"../store/consoleLogStore";export function useConsoleLogs(){s(()=>{n()},[]);const t=o(r,e,e);return{logs:t}}

package/lib/module/index.js

@@ -1,52 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/console
- *
- * Captures global `console.*` output and renders it as a Buoy devtool.
- *
- * This is the BASIC version: direct console patching + a flat list, used to
- * verify the capture pipeline end to end. Next step is a 1:1 port of Chrome
- * DevTools' console view.
- */
-
-// =============================================================================
-// PRESET (Primary entry point — pass to <FloatingDevTools apps={[...]} />)
-// =============================================================================
-export { consoleToolPreset, createConsoleTool } from "./preset";
-
-// =============================================================================
-// ROOT (Mount once at app root to capture logs from startup)
-// =============================================================================
-export { ConsoleRoot } from "./components/ConsoleRoot";
-
-// =============================================================================
-// COMPONENTS
-// =============================================================================
-export { ConsoleModal } from "./components/ConsoleModal";
-export { ConsoleIcon, CONSOLE_ICON_COLOR } from "./components/ConsoleIcon";
-
-// DevTools-style console panel (the 1:1 Chrome console port)
-export { ConsoleView } from "./devtools/ConsoleView";
-export { ConsoleMessageRow } from "./devtools/ConsoleMessageRow";
-export { ConsoleValue } from "./devtools/ConsoleValue";
-export { useConsoleMessages } from "./devtools/useConsoleMessages";
-export { consoleTheme, levelStyles } from "./devtools/theme";
-
-// Basic flat list (kept for simple/embedded use)
-export { ConsoleLogList } from "./components/ConsoleLogList";
-
-// =============================================================================
-// HOOK
-// =============================================================================
-export { useConsoleLogs } from "./hooks/useConsoleLogs";
-// =============================================================================
-// EXTERNAL SYNC (device → desktop dashboard)
-// =============================================================================
-export { consoleSyncAdapter } from "./sync/consoleSyncAdapter";
-
-// =============================================================================
-// CAPTURE STORE (install/teardown + types)
-// =============================================================================
-export { installConsoleCapture, installFatalErrorCapture, uninstallConsoleCapture, clearEntries, getEntries, subscribe, replaceEntries, onClear, initConsolePersistence, getPreserveLog, setPreserveLog, subscribePreserveLog } from "./store/consoleLogStore";
-//# sourceMappingURL=index.js.map
+"use strict";export{consoleToolPreset,createConsoleTool}from"./preset";export{ConsoleRoot}from"./components/ConsoleRoot";export{ConsoleModal}from"./components/ConsoleModal";export{ConsoleIcon,CONSOLE_ICON_COLOR}from"./components/ConsoleIcon";export{ConsoleView}from"./devtools/ConsoleView";export{ConsoleMessageRow}from"./devtools/ConsoleMessageRow";export{ConsoleValue}from"./devtools/ConsoleValue";export{useConsoleMessages}from"./devtools/useConsoleMessages";export{consoleTheme,levelStyles}from"./devtools/theme";export{ConsoleLogList}from"./components/ConsoleLogList";export{useConsoleLogs}from"./hooks/useConsoleLogs";export{consoleSyncAdapter}from"./sync/consoleSyncAdapter";export{installConsoleCapture,installFatalErrorCapture,uninstallConsoleCapture,clearEntries,getEntries,subscribe,replaceEntries,onClear,initConsolePersistence,getPreserveLog,setPreserveLog,subscribePreserveLog}from"./store/consoleLogStore";

package/lib/module/preset.js

@@ -1,61 +1 @@
-"use strict";
-
-/**
- * Pre-configured Console tool for FloatingDevTools.
- *
- * @example
- * ```tsx
- * import { consoleToolPreset } from '@buoy-gg/console';
- *
- * <FloatingDevTools apps={[consoleToolPreset]} />
- * ```
- */
-
-import { ConsoleIcon, CONSOLE_ICON_COLOR } from "./components/ConsoleIcon";
-import { ConsoleModal } from "./components/ConsoleModal";
-import { installConsoleCapture } from "./store/consoleLogStore";
-import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
-
-/**
- * Install console + fatal-error capture at IMPORT time, not first UI mount.
- *
- * Deliberately a module side effect (same pattern as @buoy-gg/network's
- * override hydration): a fatal error thrown during the app's FIRST render
- * kills the tree before FloatingDevTools' effects ever run, so mount-time
- * install (`ConsoleRoot`) captured nothing for exactly the crashes that most
- * need capturing. Importing the preset happens at bundle-eval, before any
- * rendering, so the `console.*` patch and both fatal-error hooks (`ErrorUtils`
- * and RN's native exception listener) are live from the first line of app code.
- *
- * Guards:
- * - `ErrorUtils` OR `RN$registerExceptionListener` present = a real React Native
- *   runtime. The desktop dashboard and web mirrors import this package too, and
- *   must never patch their OWN console (they mirror device entries via
- *   `replaceEntries`).
- * - Dev-only. In production the existing mount-time path still applies (the
- *   tools only mount there for licensed users), so end-user builds are never
- *   patched at import.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const rnGlobals = globalThis;
-const isReactNativeRuntime = typeof rnGlobals.ErrorUtils?.setGlobalHandler === "function" || typeof rnGlobals.RN$registerExceptionListener === "function";
-if (isReactNativeRuntime && typeof __DEV__ !== "undefined" && __DEV__) {
-  installConsoleCapture();
-}
-export const consoleToolPreset = defineToolPreset({
-  id: "console",
-  name: "CONSOLE",
-  description: "Captured console.* output",
-  slot: "both",
-  color: CONSOLE_ICON_COLOR,
-  icon: ({
-    size
-  }) => /*#__PURE__*/_jsx(ConsoleIcon, {
-    size: size
-  }),
-  component: ConsoleModal
-});
-
-/** Create a custom Console tool configuration. */
-export const createConsoleTool = createToolFactory(consoleToolPreset);
-//# sourceMappingURL=preset.js.map
+"use strict";import{ConsoleIcon as t,CONSOLE_ICON_COLOR as n}from"./components/ConsoleIcon";import{ConsoleModal as r}from"./components/ConsoleModal";import{installConsoleCapture as s}from"./store/consoleLogStore";import{createToolFactory as i,defineToolPreset as l}from"@buoy-gg/shared-ui";import{jsx as c}from"react/jsx-runtime";const o=globalThis;const p=typeof o.ErrorUtils?.setGlobalHandler==="function"||typeof o.RN$registerExceptionListener==="function";if(p&&typeof __DEV__!=="undefined"&&__DEV__){s()}export const consoleToolPreset=l({id:"console",name:"CONSOLE",description:"Captured console.* output",slot:"both",color:n,icon:({size:e})=>c(t,{size:e}),component:r});export const createConsoleTool=i(consoleToolPreset);