@rozenite/network-activity-plugin 1.6.0 → 1.7.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/{App.html → devtools/App.html} +2 -2
  3. package/dist/react-native/chunks/boot-recording.js +1086 -0
  4. package/dist/react-native/chunks/boot-recording.require.cjs +5 -0
  5. package/dist/{react-native.cjs → react-native/index.cjs} +2 -2
  6. package/dist/react-native/index.d.ts +305 -0
  7. package/dist/{react-native.js → react-native/index.js} +2 -2
  8. package/dist/rozenite.json +1 -1
  9. package/package.json +27 -8
  10. package/dist/react-native.d.ts +0 -4
  11. package/dist/rozenite.config.d.ts +0 -7
  12. package/dist/src/react-native/agent/__tests__/network-activity-agent-state.test.d.ts +0 -1
  13. package/dist/src/react-native/agent/state.d.ts +0 -733
  14. package/dist/src/react-native/agent/tools.d.ts +0 -11
  15. package/dist/src/react-native/agent/use-network-activity-agent-tools.d.ts +0 -13
  16. package/dist/src/react-native/boot-recording.d.ts +0 -41
  17. package/dist/src/react-native/config.d.ts +0 -23
  18. package/dist/src/react-native/events-listener.d.ts +0 -44
  19. package/dist/src/react-native/http/http-inspector.d.ts +0 -10
  20. package/dist/src/react-native/http/http-utils.d.ts +0 -15
  21. package/dist/src/react-native/http/network-requests-registry.d.ts +0 -6
  22. package/dist/src/react-native/http/overrides-registry.d.ts +0 -6
  23. package/dist/src/react-native/http/xhr-interceptor.d.ts +0 -44
  24. package/dist/src/react-native/inspector.d.ts +0 -7
  25. package/dist/src/react-native/network-inspector.d.ts +0 -16
  26. package/dist/src/react-native/sse/event-source.d.ts +0 -2
  27. package/dist/src/react-native/sse/sse-inspector.d.ts +0 -6
  28. package/dist/src/react-native/sse/sse-interceptor.d.ts +0 -36
  29. package/dist/src/react-native/sse/types.d.ts +0 -6
  30. package/dist/src/react-native/useHttpInspector.d.ts +0 -3
  31. package/dist/src/react-native/useNetworkActivityDevTools.d.ts +0 -3
  32. package/dist/src/react-native/useSSEInspector.d.ts +0 -3
  33. package/dist/src/react-native/useWebSocketInspector.d.ts +0 -3
  34. package/dist/src/react-native/utils/getBlobName.d.ts +0 -35
  35. package/dist/src/react-native/utils/getFormDataEntries.d.ts +0 -18
  36. package/dist/src/react-native/utils.d.ts +0 -6
  37. package/dist/src/react-native/websocket/websocket-inspector.d.ts +0 -6
  38. package/dist/src/react-native/websocket/websocket-interceptor.d.ts +0 -73
  39. package/dist/src/shared/client.d.ts +0 -17
  40. package/dist/src/shared/http-events.d.ts +0 -106
  41. package/dist/src/shared/sse-events.d.ts +0 -38
  42. package/dist/src/shared/websocket-events.d.ts +0 -60
  43. package/dist/src/ui/App.d.ts +0 -1
  44. package/dist/src/ui/components/Badge.d.ts +0 -9
  45. package/dist/src/ui/components/Button.d.ts +0 -11
  46. package/dist/src/ui/components/CodeBlock.d.ts +0 -3
  47. package/dist/src/ui/components/CodeEditor.d.ts +0 -5
  48. package/dist/src/ui/components/CookieCard.d.ts +0 -7
  49. package/dist/src/ui/components/CopyRequestDropdown.d.ts +0 -7
  50. package/dist/src/ui/components/DropdownMenu.d.ts +0 -27
  51. package/dist/src/ui/components/FilterBar.d.ts +0 -10
  52. package/dist/src/ui/components/Input.d.ts +0 -3
  53. package/dist/src/ui/components/JsonTree.d.ts +0 -5
  54. package/dist/src/ui/components/JsonTreeCopyableItem.d.ts +0 -7
  55. package/dist/src/ui/components/KeyValueGrid.d.ts +0 -13
  56. package/dist/src/ui/components/OverrideResponse.d.ts +0 -8
  57. package/dist/src/ui/components/RequestBody.d.ts +0 -6
  58. package/dist/src/ui/components/RequestList.d.ts +0 -30
  59. package/dist/src/ui/components/ScrollArea.d.ts +0 -5
  60. package/dist/src/ui/components/Section.d.ts +0 -8
  61. package/dist/src/ui/components/Separator.d.ts +0 -4
  62. package/dist/src/ui/components/SidePanel.d.ts +0 -1
  63. package/dist/src/ui/components/Tabs.d.ts +0 -7
  64. package/dist/src/ui/components/Toolbar.d.ts +0 -1
  65. package/dist/src/ui/hooks/useCopyToClipboard.d.ts +0 -4
  66. package/dist/src/ui/state/derived.d.ts +0 -5
  67. package/dist/src/ui/state/hooks.d.ts +0 -21
  68. package/dist/src/ui/state/model.d.ts +0 -113
  69. package/dist/src/ui/state/store.d.ts +0 -48
  70. package/dist/src/ui/tabs/CookiesTab.d.ts +0 -5
  71. package/dist/src/ui/tabs/HeadersTab.d.ts +0 -5
  72. package/dist/src/ui/tabs/MessagesTab.d.ts +0 -5
  73. package/dist/src/ui/tabs/RequestTab.d.ts +0 -5
  74. package/dist/src/ui/tabs/ResponseTab.d.ts +0 -6
  75. package/dist/src/ui/tabs/SSEMessagesTab.d.ts +0 -5
  76. package/dist/src/ui/tabs/TimingTab.d.ts +0 -5
  77. package/dist/src/ui/types.d.ts +0 -26
  78. package/dist/src/ui/utils/assert.d.ts +0 -1
  79. package/dist/src/ui/utils/checkRequestBodyBinary.d.ts +0 -2
  80. package/dist/src/ui/utils/cn.d.ts +0 -2
  81. package/dist/src/ui/utils/copyToClipboard.d.ts +0 -1
  82. package/dist/src/ui/utils/escapeShellArg.d.ts +0 -1
  83. package/dist/src/ui/utils/generateCurlCommand.d.ts +0 -2
  84. package/dist/src/ui/utils/generateFetchCall.d.ts +0 -2
  85. package/dist/src/ui/utils/generateMultipartBody.d.ts +0 -4
  86. package/dist/src/ui/utils/getId.d.ts +0 -1
  87. package/dist/src/ui/utils/getStatusColor.d.ts +0 -1
  88. package/dist/src/ui/views/InspectorView.d.ts +0 -5
  89. package/dist/src/ui/views/LoadingView.d.ts +0 -1
  90. package/dist/src/utils/applyReactNativeRequestHeadersLogic.d.ts +0 -7
  91. package/dist/src/utils/applyReactNativeResponseHeadersLogic.d.ts +0 -9
  92. package/dist/src/utils/cookieParser.d.ts +0 -6
  93. package/dist/src/utils/getContentTypeMimeType.d.ts +0 -2
  94. package/dist/src/utils/getHttpHeader.d.ts +0 -5
  95. package/dist/src/utils/getHttpHeaderValueAsString.d.ts +0 -11
  96. package/dist/src/utils/getStringSizeInBytes.d.ts +0 -1
  97. package/dist/src/utils/inferContentTypeFromPostData.d.ts +0 -2
  98. package/dist/src/utils/safeStringify.d.ts +0 -1
  99. package/dist/src/utils/typeChecks.d.ts +0 -9
  100. /package/dist/{assets → devtools/assets}/App-BrSkOkws.css +0 -0
  101. /package/dist/{assets/App-CGt4qucR.js → devtools/assets/App-pokLiGYV.js} +0 -0
  102. /package/dist/{boot-recording.cjs → react-native/chunks/boot-recording.cjs} +0 -0
  103. /package/dist/{boot-recording.js → react-native/chunks/boot-recording.require.js} +0 -0
  104. /package/dist/{event-source.cjs → react-native/chunks/event-source.cjs} +0 -0
  105. /package/dist/{event-source.js → react-native/chunks/event-source.js} +0 -0
  106. /package/dist/{useNetworkActivityDevTools.cjs → react-native/chunks/useNetworkActivityDevTools.require.cjs} +0 -0
  107. /package/dist/{useNetworkActivityDevTools.js → react-native/chunks/useNetworkActivityDevTools.require.js} +0 -0
