@spotlightjs/overlay 2.2.1 → 2.4.0-next.0

package/dist/sentry-spotlight.js

@@ -1,23 +1,24 @@
-import { C as e, D as o, a as t, b as n, R as E, d as r, h as i, m as D, n as R, l as T, o as l, e as p, i as N, j as S, k as _, f as c, s as A, t as C, v as I } from "./index-7016b54e.js";
+import { C as o, D as t, a as e, b as n, R as i, d as E, h as r, m as l, n as p, l as S, o as D, e as R, i as T, j as g, k as h, f as N, s as _, t as c, v as A } from "./index-b5d12201.js";
+window.Spotlight && Spotlight.init();
 export {
-  e as CONTEXT_LINES_ENDPOINT,
-  o as DEFAULT_ANCHOR,
-  t as DEFAULT_EXPERIMENTS,
+  o as CONTEXT_LINES_ENDPOINT,
+  t as DEFAULT_ANCHOR,
+  e as DEFAULT_EXPERIMENTS,
   n as DEFAULT_SIDECAR_URL,
-  E as React,
-  r as ReactDOM,
-  i as closeSpotlight,
-  D as console,
-  R as hydrationError,
-  T as init,
-  l as off,
-  p as on,
-  N as onClose,
-  S as onOpen,
-  _ as onSevereEvent,
-  c as openSpotlight,
-  A as sentry,
-  C as trigger,
-  I as viteInspect
+  i as React,
+  E as ReactDOM,
+  r as closeSpotlight,
+  l as console,
+  p as hydrationError,
+  S as init,
+  D as off,
+  R as on,
+  T as onClose,
+  g as onOpen,
+  h as onSevereEvent,
+  N as openSpotlight,
+  _ as sentry,
+  c as trigger,
+  A as viteInspect
 };
 //# sourceMappingURL=sentry-spotlight.js.map

package/dist/sentry-spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"sentry-spotlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sentry-spotlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/src/App.d.ts

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

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

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

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

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

package/dist/src/index.d.ts

@@ -2,7 +2,7 @@ import { CONTEXT_LINES_ENDPOINT } from '@spotlightjs/sidecar/constants';
 import { DEFAULT_ANCHOR, DEFAULT_EXPERIMENTS, DEFAULT_SIDECAR_URL } from './constants.ts';
 import { off, on, trigger } from './lib/eventTarget.ts';
 import { React, ReactDOM } from './react-instance.tsx';
-import { SpotlightOverlayOptions } from './types.ts';
+import type { SpotlightOverlayOptions } from './types.ts';
 export { default as console } from './integrations/console/index.ts';
 export { default as hydrationError } from './integrations/hydration-error/index.ts';
 export { default as sentry } from './integrations/sentry/index.ts';

package/dist/src/integrations/console/console-tab.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/integrations/sentry/components/performance/webVitals/index.d.ts

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

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

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

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

@@ -1,4 +1,4 @@
-import { Span, TraceContext } from '../../../types';
+import type { Span, TraceContext } from '../../../types';
 declare const SpanItem: ({ span, startTimestamp, totalDuration, depth, traceContext, totalTransactions, spanNodeWidth, setSpanNodeWidth, query, }: {
     span: Span;
     startTimestamp: number;

package/dist/src/integrations/sentry/components/traces/traceInfo/TraceGeneralInfo.d.ts

@@ -1,4 +1,4 @@
-import { Trace } from '../../../../../integrations/sentry/types';
+import type { Trace } from '../../../../../integrations/sentry/types';
 type TraceGeneralInfoProps = {
     trace: Trace;
 };

package/dist/src/integrations/sentry/components/traces/traceInfo/TraceTags.d.ts

@@ -1,4 +1,4 @@
-import { Trace } from '../../../../../integrations/sentry/types';
+import type { Trace } from '../../../../../integrations/sentry/types';
 type TraceTagsProps = {
     trace: Trace;
 };

package/dist/src/integrations/sentry/components/traces/traceInfo/index.d.ts

@@ -1,4 +1,4 @@
-import { TraceContext } from '../../../types';
+import type { TraceContext } from '../../../types';
 type TraceInfoProps = {
     traceContext: TraceContext;
 };

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

@@ -1,4 +1,4 @@
-import { Client, Event } from '@sentry/types';
+import type { Client, Event } from '@sentry/types';
 type SpotlightBrowserIntegrationOptions = {
     /**
      * The URL of the Sidecar instance to connect and forward events to.
@@ -10,10 +10,8 @@ type SpotlightBrowserIntegrationOptions = {
 };
 /**
  * A Sentry integration for Spotlight integration that the Overlay will inject automatically.
- * This integration does a couple of things:
+ * This integration does the following:
  *
- *  - Try to enrich stack traces by querying a potentially existing context lines integration
- *    on the server side  (@see packages/astro/src/vite/source-context.ts)
  *  - Drop transactions created from interactions with the Spotlight UI
  *  - Forward Sentry events sent from the browser SDK to the Sidecar instance running on
  *    either on http://localhost:8969/stream or on the supplied `sidecarUrl` option.
@@ -26,7 +24,7 @@ export declare const spotlightIntegration: (options?: SpotlightBrowserIntegratio
     name: string;
     setupOnce: () => void;
     setup: () => void;
-    processEvent: (event: Event) => Promise<Event | null>;
+    processEvent: (event: Event) => Event | null;
     afterAllSetup: (client: Client) => void;
 };
 export {};

package/dist/src/sidecar.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { Integration, IntegrationData } from './integrations/integration';
+import type React from 'react';
+import type { Integration, IntegrationData } from './integrations/integration';
 export declare function connectToSidecar(sidecarUrl: string, contentTypeToIntegrations: Map<string, Integration<unknown>[]>, setIntegrationData: React.Dispatch<React.SetStateAction<IntegrationData<unknown>>>, setOnline: React.Dispatch<React.SetStateAction<boolean>>): () => void;

package/dist/src/ui/Chart/RingChart/RingChart.d.ts

@@ -10,7 +10,7 @@ export type RingChartProps = React.HTMLAttributes<SVGSVGElement> & {
      */
     barWidth?: number;
     onHoverActions?: (() => void)[];
-    onUnhover?: () => void;
+    onBlur?: () => void;
     /**
      * Endcaps on the progress bar
      */
@@ -24,5 +24,5 @@ export type RingChartProps = React.HTMLAttributes<SVGSVGElement> & {
     x?: number;
     y?: number;
 };
-declare function RingChart({ values, maxValues, size, barWidth, text, textCss, segmentColors, backgroundColors, progressEndcaps, onHoverActions, onUnhover, ...p }: RingChartProps): import("react/jsx-runtime").JSX.Element;
+declare function RingChart({ values, maxValues, size, barWidth, text, textCss, segmentColors, backgroundColors, progressEndcaps, onHoverActions, onBlur, ...p }: RingChartProps): import("react/jsx-runtime").JSX.Element;
 export default RingChart;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 export type TooltipProps = {
     content: string | ReactNode;
     position?: 'top' | 'bottom' | 'left' | 'right';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotlightjs/overlay",
   "description": "The overlay of Spotlight to add debug interface to your web app.",
-  "version": "2.2.1",
+  "version": "2.4.0-next.0",
   "license": "Apache-2.0",
   "type": "module",
   "files": [