@buoy-gg/network 2.1.10 → 2.1.12

package/lib/commonjs/network/components/NetworkEventDetailView.js

@@ -156,7 +156,9 @@ const UrlBreakdown = ({
       }), showParams ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataViewer.DataViewer, {
         title: "",
         data: urlParts.params,
-        showTypeFilter: false
+        showTypeFilter: true,
+        rawMode: true,
+        initialExpanded: true
       }) : null]
     }) : null]
   });

package/lib/commonjs/network/components/NetworkModal.js

@@ -45,6 +45,7 @@ function NetworkModalInner({
   } = (0, _sharedUi.useFeatureGate)();
   const {
     events,
+    allEvents,
     stats,
     filter,
     setFilter,
@@ -332,12 +333,17 @@ function NetworkModalInner({
     return generateCopyText();
   }, [filteredEvents.length, generateCopyText]);
 
-  // Compute badge stats from filtered events (respects ignored patterns)
+  // Compute badge stats from all events (before status filtering) with ignored patterns applied.
+  // This ensures counts stay stable when toggling between status filters.
   const badgeStats = (0, _react.useMemo)(() => {
     let successful = 0;
     let failed = 0;
     let pending = 0;
-    for (const event of filteredEvents) {
+    const eventsForStats = ignoredPatterns.size === 0 ? allEvents : allEvents.filter(event => {
+      const url = event.url.toLowerCase();
+      return !Array.from(ignoredPatterns).some(pattern => url.includes(pattern.toLowerCase()));
+    });
+    for (const event of eventsForStats) {
       if (event.status && event.status >= 200 && event.status < 300) {
         successful++;
       } else if (event.error || event.status && event.status >= 400) {
@@ -351,7 +357,7 @@ function NetworkModalInner({
       failed,
       pending
     };
-  }, [filteredEvents]);
+  }, [allEvents, ignoredPatterns]);
 
   // FlatList optimization - only keep what's needed for FlatList performance
   const keyExtractor = item => item.id;

package/lib/commonjs/network/hooks/useTickEveryMinute.js

@@ -3,32 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TickProvider = TickProvider;
+Object.defineProperty(exports, "TickProvider", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.TickProvider;
+  }
+});
 exports.useTickEveryMinute = useTickEveryMinute;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const TickContext = /*#__PURE__*/(0, _react.createContext)(Date.now());
-function TickProvider({
-  children,
-  intervalMs = 60_000
-}) {
-  const [tick, setTick] = (0, _react.useState)(() => Date.now());
-  (0, _react.useEffect)(() => {
-    const id = setInterval(() => {
-      setTick(Date.now());
-    }, intervalMs);
-    return () => {
-      clearInterval(id);
-    };
-  }, [intervalMs]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TickContext.Provider, {
-    value: tick,
-    children: children
-  });
-}
-function useTickEveryMinute() {
-  const tick = (0, _react.useContext)(TickContext);
+var _sharedUi = require("@buoy-gg/shared-ui");
+// Re-export TickProvider from shared package
 
-  // Expose stable object so consumers can memoize on value changes
-  return (0, _react.useMemo)(() => tick, [tick]);
+// Re-export useTick as useTickEveryMinute for backward compatibility.
+// Falls back to Date.now() when no provider is present (matches original behavior).
+
+function useTickEveryMinute() {
+  return (0, _sharedUi.useTick)() ?? Date.now();
 }

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

@@ -153,7 +153,9 @@ const UrlBreakdown = ({
       }), showParams ? /*#__PURE__*/_jsx(DataViewer, {
         title: "",
         data: urlParts.params,
-        showTypeFilter: false
+        showTypeFilter: true,
+        rawMode: true,
+        initialExpanded: true
       }) : null]
     }) : null]
   });

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

