@buoy-gg/network 7.0.40 → 7.0.42

package/lib/module/network/components/NetworkOverrideHeaderButton.js

@@ -1,104 +1 @@
-"use strict";
-
-import { StyleSheet, Text, TouchableOpacity } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { useOverrideRules } from "../hooks/useOverrideRules";
-import { useSelectedNetworkEventId } from "../hooks/useNetworkSelection";
-import { ruleMatches } from "../overrides/matchRule";
-import { draftFromEvent } from "../overrides/presets";
-import { networkEventStore } from "../utils/networkEventStore";
-import { networkSavedStore } from "../utils/networkSavedStore";
-
-/**
- * The Override action, in the request-detail header.
- *
- * A labelled word rather than an icon: every other control here is a glyph
- * (back, pin, bookmark) and glyphs are fine for things you already know. This
- * one is the least familiar action in the tool, and "Override" spelled out is
- * the entire explanation.
- *
- * A self-subscribing leaf, for the same two reasons `NetworkDetailPinActions`
- * is one: the modal root stays free of subscriptions, and the selected id is
- * subscribed here so stepping between requests doesn't rebuild the header
- * around a new prop.
- *
- * It lights up while a rule covers the request you're looking at — the same
- * warning tint the OVERRIDDEN strip and the toolbar flask use, because "you are
- * not seeing the truth" is one idea and should look like one.
- *
- * Tapping it goes straight to the Overrides screen with the rule open: a new
- * one prefilled from this request, or the existing one if something already
- * covers it. One destination, so there's never a question of where the thing
- * you just made went.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export function NetworkOverrideHeaderButton({
-  onOpen
-}) {
-  const eventId = useSelectedNetworkEventId();
-  const {
-    rules,
-    isRuleSpent
-  } = useOverrideRules();
-
-  // Resolved here rather than held as a prop: the live store has the fresh copy
-  // while a request is in flight, and the saved store is the only copy once it
-  // has been cleared or aged out.
-  const event = eventId ? networkEventStore.getEvents().find(e => e.id === eventId) ?? networkSavedStore.getEventById(eventId) : null;
-  const existing = event ? rules.find(rule => rule.enabled && !isRuleSpent(rule) && ruleMatches(rule, event.url, String(event.method || "GET"))) ?? null : null;
-  const active = existing !== null;
-  const handlePress = () => {
-    if (!event) return;
-    if (existing) {
-      // Editing what's already there, rather than stacking a second rule the
-      // first would shadow — first enabled match wins.
-      const {
-        id,
-        hits: _h,
-        seen: _s,
-        createdAt: _c,
-        ...draft
-      } = existing;
-      onOpen(draft, id);
-      return;
-    }
-    onOpen(draftFromEvent(event));
-  };
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    onPress: handlePress,
-    "sentry-label": "ignore open overrides",
-    testID: "buoy-network-override-request",
-    accessibilityRole: "button",
-    accessibilityLabel: active ? "Edit the override on this request" : "Override this request",
-    style: [styles.button, active && styles.buttonActive],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [styles.label, active && styles.labelActive],
-      children: "Override"
-    })
-  });
-}
-const styles = StyleSheet.create({
-  // Night: the header's dark-glass chip, with the accent label the night
-  // language gives labelled actions (plate + accent ink). Active keeps the
-  // warning tint — same "you are not seeing the truth" signal as the flask.
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 6,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.buttonSurface
-  },
-  buttonActive: {
-    borderColor: night.color.warning + "77",
-    backgroundColor: night.color.warningSoft
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: night.color.accent
-  },
-  labelActive: {
-    color: night.color.warning
-  }
-});
+"use strict";import{StyleSheet as f,Text as m,TouchableOpacity as v}from"react-native";import{night as t}from"@buoy-gg/shared-ui";import{useOverrideRules as h}from"../hooks/useOverrideRules";import{useSelectedNetworkEventId as g}from"../hooks/useNetworkSelection";import{ruleMatches as p}from"../overrides/matchRule";import{draftFromEvent as S}from"../overrides/presets";import{networkEventStore as y}from"../utils/networkEventStore";import{networkSavedStore as w}from"../utils/networkSavedStore";import{jsx as c}from"react/jsx-runtime";export function NetworkOverrideHeaderButton({onOpen:s}){const n=g();const{rules:d,isRuleSpent:a}=h();const r=n?y.getEvents().find(e=>e.id===n)??w.getEventById(n):null;const i=r?d.find(e=>e.enabled&&!a(e)&&p(e,r.url,String(r.method||"GET")))??null:null;const l=i!==null;const u=()=>{if(!r)return;if(i){const{id:e,hits:k,seen:E,createdAt:x,...b}=i;s(b,e);return}s(S(r))};return c(v,{onPress:u,"sentry-label":"ignore open overrides",testID:"buoy-network-override-request",accessibilityRole:"button",accessibilityLabel:l?"Edit the override on this request":"Override this request",style:[o.button,l&&o.buttonActive],children:c(m,{style:[o.label,l&&o.labelActive],children:"Override"})})}const o=f.create({button:{paddingHorizontal:10,paddingVertical:6,borderRadius:8,borderWidth:1,borderColor:t.color.border,backgroundColor:t.color.buttonSurface},buttonActive:{borderColor:t.color.warning+"77",backgroundColor:t.color.warningSoft},label:{fontSize:11,fontWeight:"700",color:t.color.accent},labelActive:{color:t.color.warning}});

package/lib/module/network/components/NetworkOverrideHeaderButton.web.js

@@ -1,131 +1 @@
-"use strict";
-
-/**
- * NetworkOverrideHeaderButton.web — DOM twin of
- * NetworkOverrideHeaderButton.tsx.
- *
- * The Override action, in the request-detail header. A labelled word rather
- * than an icon — it's the least familiar action in the tool, and "Override"
- * spelled out is the entire explanation. A self-subscribing leaf: the
- * selected id and the rule list are subscribed HERE so stepping between
- * requests doesn't rebuild the header around a new prop.
- *
- * It lights up while a rule covers the request you're looking at — the same
- * warning tint the OVERRIDDEN strip and the toolbar flask use. Tapping it
- * goes straight to the Overrides screen with the rule open: a new one
- * prefilled from this request (`draftFromEvent`), or the existing one if
- * something already covers it (first enabled match wins, so stacking a
- * second rule the first would shadow is never offered). (Native comments.)
- *
- * REUSED, not forked (all platform-free): `useOverrideRules`,
- * `useSelectedNetworkEventId`, `ruleMatches`, `draftFromEvent`,
- * `networkEventStore`, `networkSavedStore`.
- *
- * shared-ui RN chrome is replicated as DOM with provenance:
- *  - `macOSColors` — inlined verbatim subset from
- *    shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts.
- *
- * @platform React DOM Web
- */
-
-import { useOverrideRules } from "../hooks/useOverrideRules";
-import { useSelectedNetworkEventId } from "../hooks/useNetworkSelection";
-import { ruleMatches } from "../overrides/matchRule";
-import { draftFromEvent } from "../overrides/presets";
-import { networkEventStore } from "../utils/networkEventStore";
-import { networkSavedStore } from "../utils/networkSavedStore";
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */
-import { jsx as _jsx } from "react/jsx-runtime";
-const macOSColors = {
-  background: {
-    input: "#26262A"
-  },
-  border: {
-    input: "#3D3D42"
-  },
-  text: {
-    primary: "#F5F5F7"
-  },
-  semantic: {
-    warning: "#FFEB3B",
-    warningBackground: "rgba(255, 235, 59, 0.15)"
-  }
-};
-export function NetworkOverrideHeaderButton({
-  onOpen
-}) {
-  const eventId = useSelectedNetworkEventId();
-  const {
-    rules,
-    isRuleSpent
-  } = useOverrideRules();
-
-  // Resolved here rather than held as a prop: the live store has the fresh
-  // copy while a request is in flight, and the saved store is the only copy
-  // once it has been cleared or aged out. (Native comment.)
-  const event = eventId ? networkEventStore.getEvents().find(e => e.id === eventId) ?? networkSavedStore.getEventById(eventId) : null;
-  const existing = event ? rules.find(rule => rule.enabled && !isRuleSpent(rule) && ruleMatches(rule, event.url, String(event.method || "GET"))) ?? null : null;
-  const active = existing !== null;
-  const handlePress = () => {
-    if (!event) return;
-    if (existing) {
-      // Editing what's already there, rather than stacking a second rule the
-      // first would shadow — first enabled match wins.
-      const {
-        id,
-        hits: _h,
-        seen: _s,
-        createdAt: _c,
-        ...draft
-      } = existing;
-      onOpen(draft, id);
-      return;
-    }
-    onOpen(draftFromEvent(event));
-  };
-  return /*#__PURE__*/_jsx("button", {
-    type: "button",
-    onClick: handlePress,
-    "aria-label": active ? "Edit the override on this request" : "Override this request",
-    style: {
-      ...styles.button,
-      ...(active ? styles.buttonActive : null)
-    },
-    children: /*#__PURE__*/_jsx("span", {
-      style: {
-        ...styles.label,
-        ...(active ? styles.labelActive : null)
-      },
-      children: "Override"
-    })
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1.
-const styles = {
-  button: {
-    display: "inline-flex",
-    alignItems: "center",
-    padding: "6px 10px",
-    borderRadius: 6,
-    border: `1px solid ${macOSColors.border.input}`,
-    backgroundColor: macOSColors.background.input,
-    cursor: "pointer",
-    margin: 0,
-    boxSizing: "border-box"
-  },
-  buttonActive: {
-    border: `1px solid ${macOSColors.semantic.warning}77`,
-    backgroundColor: macOSColors.semantic.warningBackground
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: 700,
-    color: macOSColors.text.primary,
-    fontFamily: "inherit"
-  },
-  labelActive: {
-    color: macOSColors.semantic.warning
-  }
-};
+"use strict";import{useOverrideRules as b}from"../hooks/useOverrideRules";import{useSelectedNetworkEventId as p}from"../hooks/useNetworkSelection";import{ruleMatches as g}from"../overrides/matchRule";import{draftFromEvent as f}from"../overrides/presets";import{networkEventStore as v}from"../utils/networkEventStore";import{networkSavedStore as x}from"../utils/networkSavedStore";import{jsx as a}from"react/jsx-runtime";const e={background:{input:"#26262A"},border:{input:"#3D3D42"},text:{primary:"#F5F5F7"},semantic:{warning:"#FFEB3B",warningBackground:"rgba(255, 235, 59, 0.15)"}};export function NetworkOverrideHeaderButton({onOpen:l}){const o=p();const{rules:d,isRuleSpent:c}=b();const r=o?v.getEvents().find(t=>t.id===o)??x.getEventById(o):null;const i=r?d.find(t=>t.enabled&&!c(t)&&g(t,r.url,String(r.method||"GET")))??null:null;const s=i!==null;const u=()=>{if(!r)return;if(i){const{id:t,hits:h,seen:k,createdAt:w,...m}=i;l(m,t);return}l(f(r))};return a("button",{type:"button",onClick:u,"aria-label":s?"Edit the override on this request":"Override this request",style:{...n.button,...s?n.buttonActive:null},children:a("span",{style:{...n.label,...s?n.labelActive:null},children:"Override"})})}const n={button:{display:"inline-flex",alignItems:"center",padding:"6px 10px",borderRadius:6,border:`1px solid ${e.border.input}`,backgroundColor:e.background.input,cursor:"pointer",margin:0,boxSizing:"border-box"},buttonActive:{border:`1px solid ${e.semantic.warning}77`,backgroundColor:e.semantic.warningBackground},label:{fontSize:11,fontWeight:700,color:e.text.primary,fontFamily:"inherit"},labelActive:{color:e.semantic.warning}};

package/lib/module/network/components/NetworkOverridesButton.js

@@ -1,87 +1 @@
-"use strict";
-
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { FlaskConical, night } from "@buoy-gg/shared-ui";
-import { useOverrideRules } from "../hooks/useOverrideRules";
-
-/**
- * Header button for the Overrides screen, and the always-visible "overrides
- * are active" indicator.
- *
- * A self-subscribing LEAF, like the other live header pieces: the rule list
- * changes on its own schedule (every hit bumps a counter) and the modal shell
- * has no business re-rendering for it.
- *
- * The active tint is not decoration. A rule left enabled from yesterday makes
- * the app behave wrongly in a way that looks exactly like a real bug, so the
- * tool has to keep saying so from the top level — Chrome shows the same
- * warning in its Overrides pane for the same reason.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function NetworkOverridesButton({
-  onPress
-}) {
-  const {
-    activeCount
-  } = useOverrideRules();
-  const active = activeCount > 0;
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    onPress: onPress,
-    "sentry-label": "ignore open overrides",
-    testID: "buoy-network-overrides",
-    accessibilityRole: "button",
-    style: [styles.button, active && styles.buttonActive],
-    accessibilityLabel: active ? `Response overrides — ${activeCount} active` : "Response overrides",
-    children: [/*#__PURE__*/_jsx(FlaskConical, {
-      size: 14,
-      color: active ? night.color.warning : night.color.textSecondary
-    }), active ? /*#__PURE__*/_jsx(View, {
-      style: styles.badge,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.badgeText,
-        children: activeCount
-      })
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  // The header's standard 32×32 action box — same shape, fill, border and
-  // radius as search/power/clear. It was a bare padded glyph, which read as a
-  // different CLASS of control than its neighbours when it is exactly the same
-  // kind of thing.
-  button: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  // Active fills the whole box, the way the power toggle goes green — the
-  // warning now reads at a glance instead of as a tinted glyph.
-  buttonActive: {
-    backgroundColor: night.color.warningSoft,
-    borderColor: night.color.warning + "77"
-  },
-  badge: {
-    position: "absolute",
-    // Inside the box now that there is one; a corner-hung badge would clip
-    // against the neighbouring buttons' 8pt gap.
-    top: 1,
-    right: 1,
-    minWidth: 12,
-    height: 12,
-    borderRadius: 6,
-    paddingHorizontal: 3,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: night.color.warning
-  },
-  badgeText: {
-    fontSize: 8,
-    fontWeight: "800",
-    color: "#000000"
-  }
-});
+"use strict";import{StyleSheet as s,Text as c,TouchableOpacity as l,View as a}from"react-native";import{FlaskConical as d,night as e}from"@buoy-gg/shared-ui";import{useOverrideRules as b}from"../hooks/useOverrideRules";import{jsx as i,jsxs as u}from"react/jsx-runtime";export function NetworkOverridesButton({onPress:n}){const{activeCount:r}=b();const o=r>0;return u(l,{onPress:n,"sentry-label":"ignore open overrides",testID:"buoy-network-overrides",accessibilityRole:"button",style:[t.button,o&&t.buttonActive],accessibilityLabel:o?`Response overrides \u2014 ${r} active`:"Response overrides",children:[i(d,{size:14,color:o?e.color.warning:e.color.textSecondary}),o?i(a,{style:t.badge,children:i(c,{style:t.badgeText,children:r})}):null]})}const t=s.create({button:{width:32,height:32,borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:e.color.buttonSurface,borderWidth:1,borderColor:e.color.border},buttonActive:{backgroundColor:e.color.warningSoft,borderColor:e.color.warning+"77"},badge:{position:"absolute",top:1,right:1,minWidth:12,height:12,borderRadius:6,paddingHorizontal:3,alignItems:"center",justifyContent:"center",backgroundColor:e.color.warning},badgeText:{fontSize:8,fontWeight:"800",color:"#000000"}});

package/lib/module/network/components/NetworkOverridesButton.web.js

@@ -1,141 +1 @@
-"use strict";
-
-/**
- * NetworkOverridesButton.web — DOM twin of NetworkOverridesButton.tsx.
- *
- * Header button for the Overrides screen, and the always-visible "overrides
- * are active" indicator. A self-subscribing LEAF, like the other live header
- * pieces — the rule list changes on its own schedule (every hit bumps a
- * counter) and the modal shell has no business re-rendering for it.
- *
- * The active tint is not decoration: a rule left enabled from yesterday makes
- * the app behave wrongly in a way that looks exactly like a real bug, so the
- * tool keeps saying so from the top level. (Native comment.)
- *
- * REUSED, not forked: `useOverrideRules` (platform-free).
- *
- * shared-ui RN chrome is replicated as DOM with provenance:
- *  - `macOSColors` — inlined verbatim subset from
- *    shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts.
- *  - `FlaskConical` — inline lucide SVG (shared-ui icons are lucide
- *    re-exports).
- *
- * @platform React DOM Web
- */
-
-import { useOverrideRules } from "../hooks/useOverrideRules";
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const macOSColors = {
-  background: {
-    base: "#0A0A0C",
-    hover: "#1D1D1F"
-  },
-  border: {
-    default: "#2D2D2F"
-  },
-  text: {
-    secondary: "#A1A1A6"
-  },
-  semantic: {
-    warning: "#FFEB3B",
-    warningBackground: "rgba(255, 235, 59, 0.15)"
-  }
-};
-const FlaskConical = ({
-  size = 14,
-  color
-}) => /*#__PURE__*/_jsxs("svg", {
-  width: size,
-  height: size,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: color,
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  style: {
-    flexShrink: 0,
-    display: "block"
-  },
-  children: [/*#__PURE__*/_jsx("path", {
-    d: "M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M8.5 2h7"
-  }), /*#__PURE__*/_jsx("path", {
-    d: "M7 16h10"
-  })]
-});
-export function NetworkOverridesButton({
-  onPress
-}) {
-  const {
-    activeCount
-  } = useOverrideRules();
-  const active = activeCount > 0;
-  return /*#__PURE__*/_jsxs("button", {
-    type: "button",
-    onClick: onPress,
-    style: {
-      ...styles.button,
-      ...(active ? styles.buttonActive : null)
-    },
-    "aria-label": active ? `Response overrides — ${activeCount} active` : "Response overrides",
-    children: [/*#__PURE__*/_jsx(FlaskConical, {
-      size: 14,
-      color: active ? macOSColors.semantic.warning : macOSColors.text.secondary
-    }), active ? /*#__PURE__*/_jsx("span", {
-      style: styles.badge,
-      children: /*#__PURE__*/_jsx("span", {
-        style: styles.badgeText,
-        children: activeCount
-      })
-    }) : null]
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1: the header's standard 32×32
-// action box; active fills the whole box the way the power toggle goes green,
-// with the count badge INSIDE the box.
-const styles = {
-  button: {
-    position: "relative",
-    display: "inline-flex",
-    width: 32,
-    height: 32,
-    boxSizing: "border-box",
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: macOSColors.background.hover,
-    border: `1px solid ${macOSColors.border.default}`,
-    cursor: "pointer",
-    padding: 0,
-    margin: 0
-  },
-  buttonActive: {
-    backgroundColor: macOSColors.semantic.warningBackground,
-    border: `1px solid ${macOSColors.semantic.warning}77`
-  },
-  badge: {
-    position: "absolute",
-    top: 1,
-    right: 1,
-    minWidth: 12,
-    height: 12,
-    borderRadius: 6,
-    padding: "0 3px",
-    boxSizing: "border-box",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    backgroundColor: macOSColors.semantic.warning
-  },
-  badgeText: {
-    fontSize: 8,
-    fontWeight: 800,
-    color: macOSColors.background.base,
-    lineHeight: 1
-  }
-};
+"use strict";import{useOverrideRules as a}from"../hooks/useOverrideRules";import{jsx as n,jsxs as s}from"react/jsx-runtime";const e={background:{base:"#0A0A0C",hover:"#1D1D1F"},border:{default:"#2D2D2F"},text:{secondary:"#A1A1A6"},semantic:{warning:"#FFEB3B",warningBackground:"rgba(255, 235, 59, 0.15)"}};const d=({size:o=14,color:t})=>s("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,display:"block"},children:[n("path",{d:"M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"}),n("path",{d:"M8.5 2h7"}),n("path",{d:"M7 16h10"})]});export function NetworkOverridesButton({onPress:o}){const{activeCount:t}=a();const r=t>0;return s("button",{type:"button",onClick:o,style:{...i.button,...r?i.buttonActive:null},"aria-label":r?`Response overrides \u2014 ${t} active`:"Response overrides",children:[n(d,{size:14,color:r?e.semantic.warning:e.text.secondary}),r?n("span",{style:i.badge,children:n("span",{style:i.badgeText,children:t})}):null]})}const i={button:{position:"relative",display:"inline-flex",width:32,height:32,boxSizing:"border-box",borderRadius:8,alignItems:"center",justifyContent:"center",backgroundColor:e.background.hover,border:`1px solid ${e.border.default}`,cursor:"pointer",padding:0,margin:0},buttonActive:{backgroundColor:e.semantic.warningBackground,border:`1px solid ${e.semantic.warning}77`},badge:{position:"absolute",top:1,right:1,minWidth:12,height:12,borderRadius:6,padding:"0 3px",boxSizing:"border-box",display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:e.semantic.warning},badgeText:{fontSize:8,fontWeight:800,color:e.background.base,lineHeight:1}};