@buoy-gg/network 7.0.40 → 7.0.42

package/lib/module/network/sync/overrideHonesty.release.test.js

@@ -1,35 +1 @@
-"use strict";
-
-/**
- * Override write receipts must admit when the rule cannot fire.
- *
- * Compiled by vitest.release.config.ts with `__DEV__` inlined to false — the
- * only lane where this is observable, because `__DEV__` is a build-time
- * constant and `vi.stubGlobal` cannot reach it.
- *
- * The bug this pins: `overrideForRequest` refuses in a release build, but the
- * write paths still returned a bare `{ok: true}` and still persisted. A remote
- * driver — Buoy MCP, the desktop dashboard, or Ask Buoy — reported "override is
- * live" to a QA tester whose next bug report was filed against data that was
- * never faked. Saved and inert are different states and the receipt has to say
- * which one happened.
- */
-import { describe, expect, it } from "vitest";
-import { overridesCanApply, OVERRIDES_INACTIVE_REASON, overrideForRequest } from "../overrides/engine";
-describe("override honesty in a release build", () => {
-  it("is compiled with __DEV__ false", () => {
-    // Guard the guard: if this lane ever ran with __DEV__ true, every
-    // assertion below would pass for the wrong reason.
-    expect(typeof __DEV__ === "undefined" || __DEV__).toBe(false);
-  });
-  it("reports that overrides cannot apply", () => {
-    expect(overridesCanApply()).toBe(false);
-  });
-  it("never applies a rule to a request", () => {
-    expect(overrideForRequest("https://api.example.com/menu", "GET")).toBeNull();
-  });
-  it("has a reason written for a person, not a log line", () => {
-    expect(OVERRIDES_INACTIVE_REASON).toMatch(/release build/i);
-    expect(OVERRIDES_INACTIVE_REASON).toMatch(/will not affect/i);
-  });
-});
+"use strict";import{describe as r,expect as e,it as t}from"vitest";import{overridesCanApply as a,OVERRIDES_INACTIVE_REASON as o,overrideForRequest as i}from"../overrides/engine";r("override honesty in a release build",()=>{t("is compiled with __DEV__ false",()=>{e(typeof __DEV__==="undefined"||__DEV__).toBe(false)});t("reports that overrides cannot apply",()=>{e(a()).toBe(false)});t("never applies a rule to a request",()=>{e(i("https://api.example.com/menu","GET")).toBeNull()});t("has a reason written for a person, not a log line",()=>{e(o).toMatch(/release build/i);e(o).toMatch(/will not affect/i)})});

package/lib/module/network/types/index.js

@@ -1,3 +1 @@
-"use strict";
-
-export {};
+"use strict";export{};

package/lib/module/network/utils/extractOperationName.js

