Pixivの検索画面でサムネイルにカーソル乗せたときに拡大画像を表示するUserScript

UserScript.js

// ==UserScript==
// @name     PIXIV hover
// @version  1
// @include  https://www.pixiv.net/*
// @grant    none
// ==/UserScript==

let current_url = ""
let applied = {}

const thumbnail_style = "max-height: 30vh;max-width: 20vw;z-index: 9999999;"

const init = () => {
  if(current_url != window.location.href){applied = {}}
  
  const img_elems = Array.from(document.querySelectorAll("img")).filter(x => /i\.pximg\.net.*c\/\d+x\d+[^\/]+\/.*[img-master|custom-thumb]/.test(x.src))
  current_url = window.location.href

  img_elems.forEach(x => {
    if(applied[x.src]){return}

    const img_url = x.src.replace(/c\/\d+x\d+[^\/]+\//,"").replace("custom-thumb","img-master").replace("square","master").replace("custom","master")
    console.log(img_url)
    
    const elem = document.createElement("img")
    applied[x.src] = true
    
    x.addEventListener("mouseenter",
    	function (event) {
        elem.src = img_url
        const left = event.pageX
        const top = event.pageY
        elem.setAttribute("style", `position: absolute;top: ${top+10}px;left: ${left+10}px;${thumbnail_style}`);
        if(elem.parentNode) {return}
        document.body.appendChild(elem)

        // 少し待ってからリセット
        setTimeout(() => {elem.remove()}, 5000);
    	}
    )
    x.addEventListener("mouseout",
    	function (event) {
        setTimeout(() => {elem.remove()}, 100);
    	}
    )
  })
  

}


setTimeout( () => setInterval(init, 1000), 700)