@spotlightjs/overlay
Advanced tools
Comparing version 2.6.0 to 2.7.0
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
8086522
3
112
36579