@buoy-gg/network 7.0.41 → 7.0.43

package/lib/module/network/conditions/xhr.js

@@ -1,131 +1 @@
-"use strict";
-
-import { canSynthesize, completeNativeOverride, runOverride } from "../overrides/applyToXhr";
-/** Active simulation uses a send-to-completion deadline, including the wait. */
-export function runConditionXhr(target, url, condition, outcome, dispatch) {
-  if (!canSynthesize(target)) {
-    const rule = {
-      id: "condition",
-      enabled: true,
-      urlPattern: url,
-      kind: "delay",
-      hits: 0,
-      seen: 0,
-      createdAt: Date.now()
-    };
-    const simulation = condition.profile === "offline" ? {
-      kind: "fail",
-      rule,
-      failKind: "network",
-      delayMs: 0
-    } : outcome ? {
-      ...outcome,
-      delayMs: condition.delayMs + outcome.delayMs
-    } : {
-      kind: "delay",
-      rule,
-      delayMs: condition.delayMs
-    };
-    if (!runOverride(target, url, simulation, dispatch)) throw new Error("Network conditions are unavailable for this XMLHttpRequest implementation.");
-    return;
-  }
-  const xhr = target;
-  if (xhr.readyState !== 1 || xhr._sent) throw new Error("Request is not open or has already been sent.");
-  const started = Date.now();
-  let timeout = xhr.timeout;
-  let settled = false;
-  let dispatching = false;
-  let deadline;
-  let pending;
-  const originalAbort = xhr.abort;
-  const originalOpen = xhr.open;
-  const abortDescriptor = Object.getOwnPropertyDescriptor(xhr, "abort");
-  const openDescriptor = Object.getOwnPropertyDescriptor(xhr, "open");
-  const timeoutDescriptor = Object.getOwnPropertyDescriptor(xhr, "timeout");
-  const restore = (key, descriptor) => {
-    if (descriptor) Object.defineProperty(xhr, key, descriptor);else delete xhr[key];
-  };
-  const cleanup = () => {
-    if (settled) return;
-    settled = true;
-    clearTimeout(pending);
-    clearTimeout(deadline);
-    xhr.removeEventListener("loadend", cleanup);
-    restore("abort", abortDescriptor);
-    restore("open", openDescriptor);
-    restore("timeout", timeoutDescriptor);
-    xhr.timeout = timeout;
-  };
-  const fail = timedOut => {
-    if (settled) return;
-    // DONE suppresses abort events while the native transport is cancelled.
-    Object.assign(xhr, {
-      readyState: 4
-    });
-    originalAbort.call(xhr);
-    xhr._aborted = false;
-    xhr._hasError = true;
-    xhr._timedOut = timedOut;
-    xhr._response = timedOut ? "Request timed out (Buoy conditions)" : "Network request failed (Buoy Offline)";
-    xhr.setReadyState(4);
-    cleanup();
-  };
-  const expired = () => timeout > 0 && Date.now() - started >= timeout;
-  const scheduleDeadline = () => {
-    clearTimeout(deadline);
-    if (timeout > 0) deadline = setTimeout(() => fail(true), Math.max(0, timeout - (Date.now() - started)));
-  };
-  Object.defineProperty(xhr, "timeout", {
-    configurable: true,
-    get: () => dispatching ? 0 : timeout,
-    set: value => {
-      timeout = Math.max(0, Number(value) || 0);
-      scheduleDeadline();
-    }
-  });
-  Object.defineProperty(xhr, "abort", {
-    configurable: true,
-    value: () => {
-      if (!settled) {
-        originalAbort.call(xhr);
-        cleanup();
-      }
-    }
-  });
-  Object.defineProperty(xhr, "open", {
-    configurable: true,
-    value: (...args) => {
-      const result = Reflect.apply(originalOpen, xhr, args);
-      cleanup();
-      return result;
-    }
-  });
-  xhr._sent = true;
-  xhr._requestId = null;
-  xhr.addEventListener("loadend", cleanup);
-  scheduleDeadline();
-  pending = setTimeout(() => {
-    if (settled) return;
-    if (expired()) {
-      fail(true);
-      return;
-    }
-    if (condition.profile === "offline") {
-      fail(false);
-      return;
-    }
-    if (outcome && outcome.kind !== "delay") {
-      completeNativeOverride(xhr, url, outcome);
-      return;
-    }
-    xhr._sent = false;
-    dispatching = true;
-    try {
-      dispatch();
-    } catch {
-      fail(false);
-    } finally {
-      dispatching = false;
-    }
-  }, condition.delayMs + (outcome?.delayMs ?? 0));
-}
+"use strict";import{canSynthesize as _,completeNativeOverride as k,runOverride as q}from"../overrides/applyToXhr";import{realClearTimeout as M,realNow as y,realSetTimeout as x}from"../utils/realNow";export function runConditionXhr(d,u,o,r,b){if(!_(d)){const t={id:"condition",enabled:true,urlPattern:u,kind:"delay",hits:0,seen:0,createdAt:Date.now()};const i=o.profile==="offline"?{kind:"fail",rule:t,failKind:"network",delayMs:0}:r?{...r,delayMs:o.delayMs+r.delayMs}:{kind:"delay",rule:t,delayMs:o.delayMs};if(!q(d,u,i,b))throw new Error("Network conditions are unavailable for this XMLHttpRequest implementation.");return}const e=d;if(e.readyState!==1||e._sent)throw new Error("Request is not open or has already been sent.");const m=y();let n=e.timeout;let a=false;let f=false;let c;let O;const h=e.abort;const g=e.open;const v=Object.getOwnPropertyDescriptor(e,"abort");const j=Object.getOwnPropertyDescriptor(e,"open");const D=Object.getOwnPropertyDescriptor(e,"timeout");const p=(t,i)=>{if(i)Object.defineProperty(e,t,i);else delete e[t]};const l=()=>{if(a)return;a=true;clearTimeout(O);M(c);e.removeEventListener("loadend",l);p("abort",v);p("open",j);p("timeout",D);e.timeout=n};const s=t=>{if(a)return;Object.assign(e,{readyState:4});h.call(e);e._aborted=false;e._hasError=true;e._timedOut=t;e._response=t?"Request timed out (Buoy conditions)":"Network request failed (Buoy Offline)";e.setReadyState(4);l()};const P=()=>n>0&&y()-m>=n;const w=()=>{M(c);if(n>0)c=x(()=>s(true),Math.max(0,n-(y()-m)))};Object.defineProperty(e,"timeout",{configurable:true,get:()=>f?0:n,set:t=>{n=Math.max(0,Number(t)||0);w()}});Object.defineProperty(e,"abort",{configurable:true,value:()=>{if(!a){h.call(e);l()}}});Object.defineProperty(e,"open",{configurable:true,value:(...t)=>{const i=Reflect.apply(g,e,t);l();return i}});e._sent=true;e._requestId=null;e.addEventListener("loadend",l);w();O=setTimeout(()=>{if(a)return;if(P()){s(true);return}if(o.profile==="offline"){s(false);return}if(r&&r.kind!=="delay"){k(e,u,r);return}e._sent=false;f=true;try{b()}catch{s(false)}finally{f=false}},o.delayMs+(r?.delayMs??0))}

