@spotlightjs/overlay 2.7.1 → 2.8.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.
Files changed (48) hide show
  1. package/dist/constants.d.ts +1 -0
  2. package/dist/integrations/sentry/components/{developerInfo → explore/envelopes}/EnvelopeDetails.d.ts +1 -1
  3. package/dist/integrations/sentry/components/explore/envelopes/index.d.ts +1 -0
  4. package/dist/integrations/sentry/components/explore/index.d.ts +1 -0
  5. package/dist/integrations/sentry/components/{traces → explore/traces}/TraceDetails/components/TraceDetailHeader.d.ts +1 -1
  6. package/dist/integrations/sentry/components/explore/traces/TraceDetails/components/TraceRootTxnName.d.ts +6 -0
  7. package/dist/integrations/sentry/components/{traces → explore/traces}/TraceIcon.d.ts +1 -1
  8. package/dist/integrations/sentry/components/{traces → explore/traces}/spans/SpanDetails.d.ts +1 -1
  9. package/dist/integrations/sentry/components/{traces → explore/traces}/spans/SpanItem.d.ts +1 -1
  10. package/dist/integrations/sentry/components/{traces → explore/traces}/spans/SpanTree.d.ts +1 -1
  11. package/dist/integrations/sentry/components/insights/index.d.ts +1 -0
  12. package/dist/integrations/sentry/components/performance/TransactionDetail.d.ts +3 -0
  13. package/dist/integrations/sentry/components/performance/TransactionsList.d.ts +3 -0
  14. package/dist/integrations/sentry/constants.d.ts +35 -0
  15. package/dist/integrations/sentry/data/useSentryEnvelopes.d.ts +9 -3
  16. package/dist/integrations/sentry/data/useSentrySpans.d.ts +4 -1
  17. package/dist/integrations/sentry/hooks/useSort.d.ts +16 -0
  18. package/dist/integrations/sentry/index.d.ts +2 -11
  19. package/dist/integrations/sentry/tabs/ExploreTab.d.ts +1 -0
  20. package/dist/integrations/sentry/tabs/InsightsTab.d.ts +1 -0
  21. package/dist/integrations/sentry/types.d.ts +3 -4
  22. package/dist/integrations/sentry/utils/tabs.d.ts +3 -0
  23. package/dist/integrations/sentry/utils/text.d.ts +1 -0
  24. package/dist/react-instance.d.ts +2 -2
  25. package/dist/sentry-spotlight.iife.js +140 -115
  26. package/dist/sentry-spotlight.iife.js.map +1 -1
  27. package/dist/sentry-spotlight.js +24162 -12396
  28. package/dist/sentry-spotlight.js.map +1 -1
  29. package/dist/ui/Tag/Tag.d.ts +4 -2
  30. package/dist/utils/instrumentation.d.ts +2 -0
  31. package/package.json +4 -4
  32. package/dist/integrations/sentry/components/traces/TraceDetails/components/TraceContext.d.ts +0 -5
  33. package/dist/integrations/sentry/tabs/DeveloperInfo.d.ts +0 -1
  34. /package/dist/integrations/sentry/components/{developerInfo → explore/envelopes}/EnvelopeList.d.ts +0 -0
  35. /package/dist/integrations/sentry/components/{SdkList.d.ts → explore/sdks/SdkList.d.ts} +0 -0
  36. /package/dist/integrations/sentry/{tabs/SdksTab.d.ts → components/explore/sdks/index.d.ts} +0 -0
  37. /package/dist/integrations/sentry/components/{traces → explore/traces}/TraceDetails/components/TraceTreeview.d.ts +0 -0
  38. /package/dist/integrations/sentry/components/{traces → explore/traces}/TraceDetails/index.d.ts +0 -0
  39. /package/dist/integrations/sentry/components/{traces → explore/traces}/TraceList.d.ts +0 -0
  40. /package/dist/integrations/sentry/{tabs/TracesTab.d.ts → components/explore/traces/index.d.ts} +0 -0
  41. /package/dist/integrations/sentry/components/{performance → insights}/Queries.d.ts +0 -0
  42. /package/dist/integrations/sentry/components/{performance → insights}/QuerySummary.d.ts +0 -0
  43. /package/dist/integrations/sentry/components/{performance → insights}/Resources.d.ts +0 -0
  44. /package/dist/integrations/sentry/components/{performance → insights}/webVitals/PerformanceChart.d.ts +0 -0
  45. /package/dist/integrations/sentry/components/{performance → insights}/webVitals/WebVitalsDetail.d.ts +0 -0
  46. /package/dist/integrations/sentry/components/{performance → insights}/webVitals/index.d.ts +0 -0
  47. /package/dist/integrations/sentry/components/performance/{PerformanceTabDetails.d.ts → index.d.ts} +0 -0
  48. /package/dist/utils/{remvoveURLSuffix.d.ts → removeURLSuffix.d.ts} +0 -0
