#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;
}

.mint-flex {
    display: flex
}
.mint-h-3 {
    height: 0.75rem
}
.mint-h-8 {
    height: 2rem
}
.mint-w-3 {
    width: 0.75rem
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-1 {
    gap: 0.25rem
}
.mint-gap-1\.5 {
    gap: 0.375rem
}
.mint-rounded-\[8px\] {
    border-radius: 8px
}
.mint-bg-\[\#3064E3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 100 227 / var(--tw-bg-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.hover\:mint-opacity-80:hover {
    opacity: 0.8
}
.disabled\:mint-opacity-70:disabled {
    opacity: 0.7
}

(() => {
  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 = 60
    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)

API产品介绍

请求URL

请求头

请求参数

响应值

请求示例

返回示例

认证

状态码

完整的Scrape API使用指南:包含Amazon产品数据API、AI Overview SERP API、关键词趋势API等详细教程。提供API接口说明、请求示例、参数配置和返回数据解析指南。

提供Amazon、通用网站、SERP搜索、关键词趋势等多种API服务,助力电商数据分析与市场洞察。

参数	必填	类型	说明
email	Yes	string	注册邮箱
password	Yes	string	密码

Status	Description
0	successful
1004	无效token
2001	积点余额不足
2007	账户已过期
10000 / 10001	任务失败了
404	URL地址不正确

API Guide

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

API 对接说明

API产品介绍

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

认证

请求URL

请求头

请求参数

响应值

请求示例

返回示例

状态码

返回值	类型	说明
code	int	状态码
message	string	信息
data	string	认证返回的token

API Guide

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

​API产品介绍

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

​认证

​请求URL

​请求头

​请求参数

​响应值

​请求示例

​返回示例

​状态码

API产品介绍

认证

请求URL

请求头

请求参数

响应值

请求示例

返回示例

状态码