@spotlightjs/overlay 2.4.0-next.4 → 2.5.0

package/dist/sentry-spotlight.js

@@ -1,15 +1,15 @@
-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-019c1b35.js";
+import { C as t, D as o, a as e, b as n, R as i, d as E, h as r, m as p, n as l, l as S, o as D, e as R, i as T, j as g, k as h, f as N, s as _, p as c, t as v, v as A } from "./index-4373983e.js";
 window.Spotlight && Spotlight.init();
 export {
-  o as CONTEXT_LINES_ENDPOINT,
-  t as DEFAULT_ANCHOR,
+  t as CONTEXT_LINES_ENDPOINT,
+  o as DEFAULT_ANCHOR,
   e as DEFAULT_EXPERIMENTS,
   n as DEFAULT_SIDECAR_URL,
   i as React,
   E as ReactDOM,
   r as closeSpotlight,
-  l as console,
-  p as hydrationError,
+  p as console,
+  l as hydrationError,
   S as init,
   D as off,
   R as on,
@@ -17,8 +17,9 @@ export {
   g as onOpen,
   h as onSevereEvent,
   N as openSpotlight,
-  _ as sentry,
-  c as trigger,
+  _ as sendEvent,
+  c as sentry,
+  v as trigger,
   A as viteInspect
 };
 //# sourceMappingURL=sentry-spotlight.js.map

package/dist/sidecar.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare function connectToSidecar(sidecarUrl: string, contentTypeListeners: Record<string, (event: MessageEvent) => void>, setOnline: React.Dispatch<React.SetStateAction<boolean>>): () => void;

package/dist/{src/types.d.ts → types.d.ts}

@@ -1,4 +1,4 @@
-import { type Integration } from './integrations/integration';
+import type { Integration } from './integrations/integration';
 export type ExperimentName = 'sentry:focus-local-events';
 export type ExperimentsConfig = Record<ExperimentName, boolean>;
 export type AnchorConfig = 'bottomRight' | 'bottomLeft' | 'centerRight' | 'centerLeft' | 'topLeft' | 'topRight';
@@ -73,7 +73,7 @@ export type SpotlightOverlayOptions = {
     /**
      * If set to `true`, the Spotlight overlay will be rendered in full page mode.
      * It can't be closed nor minimized.
-     * This is useful for replaceing error page or in when directly rendered as an html page
+     * This is useful for replacing error page or in when directly rendered as an html page
      */
     fullPage?: boolean;
     /**
@@ -84,12 +84,11 @@ export type SpotlightOverlayOptions = {
      */
     showClearEventsButton?: boolean;
     /**
-     * If set to `true`, the Spotlight overlay will not connect to the sidecar.
-     * This is useful if you want to add data manually to Spotlight.
+     * Events to be sent into Spotlight (bypassing the sidecar) right after init
      *
-     * @default false
+     * This is useful when replacing error pages of frameworks etc. Implies "injectImmediately".
      */
-    skipSidecar?: boolean;
+    initialEvents?: Record<string, (string | Uint8Array)[]>;
 };
 export type NotificationCount = {
     /**
@@ -105,5 +104,6 @@ export type NotificationCount = {
 export type WindowWithSpotlight = Window & {
     __spotlight?: {
         eventTarget?: EventTarget;
+        initOptions?: SpotlightOverlayOptions;
     };
 };

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.4.0-next.4",
+  "version": "2.5.0",
   "license": "Apache-2.0",
   "type": "module",
   "files": [
@@ -51,7 +51,7 @@
     "@types/beautify": "^0.0.3",
     "react-json-view": "^1.21.3",
     "@spotlightjs/tsconfig": "1.0.0",
-    "@spotlightjs/sidecar": "1.7.0"
+    "@spotlightjs/sidecar": "1.8.0"
   },
   "volta": {
     "extends": "../../package.json"