/**
 * 將任意錯誤值格式化為包含堆棧信息的字符串
 * @param {*} error - 錯誤對象或任意值
 * @param {string} fallbackMessage - 當(dāng)無法獲取有效信息時的備選消息
 * @param {string} [url] - 發(fā)生錯誤的腳本URL（從onerror獲取）
 * @param {number} [line] - 行號（從onerror獲?。?
 * @param {number} [col] - 列號（從onerror獲取）
 * @returns {string} 格式化后的錯誤字符串
 */
function formatError(error, fallbackMessage, url, line, col) {
  let result = '';

  // 情況1：error 是對象類型，嘗試提取 stack 或 message
  if (error && typeof error === 'object') {
    // 優(yōu)先使用 stack（包含完整的調(diào)用堆棧）
    if (typeof error.stack === 'string') {
      result = error.stack;
    }
    // 其次使用標(biāo)準(zhǔn) error 屬性（name 和 message）
    else if (typeof error.message === 'string') {
      const name = error.name || 'Error';
      result = `${name}: ${error.message}`;
    }
    // 否則嘗試 JSON 序列化（避免循環(huán)引用）
    else {
      try {
        result = JSON.stringify(error, null, 2);
      } catch (e) {
        // 序列化失?。ㄈ缪h(huán)引用），使用默認(rèn)字符串轉(zhuǎn)換
        result = String(error);
      }
    }
  } else {
    // 原始類型直接轉(zhuǎn)為字符串
    result = String(error);
  }

  // 情況2：結(jié)果中不包含行列信息（如只拿到 message），但通過 onerror 獲得了具體位置
  // 簡單判斷堆棧中是否已有類似 ":數(shù)字" 的行號標(biāo)記
  const hasLineInfo = /:\d+/.test(result);
  if (!hasLineInfo && url && line) {
    const location = `${url}:${line}${col ? ':' + col : ''}`;
    result = result ? `${result} at ${location}` : `Error at ${location}`;
  }

  // 情況3：仍然沒有有效內(nèi)容，使用 fallbackMessage
  if (!result && fallbackMessage) {
    result = fallbackMessage;
  }

  return result;
}

window.onerror = function (message, source, lineno, colno, error) {
  const errorStr = formatError(error, message, source, lineno, colno);
  
  // 上報錯誤（示例：使用 sendToServer 函數(shù)）
  sendToServer({
    type: 'onerror',
    message: message,
    stack: errorStr,
    url: source,
    line: lineno,
    column: colno,
    userAgent: navigator.userAgent,
    timestamp: Date.now()
  });

  // 返回 true 可以阻止瀏覽器默認(rèn)處理（如控制臺打印錯誤）
  // return true;
};

window.addEventListener('unhandledrejection', function (event) {
  const reason = event.reason;
  const errorStr = formatError(reason, 'Unhandled Rejection');

  sendToServer({
    type: 'unhandledrejection',
    reason: errorStr,
    userAgent: navigator.userAgent,
    timestamp: Date.now()
  });

  // 可選：阻止默認(rèn)行為（某些瀏覽器會打印錯誤）
  event.preventDefault();
});

function sendToServer(data) {
  // 避免頻繁上報（例如使用采樣率）
  if (Math.random() > 0.1) return; // 10% 采樣

  const url = 'https://your-monitor-server.com/api/error';
  const body = JSON.stringify(data);

  if (navigator.sendBeacon) {
    navigator.sendBeacon(url, body);
  } else {
    fetch(url, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: body,
      keepalive: true // 類似 sendBeacon 的行為
    }).catch(() => {}); // 忽略 fetch 失敗
  }
}

// error-monitor.js
(function() {
  'use strict';

  function formatError(error, fallbackMessage, url, line, col) {
    let result = '';
    if (error && typeof error === 'object') {
      if (typeof error.stack === 'string') {
        result = error.stack;
      } else if (typeof error.message === 'string') {
        const name = error.name || 'Error';
        result = `${name}: ${error.message}`;
      } else {
        try {
          result = JSON.stringify(error, null, 2);
        } catch (e) {
          result = String(error);
        }
      }
    } else {
      result = String(error);
    }

    const hasLineInfo = /:\d+/.test(result);
    if (!hasLineInfo && url && line) {
      const location = `${url}:${line}${col ? ':' + col : ''}`;
      result = result ? `${result} at ${location}` : `Error at ${location}`;
    }

    if (!result && fallbackMessage) {
      result = fallbackMessage;
    }

    return result;
  }

  function sendToServer(data) {
    // 采樣：僅上報 10% 的錯誤，可根據(jù)需要調(diào)整
    if (Math.random() > 0.1) return;

    const url = 'https://your-monitor-server.com/api/error';
    const body = JSON.stringify({
      ...data,
      userAgent: navigator.userAgent,
      timestamp: Date.now(),
      page: window.location.href
    });

    if (navigator.sendBeacon) {
      navigator.sendBeacon(url, body);
    } else {
      fetch(url, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: body,
        keepalive: true
      }).catch(() => {});
    }
  }

  window.onerror = function (message, source, lineno, colno, error) {
    const errorStr = formatError(error, message, source, lineno, colno);
    sendToServer({
      type: 'onerror',
      rawMessage: message,
      stack: errorStr,
      url: source,
      line: lineno,
      column: colno
    });
  };

  window.addEventListener('unhandledrejection', function (event) {
    const reason = event.reason;
    const errorStr = formatError(reason, 'Unhandled Rejection');
    sendToServer({
      type: 'unhandledrejection',
      stack: errorStr
    });
    event.preventDefault();
  });
})();