☰

Let's panda!

A login, view, download tool for exhentai & e-hentai

2022/08/20のページです。最新版はこちら。

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
  1. // ==UserScript==
  2. // @name         Let's panda!
  3. // @namespace    https://github.com/Sean2525/Let-s-panda
  4. // @author       sean2525, strong-Ting
  5. // @description  A login, view, download tool for exhentai & e-hentai
  6. // @description:zh-tw 一個用於exhentai和e-hentai的登入、查看、下載的工具
  7. // @description:zh-cn 一个用于exhentai和e-hentai的登录、查看、下载的工具
  8. // @license      MIT
  9. // @require      https://code.jquery.com/jquery-3.2.1.slim.min.js
  10. // @include      https://exhentai.org/
  11. // @include      https://exhentai.org/g/*
  12. // @include      https://e-hentai.org/g/*
  13. // @require      https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.4/jszip.min.js
  14. // @require      https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js
  15. // @require      https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
  16. // @grant        GM_xmlhttpRequest
  17. // @grant        GM.xmlHttpRequest
  18. // @grant        GM_setValue
  19. // @grant        GM_getValue
  20. // @grant        GM.setValue
  21. // @grant        GM.getValue
  22. // @grant        GM_notification
  23. // @grant        GM.notification
  24. // @connect      *
  25. // @run-at       document-end
  26. // @version      0.2.10
  27. // ==/UserScript==
  28.  
  29. jQuery(function ($) {
  30.   /**
  31.    * Output extension
  32.    * @type {String} zip
  33.    *                cbz
  34.    *
  35.    * Tips: Convert .zip to .cbz
  36.    * Windows
  37.    * $ ren *.zip *.cbz
  38.    * Linux
  39.    * $ rename 's/\.zip$/\.cbz/' *.zip
  40.    */
  41.   var outputExt = "zip"; // or 'cbz'
  42.  
  43.   /**
  44.    * Multithreading
  45.    * @type {Number} [1 -> 32]
  46.    */
  47.   var threading = 8;
  48.  
  49.   /**
  50.    * Logging
  51.    * @type {Boolean}
  52.    */
  53.   var debug = false;
  54.  
  55.  
  56.   var viewed = false;
  57.   const loginPage = () => {
  58.     let div = document.createElement("div");
  59.     div.className = "main";
  60.     let username = document.createElement("input");
  61.     let style = document.createElement("style");
  62.     style.innerHTML = `
  63. body {
  64.  background-color: #212121;
  65. }
  66. .main {
  67. display: -webkit-flex;
  68. display: flex;
  69. -webkit-flex-direction: column;
  70. flex-direction: column;
  71. -webkit-align-items: center;
  72. align-items: center;
  73. -webkit-justify-content: center;
  74. justify-content: center;
  75. height: ${window.innerHeight}px;
  76. }
  77. .flex-center{
  78. display: -webkit-flex;
  79. display: flex;
  80. -webkit-align-items: center;
  81. align-items: center;
  82. -webkit-justify-content: center;
  83. justify-content: center;
  84. }
  85. form {
  86. display: -webkit-flex;
  87. display: flex;
  88. -webkit-flex-direction: column;
  89. flex-direction: column;
  90. -webkit-align-items: center;
  91. align-items: center;
  92. -webkit-justify-content: center;
  93. justify-content: center;
  94. }
  95. .image {
  96. position: relative;
  97. margin: 0;
  98. }
  99. .input {
  100. margin-top: 10px;
  101. display: block;
  102. height: 34px;
  103. padding: 6px 12px;
  104. font-size: 14px;
  105. line-height: 1.42857143;
  106. color: #555;
  107. background-color: #fff;
  108. background-image: none;
  109. border: 1px solid #ccc;
  110. border-radius: 4px;
  111. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  112. box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  113. -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  114. -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  115. transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  116. }
  117. .btn {
  118. color: #fff;
  119. background-color: #5cb85c;
  120. border-color: #4cae4c;
  121. margin-top: 10px;
  122. display: inline-block;
  123. font-weight: 400;
  124. line-height: 1.25;
  125. text-align: center;
  126. white-space: nowrap;
  127. vertical-align: middle;
  128. -webkit-user-select: none;
  129. -moz-user-select: none;
  130. -ms-user-select: none;
  131. user-select: none;
  132. border: 1px solid transparent;
  133. padding: .5rem 1rem;
  134. font-size: 1rem;
  135. border-radius: .25rem;
  136. -webkit-transition: all .2s ease-in-out;
  137. -o-transition: all .2s ease-in-out;
  138. transition: all .2s ease-in-out;
  139. }
  140. .btn:hover {
  141.   background-color: #4da64d;
  142. }
  143. .btn-blue {
  144.   color: #fff;
  145.   background-color: #3832dd;
  146.   border-color: #3832dd;
  147.   display: inline-block;
  148.   font-weight: 400;
  149.   line-height: 1.0;
  150.   text-align: center;
  151.   white-space: nowrap;
  152.   vertical-align: middle;
  153.   -webkit-user-select: none;
  154.   -moz-user-select: none;
  155.   -ms-user-select: none;
  156.   user-select: none;
  157.   border: 1px solid transparent;
  158.   padding: .5rem 1rem;
  159.   font-size: 1rem;
  160.   border-radius: .25rem;
  161.   -webkit-transition: all .2s ease-in-out;
  162.   -o-transition: all .2s ease-in-out;
  163.   transition: all .2s ease-in-out;
  164.   }
  165. .btn-blue:hover {
  166.   background-color: #1c15c8;
  167. }
  168. `;
  169.     $("head").append(style);
  170.     const setCookie = (headers) => {
  171.       //
  172.       try {
  173.         headers
  174.           .split("\r\n")
  175.           .find((x) => x.match("cookie"))
  176.           .replace("set-cookie: ", "")
  177.           .split("\n")
  178.           .map(
  179.             (x) =>
  180.               (document.cookie = x.replace(".e-hentai.org", ".exhentai.org") + " secure")
  181.           );
  182.       } catch (err) {
  183.         if (debug) console.log(err);
  184.       }
  185.       document.cookie =
  186.         "yay=; expires=Thu, 01 Jan 1970 00:00:00 UTC; domain=.exhentai.org; path=/; secure";
  187.       
  188.       setTimeout(function () { window.location.reload() }, 3000);
  189.     };
  190.     const clearCookie = () => {
  191.       if (debug) console.log("Clearning cookies");
  192.       document.cookie =
  193.         "yay=; expires=Thu, 01 Jan 1970 00:00:00 UTC; domain=.exhentai.org; path=/; secure";
  194.       window.location.reload();
  195.     };
  196.     let form = document.createElement("form");
  197.     let login = document.createElement("button");
  198.     let wrapper = document.createElement("div");
  199.     let loadding = document.createElement("img");
  200.     let password = document.createElement("input");
  201.     username.placeholder = "Username"
  202.     password.placeholder = "Password"
  203.     let info = document.createElement("p");
  204.     let error = document.createElement("p");
  205.     info.innerHTML = `
  206.     <center>
  207.     If you can't log in, please visit the <a target="_blank" href="https://forums.e-hentai.org/index.php?act=Login&CODE=00"  class='btn-blue'>Forums</a> and log in from there. <br >
  208. Please make sure you are logged in successfully and then click this <button class="clearCookie btn-blue">button</button>
  209.     </center>
  210. `;
  211. info.style.color = "white";
  212.     username.type = "text";
  213.     username.className = "input";
  214.     password.type = "password";
  215.     password.className = "input";
  216.     loadding.src =
  217.       "data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==";
  218.     loadding.style.position = "relative";
  219.     info.hidden = true;
  220.     loadding.hidden = true;
  221.     login.addEventListener("click", () => {
  222.       loadding.hidden = false;
  223.       GM.xmlHttpRequest({
  224.         method: "POST",
  225.         url: "https://forums.e-hentai.org/index.php?act=Login&CODE=01",
  226.         data: `referer=https://forums.e-hentai.org/index.php?&b=&bt=&UserName=${username.value}&PassWord=${password.value}&CookieDate=1"}`,
  227.         headers: {
  228.           "Content-Type": "application/x-www-form-urlencoded",
  229.         },
  230.         onload: function (response) {
  231.           if (debug) console.log(response);
  232.           if (/You are now logged/.exec(response.responseText)) {
  233.             error.style = "color:green";
  234.             error.innerText = "Login succeeded: you will be redirected to exhentai.org in 3 seconds, if you can't access exhentai, don't use private browsing. "
  235.             GM.notification("You will be redirected to exhentai.org in 3 seconds; if you can't access exhentai, don't use private browsing", "Login succeeded");
  236.             setCookie(response.responseHeaders);
  237.           } else if (/IF YOU DO NOT SEE THE CAPTCHA/.exec(response.responseText)) {
  238.             error.style = "color:red";
  239.             error.innerText = "Login failed: Please visit the forums directly and log in from there; reCaptcha has been enabled."
  240.           }
  241.           else {
  242.             error.style = "color:red";
  243.             error.innerText = "Login failed: Please check that your username and password are correct.";
  244.           }
  245.           info.hidden = false;
  246.           loadding.hidden = true;
  247.         },
  248.         onerror: function (err) {
  249.           console.error(err);
  250.           error.style = "color:red";
  251.           error.innerText("Login got error: Please contact me at https://github.com/Sean2525/Let-s-panda/issues");
  252.           loadding.hidden = true;
  253.         },
  254.       });
  255.     });
  256.     login.className = "btn";
  257.     login.innerHTML = "Login";
  258.     form.append(username);
  259.     form.append(password);
  260.     wrapper.className = "flex-center";
  261.     wrapper.append(loadding);
  262.     wrapper.append(login);
  263.     form.append(wrapper);
  264.     form.addEventListener("submit", (e) => {
  265.       e.preventDefault();
  266.     });
  267.     var image = document.createElement("img");
  268.     image.className = "image";
  269.     image.src = "https://i.imgur.com/oX86mGf.png"
  270.     div.append(image);
  271.     div.append(form);
  272.     div.append(error);
  273.     div.append(info);
  274.     $("body").append(div);
  275.     $(".clearCookie").on("click", clearCookie);
  276.   };
  277.  
  278.   const downloadPage = () => {
  279.     var zip = new JSZip(),
  280.       doc = document,
  281.       tit = doc.title,
  282.       $win = $(window),
  283.       loc = /.*\//.exec(doc.location.href)[0],
  284.       prevZip = false,
  285.       current = 0,
  286.       images = [],
  287.       total = 0,
  288.       final = 0,
  289.       failed = 0,
  290.       hrefs = [],
  291.       comicId = location.pathname.match(/\d+/)[0],
  292.       download = document.createElement("p");
  293.  
  294.     const dlImg = ({ index, url }, success, error) => {
  295.       var filename = url.replace(/.*\//g, "");
  296.       var extension = filename.split(".").pop();
  297.       filename = ("0000" + index).slice(-4) + "." + extension;
  298.       if (debug) console.log(filename, "progress");
  299.       GM.xmlHttpRequest({
  300.         method: "GET",
  301.         url: url,
  302.         responseType: "arraybuffer",
  303.         onload: function (response) {
  304.           final++;
  305.           success(response, filename);
  306.         },
  307.         onerror: function (err) {
  308.             final++;
  309.             error(err, filename);
  310.         },
  311.       });
  312.     };
  313.  
  314.     const next = () => {
  315.       download.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a href="#"> Downloading ${final}/${total}</a>`;
  316.       if (debug) console.log(final, current);
  317.       if (final < current) return;
  318.       final < total ? addZip() : genZip();
  319.     };
  320.  
  321.     const end = () => {
  322.       $win.off("beforeunload");
  323.       if(failed > 0){
  324.         alert("Some pages download failed, please unzip and check!");
  325.       }
  326.       if (debug) console.timeEnd("eHentai");
  327.     };
  328.  
  329.     const genZip = () => {
  330.       zip
  331.         .generateAsync({
  332.           type: "blob",
  333.         })
  334.         .then(function (blob) {
  335.           var zipName =
  336.             tit.replace(/\s/g, "_") + "." + comicId + "." + outputExt;
  337.  
  338.           if (prevZip) window.URL.revokeObjectURL(prevZip);
  339.           prevZip = blob;
  340.  
  341.           saveAs(blob, zipName);
  342.           if (debug) console.log("COMPLETE");
  343.           download.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a href="${window.URL.createObjectURL(
  344.             prevZip
  345.           )}" download="${zipName}"> Download completed!</a>`;
  346.           end();
  347.         });
  348.     };
  349.  
  350.     const addZip = () => {
  351.       total = images.length;
  352.       var max = current + threading;
  353.       if (max > total) max = total;
  354.       for (current; current < max; current++) {
  355.         dlImg(
  356.           images[current],
  357.           function (response, filename) {
  358.             zip.file(filename, response.response);
  359.             if (debug) console.log(filename, "success");
  360.             next();
  361.           },
  362.           function (err, filename) {
  363.             final--;
  364.             // retry for once
  365.             dlImg(
  366.               images[current],
  367.               function (response, filename) {
  368.                 zip.file(filename, response.response);
  369.                 if (debug) console.log(filename, "success");
  370.                 next();
  371.               },
  372.               function (err, filename) {
  373.                 failed++;
  374.                 zip.file(
  375.                   filename + "_" + comicId + "_error.gif",
  376.                   "R0lGODdhBQAFAIACAAAAAP/eACwAAAAABQAFAAACCIwPkWerClIBADs=",
  377.                   {
  378.                     base64: true,
  379.                   }
  380.                 );
  381.                 if (debug) console.log(filename, "error");
  382.                 next();
  383.               }
  384.             );
  385.           }
  386.         );
  387.       }
  388.     };
  389.  
  390.     /**
  391.      * Update image download status.
  392.      */
  393.     const getImageNext = () => {
  394.       download.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a href="#">Getting images ${final}/${hrefs.length}</a>`;
  395.       if (debug) console.log(final, current);
  396.       if (final < current) return;
  397.       final < hrefs.length
  398.         ? getImage()
  399.         : (() => {
  400.           current = 0;
  401.           final = 0;
  402.           addZip();
  403.         })();
  404.     };
  405.  
  406.     /**
  407.      * Get all images from hrefs.
  408.      */
  409.     const getImage = () => {
  410.       let max = current + threading;
  411.       if (max > hrefs.length) max = hrefs.length;
  412.       for (current; current < max; current++) {
  413.         if (debug) console.log(hrefs[current]);
  414.         GM.xmlHttpRequest({
  415.           method: "GET",
  416.           url: hrefs[current],
  417.           onload: function (response) {
  418.             let imgNo = parseInt(
  419.               response.responseText.match("startpage=(\\d+)").pop()
  420.             );
  421.             let img = new DOMParser()
  422.               .parseFromString(response.responseText, "text/html")
  423.               .querySelector("#img");
  424.             if (debug) console.log(imgNo, "success");
  425.             images.push({
  426.               index: imgNo,
  427.               url: img.src,
  428.             });
  429.             final++;
  430.             getImageNext();
  431.           },
  432.           onerror: function (err) {
  433.             final++;
  434.             getImageNext();
  435.             if (debug) console.log(err);
  436.           },
  437.         });
  438.       }
  439.     };
  440.  
  441.     /**
  442.      * Get the href of all images from all pages.
  443.      */
  444.     const getHref = () => {
  445.       childNodes = document.querySelector("table[class=ptt] tbody tr")
  446.         .childNodes;
  447.       let page = parseInt(
  448.         childNodes[childNodes.length - 2].textContent.replace(",", "")
  449.       );
  450.       for (let i = 0; i < page; i++) {
  451.         GM.xmlHttpRequest({
  452.           method: "GET",
  453.           url: `${loc}?p=${i}`,
  454.           onload: function (response) {
  455.             if (debug)
  456.               console.log(`page ${i + 1} detect ${response.responseText}`);
  457.             let imgs = [
  458.               ...new DOMParser()
  459.                 .parseFromString(response.responseText, "text/html")
  460.                 .querySelectorAll(".gdtm a"),
  461.             ];
  462.             if (!imgs.length)
  463.               imgs = [
  464.                 ...new DOMParser()
  465.                   .parseFromString(response.responseText, "text/html")
  466.                   .querySelectorAll(".gdtl a"),
  467.               ];
  468.             if (!imgs.length) {
  469.               alert(
  470.                 "There are some issue in the script\nplease open an issue on Github\nhttps://github.com/Sean2525/Let-s-panda/issues"
  471.               );
  472.             }
  473.             imgs.forEach((v) => {
  474.               hrefs.push(v.href);
  475.             });
  476.             if (i == page - 1) {
  477.               getImage();
  478.             }
  479.           },
  480.           onerror: function (err) {
  481.             download.innerHTML =
  482.               '<img src="https://exhentai.org/img/mr.gif"> <a href="#">Get href failed</a>';
  483.             if (i == page - 1) {
  484.               getImage();
  485.             }
  486.             if (debug) console.log(err);
  487.           },
  488.         });
  489.       }
  490.     };
  491.  
  492.     download.className = "g3";
  493.     download.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a class="panda_download" href="#">Download</a>`;
  494.     $("#gd5").append(download);
  495.     $(".panda_download").on("click", () => {
  496.       if (threading < 1) threading = 1;
  497.       if (threading > 32) threading = 32;
  498.       if (debug) console.time("eHentai");
  499.       $win.on("beforeunload", function () {
  500.         return "Progress is running...";
  501.       });
  502.       download.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a href="#">Start Download</a>`;
  503.       getHref();
  504.     });
  505.   };
  506.  
  507.   function view() {
  508.     viewed = true;
  509.     var gdt = document.querySelector("#gdt");
  510.     var gdd = document.querySelector("#gdd");
  511.     var gdo4 = document.querySelector("#gdo4");
  512.     let childNodes = document.querySelector("table[class=ptt] tbody tr")
  513.       .childNodes;
  514.     let lpPage = parseInt(
  515.       childNodes[childNodes.length - 2].textContent.replace(",", "")
  516.     );
  517.  
  518.     var data = document
  519.       .querySelector("body div.gtb p.gpc")
  520.       .textContent.split(" ");
  521.  
  522.     var minPic = parseInt(data[1].replace(",", ""));
  523.     var maxPic = parseInt(data[3].replace(",", ""));
  524.  
  525.     var imgNum = parseInt(
  526.       gdd
  527.         .querySelector("#gdd tr:nth-child(n+6) td.gdt2")
  528.         .textContent.split(" ")[0]
  529.     );
  530.  
  531.     var pagePic = maxPic - minPic + 1;
  532.  
  533.     var status = "false";
  534.     viewer(lpPage, imgNum, minPic, maxPic);
  535.  
  536.     async function viewer(lpPage, imgNum, minPic, maxPic) {
  537.       var Gallery = function (pageNum, imgNum, minPic, maxPic) {
  538.         this.pageNum = pageNum || 0;
  539.         this.imgNum = imgNum || 0;
  540.         this.loc = /.*\//.exec(location.href)[0];
  541.       };
  542.       var viewAll = await GM.getValue("view_all", true);
  543.       Gallery.prototype = {
  544.         imgList: [],
  545.  
  546.         checkFunctional: function () {
  547.           return (this.imgNum > 41 && this.pageNum < 2) || this.imgNum !== 0;
  548.         },
  549.         loadPageUrls: function (element) {
  550.           [].forEach.call(element.querySelectorAll("a[href]"), function (item) {
  551.             console.log("load work");
  552.             var ajax = new XMLHttpRequest();
  553.             ajax.onreadystatechange = async function () {
  554.               if (4 == ajax.readyState && 200 == ajax.status) {
  555.                 var imgNo = parseInt(
  556.                   ajax.responseText.match("startpage=(\\d+)").pop()
  557.                 );
  558.                 var imgDom = new DOMParser()
  559.                   .parseFromString(ajax.responseText, "text/html")
  560.                   .getElementById("img");
  561.                 var src =
  562.                   ajax.responseURL +
  563.                   "?nl=" +
  564.                   /nl\(\'(.*)\'\)/.exec(imgDom.attributes.onerror.value)[1];
  565.                 Gallery.prototype.imgList[imgNo - 1].setAttribute(
  566.                   "data-href",
  567.                   src
  568.                 );
  569.                 Gallery.prototype.imgList[imgNo - 1].childNodes[0].src =
  570.                   imgDom.src;
  571.                 $(Gallery.prototype.imgList[imgNo - 1].childNodes[0]).on(
  572.                   "error",
  573.                   function () {
  574.                     var ajax = new XMLHttpRequest();
  575.                     ajax.onreadystatechange = async function () {
  576.                       if (4 == ajax.readyState && 200 == ajax.status) {
  577.                         var imgNo = parseInt(
  578.                           ajax.responseText.match("startpage=(\\d+)").pop()
  579.                         );
  580.                         var imgDom = new DOMParser()
  581.                           .parseFromString(ajax.responseText, "text/html")
  582.                           .getElementById("img");
  583.                         Gallery.prototype.imgList[imgNo - 1].childNodes[0].src =
  584.                           imgDom.src;
  585.  
  586.                         if ((await GM.getValue("width")) == undefined) {
  587.                           GM.setValue("width", "0.7");
  588.                           console.log("set width:0.7");
  589.                         }
  590.  
  591.                         if ((await GM.getValue("mode")) == undefined) {
  592.                           GM.setValue("mode", "single");
  593.                           console.log("set mode:single");
  594.                         }
  595.  
  596.                         $("#gdt")
  597.                           .find("img")
  598.                           .css(
  599.                             "width",
  600.                             $(window).width() * (await GM.getValue("width"))
  601.                           );
  602.                       }
  603.                     };
  604.                     ajax.open("GET", src);
  605.                     ajax.send(null);
  606.                   }
  607.                 );
  608.                 if ((await GM.getValue("width")) == undefined) {
  609.                   GM.setValue("width", "0.7");
  610.                   console.log("set width:0.7");
  611.                 }
  612.  
  613.                 if ((await GM.getValue("mode")) == undefined) {
  614.                   GM.setValue("mode", "single");
  615.                   console.log("set mode:single");
  616.                 }
  617.  
  618.                 $("#gdt")
  619.                   .find("img")
  620.                   .css(
  621.                     "width",
  622.                     $(window).width() * (await GM.getValue("width"))
  623.                   );
  624.               }
  625.             };
  626.             ajax.open("GET", item.href);
  627.             ajax.send(null);
  628.           });
  629.         },
  630.         getNextPage: function () {
  631.           var LoadPageUrls = this.loadPageUrls;
  632.           var download = this.download_file;
  633.           for (var i = 0; i < this.pageNum; ++i) {
  634.             var ajax = new XMLHttpRequest();
  635.             ajax.onreadystatechange = function () {
  636.               if (4 == this.readyState && 200 == this.status) {
  637.                 var dom = new DOMParser().parseFromString(
  638.                   this.responseText,
  639.                   "text/html"
  640.                 );
  641.                 LoadPageUrls(dom.getElementById("gdt"));
  642.               }
  643.             };
  644.             ajax.open("GET", this.loc + "?p=" + i);
  645.             ajax.send(null);
  646.           }
  647.         },
  648.         claenGDT: function () {
  649.           while (gdt.firstChild && gdt.firstChild.className)
  650.             gdt.removeChild(gdt.firstChild);
  651.         },
  652.  
  653.         generateImg: function (callback) {
  654.           for (var i = 0; i < this.imgNum; i++) {
  655.             if (i < maxPic && i >= minPic - 1) {
  656.               var img = document.createElement("img");
  657.               var a = document.createElement("a");
  658.               img.setAttribute("src", "http://ehgt.org/g/roller.gif");
  659.               a.appendChild(img);
  660.               this.imgList.push(a);
  661.  
  662.               gdt.appendChild(a);
  663.             } else {
  664.               var img = document.createElement("img");
  665.               var a = document.createElement("a");
  666.  
  667.               img.setAttribute("src", "http://ehgt.org/g/roller.gif");
  668.               a.appendChild(img);
  669.  
  670.               this.imgList.push(a);
  671.               if (viewAll) gdt.appendChild(a);
  672.             }
  673.           }
  674.  
  675.           gdt.style.textAlign = "center";
  676.           gdt.style.maxWidth = "100%";
  677.  
  678.           gdo4.innerHTML = ""; //clear origin button(Normal Large)
  679.  
  680.           var style = document.createElement("style");
  681.           style.type = "text/css";
  682.           style.innerHTML = `
  683. div#gdo4{
  684. position:fixed;
  685. width: 150px;
  686. height:32px;
  687. left:unset;
  688. right:10px;
  689. bottom:0px;
  690. top:unset;
  691. text-align:right;
  692. z-index:1;
  693. background:#34353b;
  694. border-radius:5%;
  695. }
  696.  
  697.  
  698.  
  699.  
  700. .double {
  701. font-weight: bold;
  702. //    margin: 0 2px 4px 2px;
  703. float: left;
  704. border-radius: 5px;
  705. height:32px;
  706. width: 32px;
  707. //border: 1px solid #989898;
  708. //background: #4f535b;
  709. background-image: url(https://raw.githubusercontent.com/Sean2525/Let-s-panda/master/icons/2_32.png);
  710. }
  711.  
  712. .double:hover{
  713. background: #4f535b;
  714. background-image: url(https://raw.githubusercontent.com/Sean2525/Let-s-panda/master/icons/2_32.png);
  715. }
  716.  
  717. .single{
  718. font-weight: bold;
  719. //   margin: 0 2px 4px 2px;
  720. float: left;
  721. border-radius: 5px;
  722. height:32px;
  723. width: 32px;
  724. //border: 1px solid #989898;
  725. // background: #4f535b;
  726. background-image: url(https://raw.githubusercontent.com/Sean2525/Let-s-panda/master/icons/1_32.png);
  727. }
  728.  
  729. .size_pic{
  730. font-weight: bold;
  731. //  margin: 0 2px 4px 2px;
  732. float: left;
  733. border-radius: 2px;
  734. height:16px;
  735. width: 16px;
  736. //border: 1px solid #989898;
  737. // background: #4f535b;
  738. }
  739.  
  740. .single:hover{
  741. background: #4f535b;
  742. background-image: url(https://raw.githubusercontent.com/Sean2525/Let-s-panda/master/icons/1_32.png);
  743.  
  744. }
  745.  
  746. .size_btn {
  747. height: 32px;
  748. width: 32px;
  749. border-radius: 100%;
  750. //font-family: Arial;
  751. color: #ffffff;
  752. font-size: 16px;
  753. background: #4f535b;
  754. text-decoration: none;
  755. }
  756.  
  757. .size_btn:hover {
  758. background: #a9adb1;
  759. text-decoration: none;
  760. }
  761. `;
  762.           document.getElementsByTagName("head")[0].appendChild(style);
  763.  
  764.           //show
  765.  
  766.           var single_pic = document.createElement("div"); //create single button
  767.           single_pic.className = "single";
  768.           single_pic.innerHTML += "";
  769.           gdo4.appendChild(single_pic);
  770.  
  771.           var double_pic = document.createElement("div"); //create double button
  772.           double_pic.className = "double";
  773.           double_pic.innerHTML = "";
  774.           gdo4.appendChild(double_pic);
  775.           
  776.           var size_pic_reduce = document.createElement("button");
  777.           size_pic_reduce.className = "size_btn";
  778.           size_pic_reduce.innerHTML += "-";
  779.           gdo4.appendChild(size_pic_reduce);
  780.  
  781.           var size_pic_add = document.createElement("button");
  782.           size_pic_add.className = "size_btn";
  783.           size_pic_add.innerHTML += "+";
  784.           gdo4.appendChild(size_pic_add);
  785.  
  786.           /*
  787.                               const wrap =(width)=>{
  788.                                   let img = $('#gdt').find('img');
  789.  
  790.                                   for(let i = 0;i<img.length;i++){
  791.                                       let wrap = document.createElement('wrap');
  792.                                       wrap.innerHTML='<br>';
  793.                                       if(width>0.5){
  794.                                           gdt.insertBefore(wrap,img[i]);
  795.                                       }
  796.                                       else if(width<=0.5){
  797.                                           if(i%2!==1){
  798.                                               gdt.insertBefore(wrap,img[i]);
  799.                                           }
  800.  
  801.                                       }
  802.                                   }
  803.                               }
  804.           */
  805.  
  806.           document
  807.             .getElementById("gdo4")
  808.             .children[0] //when single button click change value of width
  809.             .addEventListener("click", async function (event) {
  810.               GM.setValue("width", "0.7");
  811.               GM.setValue("mode", "single");
  812.               pic_width(await GM.getValue("width"));
  813.               $("wrap").remove();
  814.  
  815.               wrap(await GM.getValue("width"));
  816.             });
  817.  
  818.           document
  819.             .getElementById("gdo4")
  820.             .children[1] //when double button click change value of width
  821.             .addEventListener("click", async function (event) {
  822.               GM.setValue("width", "0.49");
  823.               GM.setValue("mode", "double");
  824.               let view_reverse = await GM.getValue("view_reverse", true);
  825.               GM.setValue("view_reverse", !view_reverse);
  826.               pic_width(await GM.getValue("width"));
  827.               $("wrap").remove();
  828.  
  829.               wrap(await GM.getValue("mode"));
  830.             });
  831.  
  832.           document
  833.             .getElementById("gdo4")
  834.             .children[3].addEventListener("click", async function (event) {
  835.               var size_width = parseFloat(await GM.getValue("width"));
  836.               if (size_width > 0.1 && size_width < 1.4) {
  837.                 size_width = size_width + 0.1;
  838.                 GM.setValue("width", size_width);
  839.               }
  840.               let _width = await GM.getValue("width");
  841.               pic_width(_width);
  842.               console.log(_width);
  843.             });
  844.  
  845.           document
  846.             .getElementById("gdo4")
  847.             .children[2].addEventListener("click", async function (event) {
  848.               var size_width = parseFloat(await GM.getValue("width"));
  849.               if (size_width > 0.2 && size_width < 1.5) {
  850.                 size_width = size_width - 0.1;
  851.                 GM.setValue("width", size_width);
  852.               }
  853.               let _width = await GM.getValue("width");
  854.               pic_width(_width);
  855.               console.log(_width);
  856.             });
  857.  
  858.           function pic_width(
  859.             width //change width of pics
  860.           ) {
  861.             for (var i = maxPic - minPic + 1; i > 0; i--) {
  862.               $("#gdt")
  863.                 .find("img")
  864.                 .css("width", $(window).width() * width);
  865.             }
  866.           }
  867.  
  868.           callback && callback();
  869.         },
  870.       };
  871.       var g = new Gallery(lpPage, imgNum, minPic, maxPic);
  872.  
  873.       if (g.checkFunctional()) {
  874.         var viewAll = await GM.getValue("view_all", true);
  875.         g.generateImg(function () {
  876.           g.loadPageUrls(gdt);
  877.           g.claenGDT();
  878.           if (g.pageNum && viewAll) g.getNextPage("load");
  879.         });
  880.  
  881.         wrap(await GM.getValue("mode"));
  882.       } else {
  883.         alert(
  884.           "There are some issue in the script\nplease open an issue on Github"
  885.         );
  886.         //window.open("https://github.com/strong-Ting/Gentle-Viewer/issues");
  887.       }
  888.  
  889.       function download_files(lpPage, imgNum, minPic, maxPic) {
  890.         console.log(lpPage, imgNum, minPic, maxPic);
  891.         var download_obj = new Gallery(lpPage, imgNum, minPic, maxPic);
  892.         download_obj.download();
  893.       }
  894.     }
  895.   }
  896.  
  897.   var switchWrap = false;
  898.  
  899.   const wrap = async (width) => {
  900.     let img = $("#gdt").find("a");
  901.     let gdt = document.getElementById("gdt");
  902.     if (switchWrap == true) {
  903.       for (let i = 0; i < img.length; i++) {
  904.         if (i % 2 !== 1) {
  905.           gdt.insertBefore(img[i + 1], img[i]);
  906.         }
  907.       }
  908.       switchWrap = false;
  909.     }
  910.     img = $("#gdt").find("a");
  911.     let view_reverse = await GM.getValue("view_reverse", true);
  912.     for (let i = 0; i < img.length; i++) {
  913.       let wrap = document.createElement("wrap");
  914.       wrap.innerHTML = "<br>";
  915.       if ((await GM.getValue("mode")) == "single") {
  916.         gdt.insertBefore(wrap, img[i]);
  917.       } else if ((await GM.getValue("mode")) == "double") {
  918.         if (i % 2 !== 1) {
  919.           gdt.insertBefore(wrap, img[i]);
  920.           if (view_reverse) {
  921.             switchWrap = true;
  922.             gdt.insertBefore(img[i + 1], img[i]);
  923.           }
  924.         }
  925.       }
  926.     }
  927.   };
  928.  
  929.   const adjustGmid = () => {
  930.     var height = $("#gd5").outerHeight(true);
  931.     height = height >= 330 ? height : 330;
  932.     $("#gmid").height(height);
  933.     $("#gd4").height(height);
  934.   };
  935.  
  936.   const viewAllMode = async () => {
  937.     var view_all_btn = document.createElement("p");
  938.     var view_all = await GM.getValue("view_all", true);
  939.  
  940.     view_all_btn.className = "g3";
  941.     view_all_btn.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a class="panda_view_all" href="#">Viewer page(s): ${view_all ? "All" : "One"}</a>`;
  942.     $("#gd5").append(view_all_btn);
  943.  
  944.     $(".panda_view_all").on("click", async () => {
  945.       view_all = await GM.getValue("view_all", true);
  946.       GM.setValue("view_all", !view_all);
  947.       $(".panda_view_all").html(
  948.         `Viewer page(s): ${view_all ? "All" : "One"}`
  949.       );
  950.       window.location.reload(true);
  951.     });
  952.  
  953.     adjustGmid();
  954.   };
  955.   const viewMode = async () => {
  956.     var view_mode = await GM.getValue("view_mode", true);
  957.     var view_btn = document.createElement("p");
  958.     view_btn.className = "g3";
  959.     view_btn.innerHTML = `<img src="https://exhentai.org/img/mr.gif"> <a class="panda_view" href="#">Viewer ${view_mode ? "Enabled" : "Disabled"
  960.       }</a>`;
  961.  
  962.     $("#gd5").append(view_btn);
  963.  
  964.     $(".panda_view").on("click", async () => {
  965.       view_mode = await GM.getValue("view_mode", true);
  966.       GM.setValue("view_mode", !view_mode);
  967.       $(".panda_view").html(`Viewer ${!view_mode ? "Enabled" : "Disabled"}`);
  968.       if (view_mode) {
  969.         window.location.reload();
  970.       }
  971.       if (!view_mode && !viewed) {
  972.         viewAllMode();
  973.         view();
  974.       }
  975.     });
  976.  
  977.     if (view_mode) {
  978.       viewAllMode();
  979.     }
  980.  
  981.     adjustGmid();
  982.     if (view_mode) {
  983.       view();
  984.     }
  985.   };
  986.  
  987.   if ((e = $("img")).length === 0 && (e = $("dev")).length === 0) {
  988.     loginPage();
  989.   } else if (window.location.href.match(/^https:\/\/e[x-]hentai\.org\/g/)) {
  990.     downloadPage();
  991.     viewMode();
  992.   }
  993. });