@@ -1,76 +1 @@
-"use strict";
-
-/**
- * Extract GraphQL operation name from request data
- *
- * This utility extracts the operation name from GraphQL requests to enable
- * searching and filtering by operation name rather than just URL paths.
- *
- * For GraphQL, all requests typically go to the same endpoint (e.g., /graphql),
- * making URL-based search ineffective. This function extracts the actual
- * operation name (e.g., "GetUser", "CreatePost") from the request payload.
- *
- * Extraction Methods (tried in order):
- * 1. Direct operationName field in request data
- * 2. Parse from query string using regex pattern
- *
- * @param requestData - The request data object (typically GraphQL query payload)
- * @returns Operation name string or null if not found
- *
- * @example
- * // Method 1: Explicit operationName field
- * const data1 = {
- *   operationName: "GetUser",
- *   query: "query GetUser { user { id name } }"
- * };
- * extractOperationName(data1); // Returns "GetUser"
- *
- * @example
- * // Method 2: Parse from query string
- * const data2 = {
- *   query: "mutation CreatePost { createPost(title: \"Hello\") { id } }"
- * };
- * extractOperationName(data2); // Returns "CreatePost"
- *
- * @example
- * // No operation name (anonymous query)
- * const data3 = {
- *   query: "{ user { id name } }"
- * };
- * extractOperationName(data3); // Returns null
- */
-export function extractOperationName(requestData) {
-  // Validate input is an object
-  if (!requestData || typeof requestData !== 'object') {
-    return null;
-  }
-
-  // Method 1: Check for explicit operationName field
-  // This is the standard GraphQL request format
-  if ('operationName' in requestData && requestData.operationName) {
-    const opName = requestData.operationName;
-    // Ensure it's a string and not empty
-    if (typeof opName === 'string' && opName.trim().length > 0) {
-      return opName.trim();
-    }
-  }
-
-  // Method 2: Parse from query string
-  // Handles cases where operationName field is missing or null
-  if ('query' in requestData && typeof requestData.query === 'string') {
-    const query = requestData.query;
-
-    // Match: query OperationName or mutation OperationName or subscription OperationName
-    // Pattern explanation:
-    // - (?:query|mutation|subscription) - Match operation type (non-capturing group)
-    // - \s+ - One or more whitespace characters
-    // - (\w+) - Capture operation name (letters, numbers, underscore)
-    const match = query.match(/(?:query|mutation|subscription)\s+(\w+)/);
-    if (match && match[1]) {
-      return match[1];
-    }
-  }
-
-  // No operation name found
-  return null;
-}
+"use strict";export function extractOperationName(n){if(!n||typeof n!=="object"){return null}if("operationName"in n&&n.operationName){const i=n.operationName;if(typeof i==="string"&&i.trim().length>0){return i.trim()}}if("query"in n&&typeof n.query==="string"){const i=n.query;const o=i.match(/(?:query|mutation|subscription)\s+(\w+)/);if(o&&o[1]){return o[1]}}return null}

package/lib/module/network/utils/filterNetworkEvents.js