package/lib/module/network/hooks/useLiveNetworkEvent.js

@@ -1,58 +1 @@
-"use strict";
-
-/**
- * Resolves a selected event ID to the LIVE event object in the store.
- *
- * The detail view used to be handed the `NetworkEvent` captured at press
- * time. The store updates immutably — a response/error replaces the pending
- * event with a NEW object — so a request opened while pending stayed
- * "Pending" for as long as the detail view was open, and only showed its
- * real status after going back and re-opening the row (which re-read the
- * store). This hook closes that gap: callers keep the ID as UI state and the
- * leaf that renders the detail subscribes for its current value.
- *
- * Subscribing here (not at the modal root) keeps the event stream out of the
- * shell's render path — same rule the list/header leaves follow.
- */
-
-import { useEffect, useState } from "react";
-import { networkEventStore } from "../utils/networkEventStore";
-import { networkSavedStore } from "../utils/networkSavedStore";
-/**
- * Live store first, then the pinned/saved snapshots. The fallback is what
- * makes a pinned request openable after a Clear, after it aged past the
- * 500-event cap, or in a later app launch — cases where the live store has
- * nothing and the persisted snapshot is the only copy left.
- */
-function readEvent(eventId) {
-  return networkEventStore.getEvents().find(e => e.id === eventId) ?? networkSavedStore.getEventById(eventId);
-}
-export function useLiveNetworkEvent(eventId, options = {}) {
-  const {
-    paused = false
-  } = options;
-  const [entry, setEntry] = useState(null);
-  useEffect(() => {
-    // `paused` is the power toggle's freeze-stream semantic: a frozen tool
-    // keeps showing the version it froze on.
-    if (!eventId || paused) return undefined;
-    // subscribeToEvents replays the current array immediately, so the open
-    // detail catches up on subscribe as well as on every later update.
-    return networkEventStore.subscribeToEvents(events => {
-      const next = events.find(e => e.id === eventId);
-      // Gone from the store (cleared, or aged past maxEvents) — keep the last
-      // known version rather than blanking an open detail view.
-      if (!next) return;
-      setEntry(prev => prev && prev.id === eventId && prev.event === next ? prev : {
-        id: eventId,
-        event: next
-      });
-    });
-  }, [eventId, paused]);
-  if (!eventId) return null;
-  // A store read during render covers the frame where `eventId` just changed:
-  // the effect's first emission lands a commit later, and until then `entry`
-  // still describes the previously selected request.
-  if (entry && entry.id === eventId) return entry.event;
-  return readEvent(eventId);
-}
+"use strict";import{useEffect as c,useState as E}from"react";import{networkEventStore as u}from"../utils/networkEventStore";import{networkSavedStore as m}from"../utils/networkSavedStore";function a(t){return u.getEvents().find(n=>n.id===t)??m.getEventById(t)}export function useLiveNetworkEvent(t,n={}){const{paused:o=false}=n;const[e,f]=E(null);c(()=>{if(!t||o)return void 0;return u.subscribeToEvents(s=>{const i=s.find(r=>r.id===t);if(!i)return;f(r=>r&&r.id===t&&r.event===i?r:{id:t,event:i})})},[t,o]);if(!t)return null;if(e&&e.id===t)return e.event;return a(t)}

