| 削除 | No. | メモ長 | 著者 | 作品名 | url | サイト | 詳細 | 記帳 |
|---|
`) addstyle.add(`#favtable{margin:0 auto; width:100%;} #favpanel a{ text-decoration:none; padding-right:0.5em;} #favpanel td{padding:0 0.5em; max-width:14vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #favpanel tr:nth-child(even){background-color:#f0f0f8;} #favpanel th{background-color:#dde; padding:0.5em 0.5em;} #favpanel img{max-width:100%;} #favpanel span.yhmMyMemo{user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none;} #favpanel .yhmMyMemo{font-size:90%;} #favpanel .favfiltericon{color: #aa7; font-size:99%; cursor:pointer; float: right; user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none;} #favpanel .favhissum{ max-width:2vw !important; } `) if (words.length > 100) { await waitFrame() await waitFrame() } let list = [] words.forEach((w, i) => { list.push(`
${w[1].h}
${w[1]?.sum?.esc()||""}
${aut.autrep().sanit()} を検索 🗊
`)?.childNodes[0]
elegeta('#auta,#changeaut').forEach(e => {
e.addEventListener("click", v => {
db.favo = pref('db.favo') || [];
if (!db.favo.length) return
db.favo.push(db.favo.shift())
pref('db.favo', db.favo)
autsearch()
})
e.addEventListener("mouseup", v => {
if (v.button == 0) return
setTimeout(() => {
db.favo = pref('db.favo') || [];
if (!db.favo.length) return
db.favo.push(db.favo.shift())
pref('db.favo', db.favo)
autsearch()
}, 17)
if (v.button != 1) { v.preventDefault(); return false; }
})
e.addEventListener("contextmenu", v => { v.preventDefault(); return false })
})
} else {
var e = adja(eleget0('//div[@id="side"]'), "afterbegin", `🗊
`)?.childNodes[0]
}
}
function run(node = document) { // run::
autsearch()
elegeta('.autele', node).forEach(v => v.remove())
// 一覧画面
elegeta('.entry', node).forEach(v => {
var title = eleget0('.entry-title>a:first-child', v)?.textContent?.trim()
var aut = db.manga.find(v => v.t === title)?.a
if (aut == "-") {
adja(eleget0('.entry-date', v), "beforeend", `${aut.sanit()}`)
} else if (aut) {
var memo = db.favo.includes(aut.autrep()) // 加工後の作者名で記憶する
var u = `https://webcomics.jp/search?q=${encodeURI(aut.autrep())}`
var l = aut != "-" ? `data-keyr="open:${u}"` : ""
adja(eleget0('.entry-date', v), "beforeend", `${memo?"●":"○"}${aut.autrep().sanit()}`)
} else {
adja(eleget0('.entry-date', v), "beforeend", `？`)
}
})
// 詳細画面
var aut = $('div.comic-info-right div.comic-author')?.text()?.replace("作者: ", "")?.trim() || "-"
var tit = eleget0('//div/div/div/div[@class="comic-title"]/h2/a[1]')?.textContent?.trim()
if (aut && tit) {
if (aut == "-") {
adja(eleget0('.comic-info'), "afterbegin", `${aut.sanit()}`)
} else if (aut) {
var memo = db.favo.includes(aut.autrep()) // 加工後の作者名で記憶する
var u = `https://webcomics.jp/search?q=${encodeURI(aut.autrep())}`
var l = aut != "-" ? `data-keyr="open:${u}"` : ""
V && notify(aut, memo)
adja(eleget0('.comic-info'), "afterbegin", `${memo?"●":"○"}${aut.autrep().sanit()}`)
}
}
}
function elegeta(xpath, node = document) {
if (!xpath || !node) return [];
let flag
if (!/^\.?\//.test(xpath)) return /:inscreen$/.test(xpath) ? [...node.querySelectorAll(xpath.replace(/:inscreen$/, ""))].filter(e => { var eler = e.getBoundingClientRect(); return (eler.top > 0 && eler.left > 0 && eler.left < document.documentElement.clientWidth && eler.top < document.documentElement.clientHeight) }) : /:visible$/.test(xpath) ? [...node.querySelectorAll(xpath.replace(/:visible$/, ""))].filter(e => e.offsetHeight) : [...node.querySelectorAll(xpath)]
try {
var array = [];
var ele = document.evaluate("." + xpath.replace(/:visible$/, ""), node, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
let l = ele.snapshotLength;
for (var i = 0; i < l; i++) array[i] = ele.snapshotItem(i);
return /:visible$/.test(xpath) ? array.filter(e => e.offsetHeight) : array;
} catch (e) { alert(e + "\n" + xpath + "\n" + JSON.stringify(node)); return []; }
}
function eleget0(xpath, node = document) {
if (!xpath || !node) return null;
if (!/^\.?\//.test(xpath)) return /:inscreen$/.test(xpath) ? [...node.querySelectorAll(xpath.replace(/:inscreen$/, ""))].filter(e => { var eler = e.getBoundingClientRect(); return (eler.top > 0 && eler.left > 0 && eler.left < document.documentElement.clientWidth && eler.top < document.documentElement.clientHeight) })[0] ?? null : /:visible$/.test(xpath) ? [...node.querySelectorAll(xpath.replace(/:visible$/, ""))].filter(e => e.offsetHeight)[0] ?? null : node.querySelector(xpath.replace(/:visible$/, ""));
try {
var ele = document.evaluate("." + xpath.replace(/:visible$/, ""), node, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
return ele.snapshotLength > 0 ? ele.snapshotItem(0) : null;
} catch (e) { alert(e + "\n" + xpath + "\n" + JSON.stringify(node)); return null; }
}
function pref(name, store = null) { // prefs(name,data)で書き込み（数値でも文字列でも配列でもオブジェクトでも可）、prefs(name)で読み出し
if (store === null) { // 読み出し
let data = GM_getValue(name) || GM_getValue(name);
if (data == undefined) return null; // 値がない
if (data.substring(0, 1) === "[" && data.substring(data.length - 1) === "]") { // 配列なのでJSONで返す
try { return JSON.parse(data || '[]'); } catch (e) {
alert("データベースがバグってるのでクリアします\n" + e);
pref(name, []);
return;
}
} else return data;
}
if (store === "" || store === []) { // 書き込み、削除
GM_deleteValue(name);
return;
} else if (typeof store === "string") { // 書き込み、文字列
GM_setValue(name, store);
return store;
} else { // 書き込み、配列
try { GM_setValue(name, JSON.stringify(store)); } catch (e) {
alert("データベースがバグってるのでクリアします\n" + e);
pref(name, "");
}
return store;
}
}
function notify(body, title = "") {
if (!("Notification" in window)) return;
else if (Notification.permission == "granted") new Notification(title, { body: body });
else if (Notification.permission !== "denied") Notification.requestPermission().then(function(permission) {
if (permission === "granted") new Notification(title, { body: body });
});
}
function before(e, html) { e?.insertAdjacentHTML('beforebegin', html); return e?.previousElementSibling; }
function begin(e, html) { e?.insertAdjacentHTML('afterbegin', html); return e?.firstChild; }
function end(e, html) { e?.insertAdjacentHTML('beforeend', html); return e?.lastChild; }
function after(e, html) { e?.insertAdjacentHTML('afterend', html); return e?.nextElementSibling; }
function gettime(_fmt = 'YYYY/MM/DD hh:mm:ss.iii', _dt = new Date()) {
return [
['YYYY', _dt.getFullYear()],
['MM', _dt.getMonth() + 1],
['DD', _dt.getDate()],
['hh', _dt.getHours()],
['mm', _dt.getMinutes()],
['ss', _dt.getSeconds()],
['iii', _dt.getMilliseconds()],
].reduce((s, a) => s.replace(a[0], `${a[1]}`.padStart(a[0].length, '0')), _fmt)
}
function sortableTH(selector = "th", cb = () => {}) { // 重複して何度呼んでも大丈夫
elegeta(selector).filter(e => !sortableTH?.titled?.has(e)).forEach(e => {
e.title = `${e?.title?e.title+"\n":""}並べ替え：左クリックで昇順、右クリックで降順`;
e.addEventListener("contextmenu", e => {
e.stopPropagation();
e.preventDefault();
return false;
}, true)
sortableTH.titled = (sortableTH.titled || new Set()).add(e) // 1度やったのを記憶
})
if (!sortableTH?.added?.has(selector + cb?.toString())) { // 呼ばれたのは初めて
document.addEventListener("mousedown", e => { // ソート
if (!e?.target?.matches(selector)) return;
let c = e?.target?.cellIndex;
let tablebottom = e.target.closest('tbody')
var table = e.target.closest('table')
let collator = new Intl.Collator("ja", { numeric: true, sensitivity: 'base' })
var trs = Array.from(table.rows).slice(1).sort((a, b) => collator.compare(a.cells[c].textContent, b.cells[c].textContent) * (e.button ? -1 : 1))
trs.forEach(tr => tablebottom.appendChild(tr))
cb();
}, true)
}
if (!sortableTH?.added?.has(selector + cb?.toString())) document.head.insertAdjacentHTML("beforeend", ``); // この引数は初めて
sortableTH.added = (sortableTH.added || new Set()).add(selector + cb?.toString()) // 1度やったのを記憶
}
// Tableの縦罫線をドラッグで動かす
function setDragCol(dragTarget = "td,th", GRABBABLE_WIDTH_PX = 8) {
if (setDragCol?.done) return;
else setDragCol.done = 1; // 1度しかやらない
document.addEventListener('mousedown', startResize, true);
document.addEventListener('mousemove', e => {
let pare = e?.target?.nodeType == 1 && e?.target?.closest(dragTarget)
if (pare && (e.clientX - pare.getBoundingClientRect().right > -GRABBABLE_WIDTH_PX)) {
if (document.body.style.cursor != 'col-resize') document.body.style.cursor = 'col-resize';
} else {
if (!setDragCol.ingrab && document.body.style.cursor != 'default') document.body.style.cursor = 'default'
}
});
function startResize(e) {
let pare = e?.target?.nodeType == 1 && e?.target?.closest(dragTarget)
if (!pare) return;
if (pare?.getBoundingClientRect()?.right - e?.clientX > GRABBABLE_WIDTH_PX) return;
e.preventDefault();
e.stopPropagation();
let startX = e.clientX;
let startWidth = parseFloat(getComputedStyle(pare).getPropertyValue('width'))
setDragCol.ingrab = 1;
document.addEventListener('mousemove', dragColumn);
document.addEventListener('mouseup', endDrag);
return false;
function dragColumn(em) {
if (["TD", "TH"].includes(pare.tagName)) {
[...pare.closest("table").querySelectorAll(`:is(td,th):nth-child(${pare.cellIndex + 1})`)].forEach(cell => {
cell.style.width = `${startWidth + em.clientX - startX}px`;
cell.style.overflowWrap = "anywhere";
//cell.style.whiteSpace = "break-spaces";
cell.style.whiteSpace = "initial";
cell.style.wordWrap = "break-word";
cell.style.minWidth = `0px`;
cell.style.maxWidth = `${Number.MAX_SAFE_INTEGER}px`;
})
} else {
pare.style.resize = "both";
pare.style.overflow = "auto"
pare.style.width = `${startWidth + em.clientX - startX}px`;
pare.style.minWidth = `0px`;
pare.style.maxWidth = `${Number.MAX_SAFE_INTEGER}px`;
}
}
function endDrag() {
document.removeEventListener('mousemove', dragColumn);
document.removeEventListener('mouseup', endDrag);
setDragCol.ingrab = 0;
};
}
}
function cbOnce(cb) { // callbackを初回に呼ばれたときの１回だけ実行し２度め以降はしない ※要ルートブロックに設置
let cbstr = cb.toString();
if (cbOnce?.done?.has(cbstr)) return;
cbOnce.done = (cbOnce.done || new Set()).add(cbstr)
cb()
}
function waitFrame() { return new Promise(resolve => requestAnimationFrame(resolve)) }
// element.dataset.gmDataListプロパティにclassList.add/removeのような命令セット
function gmDataList_add(ele, name) {
let data = ele?.dataset?.gmDataList?.split(" ") || []
if (!data.includes(name)) {
data.push(name);
ele.dataset.gmDataList = data.join(" ")
}
}
function gmDataList_remove(ele, name) {
let data = ele?.dataset?.gmDataList?.split(" ") || []
if (data.includes(name)) {
data = data.filter(v => v !== name)
if (data.length) ele.dataset.gmDataList = data.join(" ");
else delete ele.dataset.gmDataList;
}
}
function gmDataList_includesPartial(ele, name) {
let data = ele?.dataset?.gmDataList?.split(" ") || []
return data.find(v => v.includes(name))
}
})()