@@ -41,6 +41,7 @@ function NetworkModalInner({
   } = useFeatureGate();
   const {
     events,
+    allEvents,
     stats,
     filter,
     setFilter,
@@ -328,12 +329,17 @@ function NetworkModalInner({
     return generateCopyText();
   }, [filteredEvents.length, generateCopyText]);
 
-  // Compute badge stats from filtered events (respects ignored patterns)
+  // Compute badge stats from all events (before status filtering) with ignored patterns applied.
+  // This ensures counts stay stable when toggling between status filters.
   const badgeStats = useMemo(() => {
     let successful = 0;
     let failed = 0;
     let pending = 0;
-    for (const event of filteredEvents) {
+    const eventsForStats = ignoredPatterns.size === 0 ? allEvents : allEvents.filter(event => {
+      const url = event.url.toLowerCase();
+      return !Array.from(ignoredPatterns).some(pattern => url.includes(pattern.toLowerCase()));
+    });
+    for (const event of eventsForStats) {
       if (event.status && event.status >= 200 && event.status < 300) {
         successful++;
       } else if (event.error || event.status && event.status >= 400) {
@@ -347,7 +353,7 @@ function NetworkModalInner({
       failed,
       pending
     };
-  }, [filteredEvents]);
+  }, [allEvents, ignoredPatterns]);
 
   // FlatList optimization - only keep what's needed for FlatList performance
   const keyExtractor = item => item.id;

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

@@ -1,29 +1,11 @@
 "use strict";
 
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const TickContext = /*#__PURE__*/createContext(Date.now());
-export function TickProvider({
-  children,
-  intervalMs = 60_000
-}) {
-  const [tick, setTick] = useState(() => Date.now());
-  useEffect(() => {
-    const id = setInterval(() => {
-      setTick(Date.now());
-    }, intervalMs);
-    return () => {
-      clearInterval(id);
-    };
-  }, [intervalMs]);
-  return /*#__PURE__*/_jsx(TickContext.Provider, {
-    value: tick,
-    children: children
-  });
-}
-export function useTickEveryMinute() {
-  const tick = useContext(TickContext);
+// Re-export TickProvider from shared package
+export { TickProvider } from "@buoy-gg/shared-ui";
 
-  // Expose stable object so consumers can memoize on value changes
-  return useMemo(() => tick, [tick]);
+// Re-export useTick as useTickEveryMinute for backward compatibility.
+// Falls back to Date.now() when no provider is present (matches original behavior).
+import { useTick } from "@buoy-gg/shared-ui";
+export function useTickEveryMinute() {
+  return useTick() ?? Date.now();
 }

package/lib/typescript/network/components/NetworkEventDetailView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkEventDetailView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAU7C,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAmKD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,eAA2B,EAC3B,eAA0B,GAC3B,EAAE,2BAA2B,+BAkZ7B"}
+{"version":3,"file":"NetworkEventDetailView.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkEventDetailView.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAU7C,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAqKD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,eAA2B,EAC3B,eAA0B,GAC3B,EAAE,2BAA2B,+BAkZ7B"}

package/lib/typescript/network/components/NetworkModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkModal.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkModal.tsx"],"names":[],"mappings":"AA4CA,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AA0iCD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD"}
+{"version":3,"file":"NetworkModal.d.ts","sourceRoot":"","sources":["../../../../src/network/components/NetworkModal.tsx"],"names":[],"mappings":"AA4CA,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;AAsjCD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAMpD"}

package/lib/typescript/network/hooks/useTickEveryMinute.d.ts

@@ -1,9 +1,3 @@
-import { type ReactNode } from "react";
-interface TickProviderProps {
-    children: ReactNode;
-    intervalMs?: number;
-}
-export declare function TickProvider({ children, intervalMs, }: TickProviderProps): import("react").JSX.Element;
+export { TickProvider } from "@buoy-gg/shared-ui";
 export declare function useTickEveryMinute(): number;
-export {};
 //# sourceMappingURL=useTickEveryMinute.d.ts.map

package/lib/typescript/network/hooks/useTickEveryMinute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTickEveryMinute.d.ts","sourceRoot":"","sources":["../../../../src/network/hooks/useTickEveryMinute.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,UAAmB,GACpB,EAAE,iBAAiB,+BAcnB;AAED,wBAAgB,kBAAkB,WAKjC"}
+{"version":3,"file":"useTickEveryMinute.d.ts","sourceRoot":"","sources":["../../../../src/network/hooks/useTickEveryMinute.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMlD,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/network",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "description": "network package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "2.1.10"
+    "@buoy-gg/shared-ui": "2.1.12"
   },
   "peerDependencies": {
     "react": "*",