#search-bar-entry {
  display: none !important;
}

#code-group {}

#code-group>div[data-component-part="code-group-tab-bar"] {}

#code-group>:nth-child(2) {}

table {
  display: table !important;
}

table,
th,
td {
  border: 1px solid rgb(var(--gray-200)) !important;
  border-collapse: collapse !important;
}

th,
td {
  padding: 6px 12px !important;
  text-align: left !important;
}

(() => {
  if (!window || window._count_ === 1) return
  window._count_ = 1
  let userInfo = {
    email: '',
    credits: 0,
    lang: 'cn',
    token: getCookie('pangolin_token') || localStorage.getItem("pangolin_token"),
    authToken: getCookie('pangolin_auth') || localStorage.getItem("pangolin_token"),
  }
  onRouteChange()
  interceptXMLHttpRequest(userInfo)
  window.addEventListener('routechange', () => {
    requestIdleCallback(() => {
      userInfo.lang = document.documentElement.lang
      watchTokenChange(userInfo)
      initElementTweaks(userInfo)
    })
  });
  document.addEventListener('click', (e) => {
    requestIdleCallback(() => { updateToken(userInfo) })
  })
  //Service Worker (SW) 中拦截资源请求
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/interceptAndRedirect.js')
      .finally(() => {
        if (!navigator.serviceWorker.controller) window.location.reload();
      })
  }
})()
/**
 * 更新 token
 * @param {Object} userInfo - 用户信息对象
 */
function updateToken(userInfo) {
  const cookie_token = getCookie('pangolin_token')
  setTimeout(() => { initElementTweaks(userInfo) }, 50)
  const { token, authToken } = userInfo
  if ((cookie_token && token !== cookie_token) || (!cookie_token && token !== authToken)) {
    userInfo.token = cookie_token || userInfo.authToken
    watchTokenChange(userInfo)
    localStorage.setItem("pangolin_token", userInfo.token)
    document.cookie = `pangolin_token=${userInfo.token}; domain=.pangolinfo.com; path=/; SameSite=None; Secure;`;
  }
}

/**
 * 监听 token 变化 请求更新用户信息
 * @param {Object} userInfo - 用户信息对象
 */
