@spotlightjs/overlay 2.11.1 → 2.12.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { CONTEXT_LINES_ENDPOINT } from '@spotlightjs/sidecar/constants';
-import { DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_STREAM_URL } from './constants';
+import { DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_STREAM_URL, SPOTLIGHT_OPEN_CLASS_NAME } from './constants';
 import { off, on, trigger } from './lib/eventTarget';
 import { React, ReactDOM } from './react-instance';
 import { SpotlightOverlayOptions } from './types';
@@ -9,7 +9,7 @@ export { default as hydrationError } from './integrations/hydration-error/index'
 export { default as sentry } from './integrations/sentry/index';
 export { default as viteInspect } from './integrations/vite-inspect/index';
 export type { SpotlightOverlayOptions, WindowWithSpotlight } from './types';
-export { CONTEXT_LINES_ENDPOINT, DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_STREAM_URL as DEFAULT_SIDECAR_URL, off, on, React, ReactDOM, trigger, };
+export { SPOTLIGHT_OPEN_CLASS_NAME, CONTEXT_LINES_ENDPOINT, DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_STREAM_URL as DEFAULT_SIDECAR_URL, off, on, React, ReactDOM, trigger, };
 /**
  * Open the Spotlight debugger Window
  */

package/dist/integrations/sentry/data/profiles.d.ts

@@ -0,0 +1,10 @@
+import { Span, Trace } from '../types';
+import { SentryProfileWithTraceMeta } from './sentryDataCache';
+
+export declare function getSpansFromProfile(trace: Trace, profile: SentryProfileWithTraceMeta, parent_span_id: string | undefined, startTs: number, endTs: number, threadIds: Set<string>): Span[];
+/**
+ * Modifies the spanTree in place recursively by adding spans from the
+ * profile data where there are gaps in the trace data.
+ * @param spanTree Span[] The tree of spans to graft profile spans into
+ */
+export declare function graftProfileSpans(trace: Trace, spanTree?: Span[], parent?: Span | Trace, profile?: SentryProfileWithTraceMeta): void;

package/dist/integrations/sentry/data/sentryDataCache.d.ts

@@ -1,19 +1,22 @@
-import { Envelope } from '@sentry/types';
+import { Envelope } from '@sentry/core';
 import { RawEventContext } from '../../integration';
-import { Sdk, SentryErrorEvent, SentryEvent, Span, Trace } from '../types';
+import { Sdk, SentryErrorEvent, SentryEvent, SentryProcessedProfile, Trace } from '../types';
 
 type OnlineSubscription = ['online', (status: boolean) => void];
 type EventSubscription = ['event', (event: SentryEvent) => void];
 type TraceSubscription = ['trace', (trace: Trace) => void];
 type Subscription = OnlineSubscription | EventSubscription | TraceSubscription;