package/lib/module/network/hooks/useNetworkBadgeCounts.js

@@ -1,79 +1 @@
-"use strict";
-
-/**
- * Narrow store subscription for the header's live counters — the ONLY
- * header data that should update per network event (the success/error/
- * pending chips and the clear button's has-events state).
- *
- * Holds derived COUNTS in state, not the events array, with an equality
- * guard — so consumers re-render only when a count actually changes
- * (e.g. an ignored-pattern-matched event arriving doesn't re-render the
- * chips). rule2: external store, narrowest possible subscription.
- */
-
-import { useEffect, useState } from "react";
-import { networkEventStore } from "../utils/networkEventStore";
-import { applyIgnoredPatterns } from "../utils/filterNetworkEvents";
-function computeCounts(events, ignoredPatterns) {
-  let successful = 0;
-  let failed = 0;
-  let pending = 0;
-  for (const event of applyIgnoredPatterns(events, ignoredPatterns)) {
-    if (event.status && event.status >= 200 && event.status < 300) {
-      successful++;
-    } else if (event.error || event.status && event.status >= 400) {
-      failed++;
-    } else if (!event.status && !event.error) {
-      pending++;
-    }
-  }
-  return {
-    successful,
-    failed,
-    pending,
-    total: events.length
-  };
-}
-function countsEqual(a, b) {
-  return a.successful === b.successful && a.failed === b.failed && a.pending === b.pending && a.total === b.total;
-}
-export function useNetworkBadgeCounts(options) {
-  const {
-    ignoredPatterns,
-    paused
-  } = options;
-  const [counts, setCounts] = useState(() => computeCounts(networkEventStore.getEvents(), ignoredPatterns));
-  useEffect(() => {
-    if (paused) return undefined;
-    // Frame-coalesced like useNetworkEventList: a request burst updates
-    // the chips once per frame, not once per emission. subscribeToEvents
-    // replays immediately, which also recomputes when ignoredPatterns
-    // change (this effect re-runs).
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = networkEventStore.subscribeToEvents(events => {
-      pending = events;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (!pending) return;
-        const next = computeCounts(pending, ignoredPatterns);
-        pending = null;
-        setCounts(prev => countsEqual(prev, next) ? prev : next);
-      });
-    });
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-    };
-  }, [paused, ignoredPatterns]);
-  useEffect(() => networkEventStore.onClear(() => {
-    setCounts({
-      successful: 0,
-      failed: 0,
-      pending: 0,
-      total: 0
-    });
-  }), []);
-  return counts;
-}
+"use strict";import{useEffect as a,useState as m}from"react";import{networkEventStore as l}from"../utils/networkEventStore";import{applyIgnoredPatterns as g}from"../utils/filterNetworkEvents";function c(n,e){let s=0;let r=0;let u=0;for(const t of g(n,e)){if(t.status&&t.status>=200&&t.status<300){s++}else if(t.error||t.status&&t.status>=400){r++}else if(!t.status&&!t.error){u++}}return{successful:s,failed:r,pending:u,total:n.length}}function E(n,e){return n.successful===e.successful&&n.failed===e.failed&&n.pending===e.pending&&n.total===e.total}export function useNetworkBadgeCounts(n){const{ignoredPatterns:e,paused:s}=n;const[r,u]=m(()=>c(l.getEvents(),e));a(()=>{if(s)return void 0;let t=null;let o=null;const d=l.subscribeToEvents(p=>{o=p;if(t!=null)return;t=requestAnimationFrame(()=>{t=null;if(!o)return;const i=c(o,e);o=null;u(f=>E(f,i)?f:i)})});return()=>{d();if(t!=null)cancelAnimationFrame(t)}},[s,e]);a(()=>l.onClear(()=>{u({successful:0,failed:0,pending:0,total:0})}),[]);return r}

