@botim/mp-debug-sdk 0.4.1 → 0.5.2

package/dist/index.cjs

@@ -272,7 +272,7 @@ function resolveAgainstEndpoint(url, base) {
 function detectDeviceInfo(app, override) {
   const ua = typeof navigator !== "undefined" ? navigator.userAgent : void 0;
   return {
-    deviceId: override?.deviceId ?? generateDeviceId(),
+    deviceId: override?.deviceId ?? loadOrCreateDeviceId(),
     platform: override?.platform ?? detectPlatform(ua),
     osVersion: override?.osVersion,
     appName: override?.appName ?? app.name,
@@ -288,6 +288,21 @@ function detectPlatform(ua) {
   if (/Mozilla|Chrome|Safari|Firefox/i.test(ua)) return "web";
   return "unknown";
 }
+var DEVICE_ID_STORAGE_KEY = "botim-debug-sdk:device-id";
+function loadOrCreateDeviceId() {
+  try {
+    const ls = typeof localStorage !== "undefined" ? localStorage : null;
+    if (ls) {
+      const stored = ls.getItem(DEVICE_ID_STORAGE_KEY);
+      if (stored && stored.length > 0) return stored;
+      const fresh = generateDeviceId();
+      ls.setItem(DEVICE_ID_STORAGE_KEY, fresh);
+      return fresh;
+    }
+  } catch {
+  }
+  return generateDeviceId();
+}
 function generateDeviceId() {
   const c = typeof crypto !== "undefined" ? crypto : void 0;
   if (c?.randomUUID) return c.randomUUID();
@@ -562,6 +577,11 @@ function wrapFetch(opts) {
         method,
         url,
         status: res.status,
+        // statusText carries the human label ("OK", "Not Found"). Pre-HTTP/2
+        // responses always have it; HTTP/2+ defines it as empty by spec but
+        // most browsers synthesize one from the code, so this is reliable
+        // enough to display alongside the status code.
+        statusText: res.statusText || void 0,
         durationMs: Date.now() - start,
         resHeaders: headersFromResponse(res),
         resBody
@@ -575,7 +595,14 @@ function wrapFetch(opts) {
         url,
         durationMs: Date.now() - start,
         errorMessage: err instanceof Error ? err.message : String(err),
-        errorName: err instanceof Error ? err.name : void 0
+        errorName: err instanceof Error ? err.name : void 0,
+        // Stack from the rejected promise — points into fetch internals
+        // and (when present) the call site that issued the request.
+        errorStack: err instanceof Error ? err.stack : void 0,
+        // undici frequently wraps the real reason in `cause` (e.g.
+        // `TypeError: fetch failed` outside, `Error: ECONNREFUSED` inside).
+        // Flatten the chain so operators don't have to dig.
+        errorCause: collectCauseChain(err)
       });
       throw err;
     }
@@ -584,6 +611,24 @@ function wrapFetch(opts) {
     target.fetch = original;
   };
 }
+function collectCauseChain(err) {
+  if (!err || typeof err !== "object") return void 0;
+  const lines = [];
+  let cur = err.cause;
+  const seen = /* @__PURE__ */ new Set();
+  while (cur && lines.length < 5) {
+    if (seen.has(cur)) break;
+    seen.add(cur);
+    if (cur instanceof Error) {
+      lines.push(`${cur.name}: ${cur.message}`);
+      cur = cur.cause;
+    } else {
+      lines.push(String(cur));
+      cur = cur?.cause;
+    }
+  }
+  return lines.length ? lines.join("\n") : void 0;
+}
 function wrapXHR(opts) {
   if (typeof XMLHttpRequest === "undefined") return () => {
   };
@@ -619,6 +664,7 @@ function wrapXHR(opts) {
     }
     s.start = Date.now();
     s.reqBody = typeof body === "string" ? body : void 0;
+    const sendSiteStack = captureCallSiteStack();
     opts.emit({
       phase: "request",
       reqId: s.reqId,
@@ -636,25 +682,32 @@ function wrapXHR(opts) {
         method: s.method,
         url: s.url,
         status: this.status,
+        // XHR exposes statusText directly; same display purpose as fetch.
+        statusText: this.statusText || void 0,
         durationMs: Date.now() - s.start,
         resHeaders: headers,
         resBody
       });
     };
-    const onError = () => {
+    const onError = (kind) => () => {
       opts.emit({
         phase: "error",
         reqId: s.reqId,
         method: s.method,
         url: s.url,
         durationMs: Date.now() - s.start,
-        errorMessage: this.statusText || "xhr error"
+        // Distinguish error/timeout/abort in the message — the standard
+        // XHR `statusText` is empty for `error` and unhelpful for the
+        // others, so we synthesise a clear label.
+        errorMessage: this.statusText || `xhr ${kind}`,
+        errorName: `XHR${kind[0].toUpperCase()}${kind.slice(1)}`,
+        errorStack: sendSiteStack
       });
     };
     this.addEventListener("load", onLoad);
-    this.addEventListener("error", onError);
-    this.addEventListener("timeout", onError);
-    this.addEventListener("abort", onError);
+    this.addEventListener("error", onError("error"));
+    this.addEventListener("timeout", onError("timeout"));
+    this.addEventListener("abort", onError("abort"));
     return origSend.apply(this, [body]);
   };
   return () => {
@@ -663,6 +716,15 @@ function wrapXHR(opts) {
     proto.setRequestHeader = origSetReqHeader;
   };
 }
+function captureCallSiteStack() {
+  try {
+    throw new Error("xhr-callsite");
+  } catch (err) {
+    if (!(err instanceof Error) || !err.stack) return void 0;
+    const lines = err.stack.split("\n");
+    return lines.slice(2).join("\n") || void 0;
+  }
+}
 function parseXhrHeaders(raw) {
   const out = {};
   if (!raw) return out;