@spotlightjs/overlay 1.2.3 → 1.3.1

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.
@@ -0,0 +1,2 @@
1
+ import { BreadcrumbProps } from '../types';
2
+ export default function Breadcrumbs({ crumbs }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,8 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { SidePanelProps } from '../types';
3
- export declare function SidePanelHeader({ title, subtitle, backTo, }: {
3
+ export declare function SidePanelHeader({ title, subtitle, backto, }: {
4
4
  title: ReactNode;
5
5
  subtitle?: ReactNode;
6
- backTo: string;
6
+ backto: string;
7
7
  }): import("react/jsx-runtime").JSX.Element;
8
8
  export default function SidePanel(props: SidePanelProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ declare const Tooltip: ({ content, position, children, }: {
3
+ content: string | ReactNode;
4
+ position?: "top" | "bottom" | "left" | "right" | undefined;
5
+ children: ReactNode;
6
+ }) => import("react/jsx-runtime").JSX.Element;
7
+ export default Tooltip;
@@ -0,0 +1 @@
1
+ export default function PerformanceTabDetails(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,4 @@
1
+ declare const Queries: ({ showAll }: {
2
+ showAll: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ export default Queries;
@@ -0,0 +1,4 @@
1
+ declare const QuerySummary: ({ showAll }: {
2
+ showAll: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element | undefined;
4
+ export default QuerySummary;
@@ -0,0 +1,4 @@
1
+ declare const Resources: ({ showAll }: {
2
+ showAll: boolean;
3
+ }) => import("react/jsx-runtime").JSX.Element;
4
+ export default Resources;
@@ -0,0 +1,49 @@
1
+ export declare const RESOURCES_SORT_KEYS: {
2
+ avgDuration: string;
3
+ timeSpent: string;
4
+ description: string;
5
+ avgEncodedSize: string;
6
+ };
7
+ export declare const RESOURCE_HEADERS: ({
8
+ id: string;
9
+ title: string;
10
+ sortKey: string;
11
+ primary: boolean;
12
+ } | {
13
+ id: string;
14
+ title: string;
15
+ sortKey: string;
16
+ primary?: undefined;
17
+ })[];
18
+ export declare const QUERIES_SORT_KEYS: {
19
+ queryDesc: string;
20
+ timeSpent: string;
21
+ avgDuration: string;
22
+ };
23
+ export declare const QUERIES_HEADERS: ({
24
+ id: string;
25
+ title: string;
26
+ sortKey: string;
27
+ primary: boolean;
28
+ } | {
29
+ id: string;
30
+ title: string;
31
+ sortKey: string;
32
+ primary?: undefined;
33
+ })[];
34
+ export declare const QUERY_SUMMARY_SORT_KEYS: {
35
+ foundIn: string;
36
+ spanId: string;
37
+ timeSpent: string;
38
+ };
39
+ export declare const QUERY_SUMMARY_HEADERS: ({
40
+ id: string;
41
+ title: string;
42
+ sortKey: string;
43
+ primary: boolean;
44
+ } | {
45
+ id: string;
46
+ title: string;
47
+ sortKey: string;
48
+ primary?: undefined;
49
+ })[];
@@ -0,0 +1,2 @@
1
+ import { Span } from '../types';
2
+ export declare const useSentrySpans: () => Span[][];
@@ -1,7 +1,7 @@
1
1
  import type { Envelope } from '@sentry/types';
2
2
  import type { RawEventContext } from '../integration';
3
3
  import ErrorsTab from './tabs/ErrorsTab';
4
- import SdksTab from './tabs/SdksTab';
4
+ import PerformanceTab from './tabs/PerformanceTab';
5
5
  import TracesTab from './tabs/TracesTab';
6
6
  type SentryIntegrationOptions = {
7
7
  sidecarUrl?: string;
@@ -33,7 +33,7 @@ export default function sentryIntegration(options?: SentryIntegrationOptions): {
33
33
  } | {
34
34
  id: string;
35
35
  title: string;
36
- content: typeof SdksTab;
36
+ content: typeof PerformanceTab;
37
37
  notificationCount?: undefined;
38
38
  })[];
39
39
  };
@@ -14,4 +14,9 @@ export declare class Spotlight implements Integration {
14
14
  constructor(options?: SpotlightBrowserIntegationOptions);
15
15
  setupOnce(addGlobalEventProcessor: (callback: EventProcessor) => void, getCurrentHub: () => Hub): void;
16
16
  }
17
+ type FetchImpl = typeof fetch;
18
+ /**
19
+ * We want to get an unpatched fetch implementation to avoid capturing our own calls.
20
+ */
21
+ export declare function getNativeFetchImplementation(): FetchImpl;
17
22
  export {};
@@ -0,0 +1 @@
1
+ export default function PerformanceTab(): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,21 @@
1
+ export declare const SECOND = 1000;
2
+ export declare const MINUTE = 60000;
3
+ export declare const HOUR = 3600000;
4
+ export declare const DAY = 86400000;
5
+ export declare const WEEK = 604800000;
6
+ export declare const MONTH = 2629800000;
7
+ export declare const YEAR = 31557600000;
8
+ export declare const DURATION_LABELS: {
9
+ yr: string;
10
+ mo: string;
11
+ wk: string;
12
+ d: string;
13
+ hr: string;
14
+ min: string;
15
+ s: string;
16
+ ms: string;
17
+ };
1
18
  export declare function getDuration(start: string | number, end: string | number): number;
2
19
  export declare function getSpanDurationClassName(duration: number): "text-red-400" | "text-orange-400" | "text-yellow-400" | undefined;
20
+ export declare function getFormattedNumber(num: number): string;
21
+ export declare function getFormattedDuration(duration: number): string;
@@ -95,5 +95,14 @@ export type WindowWithSpotlight = Window & {
95
95
  };
96
96
  };
97
97
  export type SidePanelProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {
98
- backTo: string;
98
+ backto: string;
99
+ };
100
+ export type CrumbProps = {
101
+ id: string;
102
+ label: string;
103
+ link?: boolean;
104
+ to?: string;
105
+ };
106
+ export type BreadcrumbProps = {
107
+ crumbs: CrumbProps[];
99
108
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@spotlightjs/overlay",
3
3
  "description": "The overlay of Spotlight to add debug interface to your web app.",
4
- "version": "1.2.3",
4
+ "version": "1.3.1",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "files": [