nuxt-error-tracker 0.1.15 → 0.1.17

package/dist/module.d.mts

@@ -5,6 +5,15 @@ interface ModuleOptions {
     enabled?: boolean;
     /** Wrap window.fetch to capture failed requests (network errors + 5xx). Default true. */
     captureFetch?: boolean;
+    /**
+     * On a failed request (HTTP >= 400 or a network error), attach full request/
+     * response detail (method, url, status, timing, headers, bodies) to the fetch
+     * breadcrumb's `data` for precise debugging. Sensitive headers (authorization/
+     * cookie/…) are redacted; bodies are truncated. Only failed requests carry
+     * detail — successful ones stay lightweight. Default true; set false to keep
+     * fetch breadcrumbs message-only (e.g. to avoid capturing request payloads).
+     */
+    captureFetchDetails?: boolean;
     /** Patch console.error to capture logged-but-not-thrown errors. Default true. */
     captureConsole?: boolean;
     /**

package/dist/module.d.ts

@@ -5,6 +5,15 @@ interface ModuleOptions {
     enabled?: boolean;
     /** Wrap window.fetch to capture failed requests (network errors + 5xx). Default true. */
     captureFetch?: boolean;
+    /**
+     * On a failed request (HTTP >= 400 or a network error), attach full request/
+     * response detail (method, url, status, timing, headers, bodies) to the fetch
+     * breadcrumb's `data` for precise debugging. Sensitive headers (authorization/
+     * cookie/…) are redacted; bodies are truncated. Only failed requests carry
+     * detail — successful ones stay lightweight. Default true; set false to keep
+     * fetch breadcrumbs message-only (e.g. to avoid capturing request payloads).
+     */
+    captureFetchDetails?: boolean;
     /** Patch console.error to capture logged-but-not-thrown errors. Default true. */
     captureConsole?: boolean;
     /**

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-error-tracker",
   "configKey": "errorTracker",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -15,6 +15,7 @@ const module = defineNuxtModule({
     appVersion: "unknown",
     enabled: true,
     captureFetch: true,
+    captureFetchDetails: true,
     captureConsole: true,
     captureInputs: false,
     flushDelay: 2e3,
@@ -30,6 +31,7 @@ const module = defineNuxtModule({
       publicKey: options.publicKey,
       appVersion: options.appVersion ?? "unknown",
       captureFetch: options.captureFetch !== false,
+      captureFetchDetails: options.captureFetchDetails !== false,
       captureConsole: options.captureConsole !== false,
       captureInputs: options.captureInputs === true,
       flushDelay: posInt(options.flushDelay, 2e3),

package/dist/runtime/plugin.client.js

@@ -116,7 +116,16 @@ export default defineNuxtPlugin((nuxtApp) => {
     (event) => capture(event.reason, "promise")
   );
   const formatDataAttrs = (el) => {
-    const dataset = el.dataset;
+    let node = el;
+    let dataset;
+    for (let depth = 0; node && depth < 5; depth++) {
+      const ds = node.dataset;
+      if (ds && Object.keys(ds).length > 0) {
+        dataset = ds;
+        break;
+      }
+      node = node.parentElement;
+    }
     if (!dataset) return "";
     return Object.entries(dataset).slice(0, 5).map(
       ([k, v]) => `data-${k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}=${(v ?? "").slice(0, 40)}`
@@ -190,18 +199,92 @@ export default defineNuxtPlugin((nuxtApp) => {
   });
   if (config.captureFetch && typeof window.fetch === "function") {
     const originalFetch = window.fetch.bind(window);
+    const REDACTED = "[redacted]";
+    const SENSITIVE_HEADER = /^(authorization|cookie|set-cookie|proxy-authorization|x-api-key|x-auth-token|x-csrf-token|x-xsrf-token)$/i;
+    const MAX_BODY = 2048;
+    const MAX_HEADER_VAL = 256;
+    const trunc = (s, max) => s.length > max ? `${s.slice(0, max)}\u2026[+${s.length - max}]` : s;
+    const headersToObj = (h) => {
+      const out = {};
+      if (!h) return out;
+      try {
+        const entries = h instanceof Headers ? [...h.entries()] : Array.isArray(h) ? h : Object.entries(h);
+        for (const [k, v] of entries) {
+          out[k] = SENSITIVE_HEADER.test(k) ? REDACTED : trunc(String(v), MAX_HEADER_VAL);
+        }
+      } catch {
+      }
+      return out;
+    };
+    const reqHeaders = (input, init) => {
+      const base = input instanceof Request ? headersToObj(input.headers) : {};
+      return { ...base, ...headersToObj(init?.headers) };
+    };
+    const readReqBody = async (input, init) => {
+      try {
+        const body = init?.body;
+        if (body != null) {
+          if (typeof body === "string") return trunc(body, MAX_BODY);
+          if (body instanceof URLSearchParams)
+            return trunc(body.toString(), MAX_BODY);
+          if (typeof FormData !== "undefined" && body instanceof FormData)
+            return "[FormData]";
+          if (typeof Blob !== "undefined" && body instanceof Blob)
+            return `[Blob ${body.size}b]`;
+          if (body instanceof ArrayBuffer)
+            return `[ArrayBuffer ${body.byteLength}b]`;
+          return "[stream]";
+        }
+        if (input instanceof Request) {
+          const t = await input.clone().text();
+          return t ? trunc(t, MAX_BODY) : void 0;
+        }
+      } catch {
+      }
+      return void 0;
+    };
+    const readResBody = async (res) => {
+      try {
+        const ct = res.headers.get("content-type") ?? "";
+        if (!/json|text|xml|form-urlencoded/i.test(ct))
+          return `[${ct || "binary"}]`;
+        const len = Number(res.headers.get("content-length") ?? 0);
+        if (len > MAX_BODY * 8) return `[too large ${len}b]`;
+        const t = await res.clone().text();
+        return t ? trunc(t, MAX_BODY) : void 0;
+      } catch {
+      }
+      return void 0;
+    };
     window.fetch = async (input, init) => {
       const method = (init?.method ?? (input instanceof Request ? input.method : "GET")).toUpperCase();
       const reqUrl = input instanceof Request ? input.url : String(input);
       const isOwn = reqUrl.startsWith(config.endpoint);
+      const startedAt = Date.now();
       try {
         const res = await originalFetch(input, init);
         if (!isOwn) {
+          const failed = res.status >= 400;
+          let data;
+          if (failed && config.captureFetchDetails) {
+            data = {
+              method,
+              url: reqUrl,
+              status: res.status,
+              statusText: res.statusText,
+              durationMs: Date.now() - startedAt,
+              requestHeaders: reqHeaders(input, init),
+              requestBody: await readReqBody(input, init),
+              responseHeaders: headersToObj(res.headers),
+              responseBody: await readResBody(res)
+            };
+          }
           addCrumb({
             type: "fetch",
             category: "http",
-            level: res.status >= 400 ? "error" : "info",
-            message: `${method} ${reqUrl} \u2192 ${res.status}`
+            level: failed ? "error" : "info",
+            message: `${method} ${reqUrl} \u2192 ${res.status}`,
+            data
           });
           if (res.status >= 500) {
             capture(
@@ -218,7 +301,15 @@ export default defineNuxtPlugin((nuxtApp) => {
             type: "fetch",
             category: "http",
             level: "error",
-            message: `${method} ${reqUrl} \u2192 failed: ${reason}`
+            message: `${method} ${reqUrl} \u2192 failed: ${reason}`,
+            data: config.captureFetchDetails ? {
+              method,
+              url: reqUrl,
+              error: reason,
+              durationMs: Date.now() - startedAt,
+              requestHeaders: reqHeaders(input, init),
+              requestBody: await readReqBody(input, init)
+            } : void 0
           });
           capture(
             new Error(`Fetch failed ${method} ${reqUrl}: ${reason}`),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-error-tracker",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "type": "module",
   "exports": {
     ".": {