+export type SentryProfileWithTraceMeta = SentryProcessedProfile & {
+    timestamp: number;
+    active_thread_id: string;
+};
 declare class SentryDataCache {
     protected events: SentryEvent[];
     protected eventIds: Set<string>;
     protected sdks: Sdk[];
     protected traces: Trace[];
-    protected tracesById: {
-        [id: string]: Trace;
-    };
+    protected tracesById: Map<string, Trace>;
+    protected profilesByTraceId: Map<string, SentryProfileWithTraceMeta>;
     protected localTraceIds: Set<string>;
     protected envelopes: {
         envelope: Envelope;
@@ -41,9 +44,9 @@ declare class SentryDataCache {
         rawEnvelope: RawEventContext;
     }[];
     getEventById(id: string): SentryEvent | undefined;
-    getTraceById(id: string): Trace;
+    getTraceById(id: string): Trace | undefined;
+    getProfileByTraceId(id: string): SentryProfileWithTraceMeta | undefined;
     getEventsByTrace(traceId: string, spanId?: string | null): SentryEvent[];
-    getSpanById(traceId: string, spanId: string): Span | undefined;
     resetData(): void;
     subscribe(...args: Subscription): () => void;
     /**

package/dist/integrations/sentry/data/useSentryEnvelopes.d.ts

@@ -1,10 +1,10 @@
 export declare const useSentryEnvelopes: () => {
     allEnvelopes: {
-        envelope: import('@sentry/types').Envelope;
+        envelope: import('@sentry/core').Envelope;
         rawEnvelope: import('../../integration').RawEventContext;
     }[];
     localEnvelopes: {
-        envelope: import('@sentry/types').Envelope;
+        envelope: import('@sentry/core').Envelope;
         rawEnvelope: import('../../integration').RawEventContext;
     }[];
 };

package/dist/integrations/sentry/data/useSentrySpans.d.ts

@@ -1,6 +1,14 @@
-import { Span } from '../types';
+import { Span, Trace } from '../types';
 
+export declare function useSentryTraces(): {
+    allTraces: Trace[];
+    localTraces: Trace[];
+};
 export declare const useSentrySpans: () => {
     allSpans: Span[];
     localSpans: Span[];
 };
+export declare const useSentrySpanCounts: () => {
+    allSpans: number;
+    localSpans: number;
+};

package/dist/integrations/sentry/sentry-integration.d.ts

@@ -1,4 +1,4 @@
-import { Client, Event } from '@sentry/types';
+import { Client, Event } from '@sentry/core';
 
 /**
  * A Sentry integration for Spotlight integration that the Overlay will inject automatically.
@@ -14,6 +14,6 @@ export declare const spotlightIntegration: () => {
     name: string;
     setupOnce: () => void;
     setup: () => void;
-    processEvent: (event: Event) => import('@sentry/core').Event | null;
+    processEvent: (event: Event) => Event | null;
     afterAllSetup: (client: Client) => () => void;
 };

package/dist/integrations/sentry/types.d.ts

@@ -1,4 +1,4 @@
-import { Measurements } from '@sentry/types';
+import { Measurements } from '@sentry/core';
 
 export type FrameVars = {
     [key: string]: string;
@@ -14,6 +14,7 @@ export type EventFrame = {
     post_context?: string[];
     context_line?: string;
     vars?: FrameVars;
+    instruction_addr?: string;
     in_app?: boolean;
 };
 export type EventStacktrace = {
@@ -107,7 +108,59 @@ export type SentryTransactionEvent = CommonEventAttrs & {
         trace: TraceContext;
     };
 };
-export type SentryEvent = SentryErrorEvent | SentryTransactionEvent;
+export type ProfileSample = {
+    elapsed_since_start_ns: string;
+    stack_id: number;
+    thread_id: string;
+};
+export type ProcessedProfileSample = {
+    start_timestamp: number;
+    stack_id: number;
+    thread_id: string;
+};
+export type SentryProfile = {
+    samples: ProfileSample[];
+    stacks: number[][];
+    frames: EventFrame[];
+    platform?: string;
+    thread_metadata: Record<string, {
+        name?: string;
+        priority?: number;
+    }>;
+};
+export type SentryProcessedProfile = SentryProfile & {
+    samples: ProcessedProfileSample[];
+};
+export type SentryDeviceInfo = {
+    architecture: string;
+    is_emulator?: boolean;
+    locale?: string;
+    manufacturer?: string;
+    model?: string;
+};
+export type SentryOSInfo = {
+    name: string;
+    version: string;
+    build_number?: string;
+};
+export type SentryProfileTransactionInfo = {
+    name: string;
+    id: string;
+    trace_id: string;
+    active_thread_id: string;
+    relative_start_ns?: string;
+    relative_end_ns?: string;
+};
+export type SentryProfileV1Event = CommonEventAttrs & {
+    type: 'profile';
+    device: SentryDeviceInfo;
+    os: SentryOSInfo;
+    transactions?: Array<SentryProfileTransactionInfo>;
+    transaction?: SentryProfileTransactionInfo;
+    version: '1';
+    profile: SentryProfile;
+};
+export type SentryEvent = SentryErrorEvent | SentryTransactionEvent | SentryProfileV1Event;
 export type Trace = TraceContext & {
     transactions: SentryTransactionEvent[];
     errors: number;
@@ -116,8 +169,9 @@ export type Trace = TraceContext & {
     status: string;
     rootTransaction: SentryTransactionEvent | null;
     rootTransactionName: string;
-    spans: Span[];
+    spans: Map<string, Span>;
     spanTree: Span[];
+    profileGrafted: boolean;
 };
 export type Sdk = {
     name: string;

package/dist/integrations/sentry/utils/duration.d.ts

@@ -1,21 +1,16 @@
-export declare const SECOND = 1000;
-export declare const MINUTE = 60000;
-export declare const HOUR = 3600000;
-export declare const DAY = 86400000;
-export declare const WEEK = 604800000;
-export declare const MONTH = 2629800000;
-export declare const YEAR = 31557600000;
 export declare const DURATION_LABELS: {
-    yr: string;
-    mo: string;
-    wk: string;
-    d: string;
-    hr: string;
-    min: string;
-    s: string;
-    ms: string;
+    31557600000: string;
+    2629800000: string;
+    604800000: string;
+    86400000: string;
+    3600000: string;
+    60000: string;
+    1000: string;
 };
-export declare function getDuration(start: string | number, end: string | number): number;
 export declare function getSpanDurationClassName(duration: number): "text-red-400" | "text-orange-400" | "text-yellow-400" | undefined;
 export declare function getFormattedNumber(num: number, decimalPlaces?: number): string;
 export declare function getFormattedDuration(duration: number): string;
+export declare function getFormattedSpanDuration(span: {
+    timestamp: number;
+    start_timestamp: number;
+}): string;

package/dist/integrations/sentry/utils/traces.d.ts

@@ -1,3 +1,8 @@
 import { Span } from '../types';
 
-export declare function groupSpans(spans: Span[]): Span[];
+export declare function groupSpans(spans: Map<string, Span>): Span[];
+export declare function compareSpans(a: {
+    start_timestamp: number;
+}, b: {
+    start_timestamp: number;
+}): number;