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

(() => {
  if (!window || window._count_ === 1) return
  window._count_ = 1
  let userInfo = {
    email: '',
    points: 0,
    lang: 'cn',
    token: getCookie('pangolin_token') || localStorage.getItem("pangolin_token"),
    authToken: getCookie('pangolin_auth') || localStorage.getItem("pangolin_token"),
  }
  onRouteChange()
  watchTokenChange(userInfo)
  window.addEventListener('routechange', () => {
    console.log('当前页面地址', location.pathname)
    requestIdleCallback(() => {
      userInfo.lang = document.documentElement.lang
      initElementTweaks()
      // loadRemainingPoints(userInfo)
      // interceptXMLHttpRequest(userInfo)
      // displayDefaultValueInDoc(userInfo, 'body-email', userInfo.email)
      // displayDefaultValueInDoc(userInfo, 'authorization-authorization', userInfo.token?.slice(0, 12) + '...')
    })
  });
  // document.addEventListener('click', (e) => {
  //   requestIdleCallback(() => {
  //     const cookie_token = getCookie('pangolin_token')
  //     const { token, authToken } = userInfo
  //     if ((cookie_token && 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;`;
  //     }
  //     loadRemainingPoints(userInfo)
  //     fillForm('input[placeholder="enter email"]', userInfo.email)
  //     fillForm('input[placeholder="enter bearer token"]', userInfo.token)
  //   })
  // })
})()

/**
 * 监听 token 变化 请求更新用户信息
 * @param {Object} userInfo - 用户信息对象
 */
async function watchTokenChange(userInfo) {
  try {
    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/usercenter/info', init).then(res => res.json())
    const data = res?.data
    userInfo.email = data?.email
  }
  catch (e) { }
  finally {
    requestIdleCallback(() => {
      loadRemainingPoints(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
        }
      });
      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() {
  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/')

  if (window.top !== window.self) {
    const modal = document.querySelector('div[data-testid="api-playground-modal"]')
    const div = document.createElement('div');
    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.padding = '0'
      // modal.style.margin = '0'

      modal.parentElement.style.padding = 0
      // const navbar = document.getElementById('navbar')
      // navbar.style.height = 0; navbar.style.overflow = 'hidden'

      // const sidebar = document.getElementById('sidebar')
      // sidebar.style.height = 0; sidebar.style.overflow = 'hidden'

      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() })
    }
  }
}

/**
 * 外面文档 显示默认值
 * @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('div[data-testid="api-playground-modal"]')
  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 loadRemainingPoints(userInfo) {
  const remainingPointsElement = document.getElementById('remaining-points');
  if (remainingPointsElement) remainingPointsElement.remove() //删除remaining-points元素

  const modal = document.querySelector('div[data-testid="api-playground-modal"]')
  if (!modal || !userInfo.token) return

  //显示剩余点数
  const firstElement = modal.children[0]

  const div = document.createElement('div');
  div.id = 'remaining-points';
  div.className = 'flex items-center justify-center gap-2 mb-2 text-xs';

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

  // 创建第二个 code 元素
  const code = document.createElement('code');
  code.style.color = userInfo.points <= 20 && 'red'
  code.textContent = userInfo.points.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")

  // 创建第三个 span 元素
  const a = document.createElement('a');
  a.style.borderBottom = '1px solid #ff5522'
  a.setAttribute('target', '_blank')
  a.setAttribute('href', 'https://tool.pangolinfo.com/#/menu/product/dataAPI/billing')
  a.textContent = userInfo.lang === 'cn' ? '购买更多积点' : 'Buy More Points';


  div.appendChild(span);
  div.appendChild(code);
  userInfo.points <= 20 && div.appendChild(a);
  firstElement.insertBefore(div, firstElement.firstChild);
}


The returned token serves as a credential for accessing the task submission API and remains valid indefinitely.

Auth

Pangolin

Introduction

Errors

认证，接口返回值作为访问提交任务API的凭证，该token长期有效

API Documentation

Amazon Scrape API

Universal Scrape API

SERP API

AI Mode SERP API

Keyword Trends API

Auth

Body

Response