@spotlightjs/overlay - npm Package Compare versions

Comparing version 2.11.1 to 2.12.0

dist/index.d.ts

 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';
@@ -12,3 +12,3 @@ import { React, ReactDOM } from './react-instance';
 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, };
 /**
@@ -15,0 +15,0 @@ * Open the Spotlight debugger Window

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

@@ -1,4 +0,4 @@
-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';
 
@@ -9,2 +9,6 @@ type OnlineSubscription = ['online', (status: boolean) => void];
 type Subscription = OnlineSubscription | EventSubscription | TraceSubscription;
+export type SentryProfileWithTraceMeta = SentryProcessedProfile & {
+    timestamp: number;
+    active_thread_id: string;
+};
 declare class SentryDataCache {
@@ -15,5 +19,4 @@ protected events: SentryEvent[];
     protected traces: Trace[];
-    protected tracesById: {
-        [id: string]: Trace;
-    };
+    protected tracesById: Map<string, Trace>;
+    protected profilesByTraceId: Map<string, SentryProfileWithTraceMeta>;
     protected localTraceIds: Set<string>;
@@ -46,5 +49,5 @@ protected envelopes: {
     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;
@@ -51,0 +54,0 @@ subscribe(...args: Subscription): () => void;

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

 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;
     }[];
 };

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

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

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

@@ -1,2 +0,2 @@
-import { Client, Event } from '@sentry/types';
+import { Client, Event } from '@sentry/core';
 
@@ -17,4 +17,4 @@ /**
     setup: () => void;
-    processEvent: (event: Event) => import('@sentry/core').Event | null;
+    processEvent: (event: Event) => Event | null;
     afterAllSetup: (client: Client) => () => void;
 };

dist/integrations/sentry/types.d.ts

@@ -1,2 +0,2 @@
-import { Measurements } from '@sentry/types';
+import { Measurements } from '@sentry/core';
 
@@ -17,2 +17,3 @@ export type FrameVars = {
     vars?: FrameVars;
+    instruction_addr?: string;
     in_app?: boolean;
@@ -111,3 +112,55 @@ };
 };
-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 & {
@@ -121,4 +174,5 @@ transactions: SentryTransactionEvent[];
     rootTransactionName: string;
-    spans: Span[];
+    spans: Map<string, Span>;
     spanTree: Span[];
+    profileGrafted: boolean;
 };
@@ -125,0 +179,0 @@ export type Sdk = {

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

@@ -1,21 +0,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;

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

 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;

dist/ui/SidePanel/SidePanel.d.ts

@@ -6,2 +6,3 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 };
+export declare function useGoBackWithFallback(fallback: string): () => void;
 export declare function SidePanelHeader({ title, subtitle, backto, }: {
@@ -8,0 +9,0 @@ title: ReactNode;

package.json

 {
   "name": "@spotlightjs/overlay",
   "description": "The overlay of Spotlight to add debug interface to your web app.",
-  "version": "2.11.1",
+  "version": "2.12.0",
   "license": "Apache-2.0",
@@ -51,8 +51,8 @@ "type": "module",
     "usehooks-ts": "^2.16.0",
-    "vite": "^5.4.12",
+    "vite": "^5.4.14",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-svgr": "^3.3.0",
     "vitest": "^0.34.6",
-    "@spotlightjs/tsconfig": "1.0.1",
-    "@spotlightjs/sidecar": "1.11.1"
+    "@spotlightjs/sidecar": "1.11.2",
+    "@spotlightjs/tsconfig": "2.0.0"
   },
@@ -59,0 +59,0 @@ "volta": {

No alert changes

Improved metrics

Total package byte prevSize

17033333

increased by0.39%

Lines of code

55203

increased by0.5%

No dependency changes