@reticlehq/vite-plugin 3.9.0 → 3.10.1

package/dist/index.cjs

@@ -6019,6 +6019,16 @@ var EventType = {
   DOM_TEXT: "dom.text",
   NET_REQUEST: "net.request",
   NET_PENDING: "net.pending",
+  /**
+   * A fetch or XHR that the browser recorded in resource timing, and that no patched transport saw.
+   *
+   * The app sent it through a `fetch` reference it saved before Reticle patched `fetch`. It is NOT a
+   * `net.request`: it has no method, and its status is only a hint (0 cross-origin without
+   * `Timing-Allow-Origin`). A second record for one call would also raise a false duplicate. It
+   * exists so a `net` miss over its URL reads `unknown`, not `no`.
+   * `data: { url, urlRaw?, initiator, status? }`.
+   */
+  NET_UNPATCHED: "net.unpatched",
   /** An SSE (EventSource) or WebSocket frame — a message on a long-lived streaming connection. */
   NET_STREAM: "net.stream",
   /** A web-perf metric a screenshot can't verify: LCP, cumulative layout shift, or a long task. */
@@ -6347,6 +6357,7 @@ var RING_BUFFER_DEFAULTS = {
   MAX_BYTES: TRANSPORT_LIMITS.MAX_BUFFER_BYTES
 };
 var RETICLE_RENDER_PREHOOK = "__reticleRenderPreHook";
+var RETICLE_EARLY_CAPTURE = "__reticleEarlyCapture";
 var CONSOLE_LEVEL_PREFIX = "console.";
 var CONSOLE_LEVELS = [
   EventType.CONSOLE_LOG,
@@ -6355,6 +6366,9 @@ var CONSOLE_LEVELS = [
   EventType.CONSOLE_INFO
 ].map((type) => type.slice(CONSOLE_LEVEL_PREFIX.length));
 
+// ../../../core/dist/wire/constants/console-event.js
+var RETICLE_PRE_ATTACH_ERRORS = "__reticlePreAttach";
+
 // ../../../core/dist/identity/source-constants.js
 var DATA_RETICLE_SOURCE_ATTR = "data-reticle-source";
 var RETICLE_ROOT_GLOBAL = "__RETICLE_ROOT__";
@@ -7260,6 +7274,27 @@ function isVitestBrowserServer(config2) {
   return true === browser.enabled;
 }
 
+// src/pre-attach-errors.ts
+var PRE_ATTACH_ERRORS_LIMIT = 50;
+var PRE_ATTACH_ERRORS_SOURCE = `(function(){try{
+var P='${RETICLE_PRE_ATTACH_ERRORS}',D='${RETICLE_EARLY_CAPTURE}',g=globalThis;
+if(g[P]!==undefined||g[D]!==undefined||typeof g.addEventListener!=='function')return;
+var B={open:true},q=[],n=0;
+g[P]=B;
+var keep=function(item){if(!B.open)return;if(q.length<${String(PRE_ATTACH_ERRORS_LIMIT)}){q.push(item);}else{n++;}};
+var onEvent=function(e){keep({event:e});};
+g.addEventListener('error',onEvent,true);
+g.addEventListener('unhandledrejection',onEvent,true);
+var c=g.console,ne=c&&c.error;
+if(typeof ne==='function'){c.error=function(){keep({args:Array.prototype.slice.call(arguments)});return ne.apply(this,arguments);};}
+B.drain=function(onError,onRejection,onConsole,dropped){
+if(!B.open)return;
+var kept=q,i,it;B.open=false;q=[];
+g.removeEventListener('error',onEvent,true);g.removeEventListener('unhandledrejection',onEvent,true);
+for(i=0;i<kept.length;i++){it=kept[i];try{dropped(i===0?n:0);
+if(it.args){onConsole('error',it.args);}else if(it.event.type==='unhandledrejection'){onRejection(it.event);}else{onError(it.event);}}catch(e){}}};
+}catch(e){}})();`;
+
 // src/index.ts
 var RETICLE_PACKAGE2 = "@reticlehq/react";
 var RETICLE_SENSOR = "@reticlehq/browser";
@@ -7637,6 +7672,10 @@ ${code}`;
       if (!inject || desktop) return [];
       if (true !== options.inject && vitestBrowser) return [];
       return [
+        // Classic and inline for the same reason as the render pre-hook below, and first: it has to
+        // be listening before anything else on the page can load, fail or throw. See
+        // PRE_ATTACH_ERRORS_SOURCE.
+        { tag: "script", children: PRE_ATTACH_ERRORS_SOURCE, injectTo: "head-prepend" },
         // A CLASSIC inline script in <head>, and it has to be both.
         //
         // React reads `__REACT_DEVTOOLS_GLOBAL_HOOK__` when its renderer injects — which happens as

package/dist/index.js

@@ -49,6 +49,7 @@ export const RETICLE_CONNECT_MODULE = '/@reticle-connect';
  */
 import { mergeIgnored } from './watch-ignore.js';
 import { isVitestBrowserServer } from './vitest-browser.js';
+import { PRE_ATTACH_ERRORS_SOURCE } from './pre-attach-errors.js';
 export function connectModuleUrl(base) {
     if (undefined === base || !base.startsWith('/'))
         return RETICLE_CONNECT_MODULE;
@@ -657,6 +658,10 @@ export function reticle(options = {}) {
             if (true !== options.inject && vitestBrowser)
                 return [];
             return [
+                // Classic and inline for the same reason as the render pre-hook below, and first: it has to
+                // be listening before anything else on the page can load, fail or throw. See
+                // PRE_ATTACH_ERRORS_SOURCE.
+                { tag: 'script', children: PRE_ATTACH_ERRORS_SOURCE, injectTo: 'head-prepend' },
                 // A CLASSIC inline script in <head>, and it has to be both.
                 //
                 // React reads `__REACT_DEVTOOLS_GLOBAL_HOOK__` when its renderer injects — which happens as

package/dist/pre-attach-errors.d.ts

@@ -0,0 +1,26 @@
+/** How many errors the pre-attach buffer keeps. The first ones name the cause; later ones are counted. */
+export declare const PRE_ATTACH_ERRORS_LIMIT = 50;
+/**
+ * The pre-attach error buffer, as source for an inline <head> script (#1540).
+ *
+ * The SDK installs its console observer in `connect()`, and the connect module runs after the app's
+ * entry module. So an entry module that 404s, is served as HTML or throws, a rejection, or a
+ * `console.error` during start-up all happened while nothing was listening: the agent saw an empty
+ * page and an empty console, and could not tell a blank page from an app that crashed on load.
+ *
+ * This runs during parse, before any module. It keeps the raw `error` events (capture phase, because
+ * a failed `<script>` dispatches on the element and does not bubble), the unhandled rejections and
+ * the `console.error` arguments. When the SDK's console observer installs, it calls
+ * `drain(onError, onRejection, onConsole, dropped)` once. The buffer stops keeping and removes its
+ * listeners, then hands each entry to the SDK's own handler. Before each one it calls `dropped`:
+ * with the count of the entries it did not keep before the first, and with 0 after that. The SDK
+ * marks what it gets during this call as pre-attach itself. The handling code lives here and not
+ * in the SDK, so a page pays nothing for it in the SDK bundle.
+ * The `console.error` wrapper stays in the chain after that and only calls through.
+ *
+ * It does not install on a page Reticle drives: that page already has the pool's early capture
+ * (RETICLE_EARLY_CAPTURE), which hands the same errors to the SDK.
+ *
+ * The same rules as the render pre-hook: dependency-free ES5 in a try/catch.
+ */
+export declare const PRE_ATTACH_ERRORS_SOURCE: string;

package/dist/pre-attach-errors.js

@@ -0,0 +1,44 @@
+import { RETICLE_EARLY_CAPTURE, RETICLE_PRE_ATTACH_ERRORS } from '@reticlehq/core';
+/** How many errors the pre-attach buffer keeps. The first ones name the cause; later ones are counted. */
+export const PRE_ATTACH_ERRORS_LIMIT = 50;
+/**
+ * The pre-attach error buffer, as source for an inline <head> script (#1540).
+ *
+ * The SDK installs its console observer in `connect()`, and the connect module runs after the app's
+ * entry module. So an entry module that 404s, is served as HTML or throws, a rejection, or a
+ * `console.error` during start-up all happened while nothing was listening: the agent saw an empty
+ * page and an empty console, and could not tell a blank page from an app that crashed on load.
+ *
+ * This runs during parse, before any module. It keeps the raw `error` events (capture phase, because
+ * a failed `<script>` dispatches on the element and does not bubble), the unhandled rejections and
+ * the `console.error` arguments. When the SDK's console observer installs, it calls
+ * `drain(onError, onRejection, onConsole, dropped)` once. The buffer stops keeping and removes its
+ * listeners, then hands each entry to the SDK's own handler. Before each one it calls `dropped`:
+ * with the count of the entries it did not keep before the first, and with 0 after that. The SDK
+ * marks what it gets during this call as pre-attach itself. The handling code lives here and not
+ * in the SDK, so a page pays nothing for it in the SDK bundle.
+ * The `console.error` wrapper stays in the chain after that and only calls through.
+ *
+ * It does not install on a page Reticle drives: that page already has the pool's early capture
+ * (RETICLE_EARLY_CAPTURE), which hands the same errors to the SDK.
+ *
+ * The same rules as the render pre-hook: dependency-free ES5 in a try/catch.
+ */
+export const PRE_ATTACH_ERRORS_SOURCE = `(function(){try{
+var P='${RETICLE_PRE_ATTACH_ERRORS}',D='${RETICLE_EARLY_CAPTURE}',g=globalThis;
+if(g[P]!==undefined||g[D]!==undefined||typeof g.addEventListener!=='function')return;
+var B={open:true},q=[],n=0;
+g[P]=B;
+var keep=function(item){if(!B.open)return;if(q.length<${String(PRE_ATTACH_ERRORS_LIMIT)}){q.push(item);}else{n++;}};
+var onEvent=function(e){keep({event:e});};
+g.addEventListener('error',onEvent,true);
+g.addEventListener('unhandledrejection',onEvent,true);
+var c=g.console,ne=c&&c.error;
+if(typeof ne==='function'){c.error=function(){keep({args:Array.prototype.slice.call(arguments)});return ne.apply(this,arguments);};}
+B.drain=function(onError,onRejection,onConsole,dropped){
+if(!B.open)return;
+var kept=q,i,it;B.open=false;q=[];
+g.removeEventListener('error',onEvent,true);g.removeEventListener('unhandledrejection',onEvent,true);
+for(i=0;i<kept.length;i++){it=kept[i];try{dropped(i===0?n:0);
+if(it.args){onConsole('error',it.args);}else if(it.event.type==='unhandledrejection'){onRejection(it.event);}else{onError(it.event);}}catch(e){}}};
+}catch(e){}})();`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reticlehq/vite-plugin",
-  "version": "3.9.0",
+  "version": "3.10.1",
   "description": "Vite plugin for Reticle: dev-only source-map stamping plus auto-injected reticle.connect(). apply:'serve' guarantees it never ships to production.",
   "type": "module",
   "license": "Apache-2.0",
@@ -41,15 +41,15 @@
   ],
   "dependencies": {
     "@babel/core": "^7.26.0",
-    "@reticlehq/babel-plugin": "3.9.0",
-    "@reticlehq/core": "3.9.0"
+    "@reticlehq/babel-plugin": "3.10.1",
+    "@reticlehq/core": "3.10.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
     "esbuild": "^0.28.2",
-    "svelte": "^5.57.1",
+    "svelte": "^5.57.3",
     "vite": "^8",
-    "@reticlehq/react": "3.9.0"
+    "@reticlehq/react": "3.10.1"
   },
   "peerDependencies": {
     "vite": ">=4"