Wishlist_Filter

愿望单游戏过滤器
换行
// ==UserScript==
// @name:zh-CN      愿望单过滤器
// @name            Wishlist_Filter
// @namespace       https://blog.chrxw.com
// @supportURL      https://blog.chrxw.com/scripts.html
// @contributionURL https://afdian.com/@chr233
// @version         2.0
// @description     愿望单游戏过滤器
// @description:zh-CN  愿望单游戏过滤器
// @author          Chr_
// @match           https://store.steampowered.com/wishlist/*
// @connect         steamcommunity.com
// @license         AGPL-3.0
// @icon            https://blog.chrxw.com/favicon.ico
// @grant           GM_addStyle
// ==/UserScript==

// 初始化
(() => {
  "use strict";

  // 过滤器设置
  const filterConofig = [-1, -1, -1, -1, -1, -1, -1, -1];

  // 控件数组
  const domObj = {};

  setTimeout(() => {
    addPanel();
  }, 2000);

  // 添加按钮
  function addPanel() {
    function genBtn(name, foo, tooltip) {
      const s = document.createElement("button");
      s.title = tooltip;
      s.textContent = name;
      s.addEventListener("click", foo);
      return s;
    }
    function genNumber(placeholder, title, value = 0, max = 100, min = 0) {
      const s = document.createElement("input");
      s.placeholder = placeholder;
      s.title = title;
      s.type = "number";
      s.value = value;
      s.max = max;
      s.min = min;
      return s;
    }
    function genDiv(cls) {
      const s = document.createElement("div");
      if (cls) {
        s.className = cls;
      }
      return s;
    }
    function genP() {
      const s = document.createElement("p");
      return s;
    }
    function genSpan(name) {
      const s = document.createElement("span");
      s.textContent = name;
      return s;
    }
    let divWsHeader = document.querySelector(
      "#StoreTemplate>section>div:nth-child(2)>div:nth-child(2)"
    );
    if (divWsHeader != null) {
      const btnDiv = genDiv("wf_panel");
      btnDiv.addEventListener("click", (e) => {
        e.preventDefault();
      });

      const btnReset = genBtn("重置过滤", resetFilter, "重置过滤器");
      const btnApply = genBtn("应用过滤", applyFilter, "应用过滤条件");
      const iptMinRate = genNumber("最低", "最低好评率", null, 100, 0);
      const iptMaxRate = genNumber("最高", "最高好评率", null, 100, 0);
      const iptMinRecommmend = genNumber("最低", "最低评价数", null, 99999, 0);
      const iptMaxRecommmend = genNumber("最高", "最高评价数", null, 99999, 0);
      const iptMinDiscount = genNumber("最低", "最低折扣", null, 100, 0);
      const iptMaxDiscount = genNumber("最高", "最高折扣", null, 100, 0);
      const iptMinPrice = genNumber("最低", "最低价格", null, 99999, 0);
      const iptMaxPrice = genNumber("最高", "最高加个", null, 99999, 0);
      const line1 = genP();
      line1.appendChild(genSpan("按好评率:"));
      line1.appendChild(iptMinRate);
      line1.appendChild(iptMaxRate);
      line1.appendChild(genSpan("按折扣:"));
      line1.appendChild(iptMinDiscount);
      line1.appendChild(iptMaxDiscount);
      const line2 = genP();
      line2.appendChild(genSpan("按评价数:"));
      line2.appendChild(iptMinRecommmend);
      line2.appendChild(iptMaxRecommmend);
      line2.appendChild(genSpan("按价格:"));
      line2.appendChild(iptMinPrice);
      line2.appendChild(iptMaxPrice);
      const line3 = genP();
      line3.appendChild(btnReset);
      line3.appendChild(btnApply);
      btnDiv.appendChild(line1);
      btnDiv.appendChild(line2);
      btnDiv.appendChild(line3);
      divWsHeader.appendChild(btnDiv);

      Object.assign(domObj, {
        iptMinRate,
        iptMaxRate,
        iptMinRecommmend,
        iptMaxRecommmend,
        iptMinDiscount,
        iptMaxDiscount,
        iptMinPrice,
        iptMaxPrice,
      });

      loadConfig();
      loadInput();
    }
  }

  function resetFilter() {
    filterConofig[0] = -1;
    filterConofig[1] = -1;
    filterConofig[2] = -1;
    filterConofig[3] = -1;
    filterConofig[4] = -1;
    filterConofig[5] = -1;
    filterConofig[6] = -1;
    filterConofig[7] = -1;
    loadInput();
    saveConfig();

    enableFilter = false;
  }

  function applyFilter() {
    saveInput();
    saveConfig();
  }

  setInterval(() => {
    for (let ele of document.querySelectorAll(
      "div.Panel div[data-index]>div"
    )) {
      filterGame(ele);
    }
  }, 500);

  //处理数字
  function tryParseInt(value) {
    const x = parseInt(value);
    return x !== x ? -1 : x;
  }

  //加载输入
  function loadInput() {
    const {
      iptMinRate,
      iptMaxRate,
      iptMinRecommmend,
      iptMaxRecommmend,
      iptMinDiscount,
      iptMaxDiscount,
      iptMinPrice,
      iptMaxPrice,
    } = domObj;
    iptMinRate.value = filterConofig[0] === -1 ? "" : filterConofig[0];
    iptMaxRate.value = filterConofig[1] === -1 ? "" : filterConofig[1];
    iptMinRecommmend.value = filterConofig[2] === -1 ? "" : filterConofig[2];
    iptMaxRecommmend.value = filterConofig[3] === -1 ? "" : filterConofig[3];
    iptMinDiscount.value = filterConofig[4] === -1 ? "" : filterConofig[4];
    iptMaxDiscount.value = filterConofig[5] === -1 ? "" : filterConofig[5];
    iptMinPrice.value = filterConofig[6] === -1 ? "" : filterConofig[6];
    iptMaxPrice.value = filterConofig[7] === -1 ? "" : filterConofig[7];
  }

  //读取输入
  function saveInput() {
    const {
      iptMinRate,
      iptMaxRate,
      iptMinRecommmend,
      iptMaxRecommmend,
      iptMinDiscount,
      iptMaxDiscount,
      iptMinPrice,
      iptMaxPrice,
    } = domObj;

    filterConofig[0] = tryParseInt(iptMinRate.value);
    filterConofig[1] = tryParseInt(iptMaxRate.value);
    filterConofig[2] = tryParseInt(iptMinRecommmend.value);
    filterConofig[3] = tryParseInt(iptMaxRecommmend.value);
    filterConofig[4] = tryParseInt(iptMinDiscount.value);
    filterConofig[5] = tryParseInt(iptMaxDiscount.value);
    filterConofig[6] = tryParseInt(iptMinPrice.value);
    filterConofig[7] = tryParseInt(iptMaxPrice.value);
  }

  //加载设置
  function loadConfig() {
    filterConofig[0] = tryParseInt(localStorage["wf_min_rate"]);
    filterConofig[1] = tryParseInt(localStorage["wf_max_rate"]);
    filterConofig[2] = tryParseInt(localStorage["wf_min_rec"]);
    filterConofig[3] = tryParseInt(localStorage["wf_max_rec"]);
    filterConofig[4] = tryParseInt(localStorage["wf_min_discount"]);
    filterConofig[5] = tryParseInt(localStorage["wf_max_discount"]);
    filterConofig[6] = tryParseInt(localStorage["wf_min_price"]);
    filterConofig[7] = tryParseInt(localStorage["wf_max_price"]);
  }
  //保存设置
  function saveConfig() {
    localStorage["wf_min_rate"] =
      filterConofig[0] === -1 ? "" : filterConofig[0];
    localStorage["wf_max_rate"] =
      filterConofig[1] === -1 ? "" : filterConofig[1];
    localStorage["wf_min_rec"] =
      filterConofig[2] === -1 ? "" : filterConofig[2];
    localStorage["wf_max_rec"] =
      filterConofig[3] === -1 ? "" : filterConofig[3];
    localStorage["wf_min_discount"] =
      filterConofig[4] === -1 ? "" : filterConofig[4];
    localStorage["wf_max_discount"] =
      filterConofig[5] === -1 ? "" : filterConofig[5];
    localStorage["wf_min_price"] =
      filterConofig[6] === -1 ? "" : filterConofig[6];
    localStorage["wf_max_price"] =
      filterConofig[7] === -1 ? "" : filterConofig[7];
  }

  const matchReview = RegExp(/([0-9,.]+%?) \D+ ([0-9,.]+%?)/);
  const matchDot = RegExp(/[,.]/g);

  //解析评测结果
  function parseReviewText(text) {
    let rate = -1;
    let recomment = -1;

    const match = text.match(matchReview);
    if (match) {
      const [_, v1, v2] = match;
      if (v1.endsWith("%")) {
        rate = tryParseInt(
          v1.substring(0, v1.length - 1).replace(matchDot, "")
        );
        recomment = tryParseInt(v2.replace(matchDot, ""));
      } else {
        rate = tryParseInt(
          v2.substring(0, v2.length - 1).replace(matchDot, "")
        );
        recomment = tryParseInt(v1.replace(matchDot, ""));
      }
    }
    return [rate, recomment];
  }

  const matchDiscount = RegExp(/-([0-9]+)%/);

  function parseDiscount(text) {
    const match = text.match(matchDiscount);
    if (match) {
      const [_, v1] = match;
      return tryParseInt(v1);
    }
    return -1;
  }

  const matchPrice = RegExp(/((?:\d\d?\d?)(?:[\d,.]\d\d\d)?)(?:[,.]\d\d?)?/);

  function parsePrice(text) {
    const match = text.match(matchPrice);
    if (match) {
      const [_, v1] = match;
      return tryParseInt(v1.replace(matchDot, ""));
    }
  }

  function parseGame(ele) {
    const [ramin, ramax, remin, remax, dmin, dmax, pmin, pmax] = filterConofig;

    const container = ele.querySelector(
      "div[role]>div:nth-child(3)>div:nth-child(2)"
    );

    if (remin !== -1 || remax !== -1 || ramin !== -1 || ramax !== -1) {
      const review = container
        .querySelector("div:nth-child(1)>div:nth-child(2)>span")
        ?.getAttribute("title");

      if (review) {
        const [ra, rec] = parseReviewText(review);

        if (ra !== -1) {
          if ((ramin !== -1 && ra < ramin) || (ramax !== -1 && ra > ramax)) {
            return false;
          }
        }

        if (rec !== -1) {
          if ((remin !== -1 && rec < remin) || (remax !== -1 && rec > remax)) {
            return false;
          }
        }
      }
    }

    if (dmin !== -1 || dmax !== -1) {
      const discount = container.querySelector(
        "div:nth-child(2) div[role]>div:nth-child(1)>div"
      )?.textContent;

      if (discount) {
        const d = parseDiscount(discount);

        if (d !== -1) {
          if ((dmin !== -1 && d < dmin) || (dmax !== -1 && d > dmax)) {
            return false;
          }
        }
      }
    }

    if (pmin !== -1 || pmax !== -1) {
      const price = container.querySelector(
        "div:nth-child(2) div[role]>div:nth-child(2)>div"
      )?.textContent;
      if (price) {
        const p = parsePrice(price);

        console.log(price, p);

        if (p !== -1) {
          if ((pmin !== -1 && p < pmin) || (pmax !== -1 && p > pmax)) {
            return false;
          }
        }
      }
    }

    return true;
  }

  function filterGame(ele) {
    const clsList = ele.classList;
    if (parseGame(ele)) {
      clsList.remove("wf_hide");
    } else {
      clsList.add("wf_hide");
    }
  }
})();

GM_addStyle(`
div.wf_panel {
  position: absolute;
  right: 0;
}
div.wf_panel > p {
  margin: 5px 0;
}
div.wf_panel > p > button {
  padding: 0 10px;
}
div.wf_panel > p > input {
  width: 50px;
}
div.wf_panel > p > *:not(:last-child) {
  margin-right: 10px;
}
div.wf_hide {
  opacity: 0.3;
}
`);