// ==UserScript==
// @name         Sonkwo_Steam_Search
// @name:zh-CN   杉果Steam快捷搜索
// @namespace    https://blog.chrxw.com/
// @version      1.3
// @description  快捷搜索steam商店
// @description:zh-CN  快捷搜索steam商店
// @author       Chr_
// @license      AGPL-3.0
// @connect      steampowered.com
// @include      /https://www.sonkwo.com\/sku\/\d+/
// @include      /https://www.sonkwo.hk\/sku\/\d+/
// @require      https://greasyfork.org/scripts/431430-search-steam-store/code/Search_Steam_Store.js
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

const GObjs = {};

(() => {
  'use strict';
  const t = setInterval(() => {
    if (document.querySelectorAll('h3.typical-name-1').length > 0) {
      clearInterval(t);
      init();
    }
  }, 500);
})();

function init() {
  const title = document.querySelector('h5.typical-name-2') || document.querySelector('h3.typical-name-1');
  const keyword = title.textContent.replace(/[-+=]/g, ' ');

  console.log(keyword);
  const btnSearch = document.createElement('button');
  btnSearch.className = 'btnSearch';
  btnSearch.textContent = '🔎';
  btnSearch.addEventListener('mouseover', () => { btnSearch.textContent = '🔎 搜索Steam'; });
  btnSearch.addEventListener('mouseout', () => { btnSearch.textContent = '🔎'; });
  btnSearch.addEventListener('click', () => { showResult(keyword); });
  title.appendChild(btnSearch);

  const divResult = document.createElement('div');
  divResult.className = 'divResult';
  title.appendChild(divResult);

  Object.assign(GObjs, { divResult });
}

function showResult(keyword) {
  const { divResult } = GObjs;
  searchStore(keyword, 'CN')
    .then((result) => {
      divResult.innerHTML = '';
      if (result.length === 0) {
        const btnRst = document.createElement('button');
        btnRst.textContent = '【快速搜索无结果,点击前往steam搜索页】';
        btnRst.addEventListener('click', () => { window.open(`https://store.steampowered.com/search/?term=${keyword}`); });
        divResult.appendChild(btnRst);
        return;
      }
      result.forEach(({ appID, isBundle, appName, appPrice, appUrl, appImg }) => {
        const btnRst = document.createElement('button');
        btnRst.title = `${isBundle ? "bundle" : "app"}/${appID}`;
        btnRst.addEventListener('click', () => { window.open(appUrl); });

        const btnName = document.createElement('p');
        btnName.textContent = `${appName}【${appPrice}】`
        btnRst.appendChild(btnName);
        btnRst.appendChild(document.createElement('br'));

        const btnImg = new Image();
        btnImg.src = appImg;

        btnRst.appendChild(btnImg);
        divResult.appendChild(btnRst);
      });
    })
    .catch((reason) => {
      alert(reason);
    });
}

//CSS表
GM_addStyle(`
.divResult {
    top: -180px;
    position: relative;
    width: 100%;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .divResult > button {
    cursor: pointer;
  }
  .divResult > button:not(:last-child) {
    margin-right: 5px;
  }
  .divResult > button > p {
    display: inline;
    margin-left: 6px;
  }
  .divResult > button > img {
    zoom: 1.5;
    margin-top: 2px;
  }
  .btnSearch {
    padding: 0 5px;
    margin-left: 5px;
  }
  
`);