@@ -4,3 +4,4 @@ export declare const DEFAULT_EXPERIMENTS: {
4
4
  'sentry:focus-local-events': boolean;
5
5
  };
6
6
  export declare const DEFAULT_ANCHOR = "bottomRight";
7
+ export declare const SPOTLIGHT_OPEN_CLASS_NAME = "__spotlight_open";
@@ -1,5 +1,5 @@
1
1
  import { Envelope } from '@sentry/types';
2
- import { RawEventContext } from '../../../integration';
2
+ import { RawEventContext } from '../../../../integration';
3
3
 
4
4
  export default function EnvelopeDetails({ data }: {
5
5
  data: {
@@ -0,0 +1 @@
1
+ export default function EnvelopesTab(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function ExploreTabDetails(): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Trace } from '../../../../types';
1
+ import { Trace } from '../../../../../types';
2
2
 
3
3
  type TraceDetailHeaderProps = {
4
4
  trace: Trace;
@@ -0,0 +1,6 @@
1
+ import { Trace } from '../../../../../types';
2
+
3
+ export declare function TraceRootTxnName({ trace, flowing }: {
4
+ trace: Trace;
5
+ flowing?: boolean;
6
+ }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { Trace } from '../../types';
1
+ import { Trace } from '../../../types';
2
2
 
3
3
  export type TraceIconProps = {
4
4
  trace: Trace;
@@ -1,4 +1,4 @@
1
- import { Span, TraceContext } from '../../../types';
1
+ import { Span, TraceContext } from '../../../../types';
2
2
 
3
3
  export default function SpanDetails({ traceContext, span, startTimestamp, totalDuration, totalTransactions, }: {
4
4
  traceContext: TraceContext;
@@ -1,4 +1,4 @@
1
- import { Span, TraceContext } from '../../../types';
1
+ import { Span, TraceContext } from '../../../../types';
2
2
 
3
3
  declare const SpanItem: ({ span, startTimestamp, totalDuration, depth, traceContext, totalTransactions, spanNodeWidth, setSpanNodeWidth, query, }: {
4
4
  span: Span;
@@ -1,4 +1,4 @@
1
- import { Span, TraceContext } from '../../../types';
1
+ import { Span, TraceContext } from '../../../../types';
2
2
 
3
3
  export default function SpanTree({ traceContext, tree, startTimestamp, totalDuration, depth, totalTransactions, spanNodeWidth, setSpanNodeWidth, query, }: {
4
4
  traceContext: TraceContext;
@@ -0,0 +1 @@
1
+ export default function InsightsTabDetails(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export default function TransactionDetail({ showAll }: {
2
+ showAll: boolean;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ export default function TransactionsList({ showAll }: {
2
+ showAll: boolean;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -32,6 +32,41 @@ export declare const QUERIES_HEADERS: ({
32
32
  sortKey: string;
33
33
  primary?: undefined;
34
34
  })[];
35
+ export declare const TRANSACTIONS_SORT_KEYS: {
36
+ count: string;
37
+ lastSeen: string;
38
+ };
39
+ export declare const TRANSACTIONS_TABLE_HEADERS: ({
40
+ id: string;
41
+ title: string;
42
+ primary: boolean;
43
+ sortKey?: undefined;
44
+ } | {
45
+ id: string;
46
+ title: string;
47
+ sortKey: string;
48
+ primary?: undefined;
49
+ })[];
50
+ export declare const TRANSACTION_SUMMARY_SORT_KEYS: {
51
+ timestamp: string;
52
+ duration: string;
53
+ };
54
+ export declare const TRANSACTION_SUMMARY_TABLE_HEADERS: ({
55
+ id: string;
56
+ title: string;
57
+ primary: boolean;
58
+ sortKey?: undefined;
59
+ } | {
60
+ id: string;
61
+ title: string;
62
+ sortKey: string;
63
+ primary?: undefined;
64
+ } | {
65
+ id: string;
66
+ title: string;
67
+ primary?: undefined;
68
+ sortKey?: undefined;
69
+ })[];
35
70
  export declare const QUERY_SUMMARY_SORT_KEYS: {
36
71
  foundIn: string;
37
72
  spanId: string;
@@ -1,4 +1,10 @@
1
1
  export declare const useSentryEnvelopes: () => {
2
- envelope: import('@sentry/types').Envelope;
3
- rawEnvelope: import('../../integration').RawEventContext;
4
- }[][];
2
+ allEnvelopes: {
3
+ envelope: import('@sentry/types').Envelope;
4
+ rawEnvelope: import('../../integration').RawEventContext;
5
+ }[];
6
+ localEnvelopes: {
7
+ envelope: import('@sentry/types').Envelope;
8
+ rawEnvelope: import('../../integration').RawEventContext;
9
+ }[];
10
+ };
@@ -1,3 +1,6 @@
1
1
  import { Span } from '../types';
2
2
 
3
- export declare const useSentrySpans: () => Span[][];
3
+ export declare const useSentrySpans: () => {
4
+ allSpans: Span[];
5
+ localSpans: Span[];
6
+ };
@@ -0,0 +1,16 @@
1
+ type useSortProps = {
2
+ defaultSortType?: string;
3
+ defaultAsc?: boolean;
4
+ };
5
+ export default function useSort({ defaultSortType, defaultAsc }: useSortProps): {
6
+ toggleSortOrder: (type: string) => void;
7
+ sort: {
8
+ active: string;
9
+ asc: boolean;
10
+ };
11
+ setSort: import('react').Dispatch<import('react').SetStateAction<{
12
+ active: string;
13
+ asc: boolean;
14
+ }>>;
15
+ };
16
+ export {};
@@ -1,8 +1,7 @@
1
1
  import { Envelope } from '@sentry/types';
2
2
  import { RawEventContext } from '../integration';
3
3
  import { default as ErrorsTab } from './tabs/ErrorsTab';
4
- import { default as PerformanceTab } from './tabs/PerformanceTab';
5
- import { default as TracesTab } from './tabs/TracesTab';
4
+ import { default as ExploreTab } from './tabs/ExploreTab';
6
5
 
7
6
  type SentryIntegrationOptions = {
8
7
  injectIntoSDK?: boolean;
@@ -28,15 +27,7 @@ export default function sentryIntegration(options?: SentryIntegrationOptions): {
28
27
  } | {
29
28
  id: string;
30
29
  title: string;
31
- notificationCount: {
32
- count: number;
33
- severe?: undefined;
34
- };
35
- content: typeof TracesTab;
36
- } | {
37
- id: string;
38
- title: string;
39
- content: typeof PerformanceTab;
30
+ content: typeof ExploreTab;
40
31
  notificationCount?: undefined;
41
32
  })[];
42
33
  reset: () => void;
@@ -0,0 +1 @@
1
+ export default function ExploreTab(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export default function InsightsTab(): import("react/jsx-runtime").JSX.Element;
@@ -37,6 +37,7 @@ export type Breadcrumb = {
37
37
  timestamp: string;
38
38
  type: string | 'default';
39
39
  };
40
+ export type Context = Record<string, string | number>;
40
41
  type CommonEventAttrs = {
41
42
  event_id: string;
42
43
  timestamp: number;
@@ -52,15 +53,12 @@ type CommonEventAttrs = {
52
53
  start_timestamp?: number;
53
54
  contexts?: Contexts;
54
55
  tags?: Tags;
55
- extra?: Record<string, string | number>;
56
+ extra?: Context;
56
57
  request?: Record<string, Record<string, string> | string>;
57
58
  modules?: Record<string, string>;
58
59
  sdk?: Sdk;
59
60
  measurements?: Measurements;
60
61
  };
61
- export type Context = {
62
- [key: string]: string | number;
63
- };
64
62
  export type TraceContext = {
65
63
  trace_id: string;
66
64
  span_id: string;
@@ -68,6 +66,7 @@ export type TraceContext = {
68
66
  op: string;
69
67
  description?: string | null;
70
68
  status: 'ok' | string;
69
+ data?: Context;
71
70
  };
72
71
  export type Contexts = {
73
72
  trace?: TraceContext;
@@ -0,0 +1,3 @@
1
+ import { IntegrationTab } from '../../integration';
2
+
3
+ export declare function createTab<T>(id: string, title: string, extra?: Partial<Omit<IntegrationTab<T>, 'id' | 'title'>>): IntegrationTab<T>;
@@ -0,0 +1 @@
1
+ export declare const truncateId: (eventId?: string) => string;
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
1
+ import { default as React, useEffect } from 'react';
2
2
  import { default as ReactDOM } from 'react-dom/client';
3
3
 
4
- export { React, ReactDOM };
4
+ export { React, ReactDOM, useEffect };