☰

Copy Manga Simple Read

manga reader for copy manga, J/K for UP/DOWN, LEFT/RIGHT for previous/next page.

נכון ליום 07-09-2021. ראה הגרסה האחרונה.

  1. // ==UserScript==
  2. // @name        Copy Manga Simple Read
  3. // @namespace   http://tampermonkey.net/
  4. // @match       https://www.copymanga.com/comic/*/chapter/*
  5. // @grant       none
  6. // @version     1.3
  7. // @author      chemPolonium
  8. // @description manga reader for copy manga, J/K for UP/DOWN, LEFT/RIGHT for previous/next page.
  9. // @run-at      document-end
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.   'use strict'
  14.   
  15.   console.log('test');
  16.   
  17.   let clientHeight = document.body.clientHeight;
  18.   
  19.   document.getElementsByClassName('header')[0].remove();
  20.   
  21.   let comicList = document.getElementsByClassName('comicContent-list')[0];
  22.   // let headerWhiteSpace = comicList.children[0].children[0].offsetTop;
  23.   
  24.   let currentPageInd = -1;
  25.   let currentImage;
  26.   
  27.   let movePage = ((x) => {
  28.     currentPageInd += x;
  29.     currentPageInd = currentPageInd >= 0 ? currentPageInd : 0;
  30.     currentPageInd = currentPageInd < comicList.children.length ? currentPageInd : comicList.children.length - 1;
  31.     currentImage = comicList.children[currentPageInd].children[0];
  32.   })
  33.   
  34.   // window.scrollTo(0, headerWhiteSpace);
  35.   
  36.   let evt = new UIEvent('scroll');
  37.   
  38.   let onePageDown = (() => {
  39.     // simulate the scroll for preload
  40.     // the script is like this: total client height / 3 < window scrollY then not load
  41.     // so first scroll Y to 0
  42.     window.scrollTo(0, 0);
  43.     for (let i = 0; i < 2; i++) {
  44.       window.dispatchEvent(evt);
  45.       // dispatch the scroll event for preload
  46.       movePage(1);
  47.       // the set will not work if important is not added
  48.       currentImage.setAttribute('style', 'height: 100vh !important; width: unset !important;');
  49.     }
  50.     window.scrollTo(0, currentImage.offsetTop);
  51.   })
  52.   
  53.   let onePageUp = (() => {
  54.     movePage(-2);
  55.     window.scrollTo(0, currentImage.offsetTop);
  56.   })
  57.   
  58.   let switchParity = (() => {
  59.     if (comicList.children[0].innerText == 'foo') {
  60.       comicList.children[0].remove();
  61.     } else {
  62.       comicList.insertAdjacentHTML('afterbegin','<li>foo</li>');
  63.     }
  64.   })
  65.   
  66.   let footer = document.getElementsByClassName('footer')[0];
  67.   let footerChildren = footer.children;
  68.   let prevChapterHref = footerChildren[1].children[0].href;
  69.   let nextChapterHref = footerChildren[3].children[0].href;
  70.   let chapterListHref = footerChildren[4].children[0].href;
  71.   
  72.   document.addEventListener('keydown', (event) => {
  73.     switch (event.code) {
  74.       case 'ArrowRight':
  75.         window.location = nextChapterHref;
  76.         break;
  77.       case 'ArrowLeft':
  78.         window.location = prevChapterHref;
  79.         break;
  80.       case 'KeyK':
  81.         onePageUp();
  82.         break;
  83.       case 'KeyJ':
  84.         onePageDown();
  85.         break;
  86.       case 'KeyL':
  87.         window.location = chapterListHref;
  88.         break;
  89.       case 'Semicolon':
  90.         switchParity();
  91.       default:
  92.         console.log('key: ' + event.key + ' code: ' + event.code);
  93.     }
  94.   });
  95.   
  96.   footer.remove();
  97.   comicList.setAttribute('style', 'display:grid;grid-template-columns: repeat(2, 1fr);direction: rtl;')
  98.   
  99. })();