@@ -1,92 +1 @@
-"use strict";
-
-/**
- * Pure network-event filtering shared by the list/copy/filter-screen hooks
- * (rule3: reusable logic extracted to a pure function). Ported verbatim
- * from the filtering previously inlined in `useNetworkEvents` so every
- * subscriber applies identical semantics.
- */
-
-import { urlMatchesIgnoredPattern } from "@buoy-gg/shared-ui";
-import { searchGraphQLVariables } from "./formatGraphQLVariables";
-
-/** Apply the user's search/method/status/host/content-type filter. */
-export function filterNetworkEvents(events, filter) {
-  const searchLower = filter.searchText ? filter.searchText.toLowerCase() : null;
-  const methodSet = filter.method && filter.method.length > 0 ? new Set(filter.method) : null;
-  const contentTypeSet = filter.contentType && filter.contentType.length > 0 ? new Set(filter.contentType) : null;
-  let filtered = [...events];
-  if (methodSet) {
-    filtered = filtered.filter(e => methodSet.has(e.method));
-  }
-  if (filter.status && filter.status !== "all") {
-    switch (filter.status) {
-      case "success":
-        filtered = filtered.filter(e => e.status && e.status >= 200 && e.status < 300);
-        break;
-      case "error":
-        filtered = filtered.filter(e => e.error || e.status && e.status >= 400);
-        break;
-      case "pending":
-        filtered = filtered.filter(e => !e.status && !e.error);
-        break;
-    }
-  }
-  if (searchLower) {
-    filtered = filtered.filter(e => e.url.toLowerCase().includes(searchLower) || e.method.toLowerCase().includes(searchLower) || e.path?.toLowerCase().includes(searchLower) || e.host?.toLowerCase().includes(searchLower) || e.error && e.error.toLowerCase().includes(searchLower) ||
-    // Search by GraphQL operation name (e.g., "GetUser", "CreatePost")
-    e.operationName && e.operationName.toLowerCase().includes(searchLower) ||
-    // Search by GraphQL variable values (e.g., "Sandshrew", "123")
-    searchGraphQLVariables(e.graphqlVariables, searchLower));
-  }
-  if (filter.host) {
-    filtered = filtered.filter(e => e.host === filter.host);
-  }
-  if (contentTypeSet) {
-    filtered = filtered.filter(e => {
-      const headers = e.responseHeaders || e.requestHeaders;
-      const contentType = headers?.["content-type"] || headers?.["Content-Type"] || "";
-      for (const type of contentTypeSet) {
-        switch (type) {
-          case "JSON":
-            if (contentType.includes("json")) return true;
-            break;
-          case "XML":
-            if (contentType.includes("xml")) return true;
-            break;
-          case "HTML":
-            if (contentType.includes("html")) return true;
-            break;
-          case "TEXT":
-            if (contentType.includes("text")) return true;
-            break;
-          case "IMAGE":
-            if (contentType.includes("image")) return true;
-            break;
-          case "VIDEO":
-            if (contentType.includes("video")) return true;
-            break;
-          case "AUDIO":
-            if (contentType.includes("audio")) return true;
-            break;
-          case "FORM":
-            if (contentType.includes("form")) return true;
-            break;
-          case "OTHER":
-            if (!contentType || !contentType.includes("json") && !contentType.includes("xml") && !contentType.includes("html") && !contentType.includes("text") && !contentType.includes("image") && !contentType.includes("video") && !contentType.includes("audio") && !contentType.includes("form")) {
-              return true;
-            }
-            break;
-        }
-      }
-      return false;
-    });
-  }
-  return filtered;
-}
-
-/** Drop events matching the shared ignored-domain/URL patterns. */
-export function applyIgnoredPatterns(events, ignoredPatterns) {
-  if (ignoredPatterns.length === 0) return events;
-  return events.filter(event => !ignoredPatterns.some(pattern => urlMatchesIgnoredPattern(event.url, pattern)));
-}
+"use strict";import{urlMatchesIgnoredPattern as l}from"@buoy-gg/shared-ui";import{searchGraphQLVariables as d}from"./formatGraphQLVariables";export function filterNetworkEvents(o,r){const n=r.searchText?r.searchText.toLowerCase():null;const a=r.method&&r.method.length>0?new Set(r.method):null;const u=r.contentType&&r.contentType.length>0?new Set(r.contentType):null;let s=[...o];if(a){s=s.filter(e=>a.has(e.method))}if(r.status&&r.status!=="all"){switch(r.status){case"success":s=s.filter(e=>e.status&&e.status>=200&&e.status<300);break;case"error":s=s.filter(e=>e.error||e.status&&e.status>=400);break;case"pending":s=s.filter(e=>!e.status&&!e.error);break}}if(n){s=s.filter(e=>e.url.toLowerCase().includes(n)||e.method.toLowerCase().includes(n)||e.path?.toLowerCase().includes(n)||e.host?.toLowerCase().includes(n)||e.error&&e.error.toLowerCase().includes(n)||e.operationName&&e.operationName.toLowerCase().includes(n)||d(e.graphqlVariables,n))}if(r.host){s=s.filter(e=>e.host===r.host)}if(u){s=s.filter(e=>{const c=e.responseHeaders||e.requestHeaders;const t=c?.["content-type"]||c?.["Content-Type"]||"";for(const i of u){switch(i){case"JSON":if(t.includes("json"))return true;break;case"XML":if(t.includes("xml"))return true;break;case"HTML":if(t.includes("html"))return true;break;case"TEXT":if(t.includes("text"))return true;break;case"IMAGE":if(t.includes("image"))return true;break;case"VIDEO":if(t.includes("video"))return true;break;case"AUDIO":if(t.includes("audio"))return true;break;case"FORM":if(t.includes("form"))return true;break;case"OTHER":if(!t||!t.includes("json")&&!t.includes("xml")&&!t.includes("html")&&!t.includes("text")&&!t.includes("image")&&!t.includes("video")&&!t.includes("audio")&&!t.includes("form")){return true}break}}return false})}return s}export function applyIgnoredPatterns(o,r){if(r.length===0)return o;return o.filter(n=>!r.some(a=>l(n.url,a)))}

