@spotlightjs/overlay 2.6.0 → 2.7.0

package/dist/App.d.ts

@@ -1,4 +1,5 @@
-import type { SpotlightOverlayOptions } from './types';
+import { SpotlightOverlayOptions } from './types';
+
 type AppProps = Omit<SpotlightOverlayOptions, 'debug' | 'injectImmediately'> & Required<Pick<SpotlightOverlayOptions, 'sidecarUrl'>>;
 export default function App({ openOnInit, showTriggerButton, integrations, sidecarUrl, anchor, fullPage, showClearEventsButton, initialEvents, }: AppProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CardList.d.ts

@@ -1,2 +1,3 @@
 import { ComponentPropsWithoutRef } from 'react';
+
 export default function CardList(props: Omit<ComponentPropsWithoutRef<'div'>, 'className'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/CopyToClipboard.d.ts

@@ -0,0 +1,3 @@
+export default function CopyToClipboard({ data }: {
+    data: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Debugger.d.ts

@@ -1,5 +1,6 @@
-import type { Integration, IntegrationData } from '../integrations/integration';
-import type { NotificationCount } from '../types';
+import { Integration, IntegrationData } from '../integrations/integration';
+import { NotificationCount } from '../types';
+
 export default function Debugger({ integrations, isOpen, setOpen, integrationData, isOnline, setTriggerButtonCount: setNotificationCount, fullPage, showClearEventsButton, }: {
     integrations: Integration[];
     isOpen: boolean;

package/dist/{integrations/sentry/components/developerInfo → components}/JsonViewer.d.ts

@@ -1,10 +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;
+export default function JsonViewer({ data, onUpdateData, editingEnabled, clipboardEnabled, displayDataTypes, quotesOnKeys, name, collapseStringsAfterLength, }: {
+    data: object;
     onUpdateData?: (value: unknown) => void;
     editingEnabled?: boolean;
     clipboardEnabled?: boolean;
     displayDataTypes?: boolean;
     quotesOnKeys?: boolean;
+    name?: string | null | false;
+    collapseStringsAfterLength?: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/OpenInEditor.d.ts

@@ -0,0 +1,3 @@
+export default function OpenInEditor({ file }: {
+    file: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Overview.d.ts

@@ -1,5 +1,6 @@
-import type { Integration, IntegrationData } from '../integrations/integration';
-import type { NotificationCount } from '../types';
+import { Integration, IntegrationData } from '../integrations/integration';
+import { NotificationCount } from '../types';
+
 export default function Overview({ integrations, integrationData, setTriggerButtonCount, setOpen, }: {
     integrations: Integration[];
     integrationData: IntegrationData<unknown>;

package/dist/components/Tabs.d.ts

@@ -1,4 +1,5 @@
-import { type IntegrationTab } from '../integrations/integration';
+import { IntegrationTab } from '../integrations/integration';
+
 export type Props = {
     /**
      * Array of tabs to display.

package/dist/components/Time.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function Time({ date, ...props }: {
     date: string | number | Date;
     format?: string;

package/dist/components/TimeSince.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function TimeSince({ date, ...props }: {
     date: string | number | Date;
 } & React.ComponentProps<'time'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Trigger.d.ts

@@ -1,4 +1,5 @@
-import { NotificationCount, type AnchorConfig } from '../types';
+import { NotificationCount, AnchorConfig } from '../types';
+
 export default function Trigger({ isOpen, setOpen, notificationCount, anchor, }: {
     isOpen: boolean;
     setOpen: (value: boolean) => void;

package/dist/constants.d.ts

@@ -1,4 +1,5 @@
-export declare const DEFAULT_SIDECAR_URL = "http://localhost:8969/stream";
+export declare const DEFAULT_SIDECAR_URL = "http://localhost:8969";
+export declare const DEFAULT_SIDECAR_STREAM_URL: string;
 export declare const DEFAULT_EXPERIMENTS: {
     'sentry:focus-local-events': boolean;
 };

package/dist/index.d.ts

@@ -1,14 +1,15 @@
 import { CONTEXT_LINES_ENDPOINT } from '@spotlightjs/sidecar/constants';
-import { DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_URL } from './constants';
+import { DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_STREAM_URL } from './constants';
 import { off, on, trigger } from './lib/eventTarget';
 import { React, ReactDOM } from './react-instance';
-import type { SpotlightOverlayOptions } from './types';
+import { SpotlightOverlayOptions } from './types';
+
 export { default as console } from './integrations/console/index';
 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_URL, React, ReactDOM, off, on, trigger, };
+export { 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/console/console-tab.d.ts

@@ -1,4 +1,5 @@
-import type { ConsoleMessage } from './types';
+import { ConsoleMessage } from './types';
+
 type Props = {
     processedEvents?: ConsoleMessage[];
 };

package/dist/integrations/console/index.d.ts

@@ -1,5 +1,6 @@
-import ConsoleTab from './console-tab';
-import type { ConsoleMessage } from './types';
+import { default as ConsoleTab } from './console-tab';
+import { ConsoleMessage } from './types';
+
 /**
  * This integration is meant to run on the same page where
  * the Spotlight UI is running. For standalone UI cases such
@@ -21,7 +22,7 @@ export default function consoleIntegration(): {
         content: typeof ConsoleTab;
     }[];
     setup: () => void;
-    processEvent({ data }: import("../integration").RawEventContext): {
+    processEvent({ data }: import('../integration').RawEventContext): {
         event: ConsoleMessage;
     };
 };

package/dist/integrations/hydration-error/index.d.ts

@@ -1,4 +1,5 @@
-import HydrationErrorDisplay from './HydrationErrorDisplay';
+import { default as HydrationErrorDisplay } from './HydrationErrorDisplay';
+
 export default function hydrationErrorIntegration(): {
     name: string;
     tabs: () => {

package/dist/integrations/integration.d.ts

@@ -1,9 +1,11 @@
-import type { ComponentType } from 'react';
-import type { ExperimentsConfig, NotificationCount } from '../types';
+import { ComponentType } from 'react';
+import { ExperimentsConfig, NotificationCount } from '../types';
+
 export type SpotlightContext = {
     open: (path: string | undefined) => void;
     close: () => void;
     experiments: ExperimentsConfig;
+    sidecarUrl: string;
 };
 export type Integration<T = any> = {
     /**

package/dist/integrations/sentry/components/DateTime.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function DateTime({ date, ...props }: {
     date: string | number | Date;
 } & React.ComponentProps<'time'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/integrations/sentry/components/HiddenItemsButton.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentProps } from 'react';
+import { ComponentProps } from 'react';
+
 export default function HiddenItemsButton({ itemCount, ...props }: Omit<ComponentProps<'button'>, 'className' | 'children'> & {
     itemCount: number;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/integrations/sentry/components/PlatformIcon.d.ts

@@ -1,5 +1,6 @@
 import { SentryEvent } from '../types';
 import { ComponentPropsWithoutRef } from 'react';
+
 type Platform = 'python' | 'javascript' | 'node' | 'ruby' | 'csharp' | string;
 export default function PlatformIcon({ platform, event, size, width, height, title, ...props }: ComponentPropsWithoutRef<'svg'> & {
     size?: number;

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

@@ -1,5 +1,6 @@
-import type { Envelope } from '@sentry/types';
-import type { RawEventContext } from '../../../../integrations/integration';
+import { Envelope } from '@sentry/types';
+import { RawEventContext } from '../../../integration';
+
 export default function EnvelopeDetails({ data }: {
     data: {
         envelope: Envelope;

package/dist/integrations/sentry/components/events/Event.d.ts

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

package/dist/integrations/sentry/components/events/EventBreadcrumbs.d.ts

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

package/dist/integrations/sentry/components/events/EventContexts.d.ts

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

package/dist/integrations/sentry/components/events/EventList.d.ts

@@ -1 +1,3 @@
-export default function EventList(): import("react/jsx-runtime").JSX.Element;
+export default function EventList({ traceId }: {
+    traceId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/integrations/sentry/components/events/error/Error.d.ts

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

package/dist/integrations/sentry/components/events/error/Frame.d.ts

@@ -1,4 +1,5 @@
 import { EventFrame } from '../../../types';
+
 export default function Frame({ frame, defaultExpand, platform, }: {
     frame: EventFrame;
     defaultExpand: boolean;

package/dist/integrations/sentry/components/performance/webVitals/PerformanceChart.d.ts

@@ -1,4 +1,5 @@
-import type { MetricScoreProps, MetricWeightsProps } from '../../../../../integrations/sentry/types';
+import { MetricScoreProps, MetricWeightsProps } from '../../../types';
+
 type PerformanceChartProps = {
     metricScore: MetricScoreProps;
     metricWeights: MetricWeightsProps;

package/dist/integrations/sentry/components/traces/TraceDetails/components/TraceContext.d.ts

@@ -0,0 +1,5 @@
+type TraceContextProps = {
+    traceId: string;
+};
+export default function TraceContext({ traceId }: TraceContextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/integrations/sentry/components/traces/TraceDetails/components/TraceDetailHeader.d.ts

@@ -0,0 +1,7 @@
+import { Trace } from '../../../../types';
+
+type TraceDetailHeaderProps = {
+    trace: Trace;
+};
+export default function TraceDetailHeader({ trace }: TraceDetailHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/integrations/sentry/components/traces/TraceDetails/components/TraceTreeview.d.ts

@@ -0,0 +1,6 @@
+type TraceTreeViewProps = {
+    traceId: string;
+};
+export declare const DEFAULT_SPAN_NODE_WIDTH = 50;
+export default function TraceTreeview({ traceId }: TraceTreeViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/integrations/sentry/components/traces/TraceIcon.d.ts

@@ -1,4 +1,5 @@
-import type { Trace } from '../../types';
+import { Trace } from '../../types';
+
 export type TraceIconProps = {
     trace: Trace;
 };

package/dist/integrations/sentry/components/traces/spans/SpanDetails.d.ts

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

package/dist/integrations/sentry/components/traces/spans/SpanItem.d.ts

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

package/dist/integrations/sentry/components/traces/spans/SpanTree.d.ts

@@ -1,4 +1,5 @@
 import { Span, TraceContext } from '../../../types';
+
 export default function SpanTree({ traceContext, tree, startTimestamp, totalDuration, depth, totalTransactions, spanNodeWidth, setSpanNodeWidth, query, }: {
     traceContext: TraceContext;
     tree: Span[];

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

@@ -1,3 +1,4 @@
+export declare const DB_SPAN_REGEX: RegExp;
 export declare const RESOURCES_SORT_KEYS: {
     avgDuration: string;
     timeSpent: string;

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

@@ -1,6 +1,7 @@
 import { Envelope } from '@sentry/types';
-import { RawEventContext } from '../../../integrations/integration';
+import { RawEventContext } from '../../integration';
 import { Sdk, SentryErrorEvent, SentryEvent, Span, Trace } from '../types';
+
 type OnlineSubscription = ['online', (status: boolean) => void];
 type EventSubscription = ['event', (event: SentryEvent) => void];
 type TraceSubscription = ['trace', (trace: Trace) => void];

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

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { SentryEvent } from '../types';
+import { ReactNode, default as React } from 'react';
+import { SentryEvent } from '../types';
+
 interface SetEventsAction {
     e: SentryEvent | SentryEvent[];
     action: string;

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

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

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

@@ -1 +1 @@
-export declare const useSentryEvents: () => import("../types").SentryEvent[];
+export declare const useSentryEvents: (traceId?: string) => import('../types').SentryEvent[];

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

@@ -1 +1 @@
-export declare const useSentrySdks: () => import("../types").Sdk[];
+export declare const useSentrySdks: () => import('../types').Sdk[];

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

@@ -1,2 +1,3 @@
 import { Span } from '../types';
+
 export declare const useSentrySpans: () => Span[][];

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

@@ -1 +1 @@
-export declare const useSentryTraces: () => import("../types").Trace[];
+export declare const useSentryTraces: () => import('../types').Trace[];