Greasy Fork is available in English.
i,j,k 키를 눌러보세요
// ==UserScript==
// @name 아카 뷰어
// @name:ko 아카 뷰어
// @name:en arca viewer
// @description i,j,k 키를 눌러보세요
// @description:ko i,j,k 키를 눌러보세요
// @description:en press i to open
// @version 240310071513
// @match https://arca.live/b/*/*
// @match https://*.arca.live/b/*/*
// @author nanikit
// @namespace https://greasyfork.org/ko/users/713014-nanikit
// @license MIT
// @connect namu.la
// @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/requirejs@2.3.6/require.js
// @resource link:@headlessui/react https://cdn.jsdelivr.net/npm/@headlessui/react@1.7.17/dist/headlessui.prod.cjs
// @resource link:@stitches/react https://cdn.jsdelivr.net/npm/@stitches/react@1.3.1-1/dist/index.cjs
// @resource link:clsx https://cdn.jsdelivr.net/npm/clsx@2.0.0/dist/clsx.js
// @resource link:fflate https://cdn.jsdelivr.net/npm/fflate@0.8.1/lib/browser.cjs
// @resource link:jotai https://cdn.jsdelivr.net/npm/jotai@2.4.2/index.js
// @resource link:jotai/react https://cdn.jsdelivr.net/npm/jotai@2.4.2/react.js
// @resource link:jotai/react/utils https://cdn.jsdelivr.net/npm/jotai@2.4.2/react/utils.js
// @resource link:jotai/utils https://cdn.jsdelivr.net/npm/jotai@2.4.2/utils.js
// @resource link:jotai/vanilla https://cdn.jsdelivr.net/npm/jotai@2.4.2/vanilla.js
// @resource link:jotai/vanilla/utils https://cdn.jsdelivr.net/npm/jotai@2.4.2/vanilla/utils.js
// @resource link:react https://cdn.jsdelivr.net/npm/react@18.2.0/cjs/react.production.min.js
// @resource link:react-dom https://cdn.jsdelivr.net/npm/react-dom@18.2.0/cjs/react-dom.production.min.js
// @resource link:react-toastify https://cdn.jsdelivr.net/npm/react-toastify@9.1.3/dist/react-toastify.js
// @resource link:scheduler https://cdn.jsdelivr.net/npm/scheduler@0.23.0/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.greasyfork.org/scripts/417893/1336006/vim%20comic%20viewer.js
// @resource react-toastify-css https://cdn.jsdelivr.net/npm/react-toastify@9.1.3/dist/ReactToastify.css
// ==/UserScript==
"use strict";
define("main", (require, exports, module) => {
var import_vim_comic_viewer = require("vim_comic_viewer");
function main() {
registerGlobalKeyHandler();
}
function registerGlobalKeyHandler() {
let viewer = null;
addEventListener("keydown", async (event) => {
switch (event.key) {
case "m":
goToCommentIfEligible(event);
break;
case ";":
await downloadOriginalImages(event, viewer?.downloader);
break;
default:
if (viewer) {
forwardEvent(event, viewer);
return;
}
if (!isEntranceShortcut(event)) {
return;
}
viewer = await initializeViewer(event);
event.stopPropagation();
break;
}
}, { capture: true });
}
async function initializeViewer(event) {
const viewer = await (0, import_vim_comic_viewer.initialize)({ source: comicSource });
if (event.shiftKey) {
viewer.setIsFullscreenPreferred(!viewer.effectivePreferences.isFullscreenPreferred);
} else {
viewer.setImmersive(true);
}
return viewer;
}
function isEntranceShortcut(event) {
const { ctrlKey, altKey } = event;
if (ctrlKey || altKey || import_vim_comic_viewer.utils.isTyping(event)) {
return false;
}
if (!["Insert", "Enter", "i", "I"].includes(event.key)) {
return false;
}
return true;
}
function forwardEvent(event, viewer) {
if (viewer.globalKeyHandler(event)) {
event.stopPropagation();
return;
}
const ancestors = getAncestors(event.target);
if (ancestors.includes(viewer.container)) {
if (viewer.elementKeyHandler(event)) {
event.stopPropagation();
}
}
}
async function downloadOriginalImages(event, downloader) {
if (isCaptureTargetEvent(event)) {
event.stopImmediatePropagation();
await downloader?.downloadAndSave({
images: searchImages().map(getOriginalLink)
});
}
}
function goToCommentIfEligible(event) {
if (isCaptureTargetEvent(event)) {
document.querySelector("#comment > *").scrollIntoView({
block: "center"
});
}
}
function getAncestors(element) {
const ancestors = [];
let cursor = element;
while (cursor) {
ancestors.push(cursor);
cursor = cursor.parentElement;
}
return ancestors;
}
function isCaptureTargetEvent(event) {
const { ctrlKey, altKey, shiftKey } = event;
return !(ctrlKey || altKey || shiftKey || import_vim_comic_viewer.utils.isTyping(event));
}
function comicSource() {
return searchImages().map(getOriginalIfGif);
}
function searchImages() {
return [
...document.querySelectorAll(
".article-content img, .article-content video"
)
];
}
function getOriginalLink(imgOrVideo) {
return imgOrVideo.parentElement?.href ?? imgOrVideo.src;
}
function getOriginalIfGif(imgOrVideo) {
const link = imgOrVideo.parentElement?.href;
if (!link || !new URL(link).pathname.endsWith(".gif")) {
return imgOrVideo.src;
}
return link;
}
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);