Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@spotlightjs/overlay

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spotlightjs/overlay - npm Package Compare versions

Comparing version 2.6.0 to 2.7.0

dist/components/CopyToClipboard.d.ts

3

dist/App.d.ts

@@ -1,4 +0,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 {};
import { ComponentPropsWithoutRef } from 'react';
export default function CardList(props: Omit<ComponentPropsWithoutRef<'div'>, 'className'>): import("react/jsx-runtime").JSX.Element;

@@ -1,3 +0,4 @@

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, }: {

@@ -4,0 +5,0 @@ integrations: Integration[];

@@ -1,3 +0,4 @@

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, }: {

@@ -4,0 +5,0 @@ integrations: Integration[];

@@ -1,2 +0,3 @@

import { type IntegrationTab } from '../integrations/integration';
import { IntegrationTab } from '../integrations/integration';
export type Props = {

@@ -3,0 +4,0 @@ /**

@@ -1,2 +0,1 @@

/// <reference types="react" />
export default function Time({ date, ...props }: {

@@ -3,0 +2,0 @@ date: string | number | Date;

@@ -1,4 +0,3 @@

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

@@ -1,2 +0,3 @@

import { NotificationCount, type AnchorConfig } from '../types';
import { NotificationCount, AnchorConfig } from '../types';
export default function Trigger({ isOpen, setOpen, notificationCount, anchor, }: {

@@ -3,0 +4,0 @@ isOpen: boolean;

@@ -1,2 +0,3 @@

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: {

@@ -3,0 +4,0 @@ 'sentry:focus-local-events': boolean;

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';

@@ -11,3 +12,3 @@ export { default as hydrationError } from './integrations/hydration-error/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, };
/**

@@ -14,0 +15,0 @@ * Open the Spotlight debugger Window

@@ -1,2 +0,3 @@

import type { ConsoleMessage } from './types';
import { ConsoleMessage } from './types';
type Props = {

@@ -3,0 +4,0 @@ processedEvents?: ConsoleMessage[];

@@ -1,3 +0,4 @@

import ConsoleTab from './console-tab';
import type { ConsoleMessage } from './types';
import { default as ConsoleTab } from './console-tab';
import { ConsoleMessage } from './types';
/**

@@ -24,5 +25,5 @@ * This integration is meant to run on the same page where

setup: () => void;
processEvent({ data }: import("../integration").RawEventContext): {
processEvent({ data }: import('../integration').RawEventContext): {
event: ConsoleMessage;
};
};

@@ -1,2 +0,3 @@

import HydrationErrorDisplay from './HydrationErrorDisplay';
import { default as HydrationErrorDisplay } from './HydrationErrorDisplay';
export default function hydrationErrorIntegration(): {

@@ -3,0 +4,0 @@ name: string;

@@ -1,3 +0,4 @@

import type { ComponentType } from 'react';
import type { ExperimentsConfig, NotificationCount } from '../types';
import { ComponentType } from 'react';
import { ExperimentsConfig, NotificationCount } from '../types';
export type SpotlightContext = {

@@ -7,2 +8,3 @@ open: (path: string | undefined) => void;

experiments: ExperimentsConfig;
sidecarUrl: string;
};

@@ -9,0 +11,0 @@ export type Integration<T = any> = {

@@ -1,4 +0,3 @@

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

@@ -1,3 +0,4 @@

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 }: {

@@ -4,0 +5,0 @@ data: {

@@ -1,2 +0,3 @@

import type { SentryErrorEvent } from '../../../types';
import { SentryErrorEvent } from '../../../types';
export declare function ErrorTitle({ event }: {

@@ -3,0 +4,0 @@ event: SentryErrorEvent;

import { EventFrame } from '../../../types';
export default function Frame({ frame, defaultExpand, platform, }: {

@@ -3,0 +4,0 @@ frame: EventFrame;

@@ -1,2 +0,3 @@

import type { SentryEvent } from '../../types';
import { SentryEvent } from '../../types';
export declare function EventTitle({ event }: {

@@ -3,0 +4,0 @@ event: SentryEvent;

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

@@ -1,1 +0,3 @@

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

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

@@ -1,2 +0,3 @@

import type { MetricScoreProps, MetricWeightsProps } from '../../../../../integrations/sentry/types';
import { MetricScoreProps, MetricWeightsProps } from '../../../types';
type PerformanceChartProps = {

@@ -3,0 +4,0 @@ metricScore: MetricScoreProps;

import { SentryEvent } from '../types';
import { ComponentPropsWithoutRef } from 'react';
type Platform = 'python' | 'javascript' | 'node' | 'ruby' | 'csharp' | string;

@@ -4,0 +5,0 @@ export default function PlatformIcon({ platform, event, size, width, height, title, ...props }: ComponentPropsWithoutRef<'svg'> & {

import { Span, TraceContext } from '../../../types';
export default function SpanDetails({ traceContext, span, startTimestamp, totalDuration, totalTransactions, }: {

@@ -3,0 +4,0 @@ traceContext: TraceContext;

@@ -1,2 +0,3 @@

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

@@ -6,9 +7,9 @@ span: Span;

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;
import { Span, TraceContext } from '../../../types';
export default function SpanTree({ traceContext, tree, startTimestamp, totalDuration, depth, totalTransactions, spanNodeWidth, setSpanNodeWidth, query, }: {

@@ -3,0 +4,0 @@ traceContext: TraceContext;

@@ -1,2 +0,3 @@

import type { Trace } from '../../types';
import { Trace } from '../../types';
export type TraceIconProps = {

@@ -3,0 +4,0 @@ trace: Trace;

@@ -0,1 +1,2 @@

export declare const DB_SPAN_REGEX: RegExp;
export declare const RESOURCES_SORT_KEYS: {

@@ -2,0 +3,0 @@ avgDuration: string;

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

@@ -5,0 +6,0 @@ type EventSubscription = ['event', (event: SentryEvent) => void];

@@ -1,4 +0,4 @@

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 {

@@ -5,0 +5,0 @@ e: SentryEvent | SentryEvent[];

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

@@ -1,1 +0,1 @@

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

@@ -1,1 +0,1 @@

export declare const useSentrySdks: () => import("../types").Sdk[];
export declare const useSentrySdks: () => import('../types').Sdk[];
import { Span } from '../types';
export declare const useSentrySpans: () => Span[][];

@@ -1,1 +0,1 @@

export declare const useSentryTraces: () => import("../types").Trace[];
export declare const useSentryTraces: () => import('../types').Trace[];
import { DOMAttributes, MouseEvent, RefObject } from 'react';
type CallbackArgs = {

@@ -16,166 +17,164 @@ height: number;

onMouseLeave: (e: MouseEvent<T>) => void;
children?: import("react").ReactNode;
children?: import('react').ReactNode | undefined;
dangerouslySetInnerHTML?: {
__html: string | TrustedHTML;
} | undefined;
onCopy?: import("react").ClipboardEventHandler<T> | undefined;
onCopyCapture?: import("react").ClipboardEventHandler<T> | undefined;
onCut?: import("react").ClipboardEventHandler<T> | undefined;
onCutCapture?: import("react").ClipboardEventHandler<T> | undefined;
onPaste?: import("react").ClipboardEventHandler<T> | undefined;
onPasteCapture?: import("react").ClipboardEventHandler<T> | undefined;
onCompositionEnd?: import("react").CompositionEventHandler<T> | undefined;
onCompositionEndCapture?: import("react").CompositionEventHandler<T> | undefined;
onCompositionStart?: import("react").CompositionEventHandler<T> | undefined;
onCompositionStartCapture?: import("react").CompositionEventHandler<T> | undefined;
onCompositionUpdate?: import("react").CompositionEventHandler<T> | undefined;
onCompositionUpdateCapture?: import("react").CompositionEventHandler<T> | undefined;
onFocus?: import("react").FocusEventHandler<T> | undefined;
onFocusCapture?: import("react").FocusEventHandler<T> | undefined;
onBlur?: import("react").FocusEventHandler<T> | undefined;
onBlurCapture?: import("react").FocusEventHandler<T> | undefined;
onChange?: import("react").FormEventHandler<T> | undefined;
onChangeCapture?: import("react").FormEventHandler<T> | undefined;
onBeforeInput?: import("react").FormEventHandler<T> | undefined;
onBeforeInputCapture?: import("react").FormEventHandler<T> | undefined;
onInput?: import("react").FormEventHandler<T> | undefined;
onInputCapture?: import("react").FormEventHandler<T> | undefined;
onReset?: import("react").FormEventHandler<T> | undefined;
onResetCapture?: import("react").FormEventHandler<T> | undefined;
onSubmit?: import("react").FormEventHandler<T> | undefined;
onSubmitCapture?: import("react").FormEventHandler<T> | undefined;
onInvalid?: import("react").FormEventHandler<T> | undefined;
onInvalidCapture?: import("react").FormEventHandler<T> | undefined;
onLoad?: import("react").ReactEventHandler<T> | undefined;
onLoadCapture?: import("react").ReactEventHandler<T> | undefined;
onError?: import("react").ReactEventHandler<T> | undefined;
onErrorCapture?: import("react").ReactEventHandler<T> | undefined;
onKeyDown?: import("react").KeyboardEventHandler<T> | undefined;
onKeyDownCapture?: import("react").KeyboardEventHandler<T> | undefined;
onKeyPress?: import("react").KeyboardEventHandler<T> | undefined;
onKeyPressCapture?: import("react").KeyboardEventHandler<T> | undefined;
onKeyUp?: import("react").KeyboardEventHandler<T> | undefined;
onKeyUpCapture?: import("react").KeyboardEventHandler<T> | undefined;
onAbort?: import("react").ReactEventHandler<T> | undefined;
onAbortCapture?: import("react").ReactEventHandler<T> | undefined;
onCanPlay?: import("react").ReactEventHandler<T> | undefined;
onCanPlayCapture?: import("react").ReactEventHandler<T> | undefined;
onCanPlayThrough?: import("react").ReactEventHandler<T> | undefined;
onCanPlayThroughCapture?: import("react").ReactEventHandler<T> | undefined;
onDurationChange?: import("react").ReactEventHandler<T> | undefined;
onDurationChangeCapture?: import("react").ReactEventHandler<T> | undefined;
onEmptied?: import("react").ReactEventHandler<T> | undefined;
onEmptiedCapture?: import("react").ReactEventHandler<T> | undefined;
onEncrypted?: import("react").ReactEventHandler<T> | undefined;
onEncryptedCapture?: import("react").ReactEventHandler<T> | undefined;
onEnded?: import("react").ReactEventHandler<T> | undefined;
onEndedCapture?: import("react").ReactEventHandler<T> | undefined;
onLoadedData?: import("react").ReactEventHandler<T> | undefined;
onLoadedDataCapture?: import("react").ReactEventHandler<T> | undefined;
onLoadedMetadata?: import("react").ReactEventHandler<T> | undefined;
onLoadedMetadataCapture?: import("react").ReactEventHandler<T> | undefined;
onLoadStart?: import("react").ReactEventHandler<T> | undefined;
onLoadStartCapture?: import("react").ReactEventHandler<T> | undefined;
onPause?: import("react").ReactEventHandler<T> | undefined;
onPauseCapture?: import("react").ReactEventHandler<T> | undefined;
onPlay?: import("react").ReactEventHandler<T> | undefined;
onPlayCapture?: import("react").ReactEventHandler<T> | undefined;
onPlaying?: import("react").ReactEventHandler<T> | undefined;
onPlayingCapture?: import("react").ReactEventHandler<T> | undefined;
onProgress?: import("react").ReactEventHandler<T> | undefined;
onProgressCapture?: import("react").ReactEventHandler<T> | undefined;
onRateChange?: import("react").ReactEventHandler<T> | undefined;
onRateChangeCapture?: import("react").ReactEventHandler<T> | undefined;
onResize?: import("react").ReactEventHandler<T> | undefined;
onResizeCapture?: import("react").ReactEventHandler<T> | undefined;
onSeeked?: import("react").ReactEventHandler<T> | undefined;
onSeekedCapture?: import("react").ReactEventHandler<T> | undefined;
onSeeking?: import("react").ReactEventHandler<T> | undefined;
onSeekingCapture?: import("react").ReactEventHandler<T> | undefined;
onStalled?: import("react").ReactEventHandler<T> | undefined;
onStalledCapture?: import("react").ReactEventHandler<T> | undefined;
onSuspend?: import("react").ReactEventHandler<T> | undefined;
onSuspendCapture?: import("react").ReactEventHandler<T> | undefined;
onTimeUpdate?: import("react").ReactEventHandler<T> | undefined;
onTimeUpdateCapture?: import("react").ReactEventHandler<T> | undefined;
onVolumeChange?: import("react").ReactEventHandler<T> | undefined;
onVolumeChangeCapture?: import("react").ReactEventHandler<T> | undefined;
onWaiting?: import("react").ReactEventHandler<T> | undefined;
onWaitingCapture?: import("react").ReactEventHandler<T> | undefined;
onAuxClick?: import("react").MouseEventHandler<T> | undefined;
onAuxClickCapture?: import("react").MouseEventHandler<T> | undefined;
onClick?: import("react").MouseEventHandler<T> | undefined;
onClickCapture?: import("react").MouseEventHandler<T> | undefined;
onContextMenu?: import("react").MouseEventHandler<T> | undefined;
onContextMenuCapture?: import("react").MouseEventHandler<T> | undefined;
onDoubleClick?: import("react").MouseEventHandler<T> | undefined;
onDoubleClickCapture?: import("react").MouseEventHandler<T> | undefined;
onDrag?: import("react").DragEventHandler<T> | undefined;
onDragCapture?: import("react").DragEventHandler<T> | undefined;
onDragEnd?: import("react").DragEventHandler<T> | undefined;
onDragEndCapture?: import("react").DragEventHandler<T> | undefined;
onDragEnter?: import("react").DragEventHandler<T> | undefined;
onDragEnterCapture?: import("react").DragEventHandler<T> | undefined;
onDragExit?: import("react").DragEventHandler<T> | undefined;
onDragExitCapture?: import("react").DragEventHandler<T> | undefined;
onDragLeave?: import("react").DragEventHandler<T> | undefined;
onDragLeaveCapture?: import("react").DragEventHandler<T> | undefined;
onDragOver?: import("react").DragEventHandler<T> | undefined;
onDragOverCapture?: import("react").DragEventHandler<T> | undefined;
onDragStart?: import("react").DragEventHandler<T> | undefined;
onDragStartCapture?: import("react").DragEventHandler<T> | undefined;
onDrop?: import("react").DragEventHandler<T> | undefined;
onDropCapture?: import("react").DragEventHandler<T> | undefined;
onMouseDown?: import("react").MouseEventHandler<T> | undefined;
onMouseDownCapture?: import("react").MouseEventHandler<T> | undefined;
onMouseMoveCapture?: import("react").MouseEventHandler<T> | undefined;
onMouseOut?: import("react").MouseEventHandler<T> | undefined;
onMouseOutCapture?: import("react").MouseEventHandler<T> | undefined;
onMouseOver?: import("react").MouseEventHandler<T> | undefined;
onMouseOverCapture?: import("react").MouseEventHandler<T> | undefined;
onMouseUp?: import("react").MouseEventHandler<T> | undefined;
onMouseUpCapture?: import("react").MouseEventHandler<T> | undefined;
onSelect?: import("react").ReactEventHandler<T> | undefined;
onSelectCapture?: import("react").ReactEventHandler<T> | undefined;
onTouchCancel?: import("react").TouchEventHandler<T> | undefined;
onTouchCancelCapture?: import("react").TouchEventHandler<T> | undefined;
onTouchEnd?: import("react").TouchEventHandler<T> | undefined;
onTouchEndCapture?: import("react").TouchEventHandler<T> | undefined;
onTouchMove?: import("react").TouchEventHandler<T> | undefined;
onTouchMoveCapture?: import("react").TouchEventHandler<T> | undefined;
onTouchStart?: import("react").TouchEventHandler<T> | undefined;
onTouchStartCapture?: import("react").TouchEventHandler<T> | undefined;
onPointerDown?: import("react").PointerEventHandler<T> | undefined;
onPointerDownCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerMove?: import("react").PointerEventHandler<T> | undefined;
onPointerMoveCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerUp?: import("react").PointerEventHandler<T> | undefined;
onPointerUpCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerCancel?: import("react").PointerEventHandler<T> | undefined;
onPointerCancelCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerEnter?: import("react").PointerEventHandler<T> | undefined;
onPointerEnterCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerLeave?: import("react").PointerEventHandler<T> | undefined;
onPointerLeaveCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerOver?: import("react").PointerEventHandler<T> | undefined;
onPointerOverCapture?: import("react").PointerEventHandler<T> | undefined;
onPointerOut?: import("react").PointerEventHandler<T> | undefined;
onPointerOutCapture?: import("react").PointerEventHandler<T> | undefined;
onGotPointerCapture?: import("react").PointerEventHandler<T> | undefined;
onGotPointerCaptureCapture?: import("react").PointerEventHandler<T> | undefined;
onLostPointerCapture?: import("react").PointerEventHandler<T> | undefined;
onLostPointerCaptureCapture?: import("react").PointerEventHandler<T> | undefined;
onScroll?: import("react").UIEventHandler<T> | undefined;
onScrollCapture?: import("react").UIEventHandler<T> | undefined;
onWheel?: import("react").WheelEventHandler<T> | undefined;
onWheelCapture?: import("react").WheelEventHandler<T> | undefined;
onAnimationStart?: import("react").AnimationEventHandler<T> | undefined;
onAnimationStartCapture?: import("react").AnimationEventHandler<T> | undefined;
onAnimationEnd?: import("react").AnimationEventHandler<T> | undefined;
onAnimationEndCapture?: import("react").AnimationEventHandler<T> | undefined;
onAnimationIteration?: import("react").AnimationEventHandler<T> | undefined;
onAnimationIterationCapture?: import("react").AnimationEventHandler<T> | undefined;
onTransitionEnd?: import("react").TransitionEventHandler<T> | undefined;
onTransitionEndCapture?: import("react").TransitionEventHandler<T> | undefined;
onCopy?: import('react').ClipboardEventHandler<T> | undefined;
onCopyCapture?: import('react').ClipboardEventHandler<T> | undefined;
onCut?: import('react').ClipboardEventHandler<T> | undefined;
onCutCapture?: import('react').ClipboardEventHandler<T> | undefined;
onPaste?: import('react').ClipboardEventHandler<T> | undefined;
onPasteCapture?: import('react').ClipboardEventHandler<T> | undefined;
onCompositionEnd?: import('react').CompositionEventHandler<T> | undefined;
onCompositionEndCapture?: import('react').CompositionEventHandler<T> | undefined;
onCompositionStart?: import('react').CompositionEventHandler<T> | undefined;
onCompositionStartCapture?: import('react').CompositionEventHandler<T> | undefined;
onCompositionUpdate?: import('react').CompositionEventHandler<T> | undefined;
onCompositionUpdateCapture?: import('react').CompositionEventHandler<T> | undefined;
onFocus?: import('react').FocusEventHandler<T> | undefined;
onFocusCapture?: import('react').FocusEventHandler<T> | undefined;
onBlur?: import('react').FocusEventHandler<T> | undefined;
onBlurCapture?: import('react').FocusEventHandler<T> | undefined;
onChange?: import('react').FormEventHandler<T> | undefined;
onChangeCapture?: import('react').FormEventHandler<T> | undefined;
onBeforeInput?: import('react').FormEventHandler<T> | undefined;
onBeforeInputCapture?: import('react').FormEventHandler<T> | undefined;
onInput?: import('react').FormEventHandler<T> | undefined;
onInputCapture?: import('react').FormEventHandler<T> | undefined;
onReset?: import('react').FormEventHandler<T> | undefined;
onResetCapture?: import('react').FormEventHandler<T> | undefined;
onSubmit?: import('react').FormEventHandler<T> | undefined;
onSubmitCapture?: import('react').FormEventHandler<T> | undefined;
onInvalid?: import('react').FormEventHandler<T> | undefined;
onInvalidCapture?: import('react').FormEventHandler<T> | undefined;
onLoad?: import('react').ReactEventHandler<T> | undefined;
onLoadCapture?: import('react').ReactEventHandler<T> | undefined;
onError?: import('react').ReactEventHandler<T> | undefined;
onErrorCapture?: import('react').ReactEventHandler<T> | undefined;
onKeyDown?: import('react').KeyboardEventHandler<T> | undefined;
onKeyDownCapture?: import('react').KeyboardEventHandler<T> | undefined;
onKeyPress?: import('react').KeyboardEventHandler<T> | undefined;
onKeyPressCapture?: import('react').KeyboardEventHandler<T> | undefined;
onKeyUp?: import('react').KeyboardEventHandler<T> | undefined;
onKeyUpCapture?: import('react').KeyboardEventHandler<T> | undefined;
onAbort?: import('react').ReactEventHandler<T> | undefined;
onAbortCapture?: import('react').ReactEventHandler<T> | undefined;
onCanPlay?: import('react').ReactEventHandler<T> | undefined;
onCanPlayCapture?: import('react').ReactEventHandler<T> | undefined;
onCanPlayThrough?: import('react').ReactEventHandler<T> | undefined;
onCanPlayThroughCapture?: import('react').ReactEventHandler<T> | undefined;
onDurationChange?: import('react').ReactEventHandler<T> | undefined;
onDurationChangeCapture?: import('react').ReactEventHandler<T> | undefined;
onEmptied?: import('react').ReactEventHandler<T> | undefined;
onEmptiedCapture?: import('react').ReactEventHandler<T> | undefined;
onEncrypted?: import('react').ReactEventHandler<T> | undefined;
onEncryptedCapture?: import('react').ReactEventHandler<T> | undefined;
onEnded?: import('react').ReactEventHandler<T> | undefined;
onEndedCapture?: import('react').ReactEventHandler<T> | undefined;
onLoadedData?: import('react').ReactEventHandler<T> | undefined;
onLoadedDataCapture?: import('react').ReactEventHandler<T> | undefined;
onLoadedMetadata?: import('react').ReactEventHandler<T> | undefined;
onLoadedMetadataCapture?: import('react').ReactEventHandler<T> | undefined;
onLoadStart?: import('react').ReactEventHandler<T> | undefined;
onLoadStartCapture?: import('react').ReactEventHandler<T> | undefined;
onPause?: import('react').ReactEventHandler<T> | undefined;
onPauseCapture?: import('react').ReactEventHandler<T> | undefined;
onPlay?: import('react').ReactEventHandler<T> | undefined;
onPlayCapture?: import('react').ReactEventHandler<T> | undefined;
onPlaying?: import('react').ReactEventHandler<T> | undefined;
onPlayingCapture?: import('react').ReactEventHandler<T> | undefined;
onProgress?: import('react').ReactEventHandler<T> | undefined;
onProgressCapture?: import('react').ReactEventHandler<T> | undefined;
onRateChange?: import('react').ReactEventHandler<T> | undefined;
onRateChangeCapture?: import('react').ReactEventHandler<T> | undefined;
onResize?: import('react').ReactEventHandler<T> | undefined;
onResizeCapture?: import('react').ReactEventHandler<T> | undefined;
onSeeked?: import('react').ReactEventHandler<T> | undefined;
onSeekedCapture?: import('react').ReactEventHandler<T> | undefined;
onSeeking?: import('react').ReactEventHandler<T> | undefined;
onSeekingCapture?: import('react').ReactEventHandler<T> | undefined;
onStalled?: import('react').ReactEventHandler<T> | undefined;
onStalledCapture?: import('react').ReactEventHandler<T> | undefined;
onSuspend?: import('react').ReactEventHandler<T> | undefined;
onSuspendCapture?: import('react').ReactEventHandler<T> | undefined;
onTimeUpdate?: import('react').ReactEventHandler<T> | undefined;
onTimeUpdateCapture?: import('react').ReactEventHandler<T> | undefined;
onVolumeChange?: import('react').ReactEventHandler<T> | undefined;
onVolumeChangeCapture?: import('react').ReactEventHandler<T> | undefined;
onWaiting?: import('react').ReactEventHandler<T> | undefined;
onWaitingCapture?: import('react').ReactEventHandler<T> | undefined;
onAuxClick?: import('react').MouseEventHandler<T> | undefined;
onAuxClickCapture?: import('react').MouseEventHandler<T> | undefined;
onClick?: import('react').MouseEventHandler<T> | undefined;
onClickCapture?: import('react').MouseEventHandler<T> | undefined;
onContextMenu?: import('react').MouseEventHandler<T> | undefined;
onContextMenuCapture?: import('react').MouseEventHandler<T> | undefined;
onDoubleClick?: import('react').MouseEventHandler<T> | undefined;
onDoubleClickCapture?: import('react').MouseEventHandler<T> | undefined;
onDrag?: import('react').DragEventHandler<T> | undefined;
onDragCapture?: import('react').DragEventHandler<T> | undefined;
onDragEnd?: import('react').DragEventHandler<T> | undefined;
onDragEndCapture?: import('react').DragEventHandler<T> | undefined;
onDragEnter?: import('react').DragEventHandler<T> | undefined;
onDragEnterCapture?: import('react').DragEventHandler<T> | undefined;
onDragExit?: import('react').DragEventHandler<T> | undefined;
onDragExitCapture?: import('react').DragEventHandler<T> | undefined;
onDragLeave?: import('react').DragEventHandler<T> | undefined;
onDragLeaveCapture?: import('react').DragEventHandler<T> | undefined;
onDragOver?: import('react').DragEventHandler<T> | undefined;
onDragOverCapture?: import('react').DragEventHandler<T> | undefined;
onDragStart?: import('react').DragEventHandler<T> | undefined;
onDragStartCapture?: import('react').DragEventHandler<T> | undefined;
onDrop?: import('react').DragEventHandler<T> | undefined;
onDropCapture?: import('react').DragEventHandler<T> | undefined;
onMouseDown?: import('react').MouseEventHandler<T> | undefined;
onMouseDownCapture?: import('react').MouseEventHandler<T> | undefined;
onMouseMoveCapture?: import('react').MouseEventHandler<T> | undefined;
onMouseOut?: import('react').MouseEventHandler<T> | undefined;
onMouseOutCapture?: import('react').MouseEventHandler<T> | undefined;
onMouseOver?: import('react').MouseEventHandler<T> | undefined;
onMouseOverCapture?: import('react').MouseEventHandler<T> | undefined;
onMouseUp?: import('react').MouseEventHandler<T> | undefined;
onMouseUpCapture?: import('react').MouseEventHandler<T> | undefined;
onSelect?: import('react').ReactEventHandler<T> | undefined;
onSelectCapture?: import('react').ReactEventHandler<T> | undefined;
onTouchCancel?: import('react').TouchEventHandler<T> | undefined;
onTouchCancelCapture?: import('react').TouchEventHandler<T> | undefined;
onTouchEnd?: import('react').TouchEventHandler<T> | undefined;
onTouchEndCapture?: import('react').TouchEventHandler<T> | undefined;
onTouchMove?: import('react').TouchEventHandler<T> | undefined;
onTouchMoveCapture?: import('react').TouchEventHandler<T> | undefined;
onTouchStart?: import('react').TouchEventHandler<T> | undefined;
onTouchStartCapture?: import('react').TouchEventHandler<T> | undefined;
onPointerDown?: import('react').PointerEventHandler<T> | undefined;
onPointerDownCapture?: import('react').PointerEventHandler<T> | undefined;
onPointerMove?: import('react').PointerEventHandler<T> | undefined;
onPointerMoveCapture?: import('react').PointerEventHandler<T> | undefined;
onPointerUp?: import('react').PointerEventHandler<T> | undefined;
onPointerUpCapture?: import('react').PointerEventHandler<T> | undefined;
onPointerCancel?: import('react').PointerEventHandler<T> | undefined;
onPointerCancelCapture?: import('react').PointerEventHandler<T> | undefined;
onPointerEnter?: import('react').PointerEventHandler<T> | undefined;
onPointerLeave?: import('react').PointerEventHandler<T> | undefined;
onPointerOver?: import('react').PointerEventHandler<T> | undefined;
onPointerOverCapture?: import('react').PointerEventHandler<T> | undefined;
onPointerOut?: import('react').PointerEventHandler<T> | undefined;
onPointerOutCapture?: import('react').PointerEventHandler<T> | undefined;
onGotPointerCapture?: import('react').PointerEventHandler<T> | undefined;
onGotPointerCaptureCapture?: import('react').PointerEventHandler<T> | undefined;
onLostPointerCapture?: import('react').PointerEventHandler<T> | undefined;
onLostPointerCaptureCapture?: import('react').PointerEventHandler<T> | undefined;
onScroll?: import('react').UIEventHandler<T> | undefined;
onScrollCapture?: import('react').UIEventHandler<T> | undefined;
onWheel?: import('react').WheelEventHandler<T> | undefined;
onWheelCapture?: import('react').WheelEventHandler<T> | undefined;
onAnimationStart?: import('react').AnimationEventHandler<T> | undefined;
onAnimationStartCapture?: import('react').AnimationEventHandler<T> | undefined;
onAnimationEnd?: import('react').AnimationEventHandler<T> | undefined;
onAnimationEndCapture?: import('react').AnimationEventHandler<T> | undefined;
onAnimationIteration?: import('react').AnimationEventHandler<T> | undefined;
onAnimationIterationCapture?: import('react').AnimationEventHandler<T> | undefined;
onTransitionEnd?: import('react').TransitionEventHandler<T> | undefined;
onTransitionEndCapture?: import('react').TransitionEventHandler<T> | undefined;
};
export default useMouseTracking;

@@ -1,8 +0,8 @@

import type { Envelope } from '@sentry/types';
import type { RawEventContext } from '../integration';
import ErrorsTab from './tabs/ErrorsTab';
import PerformanceTab from './tabs/PerformanceTab';
import TracesTab from './tabs/TracesTab';
import { Envelope } from '@sentry/types';
import { RawEventContext } from '../integration';
import { default as ErrorsTab } from './tabs/ErrorsTab';
import { default as PerformanceTab } from './tabs/PerformanceTab';
import { default as TracesTab } from './tabs/TracesTab';
type SentryIntegrationOptions = {
sidecarUrl?: string;
injectIntoSDK?: boolean;

@@ -15,3 +15,3 @@ openLastError?: boolean;

forwardedContentType: string[];
setup: ({ open }: import("../integration").SpotlightContext) => () => void;
setup: ({ open, sidecarUrl }: import('../integration').SpotlightContext) => () => void;
processEvent: (event: RawEventContext) => {

@@ -18,0 +18,0 @@ event: Envelope;

@@ -1,2 +0,3 @@

import type { Client, Event } from '@sentry/types';
import { Client, Event } from '@sentry/types';
/**

@@ -17,3 +18,3 @@ * A Sentry integration for Spotlight integration that the Overlay will inject automatically.

processEvent: (event: Event) => Event | null;
afterAllSetup: (client: Client) => void;
afterAllSetup: (client: Client) => () => void;
};
import { Measurements } from '@sentry/types';
export type FrameVars = {

@@ -54,5 +55,5 @@ [key: string]: string;

tags?: Tags;
extra?: {
[key: string]: string | number;
};
extra?: Record<string, string | number>;
request?: Record<string, Record<string, string> | string>;
modules?: Record<string, string>;
sdk?: Sdk;

@@ -59,0 +60,0 @@ measurements?: Measurements;

import { Span } from '../types';
export declare function groupSpans(spans: Span[]): Span[];

@@ -1,3 +0,4 @@

import { SentryEvent } from '../../../integrations/sentry/types';
import { SentryEvent } from '../types';
import { WebVitals } from '../constants';
export declare function calculateCdfSigma(p10: number, p50: number): number;

@@ -4,0 +5,0 @@ export declare function calculateCdfScore(value: number, p10: number, p50: number): number;

@@ -1,2 +0,3 @@

import ViteInspect from './vite-inspect';
import { default as ViteInspect } from './vite-inspect';
export default function viteInspectIntegration(): {

@@ -3,0 +4,0 @@ name: string;

@@ -1,3 +0,4 @@

import React, { type ReactNode } from 'react';
import { type SpotlightContext } from '../integrations/integration';
import { default as React, ReactNode } from 'react';
import { SpotlightContext } from '../integrations/integration';
export declare const SpotlightContextProvider: React.FC<{

@@ -7,2 +8,8 @@ children: ReactNode;

}>;
export declare const useSpotlightContext: () => SpotlightContext;
export declare const useSpotlightContext: () => {
getSidecarUrl: (path?: string) => string;
open: (path: string | undefined) => void;
close: () => void;
experiments: import('../types').ExperimentsConfig;
sidecarUrl: string;
};

@@ -1,3 +0,4 @@

import React from 'react';
import ReactDOM from 'react-dom/client';
import { default as React } from 'react';
import { default as ReactDOM } from 'react-dom/client';
export { React, ReactDOM };

@@ -1,2 +0,3 @@

import type React from 'react';
import { default as React } from 'react';
export declare function connectToSidecar(sidecarUrl: string, contentTypeListeners: Record<string, (event: MessageEvent) => void>, setOnline: React.Dispatch<React.SetStateAction<boolean>>): () => void;

@@ -1,2 +0,3 @@

import type { Integration } from './integrations/integration';
import { Integration } from './integrations/integration';
export type ExperimentName = 'sentry:focus-local-events';

@@ -3,0 +4,0 @@ export type ExperimentsConfig = Record<ExperimentName, boolean>;

@@ -1,2 +0,3 @@

import { type ComponentProps } from 'react';
import { ComponentProps } from 'react';
export default function Badge(props: Omit<ComponentProps<'span'>, 'className'>): import("react/jsx-runtime").JSX.Element;

@@ -1,2 +0,1 @@

/// <reference types="react" />
export type RingChartProps = React.HTMLAttributes<SVGSVGElement> & {

@@ -3,0 +2,0 @@ backgroundColors: string[];

@@ -1,2 +0,3 @@

import { ComponentPropsWithoutRef, type ReactNode } from 'react';
import { ComponentPropsWithoutRef, ReactNode } from 'react';
export type SidePanelProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {

@@ -3,0 +4,0 @@ backto: string;

@@ -1,2 +0,3 @@

import { type ReactNode } from 'react';
import { ReactNode } from 'react';
export type TooltipProps = {

@@ -3,0 +4,0 @@ content: string | ReactNode;

{
"name": "@spotlightjs/overlay",
"description": "The overlay of Spotlight to add debug interface to your web app.",
"version": "2.6.0",
"version": "2.7.0",
"license": "Apache-2.0",

@@ -20,36 +20,36 @@ "type": "module",

"devDependencies": {
"@fontsource/raleway": "^5.0.8",
"@sentry/types": "^8.0.0-alpha.7",
"@sentry/utils": "^8.0.0-alpha.7",
"@fontsource/raleway": "^5.1.0",
"@sentry/types": "^8.33.1",
"@sentry/utils": "^8.33.1",
"@types/beautify": "^0.0.3",
"@types/react": "^18.2.37",
"@types/react-dom": "^18.2.15",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
"@vitejs/plugin-react": "^4.0.3",
"@types/react": "^18.3.11",
"@types/react-dom": "^18.3.0",
"@typescript-eslint/eslint-plugin": "^6.21.0",
"@typescript-eslint/parser": "^6.21.0",
"@vitejs/plugin-react": "^4.3.2",
"@vitest/coverage-v8": "^0.34.6",
"autoprefixer": "^10.4.15",
"autoprefixer": "^10.4.20",
"beautify": "^0.0.8",
"dayjs": "^1.11.9",
"eslint": "^8.45.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"happy-dom": "^15.7.4",
"magic-string": "^0.30.5",
"platformicons": "^5.8.3",
"postcss": "^8.4.28",
"react": "^18.2.0",
"dayjs": "^1.11.13",
"eslint": "^8.57.1",
"eslint-plugin-react-hooks": "^4.6.2",
"eslint-plugin-react-refresh": "^0.4.12",
"happy-dom": "^15.10.2",
"magic-string": "^0.30.11",
"platformicons": "^5.10.10",
"postcss": "^8.4.47",
"react": "^18.3.1",
"react-diff-viewer-continued": "^3.4.0",
"react-dom": "^18.2.0",
"react-dom": "^18.3.1",
"react-json-view": "^1.21.3",
"react-router-dom": "^6.18.0",
"react-router-dom": "^6.26.2",
"sql-formatter": "^12.2.4",
"tailwindcss": "^3.3.3",
"typescript": "^5.0.2",
"usehooks-ts": "^2.9.1",
"vite": "^4.5.3",
"vite-plugin-dts": "^3.5.2",
"vite-plugin-svgr": "^3.2.0",
"tailwindcss": "^3.4.13",
"typescript": "^5.6.2",
"usehooks-ts": "^2.16.0",
"vite": "^5.4.11",
"vite-plugin-dts": "^3.9.1",
"vite-plugin-svgr": "^3.3.0",
"vitest": "^0.34.6",
"@spotlightjs/sidecar": "1.8.0",
"@spotlightjs/sidecar": "1.9.0",
"@spotlightjs/tsconfig": "1.0.0"

@@ -56,0 +56,0 @@ },

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc