NGA论坛自定义表情包扩展（无期迷途版）
// ==UserScript==
// @name NGA论坛自定义表情包（无期迷途版）
// @namespace https://github.com/HanaHye
// @version 0.0.5
// @description NGA论坛自定义表情包扩展（无期迷途版）
// @author biuuu
// @match *://bbs.ngacn.cc/*.php*
// @match *://ngabbs.com/*.php*
// @match *://nga.178.com/*.php*
// @match *://bbs.nga.cn/*.php*
// @grant none
// ==/UserScript==
(async function () {
'use strict';
const addStyle = (css) => {
const style = document.createElement('style')
style.innerText = css
document.head.appendChild(style)
}
const loadScript = async () => {
const script = document.createElement('script')
script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js'
document.head.appendChild(script)
return new Promise((rev, rej) => {
script.onload = rev
script.onerror = rej
})
}
await loadScript()
const randomNum = Math.floor(Math.random() * 1e5)
addStyle(`
.single_ttip2 .div3 > div {
padding: 4px 4px 0 4px;
}
.single_ttip2 .div3 > div:empty {
display: inline-block;
padding: 0;
}
.sticker-${randomNum} img {
max-height: 70px;
cursor: pointer;
}
.sticker-${randomNum} {
margin: 0.2em;
}
.single_ttip2 .block_txt_big {
padding: 0 0.5em;
cursor: pointer;
outline: 0;
margin-left: -0.2em;
margin-right: 0.6em;
}
.single_ttip2 .block_txt_big:hover {
filter: brightness(0.95);
}
.single_ttip2 .block_txt_big:active {
filter: brightness(0.9);
}
.sticker-toolbar-${randomNum} {
position: absolute;
right: 53px;
top: 0;
}
.sticker-import-${randomNum} {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
`)
let boxId = null
const sleep = function (time) {
return new Promise(rev => {
setTimeout(rev, time)
})
}
let stickerMap = new Map([
['无期迷途', [
'./mon_202309/09/axsiQ2s-4w4cKfT8S2s-2s.png', './mon_202309/09/axsiQ2s-chorKhT8S2s-2s.png', './mon_202309/09/axsiQ2s-kysbKgT8S2p-2s.png', './mon_202309/09/axsiQ2s-722cKiToS2i-2s.png', './mon_202309/09/axsiQ2s-1fmnKeT8S2l-2s.png', './mon_202309/09/axsiQ2s-92mjKkToS2s-2s.png', './mon_202309/09/axsiQ2s-hozuKlToS2s-2s.png', './mon_202309/09/axsiQ2s-fcejKeT8S25-2s.png', './mon_202309/09/axsiQ2s-1ry1KgT8S27-2s.png', './mon_202309/09/axsiQ2s-amnkKfT8S2b-2s.png', './mon_202309/09/axsiQ2s-igceKhT8S2p-2s.png', './mon_202309/09/axsiQ2s-5j16KfT8S2o-2s.png', './mon_202309/09/axsiQ2s-d62rKeT8S2b-2s.png', './mon_202309/09/axsiQ2s-kxsoKkToS2s-2s.png', './mon_202309/09/axsiQ2s-a7u2KiToS2s-2s.png', './mon_202309/09/axsiQ2s-itx4KiToS2s-2s.png', './mon_202309/09/axsiQ2s-544cKkToS2s-2s.png', './mon_202309/09/axsiQ2s-d3y3KhT8S2o-2s.png', './mon_202309/09/axsiQ2s-71rKjToS2t-2s.png', './mon_202309/09/axsiQ2s-8mzlKjToS2s-2s.png'
]],
['无期迷途KFC', [
'./mon_202309/09/axsiQ2s-3wgjKnToS2t-2s.png', './mon_202309/09/axsiQ2s-btknKpToS2u-2s.png', './mon_202309/09/axsiQ2s-khxkKoToS2x-2s.png', './mon_202309/09/axsiQ2s-6xuiKmToS2r-2s.png', './mon_202309/09/axsiQ2s-erfwKnToS2u-2s.png', './mon_202309/09/axsiQ2s-13peKmToS2u-2s.png', './mon_202309/09/axsiQ2s-92jlKlToS2u-2s.png', './mon_202309/09/axsiQ2s-gwlxKmToS2s-2s.png', './mon_202309/09/axsiQ2s-38ulKnToS2u-2s.png', './mon_202309/09/axsiQ2s-buz9KpToS2r-2s.png', './mon_202309/09/axsiQ2s-kl7hKoToS2t-2s.png', './mon_202309/09/axsiQ2s-6worKqToS2v-2s.png'
]]
])
let recentStickers = []
try {
let arr = JSON.parse(localStorage.getItem('custom-sticker'))
if (Array.isArray(arr)) {
stickerMap = new Map(arr)
}
} catch (e) { }
try {
recentStickers = JSON.parse(localStorage.getItem('recent-sticker'))
if (!Array.isArray(recentStickers)) {
recentStickers = []
}
} catch (e) { }
const saveCustomSticker = (map = stickerMap) => {
localStorage.setItem('custom-sticker', JSON.stringify([...map]))
}
window.saveRecentSticker = (sticker) => {
if (recentStickers.includes(sticker)) return
recentStickers.push(sticker)
recentStickers = recentStickers.slice(-10)
localStorage.setItem('recent-sticker', JSON.stringify(recentStickers))
}
const urlPrefix = 'https://img.nga.178.com/attachments'
const resolveUrl = (src) => {
let url = src
if (/^https?\:\/\//.test(src)) {
} else if (/^\.\//.test(src)) {
url = `${urlPrefix}${src.replace(/^\./, '')}`
} else if (/^[^\/]/.test(src)) {
url = `${urlPrefix}/${src}`
}
return _.escape(url)
}
const insertStickers = async (stickerBox, list) => {
let html = ''
if (recentStickers.length) {
recentStickers.forEach(sticker => {
const src = resolveUrl(sticker)
const safeSticker = _.escape(sticker)
html += `
<img onclick="window.saveRecentSticker('${safeSticker}');postfunc.addText('[img]${safeSticker}[/img]');postfunc.selectSmilesw._.hide()" src="${src}">
`
})
html = `<div style="margin: 4px 0;
border-bottom: 1px solid #dcc9b1;">${html}</div>`
}
for (let i = 0; i < list.length; i++) {
let sticker = list[i]
const src = resolveUrl(sticker)
const safeSticker = _.escape(sticker)
html += `
<img onclick="window.saveRecentSticker('${safeSticker}');postfunc.addText('[img]${safeSticker}[/img]');postfunc.selectSmilesw._.hide()" src="${src}">
`
if (i && i % 60 === 0) {
stickerBox.innerHTML = html
await sleep(1000)
}
}
stickerBox.innerHTML = html
}
const stickerLoaded = new Set()
const changeBlock = (stickerBox, index) => {
stickerBox.style.display = 'block'
let blocks = stickerBox.parentNode.parentNode.querySelectorAll(`span>div:not(.sticker-${randomNum}-${index})`)
blocks.forEach(item => item.style.display = 'none')
}
window.setSticker = (index) => {
const stickerBox = document.getElementById(`block-${randomNum}-sticker-${index}`)
if (stickerBox) {
if (stickerBox.style.display === 'block') {
stickerBox.style.display = 'none'
return
} else if (stickerLoaded.has(index)) {
changeBlock(stickerBox, index)
return
}
stickerLoaded.add(index)
changeBlock(stickerBox, index)
const list = ([...stickerMap])[index][1]
insertStickers(stickerBox, list)
}
}
const getStickers = (text) => {
const list = text.split(/\r?\n/)
if (list[0] !== '==NGA CUSTOM STICKER==') {
alert('文件格式错误: 第一行必须是“==NGA CUSTOM STICKER==”')
return
}
const stickers = new Map()
list.forEach(txt => {
if (txt.startsWith('#')) {
let name = txt.slice(1, txt.length)
if (name) {
stickers.set(name, [])
}
} else if (/^(https?:\/\/|\.\/)/.test(txt)) {
const arr = Array.from(stickers.values()).pop()
if (arr && Array.isArray(arr)) {
arr.push(txt)
}
}
})
if (stickers.size) {
saveCustomSticker(stickers)
if (confirm('导入成功，刷新页面后生效。是否立即刷新')) {
location.reload()
}
} else {
alert('没有找到有效的表情地址')
}
}
const tryDownload = (content, filename) => {
const eleLink = document.createElement('a')
eleLink.download = filename
eleLink.style.display = 'none'
const blob = new Blob([content], { type: 'text/plain' })
eleLink.href = URL.createObjectURL(blob)
document.body.appendChild(eleLink)
eleLink.click()
document.body.removeChild(eleLink)
}
window.importStickers = function (files) {
if (!files.length) return
const reader = new FileReader()
reader.onload = e => {
const text = e.target.result
getStickers(text)
}
reader.readAsText(files[0])
}
window.exportStickers = function () {
let arr = ['==NGA CUSTOM STICKER==', '']
for (let [name, list] of stickerMap) {
arr.push(`#${name}`)
for (let src of list) {
arr.push(src)
}
arr.push('')
}
const text = arr.join('\r\n')
tryDownload(text, 'custom-sticker.txt')
}
let inserted = false
const insertBtn = () => {
if (inserted) return
inserted = true
let index = 0
for (let [name] of stickerMap) {
const safeName = _.escape(name)
const btnBlock = document.querySelector(`#${boxId} .div3 .block_txt_big:last-child`)
btnBlock.insertAdjacentHTML('afterend', `<button class="block_txt_big" onclick="window.setSticker(${index})">${safeName}</button>`)
const stcBlock = document.querySelector(`#${boxId} .div3>span:last-child>div:last-child`)
stcBlock.insertAdjacentHTML('afterend', `<div id="block-${randomNum}-sticker-${index}" class="sticker-${randomNum} sticker-${randomNum}-${index}"></div>`)
index++
}
const box = document.querySelector(`#${boxId} .div1`)
box.insertAdjacentHTML('afterend', `
<div class="sticker-toolbar-${randomNum}">
<button class="block_txt_big" style="position:relative;overflow:hidden">导入<input type="file" class="sticker-import-${randomNum}" onchange="window.importStickers(this.files)" accept=".txt"></button>
<button class="block_txt_big" onclick="window.exportStickers()">导出</button>
</div>
`)
}
const mutationCallback = (mutationsList) => {
for (let mutation of mutationsList) {
const type = mutation.type
const addedNodes = mutation.addedNodes
if (type === 'childList' && addedNodes.length && addedNodes.length < 2) {
addedNodes.forEach(node => {
if (/^commonwindow\d+$/.test(node.id) && node.querySelector('.tip_title .title').innerText === '插入表情') {
boxId = node.id
insertBtn()
}
})
}
}
}
const obConfig = {
subtree: true,
childList: true
}
const targetNode = document.body
const observer = new MutationObserver(mutationCallback)
observer.observe(targetNode, obConfig)
})();