nntrivi2001
ca821008e2
Measured on a copy of a real 1.2 GB / 253K-event database, 10 simulated browsers + 10 hooks/s for 90 s: event-loop delay p99 1239 ms → 32 ms (max 2.0 s → 94 ms), 266 failed requests → 0, 74 → 111 requests/s served, server RSS 633 → 346 MB. Entry bundle 975 KB raw → 394 KB (106 KB brotli). Server - /api/analytics: the events-table scans run in the read worker (scoped-stats eventAggregates, read-pool job analyticsEvents); runRead takes maxAgeMs — analytics 10 s, /api/workflows 30 s — keyed by the args - /api/workflows/skill-usage: +event_type and a tool_name range instead of LIKE, so it uses idx_events_tool (784 ms → a few ms) - idx_events_session_type_tool (session_id, event_type, tool_name, created_at) replaces idx_events_session_type: covering reads for session stats, the hook dedupes and the import resume point (1.2 s → 20 ms); 64 MB cache_size and 256 MB mmap_size on both connections - WAL: the server sets wal_autocheckpoint = 0 and checkpoints PASSIVE every DASHBOARD_WAL_CHECKPOINT_MS (5 s) from the read worker's own writable connection; a failed checkpoint restores the automatic one (hook COMMIT p95 109 ms → 15 ms at 100 hooks/s) - tmux: one list-sessions answers a whole GET /api/lanes and the heal beat (liveSessions), shared for 1 s and cleared by this process's new/kill — GET /api/run's sync spawns had blocked 60 s of a 90 s run; the heal beat skips tmux when nothing runs; attach options chained into 2 spawns - hooks: TurnDuration/APIError deduped against one read per hook instead of a query per transcript entry (23 ms/hook on a 763-turn session); one lane scan per hook; hourly upserts skip rows that did not grow; frames are sent after the transaction commits (and after the pane binding); new_event carries its row id; a split pane's (slot 1–9) hooks no longer rebind the lane's session_id - watchdog liveness probe runs ps asynchronously; transcript newline scan via indexOf; startup subagent backfill fingerprints the files it already checked - pty attach: backpressure (pause past 1 MB unsent, resume under 256 KB) - static: hashed assets served from their pre-compressed .br/.gz sibling Client - hidden tabs neither refetch on WS events nor poll (useLiveRefresh, panes, lane cards, git header, changes panel, settings); no per-tab hourly /updates/check (the server already checks) - refetch storms throttled (workspace tree/session list 3 s, /api/run only on a run-key change, notification pane lookup only when shown); WS reconnect jitter; terminal retry backoff 1.5 → 30 s, stops on 1008 - heavier throttles for aggregates (15 s) and detail views; Monitor keepIfSame; GET in-flight dedupe in request() - lazy Dashboard/History, xterm (with the first terminal), lane modals, Sagi (only while enabled); only the active locale loads; Workspace chunk prefetched on a /workspace deep link - Sagi: no work while disabled, pupil via CSS variables, memo avatar - build: .br/.gz siblings, sourcemap hidden; service worker no longer caches /assets/ (cache v3 drops the old one) Tests: scripts/test-server.js drops the GIT_DIR-family variables a hook exports, so a suite run from a linked worktree's pre-commit can no longer commit into the real repository or set core.bare. Docs: ARCHITECTURE, DATABASE, API, DEPLOYMENT, client README, docs/plans/perf/README.md (audit, checklist, results).
73 lines
2.6 KiB
TypeScript
73 lines
2.6 KiB
TypeScript
/**
|
|
* @file useLiveRefresh.ts
|
|
* @description Keeps a page's data fresh without hammering the server: re-runs
|
|
* `load` on matching WebSocket messages through a leading+trailing throttle (a
|
|
* steady event stream can never freeze or flood the page), on a poll that skips
|
|
* hidden tabs, when the tab becomes visible again, and after the socket
|
|
* reconnects (messages sent while it was down are lost). The caller still does
|
|
* its own initial load.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
|
|
import { useEffect, useRef } from "react";
|
|
import { eventBus } from "../lib/eventBus";
|
|
import { throttle } from "../lib/throttle";
|
|
import type { WSMessage } from "../lib/types";
|
|
|
|
export interface LiveRefreshOptions {
|
|
/** Which WebSocket messages warrant a reload; none when omitted. */
|
|
match?: (msg: WSMessage) => boolean;
|
|
/** Poll period while the tab is visible; no poll when omitted. */
|
|
intervalMs?: number;
|
|
/** Minimum gap between event-driven reloads (default 3 s). */
|
|
throttleMs?: number;
|
|
/** Off = no subscription, no poll (e.g. an inactive tab). Default true. */
|
|
enabled?: boolean;
|
|
}
|
|
|
|
export function useLiveRefresh(load: () => void, opts: LiveRefreshOptions = {}): void {
|
|
const { intervalMs, throttleMs = 3000, enabled = true } = opts;
|
|
const loadRef = useRef(load);
|
|
const matchRef = useRef(opts.match);
|
|
loadRef.current = load;
|
|
matchRef.current = opts.match;
|
|
|
|
useEffect(() => {
|
|
if (!enabled) return;
|
|
const live = throttle(() => loadRef.current(), throttleMs);
|
|
const visible = () => document.visibilityState === "visible";
|
|
// A hidden tab ignores events: onVis reloads once when it is shown again.
|
|
const offMsg = eventBus.subscribe((msg) => {
|
|
if (visible() && matchRef.current?.(msg)) live();
|
|
});
|
|
let wasDown = !eventBus.connected;
|
|
// (Guarded: test doubles of the bus often stub `subscribe` only.)
|
|
const offConn =
|
|
typeof eventBus.onConnection === "function"
|
|
? eventBus.onConnection((up) => {
|
|
if (!up) wasDown = true;
|
|
else if (wasDown) {
|
|
wasDown = false;
|
|
if (visible()) live();
|
|
}
|
|
})
|
|
: () => undefined;
|
|
const onVis = () => {
|
|
if (visible()) live();
|
|
};
|
|
document.addEventListener("visibilitychange", onVis);
|
|
const timer = intervalMs
|
|
? setInterval(() => {
|
|
if (visible()) loadRef.current();
|
|
}, intervalMs)
|
|
: undefined;
|
|
return () => {
|
|
live.cancel();
|
|
offMsg();
|
|
offConn();
|
|
document.removeEventListener("visibilitychange", onVis);
|
|
clearInterval(timer);
|
|
};
|
|
}, [enabled, intervalMs, throttleMs]);
|
|
}
|