eslint config
This commit is contained in:
17ms
parent
9b2f9d800b
commit
f0ea331f57
15
.eslintrc.json
Normal file
15
.eslintrc.json
Normal file
@ -0,0 +1,15 @@
|
||||
{
|
||||
"env": {
|
||||
"browser": true
|
||||
},
|
||||
"extends": "eslint:recommended",
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 2021
|
||||
},
|
||||
"rules": {
|
||||
"quotes": ["warn", "double"],
|
||||
"semi": ["warn", "never"],
|
||||
"indent": ["warn", 4],
|
||||
"prettier/prettier": 0
|
||||
}
|
||||
}
|
||||
@ -9,30 +9,30 @@
|
||||
// ==/UserScript==
|
||||
|
||||
function download(url) {
|
||||
fetch(url, {
|
||||
mode: "no-cors"
|
||||
})
|
||||
.then((response) => response.blob())
|
||||
.then((blob) => {
|
||||
let blob_url = window.URL.createObjectURL(blob)
|
||||
let a = document.createElement("a")
|
||||
a.download = url.split("/")[5]
|
||||
a.href = blob_url
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
a.remove()
|
||||
fetch(url, {
|
||||
mode: "no-cors",
|
||||
})
|
||||
.then((response) => response.blob())
|
||||
.then((blob) => {
|
||||
let blob_url = window.URL.createObjectURL(blob)
|
||||
let a = document.createElement("a")
|
||||
a.download = url.split("/")[5]
|
||||
a.href = blob_url
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
a.remove()
|
||||
})
|
||||
}
|
||||
|
||||
function init() {
|
||||
const links = Array.from(document.getElementsByClassName("jpg")).concat(
|
||||
Array.from(document.getElementsByClassName("png"))
|
||||
)
|
||||
const links = Array.from(document.getElementsByClassName("jpg")).concat(
|
||||
Array.from(document.getElementsByClassName("png"))
|
||||
)
|
||||
|
||||
for (let i = 0; i < links.length; ++i) {
|
||||
let url = links[i].href
|
||||
download(url)
|
||||
}
|
||||
for (let i = 0; i < links.length; ++i) {
|
||||
let url = links[i].href
|
||||
download(url)
|
||||
}
|
||||
}
|
||||
|
||||
const activate_link = document.createElement("button")
|
||||
|
||||
@ -9,15 +9,15 @@
|
||||
// ==/UserScript==
|
||||
|
||||
window.addEventListener("load", () => {
|
||||
const keywords = [] // e.g. ["/sdg/", "luke smith"]
|
||||
const data = document.getElementsByClassName("teaser")
|
||||
const keywords = [] // e.g. ["/sdg/", "luke smith"]
|
||||
const data = document.getElementsByClassName("teaser")
|
||||
|
||||
for (let i = 0; i < data.length; ++i) {
|
||||
let innerText = data[i].innerText
|
||||
for (let j = 0; j < keywords.length; ++j) {
|
||||
if (innerText.includes(keywords[j]) && data[i].offsetParent !== null) {
|
||||
data[i].offsetParent.style.display = "none"
|
||||
}
|
||||
for (let i = 0; i < data.length; ++i) {
|
||||
let innerText = data[i].innerText
|
||||
for (let j = 0; j < keywords.length; ++j) {
|
||||
if (innerText.includes(keywords[j]) && data[i].offsetParent !== null) {
|
||||
data[i].offsetParent.style.display = "none"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@ -23,147 +23,147 @@ const keys = ["-", "+", "j", "k", "i", "l"]
|
||||
const excludeWebm = true // not tested with webms enabled
|
||||
|
||||
const dragElement = (elem) => {
|
||||
const handler = (e) => {
|
||||
e = e || window.event
|
||||
e.preventDefault()
|
||||
pos3 = e.clientX
|
||||
pos4 = e.clientY
|
||||
document.onmouseup = closeDragger
|
||||
document.onmousemove = enableDragger
|
||||
}
|
||||
const handler = (e) => {
|
||||
e = e || window.event
|
||||
e.preventDefault()
|
||||
pos3 = e.clientX
|
||||
pos4 = e.clientY
|
||||
document.onmouseup = closeDragger
|
||||
document.onmousemove = enableDragger
|
||||
}
|
||||
|
||||
const enableDragger = (e) => {
|
||||
e = e || window.event
|
||||
e.preventDefault()
|
||||
const enableDragger = (e) => {
|
||||
e = e || window.event
|
||||
e.preventDefault()
|
||||
|
||||
pos1 = pos3 - e.clientX
|
||||
pos2 = pos4 - e.clientY
|
||||
pos3 = e.clientX
|
||||
pos4 = e.clientY
|
||||
pos1 = pos3 - e.clientX
|
||||
pos2 = pos4 - e.clientY
|
||||
pos3 = e.clientX
|
||||
pos4 = e.clientY
|
||||
|
||||
elem.style.top = elem.offsetTop - pos2 + "px"
|
||||
elem.style.left = elem.offsetLeft - pos1 + "px"
|
||||
}
|
||||
elem.style.top = elem.offsetTop - pos2 + "px"
|
||||
elem.style.left = elem.offsetLeft - pos1 + "px"
|
||||
}
|
||||
|
||||
const closeDragger = () => {
|
||||
document.onmouseup = null
|
||||
document.onmousemove = null
|
||||
}
|
||||
const closeDragger = () => {
|
||||
document.onmouseup = null
|
||||
document.onmousemove = null
|
||||
}
|
||||
|
||||
let pos1, pos2, pos3, pos4
|
||||
let pos1, pos2, pos3, pos4
|
||||
|
||||
if (document.getElementsByClassName("drDrag").length > 0) {
|
||||
document.getElementsByClassName("drDrag")[0].onmousedown = handler
|
||||
} else {
|
||||
elem.onmousedown = handler
|
||||
}
|
||||
if (document.getElementsByClassName("drDrag").length > 0) {
|
||||
document.getElementsByClassName("drDrag")[0].onmousedown = handler
|
||||
} else {
|
||||
elem.onmousedown = handler
|
||||
}
|
||||
}
|
||||
|
||||
const prevImg = () => {
|
||||
if (i === 0) {
|
||||
i = imgs.length - 1
|
||||
} else {
|
||||
i--
|
||||
}
|
||||
if (i === 0) {
|
||||
i = imgs.length - 1
|
||||
} else {
|
||||
i--
|
||||
}
|
||||
|
||||
imgElem.src = imgs[i].src
|
||||
imgElem.src = imgs[i].src
|
||||
}
|
||||
|
||||
const nextImg = () => {
|
||||
if (i === imgs.length - 1) {
|
||||
i = 0
|
||||
} else {
|
||||
i++
|
||||
}
|
||||
if (i === imgs.length - 1) {
|
||||
i = 0
|
||||
} else {
|
||||
i++
|
||||
}
|
||||
|
||||
imgElem.src = imgs[i].src
|
||||
imgElem.src = imgs[i].src
|
||||
}
|
||||
|
||||
const sizeUp = () => {
|
||||
const newW = baseElem.clientWidth + 200
|
||||
const newH = Math.round(newW * ratioMultiplier)
|
||||
const newW = baseElem.clientWidth + 200
|
||||
const newH = Math.round(newW * ratioMultiplier)
|
||||
|
||||
if (newW > window.innerWidth) {
|
||||
return
|
||||
}
|
||||
if (newW > window.innerWidth) {
|
||||
return
|
||||
}
|
||||
|
||||
baseElem.style.width = newW + "px"
|
||||
baseElem.style.height = newH + "px"
|
||||
baseElem.style.width = newW + "px"
|
||||
baseElem.style.height = newH + "px"
|
||||
}
|
||||
|
||||
const sizeDown = () => {
|
||||
const newW = baseElem.clientWidth - 200
|
||||
const newH = Math.round(newW * ratioMultiplier)
|
||||
const newW = baseElem.clientWidth - 200
|
||||
const newH = Math.round(newW * ratioMultiplier)
|
||||
|
||||
if (newW < 265 || newH < 240) {
|
||||
return
|
||||
}
|
||||
if (newW < 265 || newH < 240) {
|
||||
return
|
||||
}
|
||||
|
||||
baseElem.style.width = newW + "px"
|
||||
baseElem.style.height = newH + "px"
|
||||
baseElem.style.width = newW + "px"
|
||||
baseElem.style.height = newH + "px"
|
||||
}
|
||||
|
||||
const moveToHash = () => {
|
||||
const hash = sources[i][1]
|
||||
const url = window.location.href.split("#")[0]
|
||||
const hash = sources[i][1]
|
||||
const url = window.location.href.split("#")[0]
|
||||
|
||||
window.location.href = url + hash
|
||||
window.location.href = url + hash
|
||||
}
|
||||
|
||||
const openToNew = () => {
|
||||
const url = sources[i][0]
|
||||
window.open(url, "_blank")
|
||||
const url = sources[i][0]
|
||||
window.open(url, "_blank")
|
||||
}
|
||||
|
||||
const preloadImgs = async () => {
|
||||
for (let s of sources) {
|
||||
let img = new Image()
|
||||
img.src = s[0]
|
||||
await img.decode()
|
||||
imgs.push(img)
|
||||
}
|
||||
for (let s of sources) {
|
||||
let img = new Image()
|
||||
img.src = s[0]
|
||||
await img.decode()
|
||||
imgs.push(img)
|
||||
}
|
||||
}
|
||||
|
||||
const keyUpEvent = async (e) => {
|
||||
if (["input", "textarea"].includes(e.target.tagName.toLowerCase())) {
|
||||
return
|
||||
}
|
||||
if (["input", "textarea"].includes(e.target.tagName.toLowerCase())) {
|
||||
return
|
||||
}
|
||||
|
||||
switch (e.key) {
|
||||
switch (e.key) {
|
||||
case keys[0]:
|
||||
sizeDown()
|
||||
break
|
||||
sizeDown()
|
||||
break
|
||||
case keys[1]:
|
||||
sizeUp()
|
||||
break
|
||||
sizeUp()
|
||||
break
|
||||
case keys[2]:
|
||||
prevImg()
|
||||
break
|
||||
prevImg()
|
||||
break
|
||||
case keys[3]:
|
||||
nextImg()
|
||||
break
|
||||
nextImg()
|
||||
break
|
||||
case keys[4]:
|
||||
moveToHash()
|
||||
break
|
||||
moveToHash()
|
||||
break
|
||||
case keys[5]:
|
||||
openToNew()
|
||||
break
|
||||
}
|
||||
openToNew()
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
const createElements = () => {
|
||||
const limitElem = document.getElementsByClassName("boardBanner")[0]
|
||||
const newNode = document.createElement("div")
|
||||
newNode.innerHTML = `<div id="drGallery" class="reply drDrag drag">
|
||||
const limitElem = document.getElementsByClassName("boardBanner")[0]
|
||||
const newNode = document.createElement("div")
|
||||
newNode.innerHTML = `<div id="drGallery" class="reply drDrag drag">
|
||||
<div id="drHeader">Gallery</div>
|
||||
<div id="drContainer"><img id="drImg" src="" alt="" /></div>
|
||||
</div>`
|
||||
|
||||
const initW = "265px"
|
||||
const initH = Math.round(265 * ratioMultiplier) + "px"
|
||||
const initW = "265px"
|
||||
const initH = Math.round(265 * ratioMultiplier) + "px"
|
||||
|
||||
const stylesheet = document.createElement("style")
|
||||
stylesheet.innerText = `#drGallery {
|
||||
const stylesheet = document.createElement("style")
|
||||
stylesheet.innerText = `#drGallery {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
font-weight: bold;
|
||||
@ -201,43 +201,43 @@ const createElements = () => {
|
||||
margin: auto;
|
||||
}`
|
||||
|
||||
document.head.appendChild(stylesheet)
|
||||
document.body.insertBefore(newNode, limitElem)
|
||||
document.getElementsByClassName("navLinks desktop")[0].innerHTML +=
|
||||
document.head.appendChild(stylesheet)
|
||||
document.body.insertBefore(newNode, limitElem)
|
||||
document.getElementsByClassName("navLinks desktop")[0].innerHTML +=
|
||||
" [<a href='javascript:toggleGalleryVisibility()'>Gallery</a>]"
|
||||
}
|
||||
|
||||
const collectSources = () => {
|
||||
let sources = []
|
||||
let sources = []
|
||||
|
||||
const fileDivs = document.getElementsByClassName("fileThumb")
|
||||
const hashPrefix = document
|
||||
.getElementsByClassName("postNum")[0]
|
||||
.children[0].hash.slice(0, 3)
|
||||
const fileDivs = document.getElementsByClassName("fileThumb")
|
||||
const hashPrefix = document
|
||||
.getElementsByClassName("postNum")[0]
|
||||
.children[0].hash.slice(0, 3)
|
||||
|
||||
for (let e of fileDivs) {
|
||||
const s = e.href.split(".")
|
||||
const filetype = s[s.length - 1]
|
||||
for (let e of fileDivs) {
|
||||
const s = e.href.split(".")
|
||||
const filetype = s[s.length - 1]
|
||||
|
||||
if (excludeWebm && filetype === "webm") {
|
||||
continue
|
||||
if (excludeWebm && filetype === "webm") {
|
||||
continue
|
||||
}
|
||||
|
||||
// div's id to post's hash (prefix x): fT12345678 => #px12345678
|
||||
sources.push([e.href, hashPrefix + e.parentElement.id.slice(2)])
|
||||
}
|
||||
|
||||
// div's id to post's hash (prefix x): fT12345678 => #px12345678
|
||||
sources.push([e.href, hashPrefix + e.parentElement.id.slice(2)])
|
||||
}
|
||||
|
||||
return sources
|
||||
return sources
|
||||
}
|
||||
|
||||
window.toggleGalleryVisibility = () => {
|
||||
if (baseElem.style.display === "flex") {
|
||||
baseElem.style.display = "none"
|
||||
document.removeEventListener("keyup", keyUpEvent, false)
|
||||
} else {
|
||||
baseElem.style.display = "flex"
|
||||
document.addEventListener("keyup", keyUpEvent, false)
|
||||
}
|
||||
if (baseElem.style.display === "flex") {
|
||||
baseElem.style.display = "none"
|
||||
document.removeEventListener("keyup", keyUpEvent, false)
|
||||
} else {
|
||||
baseElem.style.display = "flex"
|
||||
document.addEventListener("keyup", keyUpEvent, false)
|
||||
}
|
||||
}
|
||||
|
||||
const ratioMultiplier = window.innerHeight / window.innerWidth
|
||||
|
||||
@ -8,18 +8,18 @@
|
||||
// ==/UserScript==
|
||||
|
||||
window.toggleImgs = () => {
|
||||
const data = document.getElementsByClassName("fileThumb")
|
||||
const data = document.getElementsByClassName("fileThumb")
|
||||
|
||||
for (let i = 0; i < data.length; ++i) {
|
||||
let img_data = data[i].getElementsByTagName("img")
|
||||
if (img_data[0].className === "fileDeletedRes retina") {
|
||||
continue
|
||||
} else if (img_data.length === 1) {
|
||||
ImageExpansion.expand(img_data[0])
|
||||
} else {
|
||||
ImageExpansion.contract(img_data[1])
|
||||
for (let i = 0; i < data.length; ++i) {
|
||||
let img_data = data[i].getElementsByTagName("img")
|
||||
if (img_data[0].className === "fileDeletedRes retina") {
|
||||
continue
|
||||
} else if (img_data.length === 1) {
|
||||
ImageExpansion.expand(img_data[0])
|
||||
} else {
|
||||
ImageExpansion.contract(img_data[1])
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const parentElem = document.getElementsByClassName("navLinks desktop")[0]
|
||||
|
||||
@ -9,16 +9,16 @@
|
||||
// ==/UserScript==
|
||||
|
||||
const toggleImages = () => {
|
||||
const mediaJpg = document.querySelectorAll("a.jpg")
|
||||
const mediaPng = document.querySelectorAll("a.png")
|
||||
const mediaJpg = document.querySelectorAll("a.jpg")
|
||||
const mediaPng = document.querySelectorAll("a.png")
|
||||
|
||||
for (let i = 0; i < mediaJpg.length; ++i) {
|
||||
mediaJpg[i].click()
|
||||
}
|
||||
for (let i = 0; i < mediaJpg.length; ++i) {
|
||||
mediaJpg[i].click()
|
||||
}
|
||||
|
||||
for (let i = 0; i < mediaPng.length; ++i) {
|
||||
mediaPng[i].click()
|
||||
}
|
||||
for (let i = 0; i < mediaPng.length; ++i) {
|
||||
mediaPng[i].click()
|
||||
}
|
||||
}
|
||||
|
||||
const activateLink = document.createElement("button")
|
||||
|
||||
Loading…
Reference in New Issue
Block a user