package/lib/module/network/hooks/useNetworkEventList.js

@@ -1,104 +1 @@
-"use strict";
-
-/**
- * Narrow store subscription for components that render the network event
- * LIST (or need the filtered list). Decomposed from `useNetworkEvents`
- * per rule2 ("external store + narrow subscriptions") so the subscription
- * lives in the leaf that consumes it — the modal root no longer
- * re-renders per network event.
- *
- * Profiling evidence (tool-bench, 2026-07-06): with the subscription at
- * the modal root, 15 network events re-rendered the ENTIRE modal 15× —
- * JsModalComponent/header buttons ×15, all visible rows ×105.
- *
- * `paused` gates the subscription (the power toggle's freeze-stream
- * semantic, and screens pass `paused || !visible` so hidden screens don't
- * subscribe at all). Store clears are honored even while paused so a
- * frozen list can't show deleted events (parity with the old hook's
- * clearEvents local reset).
- */
-
-import { useEffect, useMemo, useState } from "react";
-import { useLimit } from "@buoy-gg/shared-ui";
-import { networkEventStore } from "../utils/networkEventStore";
-import { applyIgnoredPatterns, filterNetworkEvents } from "../utils/filterNetworkEvents";
-export function useNetworkEventList(options) {
-  const {
-    filter,
-    ignoredPatterns,
-    paused,
-    visible = true,
-    isPro
-  } = options;
-  const tierLimit = useLimit("network.requests");
-  // `isPro` stays an option so callers can force the unlimited view.
-  const requestLimit = isPro ? Infinity : tierLimit;
-  const [events, setEvents] = useState(() => networkEventStore.getEvents());
-  useEffect(() => {
-    // Hidden: neither subscribe nor sync — a hidden screen re-rendering for
-    // stream traffic is pure waste (the stable-router contract).
-    if (!visible) return undefined;
-    if (paused) {
-      // Pause freezes the STREAM, not the data. The store still holds the
-      // frozen events, and a screen entering visibility during a pause must
-      // show them rather than whatever it had at mount.
-      setEvents(networkEventStore.getEvents());
-      return undefined;
-    }
-    // Coalesce store emissions to one commit per frame: a burst of N
-    // concurrent requests emits 2N times (add + response each), and
-    // uncoalesced each emission is its own commit re-rendering the
-    // changed row's whole subtree. Profiling (tool-bench 2026-07-06):
-    // a rapid 25-request session produced 70 commits at ~220 renders
-    // each. subscribeToEvents replays the current array immediately, so
-    // resuming from pause catches up on the next frame.
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = networkEventStore.subscribeToEvents(next => {
-      pending = next;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (pending) setEvents(pending);
-        pending = null;
-      });
-    });
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-    };
-  }, [paused, visible]);
-  useEffect(() => networkEventStore.onClear(() => {
-    setEvents([]);
-  }), []);
-
-  // Derivations are plain useMemo over the subscribed array — linear
-  // passes over ≤maxEvents items, recomputed only when inputs change.
-  // Split in two so the pre-filter count is observable: `totalEvents` below
-  // is the denominator the empty state needs, and recomputing it separately
-  // would mean a second pass over the same array.
-  const candidateEvents = useMemo(() => applyIgnoredPatterns(events, ignoredPatterns), [events, ignoredPatterns]);
-  const filteredEvents = useMemo(() => filterNetworkEvents(candidateEvents, filter), [candidateEvents, filter]);
-
-  // Free tier: events beyond the limit in the ORIGINAL order are locked,
-  // so locked events stay locked even when searching (ported verbatim).
-  const lockedEventIds = useMemo(() => {
-    const lockedIds = new Set();
-    events.slice(requestLimit).forEach(event => {
-      lockedIds.add(event.id);
-    });
-    return lockedIds;
-  }, [events, requestLimit]);
-  const visibleEvents = useMemo(() => {
-    if (lockedEventIds.size === 0) return filteredEvents;
-    return filteredEvents.filter(event => !lockedEventIds.has(event.id));
-  }, [filteredEvents, lockedEventIds]);
-  const lockedEventCount = filteredEvents.length - visibleEvents.length;
-  return {
-    events: filteredEvents,
-    visibleEvents,
-    hasLockedEvents: lockedEventCount > 0,
-    lockedEventCount,
-    totalEvents: candidateEvents.length
-  };
-}
+"use strict";import{useEffect as p,useMemo as s,useState as I}from"react";import{useLimit as L}from"@buoy-gg/shared-ui";import{networkEventStore as i}from"../utils/networkEventStore";import{applyIgnoredPatterns as q,filterNetworkEvents as P}from"../utils/filterNetworkEvents";export function useNetworkEventList(g){const{filter:c,ignoredPatterns:d,paused:f,visible:a=true,isPro:k}=g;const b=L("network.requests");const v=k?Infinity:b;const[r,o]=I(()=>i.getEvents());p(()=>{if(!a)return void 0;if(f){o(i.getEvents());return void 0}let e=null;let t=null;const h=i.subscribeToEvents(w=>{t=w;if(e!=null)return;e=requestAnimationFrame(()=>{e=null;if(t)o(t);t=null})});return()=>{h();if(e!=null)cancelAnimationFrame(e)}},[f,a]);p(()=>i.onClear(()=>{o([])}),[]);const u=s(()=>q(r,d),[r,d]);const n=s(()=>P(u,c),[u,c]);const l=s(()=>{const e=new Set;r.slice(v).forEach(t=>{e.add(t.id)});return e},[r,v]);const m=s(()=>{if(l.size===0)return n;return n.filter(e=>!l.has(e.id))},[n,l]);const E=n.length-m.length;return{events:n,visibleEvents:m,hasLockedEvents:E>0,lockedEventCount:E,totalEvents:u.length}}