@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.
- package/dist/sentry-spotlight.js +10890 -10388
- package/dist/sentry-spotlight.js.map +1 -1
- package/dist/sentry-spotlight.umd.cjs +91 -91
- package/dist/sentry-spotlight.umd.cjs.map +1 -1
- package/dist/src/components/Breadcrumbs.d.ts +2 -0
- package/dist/src/components/SidePanel.d.ts +2 -2
- package/dist/src/components/Tooltip.d.ts +7 -0
- package/dist/src/integrations/sentry/components/Performance/PerformanceTabDetails.d.ts +1 -0
- package/dist/src/integrations/sentry/components/Performance/Queries.d.ts +4 -0
- package/dist/src/integrations/sentry/components/Performance/QuerySummary.d.ts +4 -0
- package/dist/src/integrations/sentry/components/Performance/Resources.d.ts +4 -0
- package/dist/src/integrations/sentry/constants.d.ts +49 -0
- package/dist/src/integrations/sentry/data/useSentrySpans.d.ts +2 -0
- package/dist/src/integrations/sentry/index.d.ts +2 -2
- package/dist/src/integrations/sentry/sentry-integration.d.ts +5 -0
- package/dist/src/integrations/sentry/tabs/PerformanceTab.d.ts +1 -0
- package/dist/src/integrations/sentry/utils/duration.d.ts +19 -0
- package/dist/src/types.d.ts +10 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { SidePanelProps } from '../types';
|
|
3
|
-
export declare function SidePanelHeader({ title, subtitle,
|
|
3
|
+
export declare function SidePanelHeader({ title, subtitle, backto, }: {
|
|
4
4
|
title: ReactNode;
|
|
5
5
|
subtitle?: ReactNode;
|
|
6
|
-
|
|
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,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
|
+
})[];
|
|
@@ -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
|
|
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
|
|
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;
|
package/dist/src/types.d.ts
CHANGED
|
@@ -95,5 +95,14 @@ export type WindowWithSpotlight = Window & {
|
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
97
|
export type SidePanelProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {
|
|
98
|
-
|
|
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
|
};
|