package/lib/module/network/utils/formatGraphQLVariables.js

@@ -1,213 +1 @@
-"use strict";
-
-/**
- * Format GraphQL variables for display using arrow notation
- *
- * Mimics React Query key display format to provide visual consistency:
- * - React Query: ["pokemon", "Sandshrew"] → "pokemon › Sandshrew"
- * - GraphQL: GetPokemon(id: "Sandshrew") → "GetPokemon › Sandshrew"
- *
- * Extracts only the values from variables (not keys) and formats them
- * for clean, compact display in the network request list.
- */
-
-/**
- * Format a single variable value for display
- *
- * @param value - The variable value to format
- * @param maxLength - Maximum length for string values (default: 30)
- * @returns Formatted string or null if value should be skipped
- */
-function formatValue(value, maxLength = 30) {
-  // Null/undefined - skip
-  if (value === null || value === undefined) {
-    return null;
-  }
-
-  // Boolean
-  if (typeof value === 'boolean') {
-    return String(value);
-  }
-
-  // Number
-  if (typeof value === 'number') {
-    return String(value);
-  }
-
-  // String
-  if (typeof value === 'string') {
-    // Truncate long strings
-    if (value.length > maxLength) {
-      return value.substring(0, maxLength - 1) + '…';
-    }
-    return value;
-  }
-
-  // Array - take first value or show count
-  if (Array.isArray(value)) {
-    if (value.length === 0) return null;
-    if (value.length === 1) {
-      return formatValue(value[0], maxLength);
-    }
-    // Multiple items - show count
-    return `${value.length} items`;
-  }
-
-  // Object - extract first string/number value
-  if (typeof value === 'object') {
-    const entries = Object.entries(value);
-    if (entries.length === 0) return null;
-
-    // Find first meaningful value
-    for (const [_, v] of entries) {
-      const formatted = formatValue(v, maxLength);
-      if (formatted) {
-        return formatted;
-      }
-    }
-    return null;
-  }
-  return null;
-}
-
-/**
- * Extract variable values from GraphQL variables object
- *
- * Returns an array of formatted values for display with arrow notation.
- *
- * @param variables - GraphQL variables object
- * @param maxValues - Maximum number of values to show (default: 3)
- * @returns Array of formatted variable values
- *
- * @example
- * formatGraphQLVariables({ id: "pikachu" })
- * // Returns: ["pikachu"]
- *
- * @example
- * formatGraphQLVariables({ userId: 123, includeProfile: true })
- * // Returns: ["123", "true"]
- *
- * @example
- * formatGraphQLVariables({ filter: { status: "active" }, limit: 10 })
- * // Returns: ["active", "10"]
- */
-export function formatGraphQLVariables(variables, maxValues = 3) {
-  if (!variables || typeof variables !== 'object') {
-    return null;
-  }
-  const values = [];
-
-  // Extract values from variables object
-  for (const [_, value] of Object.entries(variables)) {
-    const formatted = formatValue(value);
-    if (formatted) {
-      values.push(formatted);
-    }
-
-    // Stop if we've reached max values
-    if (values.length >= maxValues) {
-      break;
-    }
-  }
-  return values.length > 0 ? values : null;
-}
-
-/**
- * Combine operation name with variables using arrow notation
- *
- * Matches React Query display pattern: "pokemon › Sandshrew"
- * This provides visual consistency across all dev tools.
- *
- * @param operationName - GraphQL operation name (e.g., "GetPokemon")
- * @param variables - GraphQL variables object
- * @returns Formatted string with arrow notation
- *
- * @example
- * formatGraphQLDisplay("GetPokemon", { id: "Sandshrew" })
- * // Returns: "GetPokemon › Sandshrew"
- *
- * @example
- * formatGraphQLDisplay("GetUser", { userId: 123, includeProfile: true })
- * // Returns: "GetUser › 123 › true"
- *
- * @example
- * formatGraphQLDisplay("GetPosts", { status: "published", limit: 10, offset: 0 })
- * // Returns: "GetPosts › published › 10 › 0" (first 3 values by default)
- *
- * @example
- * formatGraphQLDisplay("GetCurrentUser", {})
- * // Returns: "GetCurrentUser" (no variables)
- */
-export function formatGraphQLDisplay(operationName, variables) {
-  const values = formatGraphQLVariables(variables);
-  if (!values || values.length === 0) {
-    // No variables - just operation name
-    return operationName;
-  }
-
-  // Combine: "GetPokemon › Sandshrew" (matches React Query pattern)
-  return [operationName, ...values].join(" › ");
-}
-
-/**
- * Search GraphQL variables for a given text
- *
- * Recursively searches through all variable values to find matches.
- * Used for filtering GraphQL requests by variable content.
- *
- * @param variables - GraphQL variables object
- * @param searchText - Text to search for (already lowercased)
- * @returns true if search text found in any variable value
- *
- * @example
- * searchGraphQLVariables({ id: "pikachu" }, "pika")
- * // Returns: true
- *
- * @example
- * searchGraphQLVariables({ userId: 123, name: "John" }, "123")
- * // Returns: true
- */
-export function searchGraphQLVariables(variables, searchText) {
-  if (!variables || typeof variables !== 'object') {
-    return false;
-  }
-
-  // Search through all variable values
-  for (const value of Object.values(variables)) {
-    if (searchValue(value, searchText)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * Recursively search a value for matching text
- */
-function searchValue(value, searchText) {
-  // String - direct match
-  if (typeof value === 'string') {
-    return value.toLowerCase().includes(searchText);
-  }
-
-  // Number - convert to string and match
-  if (typeof value === 'number') {
-    return String(value).includes(searchText);
-  }
-
-  // Boolean - convert to string and match
-  if (typeof value === 'boolean') {
-    return String(value).includes(searchText);
-  }
-
-  // Array - search each item
-  if (Array.isArray(value)) {
-    return value.some(item => searchValue(item, searchText));
-  }
-
-  // Object - search nested values
-  if (typeof value === 'object' && value !== null) {
-    return Object.values(value).some(v => searchValue(v, searchText));
-  }
-  return false;
-}
+"use strict";function o(r,n=30){if(r===null||r===void 0){return null}if(typeof r==="boolean"){return String(r)}if(typeof r==="number"){return String(r)}if(typeof r==="string"){if(r.length>n){return r.substring(0,n-1)+"\u2026"}return r}if(Array.isArray(r)){if(r.length===0)return null;if(r.length===1){return o(r[0],n)}return`${r.length} items`}if(typeof r==="object"){const t=Object.entries(r);if(t.length===0)return null;for(const[s,e]of t){const f=o(e,n);if(f){return f}}return null}return null}export function formatGraphQLVariables(r,n=3){if(!r||typeof r!=="object"){return null}const t=[];for(const[s,e]of Object.entries(r)){const f=o(e);if(f){t.push(f)}if(t.length>=n){break}}return t.length>0?t:null}export function formatGraphQLDisplay(r,n){const t=formatGraphQLVariables(n);if(!t||t.length===0){return r}return[r,...t].join(" \u203A ")}export function searchGraphQLVariables(r,n){if(!r||typeof r!=="object"){return false}for(const t of Object.values(r)){if(i(t,n)){return true}}return false}function i(r,n){if(typeof r==="string"){return r.toLowerCase().includes(n)}if(typeof r==="number"){return String(r).includes(n)}if(typeof r==="boolean"){return String(r).includes(n)}if(Array.isArray(r)){return r.some(t=>i(t,n))}if(typeof r==="object"&&r!==null){return Object.values(r).some(t=>i(t,n))}return false}

package/lib/module/network/utils/formatting.js

@@ -1,9 +1 @@
-"use strict";
-
-/**
- * Formatting utilities for network events
- * Re-exports shared utilities to maintain backward compatibility
- */
-
-// Re-export shared formatting utilities
-export { formatBytes, formatDuration, formatHttpStatus, getMethodColor } from "@buoy-gg/shared-ui";
+"use strict";export{formatBytes,formatDuration,formatHttpStatus,getMethodColor}from"@buoy-gg/shared-ui";

package/lib/module/network/utils/generateCurl.js

@@ -1,67 +1,2 @@
-"use strict";
-
-/**
- * Render a captured request as a runnable `curl` command.
- *
- * The point is to get a request OUT of the app and into a terminal, Postman or
- * a bug report without retyping it — so the output has to actually run, which
- * makes quoting the whole job.
- */
-
-/** Headers that describe the captured hop rather than the request, and would
- * either break the replay or lie about it. curl sets these itself. */
-const SKIPPED_HEADERS = new Set(["content-length",
-// curl recomputes it; a stale value truncates the body
-"host",
-// implied by the URL
-"connection", "accept-encoding" // curl would then have to decode what it asked for
-]);
-
-/**
- * Single-quote for POSIX shells.
- *
- * Inside single quotes every byte is literal, so the ONLY character needing
- * care is the single quote itself — closed, escaped, reopened. Newlines and
- * `$`/backtick survive untouched, which is what makes this safe for JSON
- * bodies and tokens.
- */
-function shellQuote(value) {
-  return `'${value.replace(/'/g, `'\\''`)}'`;
-}
-function serializeBody(data) {
-  if (data === undefined || data === null) return null;
-  if (typeof data === "string") return data;
-  try {
-    return JSON.stringify(data);
-  } catch {
-    // Circular or otherwise unserializable — better to emit no body than a
-    // command that silently posts "[object Object]".
-    return null;
-  }
-}
-export function generateCurl(event) {
-  const method = (event.method || "GET").toUpperCase();
-  const body = serializeBody(event.requestData);
-
-  // Flags are collected as whole `-X PATCH` strings rather than as a flat token
-  // list, so the line-wrap below can't mis-pair them — an earlier version
-  // destructured `[cmd, url, ...rest]` and put the URL in the wrong slot the
-  // moment an -X was present.
-  const flags = [];
-
-  // curl defaults to GET, and to POST once -d is present, so -X only carries
-  // information when it disagrees with that.
-  if (method !== "GET" && !(method === "POST" && body !== null)) {
-    flags.push(`-X ${method}`);
-  }
-  for (const [key, value] of Object.entries(event.requestHeaders || {})) {
-    if (SKIPPED_HEADERS.has(key.toLowerCase())) continue;
-    flags.push(`-H ${shellQuote(`${key}: ${value}`)}`);
-  }
-  if (body !== null) flags.push(`--data-raw ${shellQuote(body)}`);
-  const head = `curl ${shellQuote(event.url)}`;
-  if (flags.length === 0) return head;
-  // One flag per line — these get long, and a wrapped blob is unreadable in a
-  // terminal or pasted into a ticket.
-  return `${head} \\\n  ${flags.join(" \\\n  ")}`;
-}
+"use strict";const i=new Set(["content-length","host","connection","accept-encoding"]);function o(e){return`'${e.replace(/'/g,`'\\''`)}'`}function l(e){if(e===void 0||e===null)return null;if(typeof e==="string")return e;try{return JSON.stringify(e)}catch{return null}}export function generateCurl(e){const t=(e.method||"GET").toUpperCase();const r=l(e.requestData);const n=[];if(t!=="GET"&&!(t==="POST"&&r!==null)){n.push(`-X ${t}`)}for(const[s,c]of Object.entries(e.requestHeaders||{})){if(i.has(s.toLowerCase()))continue;n.push(`-H ${o(`${s}: ${c}`)}`)}if(r!==null)n.push(`--data-raw ${o(r)}`);const u=`curl ${o(e.url)}`;if(n.length===0)return u;return`${u} \\
+  ${n.join(" \\\n  ")}`}