#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)

参数名	参数值	类型	说明
Content-Type	application/json	string	数据格式
Authorization	Bearer xxx	string	认证凭证

参数	必填	类型	说明
urls	Yes	string	目标网页URL列表
callback	Yes	string	任务回调地址
edgeId	No	string	指定节点设备 ID
isGetHealthEdge	No	boolean	是否自动挑选健康节点
params	No	object	追加到 URL 的查询参数或业务参数
query	No	string	检索关键词
timeout	No	int	任务超时时间

返回值	类型	说明
status	int	任务状态：-1 失败，1 进行中，2 成功
taskId	string	任务 ID
url	string	任务来源链接
data	object	解析或采集结果
errorMessage	string	错误信息
html	string	base64编码后的原始 HTML 内容

API Guide

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

SERP Batch API

创建任务

请求URL

请求头

请求参数

响应值

请求示例

返回示例

积点消耗说明

API Guide

Amazon Scrape API

通用采集 API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

​创建任务

​请求URL

​请求头

​请求参数

​响应值

​请求示例

​返回示例

​积点消耗说明