@@ -1,60 +0,0 @@
1
- export type WebSocketMessageType = 'text' | 'binary';
2
- export type WebSocketConnectionStatus = 'connecting' | 'open' | 'closing' | 'closed';
3
- export type WebSocketConnectEvent = {
4
- type: 'websocket-connect';
5
- url: string;
6
- socketId: number;
7
- timestamp: number;
8
- protocols: string[] | null;
9
- options: string[];
10
- };
11
- export type WebSocketOpenEvent = {
12
- type: 'websocket-open';
13
- url: string;
14
- socketId: number;
15
- timestamp: number;
16
- };
17
- export type WebSocketCloseEvent = {
18
- type: 'websocket-close';
19
- url: string;
20
- socketId: number;
21
- timestamp: number;
22
- code: number;
23
- reason?: string;
24
- };
25
- export type WebSocketMessageSentEvent = {
26
- type: 'websocket-message-sent';
27
- url: string;
28
- socketId: number;
29
- timestamp: number;
30
- data: string;
31
- messageType: WebSocketMessageType;
32
- };
33
- export type WebSocketMessageReceivedEvent = {
34
- type: 'websocket-message-received';
35
- url: string;
36
- socketId: number;
37
- timestamp: number;
38
- data: string;
39
- messageType: WebSocketMessageType;
40
- };
41
- export type WebSocketErrorEvent = {
42
- type: 'websocket-error';
43
- url: string;
44
- socketId: number;
45
- timestamp: number;
46
- error: string;
47
- };
48
- export type WebSocketConnectionStatusChangedEvent = {
49
- type: 'websocket-connection-status-changed';
50
- url: string;
51
- socketId: number;
52
- timestamp: number;
53
- status: WebSocketConnectionStatus;
54
- };
55
- export type WebSocketEvent = WebSocketConnectEvent | WebSocketOpenEvent | WebSocketCloseEvent | WebSocketMessageSentEvent | WebSocketMessageReceivedEvent | WebSocketErrorEvent | WebSocketConnectionStatusChangedEvent;
56
- export type WebSocketEventMap = {
57
- [K in WebSocketEvent['type']]: Extract<WebSocketEvent, {
58
- type: K;
59
- }>;
60
- };
@@ -1 +0,0 @@
1
- export default function NetworkActivityPanel(): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from 'react';
3
- declare const badgeVariants: (props?: ({
4
- variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
- }
8
- declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
9
- export { Badge, badgeVariants };
@@ -1,11 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from 'react';
3
- declare const buttonVariants: (props?: ({
4
- variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
- size?: "default" | "xs" | "sm" | "lg" | "icon" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
8
- asChild?: boolean;
9
- }
10
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
11
- export { Button, buttonVariants };
@@ -1,3 +0,0 @@
1
- import { HTMLProps } from 'react';
2
- export type CodeBlockProps = HTMLProps<HTMLPreElement>;
3
- export declare const CodeBlock: ({ children, className, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- export type CodeEditorProps = {
2
- data: string | undefined;
3
- onInput?: (event: React.FormEvent<HTMLPreElement>) => void;
4
- };
5
- export declare const CodeEditor: import('react').ForwardRefExoticComponent<CodeEditorProps & import('react').RefAttributes<HTMLPreElement>>;
@@ -1,7 +0,0 @@
1
- import { Cookie } from '../../shared/client';
2
- type CookieCardProps = {
3
- cookie: Cookie;
4
- keyClassName?: string;
5
- };
6
- export declare const CookieCard: ({ cookie, keyClassName }: CookieCardProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,7 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- type NetworkEntry = HttpNetworkEntry | SSENetworkEntry;
3
- type CopyDropdownProps = {
4
- selectedRequest: NetworkEntry;
5
- };
6
- export declare const CopyRequestDropdown: ({ selectedRequest }: CopyDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
7
- export {};
@@ -1,27 +0,0 @@
1
- import * as React from 'react';
2
- import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
3
- declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
4
- declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
5
- declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
6
- declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
7
- declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
8
- declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
9
- declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
10
- inset?: boolean;
11
- } & React.RefAttributes<HTMLDivElement>>;
12
- declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
- declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
15
- inset?: boolean;
16
- } & React.RefAttributes<HTMLDivElement>>;
17
- declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
- declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
20
- inset?: boolean;
21
- } & React.RefAttributes<HTMLDivElement>>;
22
- declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
- declare const DropdownMenuShortcut: {
24
- ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
25
- displayName: string;
26
- };
27
- export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
@@ -1,10 +0,0 @@
1
- export type FilterState = {
2
- text: string;
3
- types: Set<'http' | 'websocket' | 'sse'>;
4
- };
5
- type FilterBarProps = {
6
- filter: FilterState;
7
- onFilterChange: (filter: FilterState) => void;
8
- };
9
- export declare const FilterBar: ({ filter, onFilterChange }: FilterBarProps) => import("react/jsx-runtime").JSX.Element;
10
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
3
- export { Input };
@@ -1,5 +0,0 @@
1
- export type JsonTreeProps = {
2
- data: unknown;
3
- shouldExpandNodeInitially?: () => boolean;
4
- };
5
- export declare const JsonTree: ({ data, shouldExpandNodeInitially, }: JsonTreeProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { PropsWithChildren } from 'react';
2
- type JsonTreeCopyableItemProps = PropsWithChildren<{
3
- getCopyableValue: () => string;
4
- className?: string;
5
- }>;
6
- export declare const JsonTreeCopyableItem: ({ children, getCopyableValue, className, }: JsonTreeCopyableItemProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- export type KeyValueItem = {
3
- key: string;
4
- value: React.ReactNode;
5
- keyClassName?: string;
6
- valueClassName?: string;
7
- };
8
- export type KeyValueGridProps = {
9
- items?: KeyValueItem[];
10
- emptyMessage?: string;
11
- className?: string;
12
- };
13
- export declare const KeyValueGrid: ({ items, emptyMessage, className, }: KeyValueGridProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -1,8 +0,0 @@
1
- import { HttpNetworkEntry } from '../state/model';
2
- import { RequestOverride } from '../../shared/client';
3
- export type OverrideResponseProps = {
4
- selectedRequest: HttpNetworkEntry;
5
- initialOverride: RequestOverride | undefined;
6
- onClear: () => void;
7
- };
8
- export declare const OverrideResponse: ({ selectedRequest, initialOverride, onClear, }: OverrideResponseProps) => import("react/jsx-runtime").JSX.Element | undefined;
@@ -1,6 +0,0 @@
1
- import { HttpRequestData } from '../state/model';
2
- type RequestBodyProps = {
3
- data: HttpRequestData['data'];
4
- };
5
- export declare const RequestBody: ({ data }: RequestBodyProps) => import("react/jsx-runtime").JSX.Element | null;
6
- export {};
@@ -1,30 +0,0 @@
1
- import { ProcessedRequest } from '../state/model';
2
- import { RequestId, RequestOverride } from '../../shared/client';
3
- import { FilterState } from './FilterBar';
4
- type NetworkRequest = {
5
- id: RequestId;
6
- name: string;
7
- status: string | number;
8
- method: string;
9
- domain: string;
10
- path: string;
11
- size: string;
12
- time: string;
13
- type: string;
14
- startTime: string;
15
- hasOverride: boolean;
16
- };
17
- declare const formatSize: (bytes: number) => string;
18
- declare const formatDuration: (duration: number) => string;
19
- declare const formatStartTime: (startTime: number) => string;
20
- declare const extractDomainAndPath: (url: string) => {
21
- domain: string;
22
- path: string;
23
- };
24
- declare const generateName: (url: string, showEntirePathName?: boolean) => string;
25
- declare const processNetworkRequests: (processedRequests: ProcessedRequest[], overrides: Map<string, RequestOverride>, showEntirePathAsName?: boolean) => NetworkRequest[];
26
- export type RequestListProps = {
27
- filter: FilterState;
28
- };
29
- export declare const RequestList: ({ filter }: RequestListProps) => import("react/jsx-runtime").JSX.Element;
30
- export { formatSize, formatDuration, formatStartTime, extractDomainAndPath, generateName, processNetworkRequests, };
@@ -1,5 +0,0 @@
1
- import * as React from 'react';
2
- import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
3
- declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- export { ScrollArea, ScrollBar };
@@ -1,8 +0,0 @@
1
- import { default as React } from 'react';
2
- export type SectionProps = {
3
- title: string;
4
- children: React.ReactNode;
5
- collapsible?: boolean;
6
- action?: React.ReactNode;
7
- };
8
- export declare const Section: ({ title, children, collapsible, action, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import * as SeparatorPrimitive from '@radix-ui/react-separator';
3
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- export { Separator };
@@ -1 +0,0 @@
1
- export declare const SidePanel: () => import("react/jsx-runtime").JSX.Element | null;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import * as TabsPrimitive from '@radix-ui/react-tabs';
3
- declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
4
- declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
- export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -1 +0,0 @@
1
- export declare const Toolbar: () => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- export declare function useCopyToClipboard(): {
2
- isCopied: boolean;
3
- copy: (value: string) => Promise<void>;
4
- };
@@ -1,5 +0,0 @@
1
- import { NetworkActivityState } from './store';
2
- import { ProcessedRequest } from './model';
3
- export declare const getProcessedRequests: (obj: NetworkActivityState) => ProcessedRequest[];
4
- export declare const getSelectedRequest: (obj: NetworkActivityState) => import('./model').NetworkEntry | null;
5
- export declare const getRequestSummary: (requestId: string) => ((state: NetworkActivityState) => ProcessedRequest | null);
@@ -1,21 +0,0 @@
1
- import { NetworkActivityState } from './store';
2
- export declare const useNetworkActivityStore: <T>(selector: (state: NetworkActivityState) => T) => T;
3
- export declare const useProcessedRequests: () => import('./model').ProcessedRequest[];
4
- export declare const useSelectedRequest: () => import('./model').NetworkEntry | null;
5
- export declare const useHasSelectedRequest: () => boolean;
6
- export declare const useSelectedRequestId: () => string | null;
7
- export declare const useIsRecording: () => boolean;
8
- export declare const useNetworkActivityActions: () => {
9
- setRecording: (isRecording: boolean) => void;
10
- setSelectedRequest: (requestId: import('../../shared/http-events').RequestId | null) => void;
11
- clearRequests: () => void;
12
- addOverride: (requestUrl: string, override: import('../../shared/http-events').RequestOverride) => void;
13
- clearOverride: (requestUrl: string) => void;
14
- };
15
- export declare const useNetworkActivityClientManagement: () => {
16
- setupClient: (client: import('../../shared/client').NetworkActivityDevToolsClient) => void;
17
- cleanupClient: () => void;
18
- };
19
- export declare const useWebSocketMessages: (requestId: string) => import('./model').WebSocketMessage[];
20
- export declare const useOverrides: () => Map<string, import('../../shared/http-events').RequestOverride>;
21
- export declare const useClientUISettings: () => import('../../shared/client').NetworkActivityClientUISettings | null;
@@ -1,113 +0,0 @@
1
- import { Initiator, ResourceType, HttpHeaders, RequestPostData } from '../../shared/client';
2
- export type RequestId = string;
3
- export type Timestamp = number;
4
- export type SocketId = number;
5
- export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD';
6
- export type NetworkEntryType = 'http' | 'websocket' | 'sse';
7
- export type HttpRequestData = {
8
- type: string;
9
- data: NonNullable<RequestPostData>;
10
- };
11
- export type HttpResponseData = {
12
- type: string;
13
- data: string;
14
- };
15
- export type HttpRequest = {
16
- url: string;
17
- method: HttpMethod;
18
- headers: HttpHeaders;
19
- body?: HttpRequestData;
20
- };
21
- export type HttpResponse = {
22
- url: string;
23
- status: number;
24
- statusText: string;
25
- headers: HttpHeaders;
26
- contentType: string;
27
- size: number;
28
- responseTime: Timestamp;
29
- body?: HttpResponseData;
30
- };
31
- export type HttpStatus = 'pending' | 'loading' | 'finished' | 'failed';
32
- export type HttpNetworkEntry = {
33
- id: RequestId;
34
- type: 'http';
35
- timestamp: Timestamp;
36
- duration?: number;
37
- request: HttpRequest;
38
- response?: HttpResponse;
39
- status: HttpStatus;
40
- error?: string;
41
- canceled?: boolean;
42
- ttfb?: number;
43
- size?: number;
44
- initiator?: Initiator;
45
- resourceType?: ResourceType;
46
- progress?: {
47
- loaded: number;
48
- total: number;
49
- lengthComputable: boolean;
50
- };
51
- };
52
- export type SSEMessage = {
53
- id: string;
54
- type: string;
55
- data: string;
56
- timestamp: Timestamp;
57
- };
58
- export type SSEStatus = 'connecting' | 'open' | 'closed' | 'error';
59
- export type SSENetworkEntry = {
60
- id: RequestId;
61
- type: 'sse';
62
- timestamp: Timestamp;
63
- duration?: number;
64
- request: HttpRequest;
65
- response?: HttpResponse;
66
- status: SSEStatus;
67
- messages: SSEMessage[];
68
- error?: string;
69
- initiator?: Initiator;
70
- resourceType?: ResourceType;
71
- };
72
- export type WebSocketConnection = {
73
- url: string;
74
- socketId: SocketId;
75
- protocols?: string[];
76
- options?: string[];
77
- };
78
- export type WebSocketMessage = {
79
- id: string;
80
- direction: 'sent' | 'received';
81
- data: string;
82
- messageType: 'text' | 'binary';
83
- timestamp: Timestamp;
84
- };
85
- export type WebSocketStatus = 'connecting' | 'open' | 'closing' | 'closed' | 'error';
86
- export type WebSocketNetworkEntry = {
87
- id: RequestId;
88
- type: 'websocket';
89
- timestamp: Timestamp;
90
- duration?: number;
91
- connection: WebSocketConnection;
92
- status: WebSocketStatus;
93
- error?: string;
94
- closeCode?: number;
95
- closeReason?: string;
96
- };
97
- export type NetworkEntry = HttpNetworkEntry | WebSocketNetworkEntry | SSENetworkEntry;
98
- export type ProcessedRequest = {
99
- id: RequestId;
100
- type: NetworkEntryType;
101
- name: string;
102
- status: HttpStatus | WebSocketStatus | SSEStatus;
103
- timestamp: Timestamp;
104
- duration?: number;
105
- size: number | null;
106
- method: HttpMethod | 'WS' | 'SSE';
107
- httpStatus?: number;
108
- progress?: {
109
- loaded: number;
110
- total: number;
111
- lengthComputable: boolean;
112
- };
113
- };
@@ -1,48 +0,0 @@
1
- import { NetworkActivityDevToolsClient, NetworkActivityEventMap, RequestOverride, RequestId, NetworkActivityClientUISettings } from '../../shared/client';
2
- import { NetworkEntry, WebSocketMessage } from './model';
3
- export interface NetworkActivityState {
4
- isRecording: boolean;
5
- selectedRequestId: RequestId | null;
6
- networkEntries: Map<RequestId, NetworkEntry>;
7
- websocketMessages: Map<RequestId, WebSocketMessage[]>;
8
- overrides: Map<string, RequestOverride>;
9
- clientUISettings: NetworkActivityClientUISettings | null;
10
- _unsubscribeFunctions?: Array<{
11
- remove: () => void;
12
- }>;
13
- _client?: NetworkActivityDevToolsClient;
14
- actions: {
15
- setRecording: (isRecording: boolean) => void;
16
- setSelectedRequest: (requestId: RequestId | null) => void;
17
- clearRequests: () => void;
18
- addOverride: (requestUrl: string, override: RequestOverride) => void;
19
- clearOverride: (requestUrl: string) => void;
20
- };
21
- handleEvent: <K extends keyof NetworkActivityEventMap>(eventType: K, data: NetworkActivityEventMap[K]) => void;
22
- client: {
23
- setupClient: (client: NetworkActivityDevToolsClient) => void;
24
- cleanupClient: () => void;
25
- };
26
- }
27
- export declare const createNetworkActivityStore: () => Omit<import('zustand').StoreApi<NetworkActivityState>, "persist"> & {
28
- persist: {
29
- setOptions: (options: Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>) => void;
30
- clearStorage: () => void;
31
- rehydrate: () => Promise<void> | void;
32
- hasHydrated: () => boolean;
33
- onHydrate: (fn: (state: NetworkActivityState) => void) => () => void;
34
- onFinishHydration: (fn: (state: NetworkActivityState) => void) => () => void;
35
- getOptions: () => Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>;
36
- };
37
- };
38
- export declare const store: Omit<import('zustand').StoreApi<NetworkActivityState>, "persist"> & {
39
- persist: {
40
- setOptions: (options: Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>) => void;
41
- clearStorage: () => void;
42
- rehydrate: () => Promise<void> | void;
43
- hasHydrated: () => boolean;
44
- onHydrate: (fn: (state: NetworkActivityState) => void) => () => void;
45
- onFinishHydration: (fn: (state: NetworkActivityState) => void) => () => void;
46
- getOptions: () => Partial<import('zustand/middleware').PersistOptions<NetworkActivityState, unknown>>;
47
- };
48
- };
@@ -1,5 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- export type CookiesTabProps = {
3
- selectedRequest: HttpNetworkEntry | SSENetworkEntry;
4
- };
5
- export declare const CookiesTab: ({ selectedRequest }: CookiesTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- export type HeadersTabProps = {
3
- selectedRequest: HttpNetworkEntry | SSENetworkEntry;
4
- };
5
- export declare const HeadersTab: ({ selectedRequest }: HeadersTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { WebSocketNetworkEntry } from '../state/model';
2
- export type MessagesTabProps = {
3
- selectedRequest: WebSocketNetworkEntry;
4
- };
5
- export declare const MessagesTab: ({ selectedRequest }: MessagesTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- export type RequestTabProps = {
3
- selectedRequest: HttpNetworkEntry | SSENetworkEntry;
4
- };
5
- export declare const RequestTab: ({ selectedRequest }: RequestTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { HttpNetworkEntry } from '../state/model';
2
- export type ResponseTabProps = {
3
- selectedRequest: HttpNetworkEntry;
4
- onRequestResponseBody: (requestId: string) => void;
5
- };
6
- export declare const ResponseTab: ({ selectedRequest, onRequestResponseBody, }: ResponseTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { SSENetworkEntry } from '../state/model';
2
- export type SSEMessagesTabProps = {
3
- selectedRequest: SSENetworkEntry;
4
- };
5
- export declare const SSEMessagesTab: ({ selectedRequest }: SSEMessagesTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { HttpNetworkEntry } from '../state/model';
2
- export type TimingTabProps = {
3
- selectedRequest: HttpNetworkEntry;
4
- };
5
- export declare const TimingTab: ({ selectedRequest }: TimingTabProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,26 +0,0 @@
1
- import { RequestId, Request, Response, Initiator, ResourceType, HttpHeaders } from '../shared/client';
2
- export type NetworkEntry = {
3
- requestId: RequestId;
4
- url: string;
5
- method: string;
6
- headers: HttpHeaders;
7
- body?: {
8
- type: string;
9
- data: string;
10
- };
11
- status: 'pending' | 'loading' | 'finished' | 'failed';
12
- startTime: number;
13
- endTime?: number;
14
- duration?: number;
15
- ttfb?: number;
16
- type?: ResourceType;
17
- initiator?: Initiator;
18
- request?: Request;
19
- response?: Response;
20
- responseBody?: {
21
- body: string | null;
22
- };
23
- error?: string;
24
- canceled?: boolean;
25
- size?: number;
26
- };
@@ -1 +0,0 @@
1
- export declare function assert(condition: boolean, message: string): asserts condition;
@@ -1,2 +0,0 @@
1
- import { NetworkEntry } from '../state/model';
2
- export declare const checkRequestBodyBinary: (request: NetworkEntry) => boolean;
@@ -1,2 +0,0 @@
1
- import { ClassValue } from 'clsx';
2
- export declare function cn(...inputs: ClassValue[]): string;
@@ -1 +0,0 @@
1
- export declare function copyToClipboard(text: string): Promise<void>;
@@ -1 +0,0 @@
1
- export declare function escapeShellArg(arg: string): string;
@@ -1,2 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- export declare function generateCurlCommand(request: HttpNetworkEntry | SSENetworkEntry): string;
@@ -1,2 +0,0 @@
1
- import { HttpNetworkEntry, SSENetworkEntry } from '../state/model';
2
- export declare const generateFetchCall: (request: HttpNetworkEntry | SSENetworkEntry) => string;
@@ -1,4 +0,0 @@
1
- export declare const generateMultipartBody: (formData: Record<string, unknown>) => {
2
- body: string;
3
- contentType: string;
4
- };
@@ -1 +0,0 @@
1
- export declare const getId: (namespace: string) => string;
@@ -1 +0,0 @@
1
- export declare const getStatusColor: (status: number | string) => string;
@@ -1,5 +0,0 @@
1
- import { NetworkActivityDevToolsClient } from '../../shared/client';
2
- export type InspectorViewProps = {
3
- client: NetworkActivityDevToolsClient;
4
- };
5
- export declare const InspectorView: ({ client }: InspectorViewProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const LoadingView: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- import { HttpHeaders, RequestPostData } from '../shared/client';
2
- /**
3
- * Partially emulates React Native's behavior for setting HTTP headers.
4
- *
5
- * @see https://github.com/facebook/react-native/blob/de5093c88771977b58f7bec3f3ffa64a9595334e/packages/react-native/Libraries/Network/RCTNetworking.mm#L345-L349
6
- */
7
- export declare function applyReactNativeRequestHeadersLogic(headers: HttpHeaders, postData?: RequestPostData): HttpHeaders;
@@ -1,9 +0,0 @@
1
- import { HttpHeaders, XHRHeaders } from '../shared/client';
2
- /**
3
- * Applies React Native specific logic to response headers.
4
- * React Native concatenates multiple header values into single strings,
5
- * this function parses them back into arrays where appropriate.
6
- *
7
- * @see https://github.com/facebook/react-native/blob/588f0c5ce6c283f116228456da2170d2adc3cbf4/ReactAndroid/src/main/java/com/facebook/react/modules/network/NetworkingModule.java#L637
8
- */
9
- export declare const applyReactNativeResponseHeadersLogic: (headers: XHRHeaders) => HttpHeaders;