// ==UserScript==
// @name        pixiv-artist-filter
// @description filter unwanted artists from pixiv results
// @version     0.0.1
// @namespace   noproompter
// @match       https://www.pixiv.net/*
// @noframes    
// @run-at      document-start
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_addStyle
// @grant       unsafeWindow
// @grant       GM.setValue
// @grant       GM.addStyle
// @grant       GM.getValue
// @grant       GM.addElement
// ==/UserScript==

(function(){"use strict";const g=`<svg viewBox="0 0 24 24" size="24" class="sc-11csm01-0 fivNSm"><path d="M9 4H15V5H17.5C18.0523 5 18.5 5.44772 18.5 6C18.5 6.55228 18.0523 7 17.5 7H6.5
C5.94772 7 5.5 6.55228 5.5 6C5.5 5.44772 5.94772 5 6.5 5H9V4Z"></path><path d="M7.01047 8C6.45412 8 6.00473 8.45409 6.01053 9.01042L6.11469 19.0104
C6.1204 19.5586 6.56641 20 7.11464 20H17C17.5523 20 18 19.5523 18 19V9C18 8.44772 17.5523 8 17 8H7.01047Z"></path></svg>`,{fetch:m}=unsafeWindow;let u=a().map(t=>t.userid);unsafeWindow.fetch=async(...t)=>{const[e,i]=t,n=await m(e,i),s=e;if(s.startsWith("/ajax/search/")){const l=()=>n.clone().json().then(r=>(s.startsWith("/ajax/search/illustrations")?r.body.illust.data=r.body.illust.data.filter(({userId:o})=>!u.includes(o)):(s.startsWith("/ajax/search/top")||s.startsWith("/ajax/search/artworks"))&&(r.body.illustManga.data=r.body.illustManga.data.filter(({userId:o})=>!u.includes(o))),{...r}));n.json=l}return n};function a(){return JSON.parse(GM_getValue("ArtistList","[]"))}function x(t){GM_setValue("ArtistList",JSON.stringify(t)),u=a().map(e=>e.userid)}function f(t,e){const i=a();i.findIndex(n=>n.userid===e)===-1&&(i.push({name:t,userid:e}),x(i))}function b(t){const e=a().filter(i=>i.userid!==t);x(e)}function h(t){if(t.pxv_settings_but)return;t.pxv_settings_but=!0;const e=document.createElement("button");e.id="pxv-artist-filter",e.classList.add("pxv-but","pxv-settings-but"),e.textContent="Artist Filter";const i=()=>{const n=document.createElement("template");let s=a();const l=[];for(const{name:r,userid:o}of s){const d=document.createElement("div"),c=document.createElement("a");c.target="_blank",c.href=`/users/${o}`,c.text=r;const p=document.createElement("button");p.innerHTML=g,p.onclick=()=>{b(o),d.parentNode?.removeChild(d)},d.append(p,c),l.push(d)}return n.append(...l),n.childNodes};e.onclick=()=>{e.blur();const n=document.createElement("template");n.innerHTML=`
      <div class='pxv-screen'>
        <dialog class='pxv-dialog' open>
          <h1 class="pxv-title">Artist Filter List</h1>
          <div class="pxv-artist-grid">
          </div>
          <form method="dialog">
            <button class='pxv-but'>Close</button>
          </form>
        </dialog>
      </div>
    `;const s=n.content.firstElementChild;(s?.getElementsByClassName("pxv-artist-grid").item(0)).replaceChildren(...i());const r=s?.getElementsByClassName("pxv-but").item(0);r.onclick=()=>document.body.removeChild(s),document.body.appendChild(s)},t.parentNode.insertBefore(e,t.nextSibling)}function v(t){if(t.pxv_fil_but)return;t.pxv_fil_but=!0;const e=t.parentElement?.querySelector("div a[data-gtm-value]:not(:has(*))"),i=document.createElement("button");i.id="pxv-artist-filter",i.classList.add("pxv-but","pxv-modal-filter-but"),i.textContent="Filter",i.onclick=()=>{if(confirm(`Do you want to filter ${e.text}'s posts ?`)){const n=e.text,s=e.getAttribute("data-gtm-value")||"-1";f(n,s),alert(`${e.text} has been added to the filter list.`)}},t.appendChild(i)}function _(){GM_addStyle(`
    .pxv-but {
      color: rgb(245, 245, 245);
      background-color: rgb(0, 150, 250);
      min-width: 64px;
      padding: 9px 24px;
      line-height: 22px;
      border: medium;
      border-radius: 100vw;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
    }

    .pxv-settings-but {
      margin-left: auto;
      margin-right: 12px;
    }
    
    .pxv-modal-filter-but {
      margin: 5px auto;
      padding: 5px 24px;
    }

    .pxv-but:focus {
      outline:none;
      box-shadow: rgba(0, 150, 250, 0.32) 0px 0px 0px 4px;
    }
    
    .pxv-screen {
      z-index: 12;
      overflow: auto;
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.32);
    }
    
    .pxv-dialog {
      margin:auto;
      border-radius: 24px;
      border-width: 0px;
      width: 400px;
      height: 400px;
      background-color: rgb(31, 31, 31);
      display:flex;
      flex-direction: column;
    }
    
    .pxv-dialog .pxv-but {
      display: block;
      margin: 10px auto;
    }

    .pxv-title {
      font-size: 16px;
      text-align: center;
    }

    .pxv-artist-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-height: 310px;
      overflow-y: scroll;
      margin-bottom: auto;
    }
    .pxv-artist-grid > div {
      padding:10px 0;
      font-size: 14px;
      transition: background-color 0.2s;
      display:flex;
    }

    .pxv-artist-grid > div:hover {
      background-color: #3a3a3a;
    }

    .pxv-artist-grid > div > button {
      margin: 0 5px;
      padding: 0px;
      border: medium;
      outline: none;
      background: transparent;
      cursor: pointer;
      color: rgb(133, 133, 133);
    }

    .pxv-artist-grid > div > a {
      flex-grow:1;
      margin: auto 0;
    }
  `),setInterval(()=>{if(!window.location.pathname.includes("/tags/"))return;const t=document.getElementsByTagName("nav").item(0);t&&h(t)},1e3),setInterval(()=>{if(!window.location.pathname.includes("/tags/"))return;const t=document.evaluate("//*/div[@open='']",document,null,XPathResult.FIRST_ORDERED_NODE_TYPE);t.singleNodeValue&&v(t.singleNodeValue)},1e3)}_()})();