sentry-miniapp 1.3.0 → 1.4.0

package/dist/sentry-miniapp.esm.js

@@ -4936,7 +4936,7 @@ function addBreadcrumb(breadcrumb, hint) {
   }
   isolationScope.addBreadcrumb(finalBreadcrumb, maxBreadcrumbs);
 }
-const SDK_VERSION = "1.3.0";
+const SDK_VERSION = "1.3.1";
 const SDK_NAME = "sentry.javascript.miniapp";
 const getSDK = () => {
   let currentSdk = {
@@ -5138,15 +5138,16 @@ function createMiniappTransport(options) {
   }
   return createTransport(options, makeRequest);
 }
-const MAX_OFFLINE_CACHE_SIZE = 30;
+const DEFAULT_OFFLINE_CACHE_SIZE = 30;
 const OFFLINE_STORE_KEY = "sentry_offline_store";
-function createMiniappOfflineStore(_options) {
+function createMiniappOfflineStore(options) {
+  const maxCacheSize = options.offlineCacheLimit || DEFAULT_OFFLINE_CACHE_SIZE;
   return {
     push: (env) => __async(null, null, function* () {
       try {
         const store = getStore();
         store.push(env);
-        if (store.length > MAX_OFFLINE_CACHE_SIZE) {
+        if (store.length > maxCacheSize) {
           store.shift();
         }
         setStore(store);
@@ -5158,7 +5159,7 @@ function createMiniappOfflineStore(_options) {
       try {
         const store = getStore();
         store.unshift(env);
-        if (store.length > MAX_OFFLINE_CACHE_SIZE) {
+        if (store.length > maxCacheSize) {
           store.pop();
         }
         setStore(store);
@@ -5223,6 +5224,7 @@ class MiniappClient extends Client {
         }));
         if (options.enableOfflineCache !== false) {
           return makeOfflineTransport(() => baseTransport)(__spreadProps(__spreadValues({}, transportOptions), {
+            offlineCacheLimit: options.offlineCacheLimit,
             createStore: createMiniappOfflineStore,
             flushAtStartup: true
             // 启动时自动重试发送
@@ -5317,29 +5319,14 @@ class MiniappClient extends Client {
     }
   }
   /**
-   * Show a report dialog to the user to send feedback to a specific event.
-   * 向用户显示报告对话框以将反馈发送到特定事件。
-   * 注意：小程序环境使用模态对话框模拟此功能
-   *
-   * @param options Set individual options for the dialog
-   */
-  showReportDialog(options = {}) {
-    const showModal = sdk().showModal;
-    if (showModal) {
-      showModal({
-        title: options.title || "错误反馈",
-        content: options.subtitle || "应用遇到了一个错误，是否要发送错误报告？",
-        confirmText: "发送",
-        cancelText: "取消",
-        success: (res) => {
-          if (res.confirm && options.onLoad) {
-            options.onLoad();
-          }
-        }
-      });
-    } else {
-      console.warn("sentry-miniapp: showModal is not available in current miniapp platform", options);
-    }
+   * @deprecated Miniapp environment does not support Sentry's default HTML report dialog.
+   * Please implement your own UI form to collect user feedback (name, email, comments)
+   * and use `Sentry.captureFeedback()` to submit it to Sentry.
+   */
+  showReportDialog(_options = {}) {
+    console.warn(
+      "[sentry-miniapp] showReportDialog is deprecated and does nothing. Please build your own UI and use `Sentry.captureFeedback()` instead."
+    );
   }
   /**
    * Capture feedback using the new feedback API.
@@ -5553,13 +5540,13 @@ const _TryCatch = class _TryCatch {
   setupOnce() {
     const global2 = globalThis;
     if (global2.setTimeout) {
-      fill(global2, "setTimeout", this._wrapTimeFunction.bind(this));
+      fill$1(global2, "setTimeout", this._wrapTimeFunction.bind(this));
     }
     if (global2.setInterval) {
-      fill(global2, "setInterval", this._wrapTimeFunction.bind(this));
+      fill$1(global2, "setInterval", this._wrapTimeFunction.bind(this));
     }
     if (global2.requestAnimationFrame) {
-      fill(global2, "requestAnimationFrame", this._wrapRAF.bind(this));
+      fill$1(global2, "requestAnimationFrame", this._wrapRAF.bind(this));
     }
   }
 };
@@ -5640,7 +5627,7 @@ function wrap$1(fn, options = {}, before) {
   }
   return sentryWrapped;
 }
-function fill(source, name, replacementFactory) {
+function fill$1(source, name, replacementFactory) {
   if (!(name in source)) {
     return;
   }
@@ -6704,12 +6691,130 @@ const _RewriteFrames = class _RewriteFrames {
 };
 _RewriteFrames.id = "RewriteFrames";
 let RewriteFrames = _RewriteFrames;
+function fill(source, name, replacementFactory) {
+  if (!(name in source)) {
+    return;
+  }
+  const original = source[name];
+  const wrapped = replacementFactory(original);
+  if (typeof wrapped === "function") {
+    try {
+      wrapped.prototype = wrapped.prototype || {};
+      wrapped.prototype.constructor = wrapped;
+    } catch (_Oo) {
+    }
+  }
+  source[name] = wrapped;
+}
+const _NetworkBreadcrumbs = class _NetworkBreadcrumbs {
+  constructor(options = {}) {
+    this.name = _NetworkBreadcrumbs.id;
+    this._traceNetworkBody = !!options.traceNetworkBody;
+  }
+  /**
+   * @inheritDoc
+   */
+  setupOnce() {
+    const miniappSdk = sdk();
+    if (miniappSdk && typeof miniappSdk.request === "function") {
+      fill(miniappSdk, "request", this._createRequestWrapper.bind(this));
+    }
+    if (miniappSdk && typeof miniappSdk.httpRequest === "function") {
+      fill(miniappSdk, "httpRequest", this._createRequestWrapper.bind(this));
+    }
+  }
+  /**
+   * Wraps the miniapp request API to capture breadcrumbs
+   */
+  _createRequestWrapper(originalRequest) {
+    const traceNetworkBody = this._traceNetworkBody;
+    return function(options) {
+      if (!options || typeof options !== "object") {
+        return originalRequest.call(this, options);
+      }
+      const url = options.url || "";
+      const client = getClient();
+      let dsnUrl = "";
+      if (client) {
+        const dsn = client.getOptions().dsn;
+        if (dsn) {
+          try {
+            const dsnMatch = dsn.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?([^:/\n]+)/i);
+            if (dsnMatch && dsnMatch[1]) {
+              dsnUrl = dsnMatch[1];
+            }
+          } catch (e) {
+          }
+        }
+      }
+      if (typeof url === "string") {
+        const isSentryRequest = dsnUrl && url.indexOf(dsnUrl) !== -1 || url.indexOf("sentry.io") !== -1;
+        if (isSentryRequest) {
+          return originalRequest.call(this, options);
+        }
+      }
+      const method = (options.method || "GET").toUpperCase();
+      const requestData = options.data;
+      const breadcrumbData = {
+        url,
+        method
+      };
+      if (traceNetworkBody && requestData) {
+        try {
+          breadcrumbData["request_body"] = typeof requestData === "string" ? requestData : JSON.stringify(requestData);
+        } catch (e) {
+          breadcrumbData["request_body"] = "[Cannot serialize request body]";
+        }
+      }
+      const originalSuccess = options.success;
+      const originalFail = options.fail;
+      options.success = function(...args) {
+        const res = args[0] || {};
+        const statusCode = res.statusCode || res.status;
+        breadcrumbData["status_code"] = statusCode;
+        if (traceNetworkBody && res.data) {
+          try {
+            breadcrumbData["response_body"] = typeof res.data === "string" ? res.data : JSON.stringify(res.data);
+          } catch (e) {
+            breadcrumbData["response_body"] = "[Cannot serialize response body]";
+          }
+        }
+        addBreadcrumb({
+          type: "http",
+          category: "xhr",
+          data: breadcrumbData,
+          level: statusCode >= 400 ? "warning" : "info"
+        });
+        if (typeof originalSuccess === "function") {
+          return originalSuccess.apply(this, args);
+        }
+      };
+      options.fail = function(...args) {
+        const err = args[0] || {};
+        breadcrumbData["error"] = err.errMsg || err.errorMessage || "Network request failed";
+        addBreadcrumb({
+          type: "http",
+          category: "xhr",
+          data: breadcrumbData,
+          level: "error"
+        });
+        if (typeof originalFail === "function") {
+          return originalFail.apply(this, args);
+        }
+      };
+      return originalRequest.call(this, options);
+    };
+  }
+};
+_NetworkBreadcrumbs.id = "NetworkBreadcrumbs";
+let NetworkBreadcrumbs = _NetworkBreadcrumbs;
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Dedupe,
   GlobalHandlers,
   HttpContext,
   LinkedErrors,
+  NetworkBreadcrumbs,
   PerformanceIntegration,
   RewriteFrames,
   Router,
@@ -6750,6 +6855,7 @@ function init(options = {}) {
   if (opts.enableSourceMap !== false) {
     opts.integrations.push(new RewriteFrames());
   }
+  opts.integrations.push(new NetworkBreadcrumbs({ traceNetworkBody: opts.traceNetworkBody }));
   setContext("miniapp", {
     platform: appName,
     environment: "miniapp"
@@ -6772,13 +6878,10 @@ function init(options = {}) {
   initAndBind(MiniappClient, opts);
   return getCurrentScope().getClient();
 }
-function showReportDialog(options = {}) {
-  const client = getCurrentScope().getClient();
-  if (client) {
-    client.showReportDialog(options);
-  } else {
-    console.warn("sentry-miniapp: No client available for showReportDialog");
-  }
+function showReportDialog(_options = {}) {
+  console.warn(
+    "[sentry-miniapp] showReportDialog is deprecated and does nothing. Please build your own UI and use `Sentry.captureFeedback()` instead."
+  );
 }
 function wrap(fn) {
   return (function(...args) {