// ==UserScript==
  // @name         Steam 轻便管理购物车
  // @namespace    http://tampermonkey.net/
  // @version      0.1
  // @description  轻便管理购物车
  // @author       ku mi
  // @include      /https:\/\/store\.steampowered\.com\/(?:wishlist\/(?:profiles|id)|app|bundle|sub)\/*
  // @grant        GM_addStyle
// @downloadURL none
  // ==/UserScript==

  (function () {
    'use strict'
    const sessionID = g_sessionID
    if (!sessionID) return
    // 初始化商店页面
    const storeFun = () => {
      const bundleReg = /addBundleToCart\(\s?(\d+)\)/
      const cartReg = /addToCart\(\s?(\d+)\)/
      let cartButton = query('.btn_green_steamui.btn_medium', true)
      if (!cartButton.length) {
        cartButton = query('.btnv6_green_white_innerfade.btn_medium', true)
      }
      cartButton.forEach(item => {
        const subMatch = cartReg.exec(item.href)
        if (!subMatch) {
          const bundleidMatch = bundleReg.exec(item.href)
          if (!bundleidMatch) return
          item.dataset.c_bundleid = bundleidMatch[1]
        } else {
          item.dataset.c_subid = subMatch[1]
        }
        item.href = 'javascript:void(0)'
        item.addEventListener('click', async e => {
          let target = e.target
          if (target.nodeName === 'SPAN') target = target.parentElement
          const sub = target.dataset.c_subid
          const bundleid = target.dataset.c_bundleid
          const res = await request({ url: 'https://store.steampowered.com/cart/', method: 'POST', body: `action=add_to_cart&${sub ? `subid=${sub}` : `bundleid=${bundleid}`}&sessionid=${sessionID}` })
          getCartItem(res)
        })
      })
    }
    // 初始化愿望单页面
    const wishFun = () => {
      let time = setInterval(() => {
        const wishContent = query('#wishlist_ctn')
        const wishList = wishContent.children
        const carList = Object.keys(GDynamicStore.s_rgPackagesInCart)
        const changeItem = (wishContent, carList) => {
          ;[...wishContent.children].forEach(item => {
            let cart = query('.btn_medium:not(.already_change)', false, item)
            if (!cart) return
            const { appId } = item.dataset
            const { subs } = g_rgAppInfo[appId]
            const subId = subs.length ? `${subs[0].id}` : ''
            cart.dataset.c_appid = appId
            cart.dataset.c_subid = subId
            cart.href = 'javascript:void(0)'
            cart.classList.add('already_change')
          })
        }
        if (wishList.length) {
          clearInterval(time)
          wishContent.addEventListener('click', async (e) => {
            let target = e.target
            if (target.nodeName === 'IMG' && target.classList.contains('ico_cart')) target = target.parentElement
            if (target.nodeName === 'SPAN') target = target.parentElement
            if (target.classList.contains('already_change')) {
              const sub = target.dataset.c_subid
              if (!carList.includes(sub)) {
                const res = await request({ url: 'https://store.steampowered.com/cart/', method: 'POST', body: `action=add_to_cart&subid=${sub}&sessionid=${sessionID}` })
                getCartItem(res)
              }
            }
          })
          function debounce(cb, ...args) {
            let time = true
            cb(...args)
            return () => {
              clearTimeout(time)
              time = setTimeout(() => {
                time = null
                cb(...args)
              }, 1000)
            }
          }
          document.onscroll = debounce(changeItem, wishContent, carList)
        }
      }, 2000)
    }
    const cartItemReg = /(?:<input type="hidden" name="cart" value="(\d+)">[\s\S]+?)?(<div class="cart_item">[\s\S]+?<div style="clear: left"><\/div>\s+<\/div>)/igm
    const query = (el, flag, pel = document) => flag ? [...pel.querySelectorAll(el)] : pel.querySelector(el)
    const create = (el, pel) => {
      const ele = document.createElement(el)
      pel.appendChild(ele)
      return ele
    }
    const getCartItem = (htmlStr) => {
      let matchItem = null
      let cart = ''
      let cartHtml = ''
      while (matchItem = cartItemReg.exec(htmlStr)) {
        if (matchItem[1]) cart = matchItem[1]
        console.log(matchItem)
        cartHtml += matchItem[2]
      }
      cartWrapper.innerHTML = cartHtml
      const aList = query('a:not([href^=javascript])', true, _scart)
      const removeList = query('.remove_link', true, _scart)
      aList.forEach(item => (item.target = '_blank'))
      removeList.forEach(item => {
        const lineitem_gid = item.href.match(/javascript:removeFromCart\('(\d+)'\)/)
        item.href = 'javascript:void(0)'
        item.dataset.lineitem_gid = lineitem_gid[1]
      })

      _scart.addEventListener('click', async (e) => {
        const reamoveA = e.target
        const lineitem_gid = reamoveA.dataset.lineitem_gid
        if (reamoveA.classList.contains('remove_link') && lineitem_gid) {
          const res = await request({ url: 'https://store.steampowered.com/cart/', method: 'POST', body: `snr=1_8_4__cart-remove&action=remove_line_item&sessionid=${sessionID}&lineitem_gid=${lineitem_gid}&cart=${cart}` })
          reamoveA.parentElement.parentElement.parentElement.remove()
        }
      })
    }
    const request = async ({ url, method, body }) => {
      const res = await fetch(url, {
        method,
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: body || null
      })
      return await res.text()
    }
    const _scart = create('div', document.body)
    _scart.id = 'mini_cart'
    request({ url: 'https://store.steampowered.com/cart/', method: 'GET' }).then(res => getCartItem(res))
    _scart.innerHTML = `<div class="mini_ul"><div class="button_option"><button class="to_hide">显示</button><button class="to_cart">去购物车</button><button class="to_removeAll">移除所有</button></div><div class="cart_wrapper"></div></div>`
    const cartWrapper = query('.cart_wrapper', false, _scart)
    const toCart = query('.to_cart', false, _scart)
    const toRemoveAll = query('.to_removeAll', false, _scart)
    const toHide = query('.to_hide', false, _scart)
    toHide.onclick = e => {
      const flag = e.target.innerText === '隐藏'
      _scart.classList.add(flag ? 'to_transform_hiden' : 'to_transform_show')
      _scart.classList.remove(flag ? 'to_transform_show' : 'to_transform_hiden')
      e.target.innerText = flag ? '显示' : '隐藏'
    }
    toRemoveAll.onclick = () => {
      const date = new Date();
      date.setTime(date.getTime() + (- 10 * 24 * 60 * 60 * 1000))
      const expires = "expires=" + date.toUTCString()
      document.cookie = 'shoppingCartGID=-1; ' + expires + '; path=/'
      getCartItem('')
    }
    toCart.onclick = () => window.open('https://store.steampowered.com/cart/')
    if (location.pathname.startsWith('/wishlist/')) {
      wishFun()
    } else {
      storeFun()
    }
    GM_addStyle(`#mini_cart{position:fixed;width:300px;z-index:999;height:550px;right:0;bottom:0;background-color:rgba(0,0,0,.3);padding:0 15px 0 15px;box-sizing:border-box;overflow-y:auto;transform:translateY(500px);}.mini_ul .cart_item{display:flex;margin-bottom:20px;}.mini_ul .cart_item_price_container{order:1;flex:1;}.mini_ul .original_price.price{text-decoration:line-through;}.mini_ul .cart_item_desc{margin:0 15px;flex:2;display:flex;width:70px;flex-direction:column;}.mini_ul .cart_item_desc a{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.mini_ul .cart_item_desc br{display:none;}.mini_ul .cart_item_desc_ext{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#ffcc6a;}.mini_ul .cart_item_img{flex-basis:120px;}.button_option{display:flex;justify-content:space-around;margin:10px 0;}.button_option > button{border:none;outline:none;background-image:linear-gradient( to right,#47bfff 5%,#1a44c2 60%);color:#A4D7F5;margin-bottom:10px;font-size:12px;border-radius:7px;padding:5px 8px;width:70px;cursor:pointer;}.to_transform_hiden{animation:hidenAn .5s forwards;}.to_transform_show{animation:showAn .5s forwards;}@keyframes hidenAn{from{transform:translateY(0);}to{transform:translateY(500px);}}@keyframes showAn{from{transform:translateY(500px);}to{transform:translateY(0px);}}}`)
  })();