@spotlightjs/overlay 1.7.0 → 1.8.1

package/dist/src/components/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 declare const Tooltip: ({ content, position, children, }: {
     content: string | ReactNode;
-    position?: "top" | "bottom" | "left" | "right" | undefined;
+    position?: "left" | "right" | "top" | "bottom" | undefined;
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/dist/src/integrations/sentry/components/SpanResizer.d.ts

@@ -0,0 +1,7 @@
+type SpanResizerProps = {
+    handleResize: (e: MouseEvent) => void;
+    setIsResizing: (val: boolean) => void;
+    isResizing: boolean;
+};
+export default function SpanResizer({ handleResize, isResizing, setIsResizing, ...props }: SpanResizerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/integrations/sentry/components/developerInfo/EnvelopeDetails.d.ts

@@ -0,0 +1,8 @@
+import { Envelope } from '@sentry/types';
+import { RawEventContext } from '../../../../integrations/integration';
+export default function EnvelopeDetails({ data }: {
+    data: {
+        envelope: Envelope;
+        rawEnvelope: RawEventContext;
+    };
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/developerInfo/EnvelopeList.d.ts

@@ -0,0 +1 @@
+export default function EnvelopeList(): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/developerInfo/JsonViewer.d.ts

@@ -0,0 +1,10 @@
+import { Envelope, EnvelopeItem } from '@sentry/types';
+import { RawEventContext } from '../../../../integrations/integration';
+export default function JsonViewer({ data, onUpdateData, editingEnabled, clipboardEnabled, displayDataTypes, quotesOnKeys, }: {
+    data: Envelope[0] | EnvelopeItem | RawEventContext;
+    onUpdateData?: (value: unknown) => void;
+    editingEnabled?: boolean;
+    clipboardEnabled?: boolean;
+    displayDataTypes?: boolean;
+    quotesOnKeys?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/{EventBreadcrumbs.d.ts → events/EventBreadcrumbs.d.ts}

@@ -1,4 +1,4 @@
-import { SentryEvent } from '../types';
+import { SentryEvent } from '../../types';
 export default function EventBreadcrumbs({ event }: {
     event: SentryEvent;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/{EventContexts.d.ts → events/EventContexts.d.ts}

@@ -1,4 +1,4 @@
-import { SentryEvent } from '../types';
+import { SentryEvent } from '../../types';
 export default function EventContexts({ event }: {
     event: SentryEvent;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/{Events → events/error}/Error.d.ts

@@ -1,4 +1,4 @@
-import { SentryErrorEvent } from '../../types';
+import { SentryErrorEvent } from '../../../types';
 export declare function ErrorTitle({ event }: {
     event: SentryErrorEvent;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/integrations/sentry/components/{Performance → performance}/QuerySummary.d.ts

@@ -1,4 +1,4 @@
 declare const QuerySummary: ({ showAll }: {
     showAll: boolean;
-}) => import("react/jsx-runtime").JSX.Element | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export default QuerySummary;

package/dist/src/integrations/sentry/components/{SpanDetails.d.ts → traces/spans/SpanDetails.d.ts}

@@ -1,4 +1,4 @@
-import { Span, TraceContext } from '../types';
+import { Span, TraceContext } from '../../../types';
 export default function SpanDetails({ traceContext, span, startTimestamp, totalDuration, collapsible, }: {
     traceContext: TraceContext;
     span: Span;

package/dist/src/integrations/sentry/components/{SpanItem.d.ts → traces/spans/SpanItem.d.ts}

@@ -1,10 +1,12 @@
-import { Span, TraceContext } from '../types';
-declare const SpanItem: ({ span, startTimestamp, totalDuration, depth, traceContext, collapsible, }: {
+import { Span, TraceContext } from '../../../types';
+declare const SpanItem: ({ span, startTimestamp, totalDuration, depth, traceContext, collapsible, spanNodeWidth, setSpanNodeWidth, }: {
     span: Span;
     startTimestamp: number;
     totalDuration: number;
     depth?: number | undefined;
     traceContext: TraceContext;
     collapsible?: boolean | undefined;
+    spanNodeWidth: number;
+    setSpanNodeWidth?: ((val: number) => void) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SpanItem;

package/dist/src/integrations/sentry/components/{SpanTree.d.ts → traces/spans/SpanTree.d.ts}

@@ -1,9 +1,11 @@
-import { Span, TraceContext } from '../types';
-export default function SpanTree({ traceContext, tree, startTimestamp, totalDuration, depth, collapsible, }: {
+import { Span, TraceContext } from '../../../types';
+export default function SpanTree({ traceContext, tree, startTimestamp, totalDuration, depth, collapsible, spanNodeWidth, setSpanNodeWidth, }: {
     traceContext: TraceContext;
     tree: Span[];
     startTimestamp: number;
     totalDuration: number;
     depth?: number;
     collapsible?: boolean;
+    spanNodeWidth: number;
+    setSpanNodeWidth?: (val: number) => void;
 }): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,5 @@
 import { Envelope } from '@sentry/types';
+import { RawEventContext } from '../../../integrations/integration';
 import { Sdk, SentryEvent, Span, Trace } from '../types';
 type OnlineSubscription = ['online', (status: boolean) => void];
 type EventSubscription = ['event', (event: SentryEvent) => void];
@@ -13,18 +14,29 @@ declare class SentryDataCache {
         [id: string]: Trace;
     };
     protected localTraceIds: Set<string>;
+    protected envelopes: {
+        envelope: Envelope;
+        rawEnvelope: RawEventContext;
+    }[];
     protected subscribers: Map<string, Subscription>;
     constructor(initial?: (SentryEvent & {
         event_id?: string;
     })[]);
     inferSdkFromEvent(event: SentryEvent): Sdk;
-    pushEnvelope(envelope: Envelope): void;
+    pushEnvelope({ envelope, rawEnvelope }: {
+        envelope: Envelope;
+        rawEnvelope: RawEventContext;
+    }): void;
     pushEvent(event: SentryEvent & {
         event_id?: string;
     }): void;
     getEvents(): SentryEvent[];
     getTraces(): Trace[];
     getSdks(): Sdk[];
+    getEnvelopes(): {
+        envelope: Envelope;
+        rawEnvelope: RawEventContext;
+    }[];
     getEventById(id: string): SentryEvent | undefined;
     getTraceById(id: string): Trace;
     getEventsByTrace(traceId: string, spanId?: string | null): SentryEvent[];

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

@@ -0,0 +1,4 @@
+export declare const useSentryEnvelopes: () => {
+    envelope: import("@sentry/types").Envelope;
+    rawEnvelope: import("../../integration").RawEventContext;
+}[][];

package/dist/src/integrations/sentry/index.d.ts

@@ -13,6 +13,7 @@ export default function sentryIntegration(options?: SentryIntegrationOptions): {
     setup: ({ open }: import("../integration").SpotlightContext) => () => void;
     processEvent: (event: RawEventContext) => {
         event: Envelope;
+        rawEvent: RawEventContext;
     };
     tabs: () => ({
         id: string;
@@ -38,7 +39,8 @@ export default function sentryIntegration(options?: SentryIntegrationOptions): {
     })[];
     reset: () => void;
 };
-export declare function processEnvelope({ data }: RawEventContext): {
+export declare function processEnvelope(rawEvent: RawEventContext): {
     event: Envelope;
+    rawEvent: RawEventContext;
 };
 export {};

package/dist/src/integrations/sentry/tabs/DeveloperInfo.d.ts

@@ -0,0 +1 @@
+export default function DeveloperInfoTab(): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotlightjs/overlay",
   "description": "The overlay of Spotlight to add debug interface to your web app.",
-  "version": "1.7.0",
+  "version": "1.8.1",
   "license": "Apache-2.0",
   "type": "module",
   "files": [
@@ -49,6 +49,7 @@
     "beautify": "^0.0.8",
     "react-diff-viewer-continued": "^3.4.0",
     "@types/beautify": "^0.0.3",
+    "react-json-view": "^1.21.3",
     "@spotlightjs/tsconfig": "1.0.0"
   },
   "volta": {