i,j,k 키를 눌러보세요
ของเมื่อวันที่
// ==UserScript== // @name 토끼 뷰어 // @name:ko 토끼 뷰어 // @name:en toki viewer // @description i,j,k 키를 눌러보세요 // @description:ko i,j,k 키를 눌러보세요 // @description:en press i to open // @version 240216223045 // @match https://*.net/bbs/* // @match https://*.net/comic/* // @match https://*.com/webtoon/* // @author nanikit // @namespace https://greatest.deepsurf.us/ko/users/713014-nanikit // @connect * // @grant GM_addValueChangeListener // @grant GM_getResourceText // @grant GM_getValue // @grant GM_removeValueChangeListener // @grant GM_setValue // @grant GM_xmlhttpRequest // @grant unsafeWindow // @require https://cdn.jsdelivr.net/npm/[email protected]/require.js // @resource link:@headlessui/react https://cdn.jsdelivr.net/npm/@headlessui/[email protected]/dist/headlessui.prod.cjs // @resource link:@stitches/react https://cdn.jsdelivr.net/npm/@stitches/[email protected]/dist/index.cjs // @resource link:clsx https://cdn.jsdelivr.net/npm/[email protected]/dist/clsx.js // @resource link:fflate https://cdn.jsdelivr.net/npm/[email protected]/lib/browser.cjs // @resource link:jotai https://cdn.jsdelivr.net/npm/[email protected]/index.js // @resource link:jotai/react https://cdn.jsdelivr.net/npm/[email protected]/react.js // @resource link:jotai/react/utils https://cdn.jsdelivr.net/npm/[email protected]/react/utils.js // @resource link:jotai/utils https://cdn.jsdelivr.net/npm/[email protected]/utils.js // @resource link:jotai/vanilla https://cdn.jsdelivr.net/npm/[email protected]/vanilla.js // @resource link:jotai/vanilla/utils https://cdn.jsdelivr.net/npm/[email protected]/vanilla/utils.js // @resource link:react https://cdn.jsdelivr.net/npm/[email protected]/cjs/react.production.min.js // @resource link:react-dom https://cdn.jsdelivr.net/npm/[email protected]/cjs/react-dom.production.min.js // @resource link:react-toastify https://cdn.jsdelivr.net/npm/[email protected]/dist/react-toastify.js // @resource link:scheduler https://cdn.jsdelivr.net/npm/[email protected]/cjs/scheduler.production.min.js // @resource link:vcv-inject-node-env data:,unsafeWindow.process=%7Benv:%7BNODE_ENV:%22production%22%7D%7D // @resource link:vim_comic_viewer https://update.greatest.deepsurf.us/scripts/417893/1328507/vim%20comic%20viewer.js // @resource react-toastify-css https://cdn.jsdelivr.net/npm/[email protected]/dist/ReactToastify.css // ==/UserScript== "use strict"; define("main", (require, exports, module) => { var import_vim_comic_viewer = require("vim_comic_viewer"); async function main() { const isToki = location.origin.match(/manatoki|newtoki/); if (!isToki) { return; } markVisitedLinks(); const buttons = duplicateViewerButton(); const controller = await (0, import_vim_comic_viewer.initialize)({ source: comicSource }); for (const button of buttons) { button.addEventListener("click", async () => { await controller.setImmersive(true); }); } } function duplicateViewerButton() { const template = document.createElement("template"); template.innerHTML = `<a class="show_viewer" alt="뷰어로 보기"> <i class="ion-ios-book at-tip" aria-hidden="true" style="color: blue;"></i> </a>`; const templateButton = template.content.firstElementChild; const buttons = []; const divs = document.querySelectorAll(".toon-nav"); for (const div of divs) { const button = templateButton.cloneNode(true); div.prepend(button); buttons.push(button); } return buttons; } function comicSource() { registerEpisodeNavigator(); return getUrls(); } function registerEpisodeNavigator() { addEventListener("keydown", (event) => { const { ctrlKey, shiftKey, altKey } = event; if (ctrlKey || shiftKey || altKey || import_vim_comic_viewer.utils.isTyping(event)) { return; } switch (event.key) { case "h": case "ArrowLeft": document.getElementById("goPrevBtn")?.click?.(); break; case "l": case "ArrowRight": document.getElementById("goNextBtn")?.click?.(); break; case "t": document.getElementById("sticky-wrapper")?.scrollIntoView({ block: "center" }); break; case "m": document.querySelector(".view-good")?.scrollIntoView({ block: "center" }); break; } }); } function getUrls() { const imgs = document.querySelectorAll( "div.view-padding img" ); const urls = [...imgs].flatMap(getUrl); return urls; } function getUrl(image) { if (image.offsetParent === null) { return []; } const data = Object.values(image.dataset); return data.length ? data : [image.src]; } function markVisitedLinks() { const links = document.querySelectorAll(".post-row a"); const visitedLinks = new Set(GM_getValue("visitedPaths", [])); for (const link of links) { const url = link.getAttribute("href"); if (!url) return; const path = new URL(url).pathname; if (visitedLinks.has(path)) { link.style.color = "#e2e2e2"; } link.addEventListener("click", () => { visitedLinks.add(path); GM_setValue("visitedPaths", [...visitedLinks]); }); } } main(); }); define("tampermonkey_grants", function() { Object.assign(this.window, { GM, GM_addValueChangeListener, GM_getResourceText, GM_getValue, GM_removeValueChangeListener, GM_setValue, GM_xmlhttpRequest, unsafeWindow }); }); requirejs.config({ deps: ["tampermonkey_grants"] }); for (const { name } of GM.info.script.resources.filter(x => x.name.startsWith("link:"))) { define(name.replace("link:", ""), Function("require", "exports", "module", GM_getResourceText(name))); } require(["main"], () => {}, console.error);
