#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 = 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 Guide

Amazon Scrape API

General Scrape API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

Map Data API

Credit Consumption

Authorizations

Body

Response

API Guide

Amazon Scrape API

General Scrape API

SERP API

AI Overview SERP API

Keyword Trends API

Map Data API

WIPO API

Playground

​Credit Consumption

Authorizations

Body

Response

Credit Consumption