@spotlightjs/spotlight 3.0.1 → 4.0.0

package/dist/overlay/manifest.json

@@ -1,8 +1,18 @@
 {
+  "../overlay/dist/index-BfFEknL3.js": {
+    "file": "assets/index-BfFEknL3.js",
+    "name": "index-BfFEknL3",
+    "src": "../overlay/dist/index-BfFEknL3.js",
+    "isDynamicEntry": true
+  },
   "src/index.html": {
     "file": "assets/main.js",
     "name": "main",
     "src": "src/index.html",
-    "isEntry": true
+    "isEntry": true,
+    "dynamicImports": [
+      "../overlay/dist/index-BfFEknL3.js",
+      "../overlay/dist/index-BfFEknL3.js"
+    ]
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotlightjs/spotlight",
   "description": "Spotlight - Sentry for development. Containing the overlay and the sidecar.",
-  "version": "3.0.1",
+  "version": "4.0.0",
   "license": "Apache-2.0",
   "type": "module",
   "files": [
@@ -24,21 +24,16 @@
       "types": "./dist/sidecar.d.ts",
       "import": "./dist/sidecar.js",
       "require": "./dist/sidecar.cjs"
-    },
-    "./vite-plugin": {
-      "types": "./dist/vite-plugin.d.ts",
-      "import": "./dist/vite-plugin.js",
-      "require": "./dist/vite-plugin.cjs"
     }
   },
   "dependencies": {
-    "@sentry/node": "^8.49.0",
+    "@sentry/node": "^10",
     "import-meta-resolve": "^4.1.0",
-    "@spotlightjs/overlay": "3.1.0",
-    "@spotlightjs/sidecar": "1.11.4"
+    "@spotlightjs/overlay": "4.0.0",
+    "@spotlightjs/sidecar": "2.0.0"
   },
   "devDependencies": {
-    "@types/node": "^18.19.55",
+    "@types/node": "^22.15.21",
     "fossilize": "^0.4.2",
     "typescript": "^5.6.2",
     "vite": "^5.4.19",

package/dist/vite-plugin.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("node:crypto"),S=require("import-meta-resolve"),v=require("@spotlightjs/sidecar");var a=typeof document<"u"?document.currentScript:null;const y="@spotlightjs/spotlight",O=7;function c({server:t,module:r=y}={}){const e=S.resolve(r,typeof document>"u"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("vite-plugin.cjs",document.baseURI).href).slice(O).split("?",1)[0];return t&&t.config.server.fs.allow.push(e),e}const _=new Set(["importPath","integrationNames","port"]);function m(t){const r=Object.fromEntries(Object.entries(t).filter(([i])=>!i.startsWith("_")&&!_.has(i)));let e=JSON.stringify({...r,showTriggerButton:t.showTriggerButton!==!1,injectImmediately:t.injectImmediately!==!1});const n=JSON.stringify({openLastError:!0});return e=`{integrations: [${(t.integrationNames||["sentry"]).map(i=>`Spotlight.${i}(${n})`).join(", ")}], ${e.slice(1)}`,[`import * as Spotlight from ${JSON.stringify(`/@fs${t.importPath||c()}`)};`,`Spotlight.init(${e});`,"window.createErrorOverlay=function createErrorOverlay(err) { Spotlight.openSpotlight(); };"].join(`
-`)}async function w(t,r="http://localhost:8969/stream"){var u;if(!t.errors){console.log(t);return}const e=t.errors[0],n=(u=t.pluginCode)==null?void 0:u.split(`
-`),o=e.location.lineText,i=n==null?void 0:n.indexOf(o),s=h.randomBytes(16).toString("hex"),l=new Date,d=new URL(r);let p=r;d.pathname.endsWith("/stream")||(p=new URL("/stream",r).href);const f=[{event_id:s,sent_at:l.toISOString()},{type:"event"},{event_id:s,level:"error",platform:"javascript",environment:"development",tags:{runtime:"vite"},timestamp:l.getTime(),exception:{values:[{type:"Error",mechanism:{type:"instrument",handled:!1},value:e.text,stacktrace:{frames:[e?{filename:e.location.file,lineno:e.location.line,colno:e.location.column,context_line:o,pre_context:n==null?void 0:n.slice(0,i),post_context:i!=null&&i>-1?n==null?void 0:n.slice(i+1):void 0}:{filename:t.id}]}}]}}].map(g=>JSON.stringify(g)).join(`
-`);return await fetch(p,{method:"POST",body:f,headers:{"Content-Type":"application/x-sentry-envelope"}})}function T(t={}){let r;return{name:"spotlight",apply:"serve",transform(e,n){if(n.endsWith("vite/dist/client/client.mjs"))return`${m({...t,importPath:r})}${e}`},configureServer(e){return v.setupSidecar({port:t.port}),r=c({server:e}),()=>e.middlewares.use(async function(o,i,s,l){if(await w(o,t.sidecarUrl),s.headersSent)return l(o)})}}}exports.buildClientInit=m;exports.default=T;exports.getSpotlightClientModulePath=c;

package/dist/vite-plugin.d.ts

@@ -1,19 +0,0 @@
-import type { SpotlightOverlayOptions } from "@spotlightjs/overlay";
-import type { PluginOption, ViteDevServer } from "vite";
-export declare function getSpotlightClientModulePath({ server, module, }?: {
-    server?: ViteDevServer;
-    module?: string;
-}): string;
-export type SpotlightIntegration = "sentry" | "viteInspect";
-export type SpotlightInitOptions = {
-    importPath?: string;
-    integrationNames?: SpotlightIntegration[];
-    port?: number;
-    /**
-     * Additional debug options.
-     * WARNING: These options are not part of the public API and may change at any time.
-     */
-    __debugOptions?: Record<string, unknown>;
-} & SpotlightOverlayOptions;
-export declare function buildClientInit(options: SpotlightInitOptions): string;
-export default function spotlight(options?: SpotlightInitOptions): PluginOption;

package/dist/vite-plugin.js

@@ -1,106 +0,0 @@
-import { randomBytes as g } from "node:crypto";
-import { resolve as u } from "import-meta-resolve";
-import { setupSidecar as d } from "@spotlightjs/sidecar";
-const S = "@spotlightjs/spotlight", v = 7;
-function p({
-  server: t,
-  module: r = S
-} = {}) {
-  const e = u(r, import.meta.url).slice(v).split("?", 1)[0];
-  return t && t.config.server.fs.allow.push(e), e;
-}
-const y = /* @__PURE__ */ new Set(["importPath", "integrationNames", "port"]);
-function O(t) {
-  const r = Object.fromEntries(
-    Object.entries(t).filter(([i]) => !i.startsWith("_") && !y.has(i))
-  );
-  let e = JSON.stringify({
-    ...r,
-    showTriggerButton: t.showTriggerButton !== !1,
-    injectImmediately: t.injectImmediately !== !1
-  });
-  const n = JSON.stringify({ openLastError: !0 });
-  return e = `{integrations: [${(t.integrationNames || ["sentry"]).map((i) => `Spotlight.${i}(${n})`).join(", ")}], ${e.slice(1)}`, [
-    `import * as Spotlight from ${JSON.stringify(`/@fs${t.importPath || p()}`)};`,
-    `Spotlight.init(${e});`,
-    "window.createErrorOverlay=function createErrorOverlay(err) { Spotlight.openSpotlight(); };"
-  ].join(`
-`);
-}
-async function w(t, r = "http://localhost:8969/stream") {
-  var c;
-  if (!t.errors) {
-    console.log(t);
-    return;
-  }
-  const e = t.errors[0], n = (c = t.pluginCode) == null ? void 0 : c.split(`
-`), o = e.location.lineText, i = n == null ? void 0 : n.indexOf(o), s = g(16).toString("hex"), a = /* @__PURE__ */ new Date(), m = new URL(r);
-  let l = r;
-  m.pathname.endsWith("/stream") || (l = new URL("/stream", r).href);
-  const f = [
-    { event_id: s, sent_at: a.toISOString() },
-    { type: "event" },
-    {
-      event_id: s,
-      level: "error",
-      platform: "javascript",
-      environment: "development",
-      tags: { runtime: "vite" },
-      timestamp: a.getTime(),
-      exception: {
-        values: [
-          {
-            type: "Error",
-            mechanism: {
-              type: "instrument",
-              handled: !1
-            },
-            value: e.text,
-            stacktrace: {
-              frames: [
-                e ? {
-                  filename: e.location.file,
-                  lineno: e.location.line,
-                  colno: e.location.column,
-                  context_line: o,
-                  pre_context: n == null ? void 0 : n.slice(0, i),
-                  post_context: i != null && i > -1 ? n == null ? void 0 : n.slice(i + 1) : void 0
-                } : {
-                  filename: t.id
-                }
-              ]
-            }
-          }
-        ]
-      }
-    }
-  ].map((h) => JSON.stringify(h)).join(`
-`);
-  return await fetch(l, {
-    method: "POST",
-    body: f,
-    headers: { "Content-Type": "application/x-sentry-envelope" }
-  });
-}
-function _(t = {}) {
-  let r;
-  return {
-    name: "spotlight",
-    apply: "serve",
-    transform(e, n) {
-      if (n.endsWith("vite/dist/client/client.mjs"))
-        return `${O({ ...t, importPath: r })}${e}`;
-    },
-    configureServer(e) {
-      return d({ port: t.port }), r = p({ server: e }), () => e.middlewares.use(async function(o, i, s, a) {
-        if (await w(o, t.sidecarUrl), s.headersSent)
-          return a(o);
-      });
-    }
-  };
-}
-export {
-  O as buildClientInit,
-  _ as default,
-  p as getSpotlightClientModulePath
-};