async function watchTokenChange(userInfo) {
  try {
    populateUserDataOnIdle()
    if (!userInfo.token) throw new Error('token not found!')
    const init = { method: 'get', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${userInfo.token}` } }
    const res = await fetch('https://extapi.pangolinfo.com/user/info/data_api', init).then(res => res.json())
    const data = res?.data
    userInfo.email = data?.email
    userInfo.credits = data?.account && data?.postpaid?.postpaid === 1 ?
      '∞'
      :
      Number(data?.account?.balance || 0)
  }
  catch (e) { }
  finally { populateUserDataOnIdle() }
  function populateUserDataOnIdle() {
    requestIdleCallback(() => {
      initElementTweaks(userInfo)
      loadRemainingCredits(userInfo)
      fillForm('input[placeholder="enter email"]', userInfo.email)
      fillForm('input[placeholder="enter bearer token"]', userInfo.token)
      displayDefaultValueInDoc(userInfo, 'body-email', userInfo.email)
      displayDefaultValueInDoc(userInfo, 'authorization-authorization', userInfo.token?.slice(0, 12) + '...')
    })
  }
}

/**
 * 监听 pushState / replaceState 页面跳转
 */
function onRouteChange() {
  const originalPushState = history.pushState;
  const originalReplaceState = history.replaceState;
  function dispatchRouteChangeEvent() {
    const event = new Event('routechange');
    window.dispatchEvent(event);
  }
  history.pushState = function (...args) {
    originalPushState.apply(this, args);
    dispatchRouteChangeEvent();
  };
  history.replaceState = function (...args) {
    originalReplaceState.apply(this, args);
    dispatchRouteChangeEvent();
  };
  window.addEventListener('popstate', dispatchRouteChangeEvent);
}

/**
 * 监听 localStorage.setItem 事件 
 */
function onStorageChange() {
  const originalSetItem = localStorage.setItem;
  localStorage.setItem = function (...args) {
    const [key, value] = args;
    window.dispatchEvent(new CustomEvent('localstorage-change', { detail: { key, value } }));
    return originalSetItem.apply(this, args);
  };
}

/**
 * 拦截 XMLHttpRequest
 * @param {Object} userInfo - 用户信息对象
 */
function interceptXMLHttpRequest(userInfo) {
  const originalOpen = XMLHttpRequest.prototype.open;
  const originalSend = XMLHttpRequest.prototype.send;
  XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
    return originalOpen.apply(this, arguments);
  };

  XMLHttpRequest.prototype.send = function (body) {
    try {
      const parsedData = JSON.parse(`${body}`)
      if (!parsedData?.url?.includes('https://scrapeapi.pangolinfo.com/api/v1/')) return originalSend.apply(this, arguments);

      this.addEventListener('load', function () {
        const responseText = JSON.parse(`${this.responseText}`)
        const data = JSON.parse(`${atob(responseText?.response?.data)}`)
        if (parsedData?.url === 'https://scrapeapi.pangolinfo.com/api/v1/auth' && data?.code === 0) {
          userInfo.authToken = data?.data
        }
        updateToken(userInfo)
        watchTokenChange(userInfo)
      });
      return originalSend.apply(this, arguments);
    }
    catch (e) {
      return originalSend.apply(this, arguments);
    }
  };
}

/**
 * 获取 cookie
 */
function getCookie(name) {
  const cookies = document.cookie.split(';');
  for (let i = 0; i < cookies.length; i++) {
    const [key, ...rest] = cookies[i].split('=');
    if (key.trim() === name) {
      return decodeURIComponent(rest.join('=').trim());
    }
  }
  return null;
}

/**
 * 监听 userInfo 对象 响应式地更新 DOM 元素
 * @param {Object} userInfo - 需要监听的用户信息对象
 * @returns {Function} registerCallback - 注册回调函数用于 DOM 更新
 */
function watchUserInfoChanges(userInfo) {
  let tempFn = null
  for (const key in userInfo) {
    let internalValue = userInfo[key]
    let funcs = []
    Object.defineProperty(userInfo, key, {
      get() {
        if (tempFn && !funcs.includes(tempFn)) funcs.push(tempFn)
        return internalValue
      },
      set(value) {
        if (internalValue === value) return
        internalValue = value
        for (let i = 0; i < funcs.length; i++) funcs[i]()
      }
    })
  }
  return function (func) {
    tempFn = func
    func()
    tempFn = null
  }
}

/**
 * 隐藏修改一些页面上的元素
 */
function initElementTweaks(userInfo) {
  //跳转地址重定向
  navigateToLink()
  function navigateToLink() {
    if (document.getElementById('footer')) {
      document.getElementById('footer').children[1].querySelector('a').textContent = 'Powered by Pangolin'
      document.getElementById('footer').children[1].querySelector('a').setAttribute('href', '_blank')
      document.getElementById('footer').children[1].querySelector('a').setAttribute('href', 'https://www.pangolinfo.com/')
    }
    document.querySelector('a[href="/"]') && document.querySelector('a[href="/"]').setAttribute('target', '_blank')
    document.querySelector('a[href="/"]') && document.querySelector('a[href="/"]').setAttribute('href', 'https://www.pangolinfo.com/')

    //官网
    const officialAS = document.querySelectorAll('a[href*="https://www.pangolinfo.com/"]')
    const officialUrl = userInfo.lang === 'cn' ? 'https://www.pangolinfo.com/zh/home/' : 'https://www.pangolinfo.com/'
    if (officialAS.length) {
      officialAS.forEach(a => {
        const href = a.getAttribute('href')
        a.setAttribute('href', ['.zip'].some(ext => href.endsWith(ext)) ? href : officialUrl)
      })
    }

    //Dashboard用户后台
    const dashboardA = document.querySelector('a[href*="https://tool.pangolinfo.com/"]')
    const email = (userInfo?.email?.length || 0) > 12 ? userInfo.email.slice(0, 12) + '...' : userInfo.email
    dashboardA.innerHTML = userInfo.email ? email : 'Log In'
    const dashboardUrl = userInfo.lang === 'cn' ? 'https://tool.pangolinfo.com/#/system/loading' : `https://tool.pangolinfo.com/#/${userInfo.lang}/system/loading`
    if (dashboardA) dashboardA.setAttribute('href', dashboardUrl)
  }

  //隐藏页面左侧Playground接口调试的导航栏
  hidePlaygroundNav()
  function hidePlaygroundNav() {
    document.querySelectorAll('#sidebar-title').forEach((el) => {
      if (el.textContent === 'Playground') {
        const parentElement = el.parentElement
        parentElement.style.display = 'none'
      }
    })
  }

  //tool的Playground 嵌套接口调试弹窗
  if (window.top !== window.self || location.href.includes("playground=open")) { toolPlaygroundDebugModal() }
  function toolPlaygroundDebugModal() {
    const modal = document.querySelector('.flex.flex-col.mx-auto.max-w-screen-xl.transform.bg-background-light.dark\\:bg-background-dark.shadow-search.rounded-3xl.border-standard.opacity-100.scale-100');
    console.log('modal: ', modal);
    if (!document.getElementById("tool-playground")) {
      const div = document.createElement('div');
      div.id = 'tool-playground';
      div.style.width = "100vw"; div.style.height = "100vh"; div.style.background = "#ffffff";
      div.style.position = "absolute"; div.style.top = "0"; div.style.left = "0"; div.style.zIndex = 39
      document.body.appendChild(div)
    }

    if (modal) {
      modal.style.margin = '24px'
      modal.style.borderRadius = 12
      modal.style.maxWidth = 'inherit'

      modal.parentElement.style.padding = 0

      const contentContainer = document.getElementById('content-container')
      contentContainer.style.height = 0; contentContainer.style.overflow = 'hidden'
      Array.from(modal.parentElement.children).filter(el => el !== modal).forEach((el) => { el.remove() })
    } else {
      requestIdleCallback(() => {
        console.log('tool的Playground 嵌套接口调试弹窗')
        toolPlaygroundDebugModal()
      })
    }
  }

  //代码窗口说明
  if (location.pathname.includes("api-reference")) explainCodeWindow()
  function explainCodeWindow() {
    const codeGroups = document.querySelectorAll('#code-group')
    const activeCodeGroup = Array.from(codeGroups).filter(el => el.getBoundingClientRect().width).slice(0, 2)
    document.querySelectorAll('#code-group-title').forEach(el => el.remove())
    activeCodeGroup.forEach((el, index) => {
      const newElement = document.createElement('div')
      newElement.id = "code-group-title"
      newElement.className = 'text-sm font-semibold text-gray-900 dark:text-gray-100';
      newElement.textContent = index === 0 ? 'Request example' : 'Return example'
      el.parentNode.insertBefore(newElement, el);
      el.style.transform = 'translateY(-20px)'
    })
    const codeResult = document.querySelectorAll('a[download="api-response.json"]')
    const activeCodeResult = Array.from(codeResult).filter(el => el.getBoundingClientRect().width)[0]
    if (activeCodeResult) {
      Object.assign(activeCodeResult.style, {
        margin: 0, width: 'fit-content',
        position: 'absolute', top: '-29px', left: '58px',
        display: 'flex', alignItems: 'center', gridGap: '4px',
        fontSize: '14px', fontWeight: 600, color: 'rgb(29 78 216)'
      });
      const svg = activeCodeResult.querySelector('svg')
      Object.assign(svg.style, { width: '14px', height: '14px', backgroundColor: 'rgb(29 78 216)' })
      document.querySelectorAll('#download-text').forEach(el => el.remove());
      const span = document.createElement('span')
      span.id = 'download-text'
      span.innerHTML = 'Download'
      span.style.color = 'rgb(29 78 216)'
      span.className = 'text-sm font-semibold text-gray-900 dark:text-gray-100';
      activeCodeResult.append(span);

      const el = activeCodeResult.parentNode.parentNode
      const newElement = document.createElement('div')
      newElement.id = "code-group-title"
      newElement.className = 'text-sm font-semibold text-gray-900 dark:text-gray-100';
      newElement.textContent = 'Result'
      el.style.transform = 'translateY(-20px)'
      el.parentNode.insertBefore(newElement, el);
    }
  }
}

/**
 * 外面文档 显示默认值
 * @param {Object} userInfo  - 用户信息对象
 * @param {String} elementID - 需要显示默认值的元素ID
 * @param {String} defaultValue - 默认值
 */
function displayDefaultValueInDoc(userInfo, elementID, defaultValue) {
  const el = document.getElementById(elementID)
  document.querySelectorAll(`[id^="default-value-${elementID}"]`).forEach(el => el.remove());
  if (!el || !userInfo.token || !defaultValue) return

  const matchingElements = el.querySelectorAll('[data-component-part="field-meta"]');
  // 创建 div 元素
  const div = document.createElement('div');
  div.id = `default-value-${elementID}-${Date.now()}`;
  div.className = 'flex items-center px-2 py-0.5 rounded-md bg-gray-100/50 dark:bg-white/5 text-gray-600 dark:text-gray-200 font-medium break-all';
  div.setAttribute('data-component-part', 'field-info-pill');

  // 创建第一个 span 元素
  const span1 = document.createElement('span');
  span1.className = 'text-gray-400 dark:text-gray-500';
  span1.textContent = 'default:';

  // 创建第二个 span 元素
  const span2 = document.createElement('span');
  span2.textContent = defaultValue

  div.appendChild(span1);
  div.appendChild(span2);
  const parent = matchingElements[0]
  parent.children.length >= 1 ? parent.insertBefore(div, parent.children[1]) : parent.appendChild(div);
}

/**
 * 接口调试弹窗 表单填充默认值
 * @param {String} selector     - 需要填充的input选择器
 * @param {String} defaultValue - 默认值
 */
function fillForm(selector, defaultValue) {
  const modal = document.querySelector('.flex.flex-col.mx-auto.max-w-screen-xl.transform.bg-background-light.dark\\:bg-background-dark.shadow-search.rounded-3xl.border-standard.opacity-100.scale-100');
  if (!modal || !defaultValue) return

  //填充默认值
  const input = modal.querySelector(selector);
  if (input) {
    // 创建一个原生 InputEvent（不是普通 Event）
    const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value").set;
    nativeInputValueSetter.call(input, defaultValue);

    // 派发真实 input 事件，React 才会感知变化
    input.dispatchEvent(new Event('input', { bubbles: true }));
  }
}

/**
 * 接口调试弹窗 显示剩余点数
 * @param {Object} userInfo - 用户信息对象
 */
function loadRemainingCredits(userInfo) {
  const remainingCreditsElement = document.getElementById('credits-wrapper');
  if (remainingCreditsElement) remainingCreditsElement.remove() //删除remaining-credits元素

  const modal = document.querySelector('.flex.flex-col.mx-auto.max-w-screen-xl.transform.bg-background-light.dark\\:bg-background-dark.shadow-search.rounded-3xl.border-standard.opacity-100.scale-100');
  if (!modal) return
  const firstElement = modal.children[0]
  if (userInfo.token) {
    //剩余的积点
    function surplusCreditsElement() {
      const div = document.createElement('div');
      div.className = 'flex items-center gap-2 mb-2 text-xs';

      // 创建第一个 span 元素
      const span = document.createElement('span');
      span.style.fontSize = '14px'
      span.textContent = userInfo.lang === 'cn' ? '当前可用积点:' : 'Available Credits:';
      div.append(span);

      // 创建第二个 code 元素
      const code = document.createElement('code');
      code.style.color = userInfo.credits <= 20 && 'red'
      code.textContent = userInfo.credits.toLocaleString()
      div.append(code);

      // 创建第三个 span 元素
      const aURL = userInfo.lang === 'cn' ?
        'https://tool.pangolinfo.com/#/menu/dataAPI/billing'
        :
        `https://tool.pangolinfo.com/#/${userInfo.lang}/menu/dataAPI/billing`
      const a = createLink(aURL, '_blank', userInfo.lang === 'cn' ? '购买更多积点' : 'Buy More Credits')
      userInfo.credits <= 20 && div.append(a)
      return div
    }
    //消耗的积点
    function consumeCreditsElement() {
      const div = document.createElement('div');
      div.className = 'flex items-center gap-2 mb-2 text-xs';

      // 创建第一个 span 元素
      const span = document.createElement('span');
      span.style.fontSize = '14px'
      span.textContent = userInfo.lang === 'cn' ? '当前请求消耗的积点数' : 'Request Credits:';
      div.append(span);

      // 当前请求消耗的积点数
      const tds = Array.from(document.querySelectorAll("#playground-credit-consumption")).map(el => {
        const conditions = el.textContent.includes(userInfo.lang === 'cn' ? "个/次" : "Credit/Per Request");
        if (!conditions) return 0
        const credit = el.textContent.replace(userInfo.lang === 'cn' ? "个/次" : "Credit/Per Request", '')
        return credit
      }).filter(v => v).sort((a, b) => Number(a) - Number(b));

      // 创建第二个 code 元素
      const code = document.createElement('code');
      code.textContent = tds.length ? tds.join(' ~ ') : 0
      div.append(code);

      return div
    }
    const divWrapper = document.createElement('div');
    divWrapper.id = 'credits-wrapper';
    divWrapper.className = 'flex items-center justify-between gap-2 mb-2 text-xs';
    divWrapper.append(surplusCreditsElement(), consumeCreditsElement())

    firstElement.insertBefore(divWrapper, firstElement.firstChild);
  }
  if (!userInfo.token) {
    const div = document.createElement('div');
    div.id = 'credits-wrapper';
    div.className = 'flex items-center justify-center gap-2 mb-2 text-xs';
    div.append(userInfo.lang === 'cn' ? "登录 " : "Login ");

    const a = createLink('https://tool.pangolinfo.com', '_blank', 'https://tool.pangolinfo.com')
    div.append(a)
    div.append(userInfo.lang === 'cn' ? ' 获取Toekn，可立即测试 API（免费注册即赠' : ' Get Token, you can test the API for free (free registration is provided')

    const code = document.createElement('code');
    code.textContent = 200
    div.append(code)
    div.append(userInfo.lang === 'cn' ? '积点试用）' : ' credits trial)')
    firstElement.insertBefore(div, firstElement.firstChild);
  }
}

/**
 * 创建a标签
 * @param {String} href   - 链接
 * @param {String} target - 链接打开方式
 * @param {String} text   - 文本
 */
function createLink(href, target, text) {
  const a = document.createElement('a');
  a.style.borderBottom = '1px solid #ff5522'
  a.href = href;
  a.target = target;
  a.textContent = text;
  return a;
}


self.addEventListener('fetch', event => {
  const url = event.request.url;

  const remoteSvgBase = 'https://mintlify.b-cdn.net/v6.6.0'
  if (url.includes(remoteSvgBase) && url.includes('.svg')) {
    const newURL = url.replace(remoteSvgBase, location.origin + '/publicSVG/');
    event.respondWith(fetch(newURL));
    return;
  }

  const remoteLangSvgBase = 'https://purecatamphetamine.github.io/country-flag-icons/1x1'
  if (url.includes(remoteLangSvgBase) && url.includes('.svg')) {
    const newURL = url.replace(remoteLangSvgBase, location.origin + '/publicSVG/lang/');
    event.respondWith(fetch(newURL));
    return;
  }
  event.respondWith(fetch(event.request));
});


// const fs = require('fs')
// const path = require('path');

// const regex = /<script\b[^>]*>[\s\S]*?<\/script>/gi;


// const injectionAbsolutePath = path.resolve(__dirname, 'injection.js');
// function walk(dir) {
//   const files = fs.readdirSync(dir)
//   for (const key of files) {
//     const targetPath = path.join(dir, key);
//     const stat = fs.statSync(targetPath);
//     if (targetPath.includes('node_modules')) continue
//     if (stat.isDirectory()) {
//       walk(targetPath)
//     } else {
//       if (!targetPath.includes('.mdx') || targetPath.includes('snippet-intro.mdx')) continue
//       let file = fs.readFileSync(targetPath, 'utf-8');
//       // 计算从 .mdx 文件 到 injection.js 的相对路径
//       let relativePath = path.relative(path.dirname(targetPath), injectionAbsolutePath);
//       relativePath = relativePath.split(path.sep).join('/'); // 兼容 Windows 路径
//       const scriptTag = `<script src="${relativePath}"></script>`;
//       if (regex.test(file)) { file = file.replace(regex, scriptTag) }
//       else { file = fs.appendFileSync(targetPath, '\n' + scriptTag); }
//       if (file) fs.writeFileSync(targetPath, file);
//     }
//   }
// }
//  walk(__dirname)

新手入门

功能详解

常见问题

快速上手

添加关注对象

创建 Tracker

查看与导出数据