☰

Sleazy Fork is available in English.

Pixiv Downloader

一键下载Pixiv各页面原图。支持多图下载，动图下载，按作品标签下载，画师作品批量下载。动图支持格式转换：Gif | Apng | Webp | Webm。下载的图片将保存到以画师名命名的单独文件夹（需要调整tampermonkey“下载”设置为“浏览器API”）。保留已下载图片的记录。

2023-04-10 일자. 최신 버전을 확인하세요.

질문, 리뷰하거나, 이 스크립트를 신고하세요. 
  1. // ==UserScript==
  2. // @name         Pixiv Downloader
  3. // @namespace    https://greasyfork.org/zh-CN/scripts/432150
  4. // @version      0.7.3
  5. // @description:en  Download the original images of Pixiv pages with one click. Supports：multiple illustrations, ugoira(animation), and batch downloads of artists' work. Ugoira support format conversion: Gif | Apng | Webp | Webm. The downloaded images will be saved in a separate folder named after the artist (you need to adjust the tampermonkey "Download" setting to "Browser API"). A record of downloaded images is kept.
  6. // @description  一键下载Pixiv各页面原图。支持多图下载，动图下载，按作品标签下载，画师作品批量下载。动图支持格式转换：Gif | Apng | Webp | Webm。下载的图片将保存到以画师名命名的单独文件夹（需要调整tampermonkey“下载”设置为“浏览器API”）。保留已下载图片的记录。
  7. // @description:zh-TW  一鍵下載Pixiv各頁面原圖。支持多圖下載，動圖下載，按作品標籤下載，畫師作品批次下載。動圖支持格式轉換：Gif | Apng | Webp | Webm。下載的圖片將保存到以畫師名命名的單獨文件夾（需要調整tampermonkey“下載”設置為“瀏覽器API”）。保留已下載圖片的紀錄。
  8. // @author       ruaruarua
  9. // @match        https://www.pixiv.net/*
  10. // @icon         https://www.pixiv.net/favicon.ico
  11. // @noframes
  12. // @grant        GM_xmlhttpRequest
  13. // @grant        GM_download
  14. // @grant        GM_setValue
  15. // @grant        GM_getValue
  16. // @grant        GM_info
  17. // @grant        GM_registerMenuCommand
  18. // @connect      i.pximg.net
  19. // @require      https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js
  20. // @require      https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.js
  21. // @require      https://greasyfork.org/scripts/455256-toanimatedwebp/code/toAnimatedWebp.js?version=1120088
  22. // ==/UserScript==
  23. (function () {
  24.   'use strict';
  25.  
  26.   const style = `
  27. @property --pdl-progress {
  28.   syntax: '<percentage>';
  29.   inherits: true;
  30.   initial-value: 0%;
  31. }
  32. @keyframes pdl_loading {
  33.   100% {
  34.     transform: translate(-50%, -50%) rotate(360deg);
  35.   }
  36. }
  37. [data-theme="dark"] .pdl-btn-all::before {
  38.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");
  39. }
  40. [data-theme="dark"] .pdl-btn-main,
  41. [data-theme="dark"] .pdl-btn-all:hover::before {
  42.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");
  43. }
  44. [data-theme="dark"] .pdl-stop::before {
  45.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E");
  46. }
  47. [data-theme="dark"] .pdl-stop:hover::before {
  48.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23D6D6D6' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E");
  49. }
  50. [data-theme="dark"] .pdl-wrap input:not(:checked):hover {
  51.   background-color: rgba(155, 155, 155);
  52. }
  53. [data-theme="dark"] .pdl-btn.pdl-tag{
  54.   background-color: rgba(255, 255, 255, 0.4);
  55. }
  56. [data-theme="dark"] .pdl-btn.pdl-modal-tag {
  57.   background-color: rgba(255, 255, 255, 0.4);
  58. }
  59. [data-theme="dark"] .pdl-btn.pdl-modal-tag:hover {
  60.   background-color: rgba(255, 255, 255, 0.6);
  61. }
  62. [data-theme="dark"] .pdl-wrap:hover,
  63. [data-theme="dark"] .pdl-stop.pdl-stop:hover,
  64. [data-theme="dark"] .pdl-btn-all.pdl-btn-all:hover {
  65.   color: rgb(214, 214, 214);
  66. }
  67. [data-theme="dark"] .pdl-dialog {
  68.   background-color: rgb(31, 31, 31);
  69. }
  70. [data-theme="dark"] .pdl-dialog-footer button {
  71.   background-color: rgb(245, 245, 245);
  72. }
  73. .pdl-btn {
  74.   position: relative;
  75.   border-top-right-radius: 8px;
  76.   background: no-repeat center/85%;
  77.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%233C3C3C' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");
  78.   color: #01b468;
  79.   display: inline-block;
  80.   font-size: 13px;
  81.   font-weight: bold;
  82.   height: 32px;
  83.   line-height: 32px;
  84.   margin: 0;
  85.   overflow: hidden;
  86.   padding: 0;
  87.   border: none;
  88.   text-decoration: none!important;
  89.   text-align: center;
  90.   text-overflow: ellipsis;
  91.   user-select: none;
  92.   white-space: nowrap;
  93.   width: 32px;
  94.   z-index: 1;
  95.   cursor: pointer;
  96. }
  97. .pdl-btn-main {
  98.   margin: 0 0 0 10px;
  99. }
  100. .pdl-btn-sub {
  101.   bottom: 0;
  102.   background-color: rgba(255, 255, 255, .5);
  103.   left: 0;
  104.   position: absolute;
  105. }
  106. .pdl-btn-sub.artworks{
  107.   position: sticky;
  108.   top: 40px;
  109.   border-radius: 4px;
  110. }
  111. .pdl-btn-sub.presentation{
  112.   position: fixed;
  113.   top: 50px;
  114.   right: 16px;
  115.   border-radius: 8px;
  116.   left: auto;
  117. }
  118. .pdl-btn-sub-bookmark.pdl-btn-sub-bookmark {
  119.   left: auto;
  120.   right: 0;
  121.   bottom: 34px;
  122.   border-radius: 8px;
  123.   border-top-right-radius: 0px;
  124.   border-bottom-right-radius: 0px;
  125. }
  126. .pdl-error.pdl-error {
  127.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23EA0000' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E");
  128. }
  129. .pdl-complete.pdl-complete {
  130.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%2301B468' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'%3E%3C/path%3E %3C/svg%3E");
  131. }
  132. .pdl-progress.pdl-progress {
  133.   background-image: none;
  134.   cursor: default;
  135. }
  136. .pdl-progress:after{
  137.   content: '';
  138.   display: inline-block;
  139.   position: absolute;
  140.   top: 50%;
  141.   left: 50%;
  142.   width: 27px;
  143.   height: 27px;
  144.   transform: translate(-50%, -50%);
  145.   -webkit-mask: radial-gradient(transparent, transparent 54%, #000 57%, #000);
  146.   mask: radial-gradient(transparent, transparent 54%, #000 57%, #000);
  147.   border-radius: 50%;
  148. }
  149. .pdl-progress:not(:empty):after {
  150.   background: conic-gradient(#01B468 0, #01B468 var(--pdl-progress), transparent var(--pdl-progress), transparent);
  151.   transition: --pdl-progress .2s ease;
  152. }
  153. .pdl-progress:empty:after {
  154.   background: conic-gradient(#01B468 0, #01B468 25%, #01B46833 25%, #01B46833);
  155.   animation: 1.5s infinite linear pdl_loading;
  156. }
  157. .pdl-nav-placeholder {
  158.   flex-grow: 1;
  159.   height: 42px;
  160.   line-height: 42px;
  161.   text-align: right;
  162.   font-weight: bold;
  163.   font-size: 16px;
  164.   color: rgb(133, 133, 133);
  165.   border-top: 4px solid transparent;
  166.   cursor: default;
  167.   white-space: nowrap;
  168. }
  169. .pdl-btn-all.pdl-btn-all,
  170. .pdl-stop.pdl-stop {
  171.   background-color: transparent;
  172.   border: none;
  173.   padding: 0 10px;
  174. }
  175. .pdl-btn-all.pdl-btn-all:hover,
  176. .pdl-stop.pdl-stop:hover {
  177.   color: rgb(31, 31, 31);
  178. }
  179. .pdl-btn-all::before,
  180. .pdl-stop::before {
  181.   content: '';
  182.   height: 24px;
  183.   width: 24px;
  184.   transition: background-image 0.2s ease 0s;
  185.   background: no-repeat center/85%;
  186. }
  187. .pdl-btn-all::before {
  188.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");
  189. }
  190. .pdl-stop::before {
  191.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%23858585' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E");
  192. }
  193. .pdl-btn-all:hover::before{
  194.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'%3E%3C/path%3E %3C/svg%3E");
  195. }
  196. .pdl-stop:hover::before {
  197.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E %3Cpath fill='%231F1F1F' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E %3C/svg%3E");
  198. } 
  199. .pdl-hide {
  200.   display: none!important;
  201. }
  202. .pdl-wrap {
  203.   text-align: right;
  204.   padding-right: 24px;
  205.   font-weight: bold;
  206.   font-size: 14px;
  207.   line-height: 14px;
  208.   color: rgb(133, 133, 133);
  209.   transition: color 0.2s ease 0s;
  210. }
  211. .pdl-wrap:hover {
  212.   color: rgb(31, 31, 31);
  213. }
  214. .pdl-wrap label {
  215.   padding-left: 8px;
  216.   cursor: pointer;
  217. }
  218. .pdl-wrap input {
  219.   vertical-align: top;
  220.   appearance: none;
  221.   position: relative;
  222.   box-sizing: border-box;
  223.   width: 28px;
  224.   border: 2px solid transparent;
  225.   cursor: pointer;
  226.   border-radius: 14px;
  227.   height: 14px;
  228.   background-color: rgba(133, 133, 133);
  229.   transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
  230. }
  231. .pdl-wrap input:hover {
  232.   background-color: rgba(31, 31, 31);
  233. }
  234. .pdl-wrap input::after {
  235.   content: "";
  236.   position: absolute;
  237.   display: block;
  238.   top: 0px;
  239.   left: 0px;
  240.   width: 10px;
  241.   height: 10px;
  242.   transform: translateX(0px);
  243.   background-color: rgb(255, 255, 255);
  244.   border-radius: 10px;
  245.   transition: transform 0.2s ease 0s;
  246. }
  247. .pdl-wrap input:checked {
  248.   background-color: rgb(0, 150, 250);
  249. }
  250. .pdl-wrap input:checked::after {
  251.   transform: translateX(14px);
  252. }
  253. .pdl-wrap-artworks {
  254.   position: absolute;
  255.   right: 8px;
  256.   top: 0px;
  257.   bottom: 0px;
  258.   margin-top: 40px;
  259. }
  260. .pdl-modal * {
  261.   font-family: 'win-bug-omega, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif';
  262.   line-height: 1.15;
  263. }
  264. .pdl-modal {
  265.   position: fixed;
  266.   top: 0;
  267.   left: 0;
  268.   width: 100%;
  269.   height: 100%;
  270.   display: flex;
  271.   z-index: 99;
  272.   background-color: rgba(0, 0, 0, 0.32);
  273.   user-select: none;
  274. }
  275. .pdl-dialog {
  276.   position: relative;
  277.   background-color: #fff;
  278.   border-radius: 24px;
  279.   margin: auto;
  280.   padding: 20px 40px 30px 40px;
  281.   max-width: 720px;
  282.   min-width: 500px;
  283.   font-size: 16px;
  284. }
  285. .pdl-dialog-header > h3 {
  286.   font-weight: bold;
  287.   font-size: 1.17em;
  288.   margin: 1em 0;
  289. }
  290. .pdl-dialog p {
  291.   margin: 1em 0px;
  292.   overflow-wrap: break-word;
  293. }
  294. .pdl-dialog-close {
  295.   position: absolute;
  296.   top: 10px;
  297.   right: 10px;
  298.   margin: 0;
  299.   padding: 0;
  300.   width: 25px;
  301.   height: 25px;
  302.   border: none;
  303.   cursor: pointer;
  304.   border-radius: 50%;
  305.   background-color: transparent;
  306.   transform: rotate(45deg);
  307.   transition: 0.25s background-color;
  308.   background: linear-gradient(rgb(125, 125, 125) 0%, rgb(125, 125, 125) 100%) center/18px 2px no-repeat,
  309.     linear-gradient(rgb(125, 125, 125) 0%, rgb(125, 125, 125) 100%) center/2px 18px no-repeat;
  310. }
  311. .pdl-dialog-close:hover {
  312.   background-color: rgba(0, 0, 0, 0.05);
  313. }
  314. .pdl-dialog-content {
  315.   user-select: text;
  316. }
  317. .pdl-btn.pdl-tag {
  318.   height: auto;
  319.   border-top-right-radius: 4px;
  320.   border-bottom-right-radius: 4px;
  321.   left: -1px;
  322.   background-color: rgba(0, 0, 0, 0.12);
  323.   transition: background-image 0.5s;
  324. }
  325. .pdl-btn.pdl-tag.pdl-tag-hide,
  326. .pdl-btn.pdl-modal-tag.pdl-tag-hide{
  327.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E  %3C/svg%3E");
  328.   pointer-events: none;
  329. }
  330. .pdl-btn.pdl-modal-tag {
  331.   position: absolute;
  332.   right: 65px;
  333.   top: 6px;
  334.   background-origin: content-box;
  335.   border-radius: 4px;
  336.   padding: 5px;
  337.   width: 42px;
  338.   height: 50px;
  339.   background-color: rgba(0,0,0,0.04);
  340.   transition: .25s background-color;
  341. }
  342. .pdl-btn.pdl-modal-tag:not(.pdl-tag-hide):hover {
  343.   background-color: rgba(0,0,0,0.12);
  344. }
  345. `;
  346.   function addStyle() {
  347.     const sty = document.createElement('style');
  348.     sty.innerHTML = style;
  349.     document.head.appendChild(sty);
  350.   }
  351.  
  352.   function debugLog(...msgs) {
  353.   }
  354.  
  355.   const defaultSettings = {
  356.     version: "0.7.3",
  357.     ugoriaFormat: "zip",
  358.     folderPattern: "pixiv/{artist}",
  359.     filenamePattern: "{artist}_{title}_{id}_p{page}",
  360.     tagLang: "ja",
  361.     showMsg: true,
  362.     log: false,
  363.   };
  364.   const regexp = {
  365.     artworksPage: /artworks\/(\d+)$/,
  366.     userPage: /users\/(\d+)/,
  367.     bookmarkPage: /users\/\d+\/bookmarks\/artworks/,
  368.     userPageTags:
  369.       /users\/\d+\/(artworks|illustrations|manga|bookmarks(?!artworks))/,
  370.     ppSearchPage: /\/tags\/.*\/(artworks|illustrations|manga)/,
  371.     suscribePage: /bookmark_new_illust/,
  372.     activityHref: /illust_id=(\d+)/,
  373.     originSrcPageNum: /(?<=_p)\d+/,
  374.   };
  375.   const artworkType = {
  376.     ILLUSTS: 0,
  377.     MANGA: 1,
  378.     UGOIRA: 2,
  379.   };
  380.   const depsUrls = {
  381.     gifWorker:
  382.       "https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.worker.js",
  383.     pako: "https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js",
  384.     upng: "https://cdnjs.cloudflare.com/ajax/libs/upng-js/2.1.0/UPNG.min.js",
  385.   };
  386.   const creditCode = `<img style="display: block; margin: 1em auto; width: 200px"
  387. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAADzWSURBVHhe7Z0HnBRF9sdrMyxZoiCegKCCOZ3xzKcCgp56CoqKohj+6pmznBGMGM+cQDALBgwneuZ4nieGU5KKIoqAIrCEDf1/3zddQ29vd09P2oD++BQzW93TXV316uWqLvhZUCowv8P8+OOP5uOPPzY9evQwvXr1MoWFhe6RYDiOY2bPnm2+/vprs+WWW5p27dq5R37bWCEwNTU1K6WDfvNYvny5M2LECKd58+bOjjvu6Hz77bfukXB88803zuabb+60aNHCueqqq5xVq1a5R+JB+t79tmZBnms5U7IqQWdrHhYvXmymTZvm/hWNlStXmpkzZxohMOVCcK9UKCkpMT/88INZtmyZqa6uNgUFBe6RaHzxxRdm6dKl7l9rJKqieX0Txi+//GKGDh1qhKOYs846y1RVRc+fsrIy0759eyWOyspK2Ll7JBxrr722ef31182ECRPMyJEjTXFxsXskHOeee67p27ev+b//+79Y92iqWGMJCy4yb9481YNeeOGFlBwINbNbt26qV8G94g567969lYDXWmsttyYatIM2iWqLGuLWrnlYYwmrdevWyoHATz/9ZL777jv9HgYIqmPHjqaoqEg5FmIUAsg1xo4dax588EFz/fXXm/Lycrd2zUOTIiy4CDqNKMluTThatmxpNt54YxVPiMXvv/8+JaF07dpVCYvrw1nywVHatm1rDjvsMLU64+hk6G60Jc4zNyY0GcJCPI0ePdoMGjTIiAWmXCUKDNr+++9vNthgA7PeeuupmEs1kB06dFDCgqDgcg0tqrj/zTffbAYPHmzGjRuXUk9sVJDGL5OZ3OghHMfZZpttYDmO6DXOl19+6R4JhwyEI7PdmTNnjn5PhX/9619Oq1at9B4nn3yyuiDiQvrR/ZY7VFRUOMJFtT177723s2TJEvdI44b0xZImw7FQjvv166cc5auvvjJTp05VMREFzu3UqZPp3r27fk8FxJQ9LxXH4t633Xab2XrrrVVfSsVBM0GzZs3MlVdeaf70pz+Z4cOHm+bNm7tHmgCaCscC77//vtOmTRudwZtuuqkjg+8eiQYz/7PPPnNk8N2aYMyePdvp3LmzXn+PPfZwfv31V/dIXcyfP9/Zbrvt9Ny+ffsqV4xC3DYEAU4lhOz+1fjRpDiWtNdstdVWZt9999W/P/30UzNlyhT9ngrXXHON2XHHHdWHFAUh2mRYZtGiRZEcCwcnliOAy6XyYV133XXahlGjRrk18dGiRYuU4aVGh8bAscTaiz0jZ8yYoSEUabrqWmLxuUfCIaJEzxcCcObNm+fW1gXtsHrcH/7wh0iO+MUXXzg9evTQc//4xz86QojukbrgulZXEmPCrQ0HoaFrr73WkYngiBUcW3+jD9PRC/OFRsGx3nvvPXPUUUeZ++67L5aesv7665tjjjlGvwuRmXvuuUe/R0EGXj/Ri15++WX9HgS87zvttJN+h3NFcSFcHzhhgYjPSP1HjAJ1kwARsfoZhaefflq565gxY8xTTz0Vyy1BKOqGG25QVwb6Z4OjoTnWgQce6EjHafD3zTffdGuj8c477ziiaMfiFkBEpiNEo+eLEhzKHeEMIt6cCy+8UC3EKC767rvvOq1bt9ZrCqG7tcE47rjj9DzKs88+69YGg/tvttlmei5t5j5xMHPmTGejjTbSvtxnn30y0uVyhUbBsbB40FGYccOGDdMwTCrgm8IaYyb/73//M//+97/dI8HgfOl09XSjR4VxAOrx2F922WVm1113jeQUePJFIdfv1sMfBvxjOGy32GILs+2227q1wXj44YfNl19+qd+HDBlixEjR76lAG0jd6dmzp+qhcazgvKKhORbWkrDv5Iw++OCDI60xi0cffVR1LazEl156ya0NBj6s//znP8ot0tFZoiDErHqTEIxytygsXLjQefHFF9UqTKVL3nXXXcq9hRidV155Ja22LliwQP176HQNCThWAYQlM7NBg1b//e9/zX777adcoFWrVkaIxuy99956LIxr4IV+5plnVNfBw17fPh70tY8++kitVThFrjgEz/PEE08ohxswYECsjInGBumTpQ3OsZiRzOKLLrrIKSkpUa5Fot3PP//snpFbYOkxo9PhBL8jPcCxGlzHgiPhozn99NONKPJah2ed2GBcEGT+8MMPk7E0eTb99IPcKeJuf//732OnxdQnPvnkkzUnAbChOZYX0qnO3/72N+eBBx5QX04criImv3PEEUeolYjfB+4X9jtSj+WRndLSUmfatGlubV288MILzvHHH+98+umnbk1d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"
  388. />`;
  389.  
  390.   const handleWorker = `
  391. let webpApi = {};
  392. Module.onRuntimeInitialized = () => {
  393.   webpApi = {
  394.     init: Module.cwrap('init', '', ['number', 'number', 'number']),
  395.     createBuffer: Module.cwrap('createBuffer', 'number', ['number']),
  396.     addFrame: Module.cwrap('addFrame', 'number', ['number', 'number', 'number']),
  397.     generate: Module.cwrap('generate', 'number', []),
  398.     freeResult: Module.cwrap('freeResult', '', []),
  399.     getResultPointer: Module.cwrap('getResultPointer', 'number', []),
  400.     getResultSize: Module.cwrap('getResultSize', 'number', []),
  401.   };
  402.  
  403.   postMessage('ok');
  404. };
  405.  
  406. onmessage = (evt) => {
  407.   const { dataURLs, delays, lossless = 1, quality = 75, method = 4} = evt.data;
  408.   
  409.   webpApi.init(lossless, quality, method);
  410.   dataURLs.forEach((dataURL, idx) => {
  411.     const base64 = dataURL.split(',')[1];
  412.     const binStr = atob(base64);
  413.     const u8a = new Uint8Array(binStr.length);
  414.     let p = binStr.length;
  415.     while (p) {
  416.       p--;
  417.       u8a[p] = binStr.codePointAt(p);
  418.     }
  419.  
  420.     const pointer = webpApi.createBuffer(u8a.length);
  421.     Module.HEAPU8.set(u8a, pointer);
  422.     webpApi.addFrame(pointer, u8a.length, delays[idx]);
  423.     postMessage(idx);
  424.   });
  425.  
  426.   webpApi.generate();
  427.   const resultPointer = webpApi.getResultPointer();
  428.   const resultSize = webpApi.getResultSize();
  429.   const result = new Uint8Array(Module.HEAP8.buffer, resultPointer, resultSize);
  430.   postMessage(result);
  431.   webpApi.freeResult();
  432. };`;
  433.  
  434.   function initialDeps(urls) {
  435.     return Promise.all([
  436.       _getGifWS(urls.gifWorker),
  437.       _getApngWS(urls.pako, urls.upng),
  438.       _getWebpWS(),
  439.     ]).then(([gif, apng, webp]) => {
  440.       this._deps.gif = URL.createObjectURL(new Blob([gif], { type: 'text/javascript' }));
  441.       this._deps.apng = URL.createObjectURL(new Blob([apng], { type: 'text/javascript' }));
  442.       this._deps.webp = URL.createObjectURL(new Blob([webp], { type: 'text/javascript' }));
  443.       return this;
  444.     });
  445.   }
  446.   function _fetchDeps(url) {
  447.     return fetch(url)
  448.       .then((res) => {
  449.         if (res.ok) return res.text();
  450.         throw new Error(res.status + res.statusText);
  451.       })
  452.       .catch((err) => {
  453.         console.log('[Pixiv Downloader]Fetch dependency failed.', url, err);
  454.         return '';
  455.       });
  456.   }
  457.   async function _getGifWS(url) {
  458.     let gifWS;
  459.     if (!(gifWS = await GM_getValue('gifWS'))) {
  460.       gifWS = await _fetchDeps(url);
  461.       if (!gifWS) throw new Error('[Pixiv Downloader]Can not fetch gif worker script.');
  462.       GM_setValue('gifWS', gifWS);
  463.     }
  464.     return gifWS;
  465.   }
  466.   async function _getApngWS(pakoUrl, upngUrl) {
  467.     let apngWS;
  468.     if (!(apngWS = await GM_getValue('apngWS'))) {
  469.       let pako = _fetchDeps(pakoUrl);
  470.       let upng = _fetchDeps(upngUrl);
  471.       pako = await pako;
  472.       upng = await upng;
  473.       if (!pako || !upng) throw new Error('[Pixiv Downloader]Can not fetch apng script.');
  474.       upng = upng.replace('window.UPNG', 'UPNG').replace('window.pako', 'pako');
  475.       const workerEvt = `onmessage = (evt) => {
  476.       const {data, width, height, delay } = evt.data;
  477.       const png = UPNG.encode(data, width, height, 0, delay, {loop: 0});
  478.       if (!png) console.log('Convert Apng failed.');
  479.       postMessage(png);
  480.     };`;
  481.       apngWS = workerEvt + pako + upng;
  482.       GM_setValue('apngWS', apngWS);
  483.     }
  484.     return apngWS;
  485.   }
  486.   function _getWebpWS() {
  487.     return workerChunk + handleWorker;
  488.   }
  489.   function _createImgElements(zip) {
  490.     const eles = [];
  491.     zip.forEach((relativePath, file) => {
  492.       eles.push(
  493.         new Promise((resolve) => {
  494.           const image = new Image();
  495.           image.onload = () => {
  496.             resolve(image);
  497.           };
  498.           file.async('blob').then((blob) => void (image.src = URL.createObjectURL(blob)));
  499.         })
  500.       );
  501.     });
  502.     return Promise.all(eles);
  503.   }
  504.   function createInstance() {
  505.     const zip = new JSZip();
  506.     const freeApngWorkers = [];
  507.     const freeWebpWorkers = [];
  508.     const MAX_CONVERT = 2;
  509.     let queue = [];
  510.     let active = [];
  511.     let isStop = false;
  512.     const convertTo = {
  513.       webp: (frames, convertMeta) => {
  514.         return new Promise((resolve, reject) => {
  515.           let worker;
  516.           let reuse = false;
  517.           if (freeWebpWorkers.length) {
  518.             worker = freeWebpWorkers.shift();
  519.             reuse = true;
  520.           } else {
  521.             worker = new Worker(this._deps.webp);
  522.           }
  523.           convertMeta.abort = convertMeta._baseAbort.bind(null, () => {
  524.             reject('[Info]Convert stop manually, reject when convert webp. ' + convertMeta.id);
  525.             worker.terminate();
  526.           });
  527.           const workerLoad = new Promise((resolve) => {
  528.             if (reuse) return resolve();
  529.             worker.onmessage = (evt) => {
  530.               if (evt.data === 'ok') {
  531.                 resolve();
  532.               }
  533.             };
  534.           });
  535.           let dataURLs = [];
  536.           let canvas = document.createElement('canvas');
  537.           const width = (canvas.width = frames[0].naturalWidth);
  538.           const height = (canvas.height = frames[0].naturalHeight);
  539.           const context = canvas.getContext('2d', { willReadFrequently: true });
  540.           const delays = convertMeta.framesInfo.map((frameInfo) => {
  541.             return Number(frameInfo.delay);
  542.           });
  543.           dataURLs = frames.map((frame, idx) => {
  544.             if (convertMeta.isAborted)
  545.               throw '[Info]Convert stop manually when converting image to webp. ' + convertMeta.id;
  546.             context.clearRect(0, 0, width, height);
  547.             context.drawImage(frame, 0, 0, width, height);
  548.             const dataURL = canvas.toDataURL('image/webp', 1);
  549.             if (typeof convertMeta.onProgress === 'function') {
  550.               debugLog('[Info]Webp convert phrase 1:', convertMeta.id);
  551.               convertMeta.onProgress((idx / frames.length) * 0.5, 'webp');
  552.             }
  553.             return dataURL;
  554.           });
  555.           workerLoad.then(() => {
  556.             worker.onmessage = (evt) => {
  557.               if (typeof evt.data !== 'object') {
  558.                 if (typeof convertMeta.onProgress === 'function') {
  559.                   debugLog('[Info]Webp convert phrase 2:', convertMeta.id, evt.data);
  560.                   convertMeta.onProgress(0.5 + (evt.data / frames.length) * 0.5, 'webp');
  561.                 }
  562.               } else {
  563.                 freeWebpWorkers.push(worker);
  564.                 resolve(new Blob([evt.data], { type: 'image/webp' }));
  565.               }
  566.             };
  567.             worker.postMessage({ dataURLs, delays });
  568.           });
  569.         });
  570.       },
  571.       gif: (frames, convertMeta) => {
  572.         return new Promise((resolve, reject) => {
  573.           let gif = new GIF({
  574.             workers: 2,
  575.             quality: 10,
  576.             workerScript: this._deps.gif,
  577.           });
  578.           convertMeta.abort = convertMeta._baseAbort.bind(null, gif.abort.bind(gif));
  579.           debugLog('[Info]Start convert:', convertMeta.id);
  580.           frames.forEach((frame, i) => {
  581.             gif.addFrame(frame, { delay: convertMeta.framesInfo[i].delay });
  582.           });
  583.           gif.on(
  584.             'progress',
  585.             (() => {
  586.               const type = 'gif';
  587.               return (progress) => {
  588.                 debugLog('[Info]Convert progress:', convertMeta.id);
  589.                 if (typeof convertMeta.onProgress === 'function')
  590.                   convertMeta.onProgress(progress, type);
  591.               };
  592.             })()
  593.           );
  594.           gif.on('finished', (gifBlob) => {
  595.             gif = null;
  596.             resolve(gifBlob);
  597.           });
  598.           gif.on('abort', () => {
  599.             gif = null;
  600.             reject('[Info]Convert stop: abort. ' + convertMeta.id);
  601.           });
  602.           gif.render();
  603.         });
  604.       },
  605.       png: (frames, convertMeta) => {
  606.         return new Promise((resolve, reject) => {
  607.           let canvas = document.createElement('canvas');
  608.           const width = (canvas.width = frames[0].naturalWidth);
  609.           const height = (canvas.height = frames[0].naturalHeight);
  610.           const context = canvas.getContext('2d', { willReadFrequently: true });
  611.           const data = [];
  612.           const delay = convertMeta.framesInfo.map((frameInfo) => {
  613.             return Number(frameInfo.delay);
  614.           });
  615.           frames.forEach((frame) => {
  616.             if (convertMeta.isAborted)
  617.               throw '[Info]Convert stop manually, reject when drawImage. ' + convertMeta.id;
  618.             context.clearRect(0, 0, width, height);
  619.             context.drawImage(frame, 0, 0, width, height);
  620.             data.push(context.getImageData(0, 0, width, height).data);
  621.           });
  622.           canvas = null;
  623.           debugLog('[Info]Start convert:', convertMeta.id);
  624.           let worker;
  625.           if (freeApngWorkers.length) {
  626.             worker = freeApngWorkers.shift();
  627.           } else {
  628.             worker = new Worker(this._deps.apng);
  629.           }
  630.           convertMeta.abort = convertMeta._baseAbort.bind(null, () => {
  631.             reject('[Info]Convert stop manually, reject when convert apng. ' + convertMeta.id);
  632.             worker.terminate();
  633.           });
  634.           worker.onmessage = function (e) {
  635.             freeApngWorkers.push(worker);
  636.             if (!e.data) {
  637.               return reject('[Error]apng data is null. ' + convertMeta.id);
  638.             }
  639.             const pngBlob = new Blob([e.data], { type: 'image/png' });
  640.             resolve(pngBlob);
  641.           };
  642.           const cfg = { data, width, height, delay };
  643.           worker.postMessage(cfg);
  644.         });
  645.       },
  646.       webm: (frames, convertMeta) => {
  647.         return new Promise((resolve, reject) => {
  648.           let canvas = document.createElement('canvas');
  649.           const width = (canvas.width = frames[0].naturalWidth);
  650.           const height = (canvas.height = frames[0].naturalHeight);
  651.           const context = canvas.getContext('2d');
  652.           const stream = canvas.captureStream();
  653.           const recorder = new MediaRecorder(stream, {
  654.             mimeType: 'video/webm',
  655.             videoBitsPerSecond: 80000000,
  656.           });
  657.           const delay = convertMeta.framesInfo.map((frame) => {
  658.             return Number(frame.delay);
  659.           });
  660.           let data = [];
  661.           let frame = 0;
  662.           const displayFrame = () => {
  663.             context.clearRect(0, 0, width, height);
  664.             context.drawImage(frames[frame], 0, 0);
  665.             if (convertMeta.isAborted) {
  666.               return recorder.stop();
  667.             }
  668.             setTimeout(() => {
  669.               if (typeof convertMeta.onProgress === 'function')
  670.                 convertMeta.onProgress((frame + 1) / frames.length, 'webm');
  671.               if (frame === frames.length - 1) {
  672.                 return recorder.stop();
  673.               } else {
  674.                 frame++;
  675.               }
  676.               displayFrame();
  677.             }, delay[frame]);
  678.           };
  679.           recorder.ondataavailable = (event) => {
  680.             if (event.data && event.data.size) {
  681.               data.push(event.data);
  682.             }
  683.           };
  684.           recorder.onstop = () => {
  685.             canvas = null;
  686.             if (convertMeta.isAborted) {
  687.               return reject(
  688.                 '[info]Convert stop manually, reject when convert webm.' + convertMeta.id
  689.               );
  690.             }
  691.             resolve(new Blob(data, { type: 'video/webm' }));
  692.           };
  693.           displayFrame();
  694.           recorder.start();
  695.         });
  696.       },
  697.     };
  698.     const convert = (convertMeta) => {
  699.       const { id, data, convertResolve, convertReject } = convertMeta;
  700.       let frames;
  701.       active.push(convertMeta);
  702.       if (typeof convertMeta.onProgress === 'function') convertMeta.onProgress(0, 'zip');
  703.       zip
  704.         .folder(id)
  705.         .loadAsync(data)
  706.         .then(_createImgElements)
  707.         .then((imgEles) => {
  708.           zip.remove(id);
  709.           frames = imgEles;
  710.           if (convertMeta.isAborted) throw '[Info]Convert stop manually, reject when unzip. ' + id;
  711.           return convertTo[convertMeta.format](frames, convertMeta);
  712.         })
  713.         .then(convertResolve)
  714.         .catch(convertReject)
  715.         .finally(() => {
  716.           frames.forEach((frame) => URL.revokeObjectURL(frame.src));
  717.           frames = null;
  718.           active.splice(active.indexOf(convertMeta), 1);
  719.           if (queue.length) convert(queue.shift());
  720.         });
  721.     };
  722.     return {
  723.       add: (convertMeta) => {
  724.         debugLog('[Info]Converter add', convertMeta.id);
  725.         return new Promise((convertResolve, convertReject) => {
  726.           convertMeta.isAborted = false;
  727.           convertMeta.convertResolve = convertResolve;
  728.           convertMeta.convertReject = convertReject;
  729.           convertMeta._baseAbort = (callBack) => {
  730.             if (typeof callBack === 'function') callBack();
  731.             convertMeta.isAborted = true;
  732.           };
  733.           convertMeta.abort = convertMeta._baseAbort;
  734.           queue.push(convertMeta);
  735.           while (active.length < MAX_CONVERT && queue.length && !isStop) {
  736.             convert(queue.shift());
  737.           }
  738.         });
  739.       },
  740.       del: (metas) => {
  741.         if (!metas.length) return;
  742.         isStop = true;
  743.         active = active.filter((convertMeta) => {
  744.           if (metas.find((meta) => meta.id === convertMeta.id)) {
  745.             convertMeta.abort();
  746.           } else {
  747.             return true;
  748.           }
  749.         });
  750.         queue = queue.filter((convertMeta) => !metas.find((meta) => meta.id === convertMeta.id));
  751.         isStop = false;
  752.         while (active.length < MAX_CONVERT && queue.length) {
  753.           convert(queue.shift());
  754.         }
  755.       },
  756.     };
  757.   }
  758.   const createConverter = {
  759.     _deps: {
  760.       gif: '',
  761.       apng: '',
  762.       webp: '',
  763.     },
  764.     initialDeps,
  765.     createInstance,
  766.   };
  767.  
  768.   function getSettings() {
  769.     let settings;
  770.     if (!localStorage.pdlSetting) {
  771.       settings = defaultSettings;
  772.       saveSettings(settings);
  773.     } else {
  774.       settings = JSON.parse(localStorage.pdlSetting);
  775.       if (settings.version !== defaultSettings.version) {
  776.         settings.version = defaultSettings.version;
  777.         settings.showMsg = true;
  778.         for (const key in defaultSettings) {
  779.           if (!(key in settings)) {
  780.             settings[key] = defaultSettings[key];
  781.           }
  782.         }
  783.         saveSettings(settings);
  784.       }
  785.     }
  786.     return settings;
  787.   }
  788.   function saveSettings(settingObj) {
  789.     settingObj = settingObj || settings;
  790.     localStorage.pdlSetting = JSON.stringify(settingObj);
  791.   }
  792.   function upgradeSettings(key, value) {
  793.     if (key in settings) {
  794.       if (settings[key] === value) return;
  795.       settings[key] = value;
  796.       saveSettings();
  797.     }
  798.   }
  799.   const settings = getSettings();
  800.   function setFormatFactory(format) {
  801.     return () => {
  802.       if (settings.ugoriaFormat !== format) {
  803.         upgradeSettings('ugoriaFormat', format);
  804.       }
  805.     };
  806.   }
  807.  
  808.   function sleep(delay) {
  809.     return new Promise((resolve) => {
  810.       setTimeout(resolve, delay);
  811.     });
  812.   }
  813.   function getSelfId() {
  814.     return document.querySelector('#qualtrics_user-id')?.textContent;
  815.   }
  816.   const env = {
  817.     isViolentmonkey: GM_info.scriptHandler === 'Violentmonkey',
  818.     isBlobDlAvaliable: !(
  819.       navigator.userAgent.includes('Firefox') &&
  820.       GM_info.scriptHandler === 'Tampermonkey' &&
  821.       parseFloat(GM_info.version) > 4.17
  822.     ),
  823.     isSupportSubpath: GM_info.downloadMode && GM_info.downloadMode === 'browser',
  824.   };
  825.  
  826.   const _isNeedConvert = (meta) => {
  827.     return meta.illustType === artworkType.UGOIRA && settings.ugoriaFormat !== 'zip';
  828.   };
  829.   const _saveWithoutSubpath = (blob, meta) => {
  830.     const dlEle = document.createElement('a');
  831.     dlEle.href = URL.createObjectURL(blob);
  832.     dlEle.download = meta.path;
  833.     dlEle.click();
  834.     URL.revokeObjectURL(dlEle.href);
  835.     meta.resolve(meta);
  836.   };
  837.   const _saveWithSubpath = (blob, meta) => {
  838.     const imgUrl = URL.createObjectURL(blob);
  839.     const request = {
  840.       url: imgUrl,
  841.       name: meta.path,
  842.       onerror: (error) => {
  843.         console.log('[pixiv downloader]Error when saving', meta.path);
  844.         URL.revokeObjectURL(imgUrl);
  845.         meta.reject && meta.reject(error);
  846.       },
  847.       onload: () => {
  848.         if (typeof meta.onLoad === 'function') meta.onLoad();
  849.         URL.revokeObjectURL(imgUrl);
  850.         meta.resolve(meta);
  851.       },
  852.     };
  853.     meta.abort = GM_download(request).abort;
  854.   };
  855.   function createDownloader(converter) {
  856.     const MAX_DOWNLOAD = 5;
  857.     const MAX_RETRY = 3;
  858.     let isStop = false;
  859.     let queue = [];
  860.     let active = [];
  861.     let save;
  862.     if (env.isBlobDlAvaliable && env.isSupportSubpath) {
  863.       save = _saveWithSubpath;
  864.     } else {
  865.       debugLog('[Info]scriptHandler:', GM_info.scriptHandler, GM_info.version);
  866.       save = _saveWithoutSubpath;
  867.     }
  868.     const download = (meta) => {
  869.       debugLog('[Info]Start download:', meta.path);
  870.       active.push(meta);
  871.       let abortObj;
  872.       if ((!env.isBlobDlAvaliable || env.isViolentmonkey) && !_isNeedConvert(meta)) {
  873.         abortObj = GM_download({
  874.           url: meta.src,
  875.           name: meta.path,
  876.           headers: {
  877.             referer: 'https://www.pixiv.net',
  878.           },
  879.           ontimeout: errHandler.bind(null, meta),
  880.           onerror: errHandler.bind(null, meta),
  881.           onload: () => {
  882.             debugLog('[Info]Download complete', meta.path);
  883.             if (typeof meta.onLoad === 'function') meta.onLoad();
  884.             active.splice(active.indexOf(meta), 1);
  885.             if (queue.length && !isStop) download(queue.shift());
  886.             meta.resolve(meta);
  887.           },
  888.         });
  889.       } else {
  890.         const request = {
  891.           url: meta.src,
  892.           timeout: 20000,
  893.           method: 'GET',
  894.           headers: {
  895.             referer: 'https://www.pixiv.net',
  896.           },
  897.           responseType: 'blob',
  898.           ontimeout: errHandler.bind(null, meta),
  899.           onprogress: (e) => {
  900.             if (e.lengthComputable && typeof meta.onProgress === 'function') {
  901.               meta.onProgress(e.loaded / e.total);
  902.             }
  903.           },
  904.           onload: (e) => {
  905.             debugLog('[Info]Download complete', meta.id);
  906.             if (!meta.state) return debugLog('[Warning]But download was canceled.', meta.id);
  907.             if (_isNeedConvert(meta)) {
  908.               const convertMeta = {
  909.                 id: meta.id,
  910.                 data: e.response,
  911.                 format: settings.ugoriaFormat,
  912.                 framesInfo: meta.ugoiraMeta.frames,
  913.                 onProgress: meta.onProgress,
  914.               };
  915.               converter.add(convertMeta).then((blob) => {
  916.                 save(blob, meta);
  917.               }, meta.reject);
  918.             } else {
  919.               save(e.response, meta);
  920.             }
  921.             active.splice(active.indexOf(meta), 1);
  922.             if (queue.length && !isStop) download(queue.shift());
  923.           },
  924.           onerror: errHandler.bind(null, meta),
  925.         };
  926.         abortObj = GM_xmlhttpRequest(request);
  927.       }
  928.       meta.abort = () => {
  929.         meta.state = 0;
  930.         abortObj.abort();
  931.         meta.reject('[Warning]xhr abort manually. ' + meta.id);
  932.       };
  933.     };
  934.     const add = (metas) => {
  935.       if (metas.length < 1) return;
  936.       const promises = [];
  937.       metas.forEach((meta) => {
  938.         promises.push(
  939.           new Promise((resolve, reject) => {
  940.             meta.state = 1;
  941.             meta.resolve = resolve;
  942.             meta.reject = reject;
  943.           })
  944.         );
  945.       });
  946.       queue = queue.concat(metas);
  947.       while (active.length < MAX_DOWNLOAD && queue.length && !isStop) {
  948.         download(queue.shift());
  949.       }
  950.       return Promise.all(promises);
  951.     };
  952.     const del = (metas) => {
  953.       if (!metas.length) return;
  954.       isStop = true;
  955.       active = active.filter((meta) => {
  956.         if (metas.includes(meta)) {
  957.           meta.abort();
  958.         } else {
  959.           return true;
  960.         }
  961.       });
  962.       queue = queue.filter((meta) => !metas.includes(meta));
  963.       isStop = false;
  964.       while (active.length < MAX_DOWNLOAD && queue.length) {
  965.         download(queue.shift());
  966.       }
  967.     };
  968.     const errHandler = (meta) => {
  969.       debugLog('[Error]xmlhttpRequest timeout:', meta.src);
  970.       if (!meta.retries) {
  971.         meta.retries = 1;
  972.       } else {
  973.         meta.retries++;
  974.       }
  975.       if (meta.retries > MAX_RETRY) {
  976.         meta.reject('[Error]xmlhttpRequest failed: ' + meta.src);
  977.         console.log('[pixiv downloader]Network error:', meta.path, meta.src);
  978.         active.splice(active.indexOf(meta), 1);
  979.         if (queue.length && !isStop) download(queue.shift());
  980.       } else {
  981.         debugLog('[Warning]retry xhr:', meta.retries, meta.src);
  982.         download(meta);
  983.       }
  984.     };
  985.     return {
  986.       add: add,
  987.       del: del,
  988.     };
  989.   }
  990.  
  991.   function createParser() {
  992.     const replaceInvalidChar = (string) => {
  993.       if (!string) return;
  994.       const temp = document.createElement('div');
  995.       temp.innerHTML = string;
  996.       return temp.textContent
  997.         .trim()
  998.         .replace(/^\.|\.$/g, '')
  999.         .replace(/[\u200b-\u200f\uFEFF\u202a-\u202e\\/:*?|]/g, '')
  1000.         .replace(/"/g, "'")
  1001.         .replace(/</g, '﹤')
  1002.         .replace(/>/g, '﹥');
  1003.     };
  1004.     const getFilePath = ({ user, userId, title, tags, illustId, page, ext }) => {
  1005.       const path =
  1006.         settings.folderPattern && env.isSupportSubpath
  1007.           ? settings.folderPattern + '/' + settings.filenamePattern
  1008.           : settings.filenamePattern;
  1009.       return (
  1010.         path
  1011.           .replaceAll('{artist}', user)
  1012.           .replaceAll('{artistID}', userId)
  1013.           .replaceAll('{title}', title)
  1014.           .replaceAll('{tags}', tags)
  1015.           .replaceAll('{page}', page)
  1016.           .replaceAll('{id}', illustId) + ext
  1017.       );
  1018.     };
  1019.     const makeTagsStr = (prev, cur, index, tagsArr) => {
  1020.       const tag = settings.tagLang === 'jp' ? cur.tag : cur.translation?.['en'] || cur.tag;
  1021.       if (index < tagsArr.length - 1) {
  1022.         return prev + tag + '_';
  1023.       } else {
  1024.         return prev + tag;
  1025.       }
  1026.     };
  1027.     const getData = async (url) => {
  1028.       const res = await fetch(url);
  1029.       if (!res.ok) throw new Error('[Error]fail to fetch:' + url + ', code:' + res.status);
  1030.       const data = await res.json();
  1031.       if (data.error) throw new Error('[Error]json return error.' + data.message);
  1032.       return data;
  1033.     };
  1034.     const fetchJson = async (url) => {
  1035.       let json;
  1036.       let retry = 0;
  1037.       do {
  1038.         try {
  1039.           debugLog('[Info]fetch url:', url);
  1040.           json = await getData(url);
  1041.         } catch (error) {
  1042.           retry++;
  1043.           if (retry === 3) throw error;
  1044.           sleep(3000);
  1045.         }
  1046.       } while (!json);
  1047.       return json;
  1048.     };
  1049.     const parseByIllust = async (illustId) => {
  1050.       let params = '';
  1051.       if (settings.tagLang !== 'jp') params = '?lang=' + settings.tagLang;
  1052.       const res = await fetch('https://www.pixiv.net/artworks/' + illustId + params);
  1053.       if (!res.ok) throw new Error(res.status);
  1054.       const htmlText = await res.text();
  1055.       const matchText = htmlText.match(/"meta-preload-data" content='(.*)'>/);
  1056.       if (!matchText) throw new Error('[Error]Fail to parse preload data.');
  1057.       const preloadData = JSON.parse(htmlText.match(/"meta-preload-data" content='(.*)'>/)[1]);
  1058.       const illustInfo = preloadData.illust[illustId];
  1059.       const user = replaceInvalidChar(illustInfo.userName) || 'userId-' + illustInfo.userId;
  1060.       const title = replaceInvalidChar(illustInfo.illustTitle) || 'illustId-' + illustInfo.illustId;
  1061.       const tags = replaceInvalidChar(illustInfo.tags.tags.reduce(makeTagsStr, ''));
  1062.       const illustType = illustInfo.illustType;
  1063.       let metas = [];
  1064.       const pathInfo = {
  1065.         user,
  1066.         title,
  1067.         tags,
  1068.         illustId,
  1069.         userId: illustInfo.userId,
  1070.         ext: '',
  1071.         page: 0,
  1072.       };
  1073.       if (illustType === artworkType.ILLUSTS || illustType === artworkType.MANGA) {
  1074.         const firstImgSrc = illustInfo.urls.original;
  1075.         const srcPrefix = firstImgSrc.slice(0, firstImgSrc.indexOf('_') + 2);
  1076.         const srcSuffix = firstImgSrc.slice(-4);
  1077.         pathInfo.ext = srcSuffix;
  1078.         for (let i = 0; i < illustInfo.pageCount; i++) {
  1079.           pathInfo.page = i;
  1080.           metas.push({
  1081.             id: illustId,
  1082.             illustType: illustType,
  1083.             path: getFilePath(pathInfo),
  1084.             src: srcPrefix + i + srcSuffix,
  1085.           });
  1086.         }
  1087.       }
  1088.       if (illustType === artworkType.UGOIRA) {
  1089.         const ugoira = await fetchJson(
  1090.           'https://www.pixiv.net/ajax/illust/' + illustId + '/ugoira_meta'
  1091.         );
  1092.         pathInfo.ext = '.' + settings.ugoriaFormat;
  1093.         metas.push({
  1094.           id: illustId,
  1095.           illustType: illustType,
  1096.           path: getFilePath(pathInfo),
  1097.           src: ugoira.body.originalSrc,
  1098.           ugoiraMeta: ugoira.body,
  1099.         });
  1100.       }
  1101.       return metas;
  1102.     };
  1103.     function _filterBookmarks(works) {
  1104.       const unavaliable = [];
  1105.       function filterFn(work) {
  1106.         if (work.isBookmarkable) {
  1107.           return true;
  1108.         } else {
  1109.           unavaliable.push(work.id);
  1110.         }
  1111.       }
  1112.       const avaliable = works.filter(filterFn).map((work) => work.id);
  1113.       return { avaliable, unavaliable };
  1114.     }
  1115.     async function* generateIds(userId, category, tag = '', rest = 'show') {
  1116.       let requestUrl;
  1117.       if (tag || category === 'bookmarks') {
  1118.         const OFFSET = 48;
  1119.         if (category !== 'bookmarks') {
  1120.           requestUrl = `https://www.pixiv.net/ajax/user/${userId}/${category}/tag?tag=${tag}&offset=0&limit=${OFFSET}&lang=ja`;
  1121.         } else {
  1122.           requestUrl = `https://www.pixiv.net/ajax/user/${userId}/illusts/bookmarks?tag=${tag}&offset=0&limit=${OFFSET}&rest=${rest}&lang=ja`;
  1123.         }
  1124.         let head = 0;
  1125.         const firstPageData = await fetchJson(requestUrl);
  1126.         const total = firstPageData.body.total;
  1127.         yield total;
  1128.         yield _filterBookmarks(firstPageData.body.works);
  1129.         head += OFFSET;
  1130.         while (head < total) {
  1131.           const data = await fetchJson(requestUrl.replace('offset=0', 'offset=' + head));
  1132.           head += OFFSET;
  1133.           await sleep(3000);
  1134.           yield _filterBookmarks(data.body.works);
  1135.         }
  1136.       } else {
  1137.         requestUrl = 'https://www.pixiv.net/ajax/user/' + userId + '/profile/all';
  1138.         const profile = await fetchJson(requestUrl);
  1139.         let illustIds;
  1140.         if (category !== 'both') {
  1141.           illustIds = Reflect.ownKeys(profile.body[category]);
  1142.         } else {
  1143.           illustIds = Reflect.ownKeys(profile.body.illusts).concat(
  1144.             Reflect.ownKeys(profile.body.manga)
  1145.           );
  1146.         }
  1147.         yield illustIds.length;
  1148.         yield { avaliable: illustIds, unavaliable: [] };
  1149.       }
  1150.     }
  1151.     return {
  1152.       id: parseByIllust,
  1153.       generateIds,
  1154.     };
  1155.   }
  1156.  
  1157.   let converter;
  1158.   let downloader;
  1159.   let parser;
  1160.   async function initial() {
  1161.     converter = await createConverter
  1162.       .initialDeps(depsUrls)
  1163.       .then((createConverter) => createConverter.createInstance());
  1164.     parser = createParser();
  1165.     downloader = createDownloader(converter);
  1166.   }
  1167.  
  1168.   const lang =
  1169.     document.documentElement.getAttribute("lang").toLowerCase() || "en";
  1170.   const i18nLib = {
  1171.     en: {
  1172.       illusts: "Illusts",
  1173.       manga: "Manga",
  1174.       illusts_manga: "Illusts & Manga",
  1175.       bookmarks: "Bookmarks",
  1176.       bookmarks_public: "Public",
  1177.       bookmarks_private: "Private",
  1178.       exclude_downloaded: "Exclude downloaded",
  1179.       stop: "Stop",
  1180.       edit_filename: "Edit filename",
  1181.       clear_history: "Clear history",
  1182.       clear_history_tips: "Do you really want to clear history?",
  1183.       feedback: "Feedback",
  1184.       modal_cancel: "Cancel",
  1185.       modal_confirm: "OK",
  1186.       tags_lang: "Tags language: ",
  1187.       tags_tips: "{artist}, {artistID}, {title}, {id}, {page}, {tags}",
  1188.       tags_tips2:
  1189.         'Note: Tags language may not be the language you selected, <a href="https://crowdin.com/project/pixiv-tags" target="_blank">some tags without translations</a> may still be in other languages.',
  1190.       folder: "Folder:",
  1191.       folder_tips: "I don't need subfolder",
  1192.       folder_tips2:
  1193.         "If you don't need a subfolder, just leave the folder name blank",
  1194.       folder_vm_tips: "VM doesn't support",
  1195.       folder_api_tips: "Need Browser Api",
  1196.       filename: "FileName:",
  1197.       filename_tips: "Your Name?",
  1198.     },
  1199.     "zh-cn": {
  1200.       illusts: "插画",
  1201.       manga: "漫画",
  1202.       illusts_manga: "插画 & 漫画",
  1203.       bookmarks: "收藏",
  1204.       bookmarks_public: "公开",
  1205.       bookmarks_private: "不公开",
  1206.       exclude_downloaded: "排除已下载图片",
  1207.       stop: "停止",
  1208.       edit_filename: "编辑文件名",
  1209.       clear_history: "清除下载历史",
  1210.       clear_history_tips: "真的要清除历史吗？",
  1211.       feedback: "有问题or想建议？这里反馈",
  1212.       modal_cancel: "取消",
  1213.       modal_confirm: "确认",
  1214.       tags_lang: "标签语言：",
  1215.       tags_tips:
  1216.         "{artist}:作者, {artistID}:作者ID, {title}:作品标题, {id}:作品pixiv ID, {page}:页码, {tags}:作品标签。",
  1217.       tags_tips2:
  1218.         '请注意：标签翻译不一定是你选择的语言，部分<a href="https://crowdin.com/project/pixiv-tags" target="_blank">无对应语言翻译的标签</a>仍可能是其他语言。',
  1219.       folder: "文件夹名：",
  1220.       folder_tips: "我不想保存到子文件夹",
  1221.       folder_tips2: "如果不想保存到画师目录，文件夹名留空即可。",
  1222.       folder_vm_tips: "Violentmonkey不支持",
  1223.       folder_api_tips: "需要Browser Api",
  1224.       filename: "文件名：",
  1225.       filename_tips: "你的名字？",
  1226.     },
  1227.   };
  1228.   i18nLib.en = Object.create(
  1229.     i18nLib["zh-cn"],
  1230.     Object.getOwnPropertyDescriptors(i18nLib.en)
  1231.   );
  1232.   i18nLib.ja = Object.create(i18nLib.en);
  1233.   i18nLib.ko = Object.create(i18nLib.en);
  1234.   i18nLib["zh-tw"] = Object.create(i18nLib["zh-cn"]);
  1235.   i18nLib.zh = i18nLib["zh-cn"];
  1236.   const i18n = (key) =>
  1237.     i18nLib[lang]?.[key] || `i18n[${lang}][${key}] not found`;
  1238.   const modalHtml = {
  1239.     upgradeMsgTitle: `<h3>Pixiv Downloader ${defaultSettings.version}</h3>`,
  1240.     upgradeMsgContent: `<p>增加导出 / 导入下载记录的功能。</p>`,
  1241.     modalCreditFooter: `<style>.pdl-dialog-footer {
  1242.     position: relative;
  1243.     font-size: 12px;
  1244.   }</style><details style="margin-top: 1.5em;">
  1245.   <summary style="display: inline-block; list-style: none; cursor: pointer; color: rgb(0, 0, 238); text-decoration: underline">脚本还行？请我喝杯可乐吧！</summary>
  1246.   ${creditCode}
  1247.   <p style="text-align: center">愿你每天都能找到对的色图，就像我每天都能喝到香草味可乐</p>
  1248. </details>`,
  1249.     modalFeedback: `<a target="_blank" style="position: absolute; right: 0px; top: 0px; color: rgb(0, 0, 238); text-decoration: underline" href="https://greasyfork.org/zh-CN/scripts/432150-pixiv-downloader/feedback">${i18n(
  1250.     "feedback"
  1251.   )}</a>`,
  1252.     filePathSettingTitle: `<h3>${i18n("edit_filename")}</h3>`,
  1253.     filePathSettingContent: `<style>.pdl-dialog-content input[type="text"] {height: auto; padding: 0.5em; line-height: 1.5; margin: 0.6em 0 0.3em 0; font-size: 16px;}.pdl-dialog-content a{color: rgb(0, 0, 238); text-decoration: underline;} .tags-option label,.tags-option input {cursor: pointer;}</style><div style="display: flex; gap: 20px; justify-content: space-between;">
  1254.   <div>
  1255.     <label style="display: block; cursor: default;" for="pdlfolder">${i18n(
  1256.       "folder"
  1257.     )}</label>
  1258.     <input type="text" id="pdlfolder" style="width: 200px;" maxlength='100'>
  1259.   </div>
  1260.   <div>
  1261.     <label style="display: block; cursor: default;" for="pdlfilename">${i18n(
  1262.       "filename"
  1263.     )}</label>
  1264.     <input type="text" id="pdlfilename" style="width: 300px;" placeholder="${i18n(
  1265.       "filename_tips"
  1266.     )}" required maxlength='100'>
  1267.   </div>
  1268. </div>
  1269. <div class="tags-option" style="margin: 0.7em 0;">
  1270.   <span>${i18n("tags_lang")}</span>
  1271.   <input type="radio" name="lang" id="lang_ja" value="ja"/>
  1272.   <label for="lang_ja">日本語(default)</label>
  1273.   <input type="radio" name="lang" id="lang_zh" value="zh" />
  1274.   <label for="lang_zh">简中</label>
  1275.   <input type="radio" name="lang" id="lang_zh_tw" value="zh_tw" />
  1276.   <label for="lang_zh_tw">繁中</label>
  1277.   <input type="radio" name="lang" id="lang_en" value="en" />
  1278.   <label for="lang_en">English</label>
  1279. </div>
  1280. <p style="font-size: 14px; margin: 0.5em 0">
  1281.   ${i18n("tags_tips")}
  1282. </p>
  1283. <p style="font-size: 14px; margin: 0.5em 0">${i18n("folder_tips2")}</p>
  1284. <p style="font-size: 14px; margin: 0.5em 0">${i18n("tags_tips2")}</p>
  1285. </div>`,
  1286.     modalOperationBar: `<style>
  1287.   .pdl-dialog-footer button {
  1288.     font-size: 16px;
  1289.     background-color: transparent;
  1290.     border: 1px solid;
  1291.     color: rgb(125,125,125);
  1292.     border-radius: 5px;
  1293.     padding: 0.5em 1.5em;
  1294.     cursor: pointer;
  1295.     transition: .2s opacity;
  1296.     line-height: 1.15;
  1297.   }
  1298.   .pdl-dialog-footer button:hover{
  1299.     opacity: 0.7;
  1300.   }
  1301. </style>
  1302. <div style="display: flex; justify-content: flex-end; margin-top: 1.5em; gap: 1.5em;">
  1303.   <button id="pdlcancel">${i18n(
  1304.     "modal_cancel"
  1305.   )}</button><button id="pdlconfirm" style="border-color: #01b468; background-color: #01b468; color: #fff;">${i18n(
  1306.     "modal_confirm"
  1307.   )}</button></div>`,
  1308.   };
  1309.  
  1310.   function add(pixivId) {
  1311.     this._records.add(pixivId);
  1312.     localStorage.setItem(`pdlTemp-${pixivId}`, "");
  1313.   }
  1314.   function has(pixivId) {
  1315.     return this._records.has(pixivId);
  1316.   }
  1317.   function getHistory() {
  1318.     const storage = localStorage.pixivDownloader || "[]";
  1319.     return new Set(JSON.parse(storage));
  1320.   }
  1321.   function updateHistory() {
  1322.     Object.keys(localStorage).forEach((key) => {
  1323.       const matchResult = /pdlTemp-(\d+)/.exec(key);
  1324.       if (matchResult) {
  1325.         this._records.add(matchResult[1]);
  1326.         localStorage.removeItem(matchResult[0]);
  1327.       }
  1328.     });
  1329.     this.saveHistory();
  1330.   }
  1331.   function clearHistory() {
  1332.     const isConfirm = confirm(i18n("clear_history_tips"));
  1333.     if (!isConfirm) return;
  1334.     this.updateHistory();
  1335.     this._records = new Set();
  1336.     localStorage.pixivDownloader = "[]";
  1337.   }
  1338.   function saveHistory(historyArr) {
  1339.     if (historyArr instanceof Array) {
  1340.       localStorage.pixivDownloader = JSON.stringify(historyArr);
  1341.     } else {
  1342.       localStorage.pixivDownloader = JSON.stringify([...this._records]);
  1343.     }
  1344.   }
  1345.   const pixivHistory = {
  1346.     _records: getHistory(),
  1347.     add,
  1348.     has,
  1349.     updateHistory,
  1350.     saveHistory,
  1351.     clearHistory,
  1352.   };
  1353.  
  1354.   function handleDownload(pdlBtn, illustId) {
  1355.     let pageCount,
  1356.       pageComplete = 0;
  1357.     const onProgress = (progress = 0, type = null) => {
  1358.       if (pageCount > 1) return;
  1359.       progress = Math.floor(progress * 100);
  1360.       switch (type) {
  1361.         case null:
  1362.           pdlBtn.style.setProperty('--pdl-progress', progress + '%');
  1363.         case 'gif':
  1364.         case 'webm':
  1365.         case 'webp':
  1366.           pdlBtn.textContent = progress;
  1367.           break;
  1368.         case 'zip':
  1369.           pdlBtn.textContent = '';
  1370.           break;
  1371.       }
  1372.     };
  1373.     const onLoad = function () {
  1374.       if (pageCount < 2) return;
  1375.       const progress = Math.floor((++pageComplete / pageCount) * 100);
  1376.       pdlBtn.textContent = progress;
  1377.       pdlBtn.style.setProperty('--pdl-progress', progress + '%');
  1378.     };
  1379.     pdlBtn.classList.add('pdl-progress');
  1380.     parser
  1381.       .id(illustId)
  1382.       .then((metas) => {
  1383.         let shouldDownloadPage;
  1384.         if ((shouldDownloadPage = pdlBtn.getAttribute('should-download'))) {
  1385.           metas = [metas[shouldDownloadPage]];
  1386.         }
  1387.         pageCount = metas.length;
  1388.         metas.forEach((meta) => {
  1389.           meta.onProgress = onProgress;
  1390.           meta.onLoad = onLoad;
  1391.         });
  1392.         return downloader.add(metas);
  1393.       })
  1394.       .then(() => {
  1395.         pixivHistory.add(illustId);
  1396.         pdlBtn.classList.remove('pdl-error');
  1397.         pdlBtn.classList.add('pdl-complete');
  1398.       })
  1399.       .catch((err) => {
  1400.         if (err) console.log(err);
  1401.         pdlBtn.classList.remove('pdl-complete');
  1402.         pdlBtn.classList.add('pdl-error');
  1403.       })
  1404.       .finally(() => {
  1405.         pdlBtn.innerHTML = '';
  1406.         pdlBtn.style.removeProperty('--pdl-progress');
  1407.         pdlBtn.classList.remove('pdl-progress');
  1408.       });
  1409.   }
  1410.   function changeDlbarDisplay() {
  1411.     document.querySelectorAll('nav [pdl-userid]').forEach((ele) => {
  1412.       ele.classList.toggle('pdl-hide');
  1413.     });
  1414.     document.querySelectorAll('section [pdl-userid]').forEach((ele) => {
  1415.       ele.classList.toggle('pdl-tag-hide');
  1416.     });
  1417.   }
  1418.   let isDownloading = false;
  1419.   let dlBarRef = {};
  1420.   async function downloadByIds(idsGenerators, abortBtn, isExcludeDled, updataStatus, onProgressCB) {
  1421.     if (!(idsGenerators instanceof Array)) idsGenerators = [idsGenerators];
  1422.     let resolve;
  1423.     const done = new Promise((r) => {
  1424.       resolve = r;
  1425.     });
  1426.     const abort = (msg) => {
  1427.       resolve();
  1428.       return Promise.reject(msg);
  1429.     };
  1430.     let total = 0,
  1431.       completed = 0,
  1432.       failed = [],
  1433.       unavaliable = [];
  1434.     let isCanceled = false;
  1435.     let metasRecord = [];
  1436.     let tooManyRequests = false;
  1437.     if (isExcludeDled) pixivHistory.updateHistory();
  1438.     abortBtn.onclick = () => {
  1439.       isCanceled = true;
  1440.       abortBtn.onclick = null;
  1441.       if (metasRecord.length) {
  1442.         downloader.del(metasRecord);
  1443.         converter.del(metasRecord);
  1444.         metasRecord = [];
  1445.       }
  1446.     };
  1447.     const afterEach = (illustId) => {
  1448.       onProgressCB({
  1449.         illustId,
  1450.         total,
  1451.         completed,
  1452.       });
  1453.       if (completed === total - failed.length - unavaliable.length) {
  1454.         resolve({ failed, unavaliable });
  1455.       }
  1456.     };
  1457.     total = await idsGenerators.reduce(async (prev, cur, index) => {
  1458.       const count = (await cur.next()).value;
  1459.       return (await prev) + count;
  1460.     }, 0);
  1461.     if (total === 0) {
  1462.       resolve();
  1463.       throw 'No Works.';
  1464.     }
  1465.     updataStatus('Downloading...');
  1466.     try {
  1467.       for (const idsGenerator of idsGenerators) {
  1468.         if (isCanceled) return abort(`Stopped. ${completed} / ${total}`);
  1469.         for await (const ids of idsGenerator) {
  1470.           debugLog('[Info]ids:', ids);
  1471.           if (isCanceled) return done;
  1472.           if (ids.unavaliable.length) {
  1473.             unavaliable.push(...ids.unavaliable);
  1474.             debugLog('[Info]unavaliable ids:', unavaliable.length);
  1475.           }
  1476.           for (const id of ids.avaliable) {
  1477.             if (isCanceled) return abort(`Stopped. ${completed} / ${total}`);
  1478.             if (isExcludeDled && pixivHistory.has(id)) {
  1479.               total--;
  1480.               afterEach(id);
  1481.               continue;
  1482.             }
  1483.             if (tooManyRequests) {
  1484.               updataStatus('Too many requests, wait 30s');
  1485.               console.log('[Pixiv Downloader]Too many requests, wait 30s');
  1486.               await sleep(30000);
  1487.               tooManyRequests = false;
  1488.               updataStatus('Downloading...');
  1489.             }
  1490.             parser
  1491.               .id(id)
  1492.               .then((metas) => {
  1493.                 if (isCanceled) {
  1494.                   throw '[Warning]Download stop manually: ' + metas[0].id;
  1495.                 }
  1496.                 metasRecord = metasRecord.concat(metas);
  1497.                 return downloader.add(metas);
  1498.               })
  1499.               .then(
  1500.                 (metas) => {
  1501.                   pixivHistory.add(id);
  1502.                   if (!isCanceled) {
  1503.                     metasRecord = metasRecord.filter((meta) => !metas.includes(meta));
  1504.                     completed++;
  1505.                     afterEach(id);
  1506.                   }
  1507.                 },
  1508.                 (reason) => {
  1509.                   if (!isCanceled) {
  1510.                     if (reason.message && reason.message === '429') tooManyRequests = true;
  1511.                     if (reason.message && reason.message === '[Error]Fail to parse preload data.') {
  1512.                       unavaliable.push(id);
  1513.                     } else {
  1514.                       failed.push(id);
  1515.                     }
  1516.                     afterEach(id);
  1517.                   }
  1518.                 }
  1519.               );
  1520.             await sleep(600);
  1521.           }
  1522.         }
  1523.       }
  1524.     } catch (error) {
  1525.       console.error(error);
  1526.       return abort('Error, see console.');
  1527.     }
  1528.     return done;
  1529.   }
  1530.   function downloadWorks(evt) {
  1531.     evt.preventDefault();
  1532.     evt.stopPropagation();
  1533.     if (isDownloading) return;
  1534.     const btn = evt.target;
  1535.     const userId = btn.getAttribute('pdl-userid');
  1536.     const category = btn.getAttribute('category');
  1537.     const tag = btn.getAttribute('tag') || undefined;
  1538.     const rest = btn.getAttribute('rest') || undefined;
  1539.     const isExcludeDled = dlBarRef.filter.checked;
  1540.     function updataStatus(str) {
  1541.       dlBarRef.statusBar.textContent = str;
  1542.     }
  1543.     function onProgressCB({ illustId, total, completed }) {
  1544.       updataStatus(`Downloading: ${completed} / ${total}`);
  1545.     }
  1546.     let idsGenerators;
  1547.     if (category === 'bookmarks' && rest === 'all') {
  1548.       const idsShow = parser.generateIds(userId, category, tag, 'show');
  1549.       const idsHide = parser.generateIds(userId, category, tag, 'hide');
  1550.       idsGenerators = [idsShow, idsHide];
  1551.     } else {
  1552.       idsGenerators = parser.generateIds(userId, category, tag, rest);
  1553.     }
  1554.     function download(idsGenerators) {
  1555.       isDownloading = true;
  1556.       changeDlbarDisplay();
  1557.       return downloadByIds(
  1558.         idsGenerators,
  1559.         dlBarRef.abortBtn,
  1560.         isExcludeDled,
  1561.         updataStatus,
  1562.         onProgressCB
  1563.       )
  1564.         .then(
  1565.           ({ failed, unavaliable }) => {
  1566.             if (failed.length || unavaliable.length) {
  1567.               updataStatus(`Failed: ${failed.length + unavaliable.length}. See console.`);
  1568.               console.log('[Pixiv Downloader]Failed: ', failed.join(', '));
  1569.               console.log('[Pixiv Downloader]Unavaliable: ', unavaliable.join(', '));
  1570.               if (failed.length) return failed;
  1571.             } else {
  1572.               updataStatus('Complete');
  1573.             }
  1574.           },
  1575.           (reason) => {
  1576.             if (reason) updataStatus(reason);
  1577.           }
  1578.         )
  1579.         .finally((failed) => {
  1580.           changeDlbarDisplay();
  1581.           isDownloading = false;
  1582.           return failed;
  1583.         });
  1584.     }
  1585.     download(idsGenerators).then((failed) => {
  1586.       if (failed instanceof Array) {
  1587.         const idsGenerator = [failed.length, { avaliable: failed, unavaliable: [] }][
  1588.           Symbol.iterator
  1589.         ]();
  1590.         download(idsGenerator);
  1591.       }
  1592.     });
  1593.   }
  1594.  
  1595.   function createModal(
  1596.     { header, content, footer = "" },
  1597.     option = { closeOnClickModal: true }
  1598.   ) {
  1599.     const modal = document.createElement("div");
  1600.     const dialog = document.createElement("div");
  1601.     modal.classList.add("pdl-modal");
  1602.     dialog.classList.add("pdl-dialog");
  1603.     if (option.closeOnClickModal) {
  1604.       dialog.onclick = (e) => {
  1605.         e.stopPropagation();
  1606.       };
  1607.       modal.onclick = () => {
  1608.         modal.remove();
  1609.       };
  1610.     }
  1611.     dialog.innerHTML = `  <header class="pdl-dialog-header">${header}</header>
  1612.   <div class="pdl-dialog-content">${content}</div>
  1613.   <footer class="pdl-dialog-footer">${footer}</footer>`;
  1614.     const closeBtn = document.createElement("button");
  1615.     closeBtn.classList.add("pdl-dialog-close");
  1616.     closeBtn.onclick = () => {
  1617.       modal.remove();
  1618.     };
  1619.     dialog.insertBefore(closeBtn, dialog.firstChild);
  1620.     modal.appendChild(dialog);
  1621.     return modal;
  1622.   }
  1623.   function showUpgradeMsg() {
  1624.     document.body.appendChild(
  1625.       createModal({
  1626.         header: modalHtml.upgradeMsgTitle,
  1627.         content: modalHtml.upgradeMsgContent,
  1628.         footer: modalHtml.modalCreditFooter + modalHtml.modalFeedback,
  1629.       })
  1630.     );
  1631.   }
  1632.   function showFilePathSetting() {
  1633.     if (document.querySelector("#pdlfolder")) return;
  1634.     const modal = createModal(
  1635.       {
  1636.         header: modalHtml.filePathSettingTitle,
  1637.         content: modalHtml.filePathSettingContent,
  1638.         footer: modalHtml.modalOperationBar,
  1639.       },
  1640.       { closeOnClickModal: false }
  1641.     );
  1642.     const folder = modal.querySelector("#pdlfolder");
  1643.     const filename = modal.querySelector("#pdlfilename");
  1644.     modal.querySelector("#pdlcancel").onclick = () => {
  1645.       modal.remove();
  1646.     };
  1647.     modal.querySelector("#pdlconfirm").onclick = () => {
  1648.       if (filename.value === "") return;
  1649.       const folderPattern = folder.value
  1650.         .split("/")
  1651.         .map((path) =>
  1652.           path
  1653.             .trim()
  1654.             .replace(/^\.+|\.+$|[\u200b-\u200f\uFEFF\u202a-\u202e\\:*?"|<>]/g, "")
  1655.         )
  1656.         .filter((path) => !!path)
  1657.         .join("/");
  1658.       const filenamePattern = filename.value
  1659.         .trim()
  1660.         .replace(/^\.+|[\u200b-\u200f\uFEFF\u202a-\u202e\\/:*?"|<>]/g, "");
  1661.       if (filenamePattern === "") return;
  1662.       upgradeSettings(
  1663.         "tagLang",
  1664.         modal.querySelector(".tags-option [name='lang']:checked").value
  1665.       );
  1666.       upgradeSettings("folderPattern", folderPattern);
  1667.       upgradeSettings("filenamePattern", filenamePattern);
  1668.       modal.remove();
  1669.     };
  1670.     modal.querySelector(
  1671.       `.tags-option [value="${settings.tagLang}"]`
  1672.     ).checked = true;
  1673.     filename.value = settings.filenamePattern;
  1674.     folder.value = !env.isSupportSubpath
  1675.       ? folder.setAttribute("disabled", "") || ""
  1676.       : settings.folderPattern;
  1677.     folder.placeholder = env.isViolentmonkey
  1678.       ? i18n("folder_vm_tips")
  1679.       : !env.isSupportSubpath
  1680.       ? i18n("folder_api_tips")
  1681.       : i18n("folder_tips");
  1682.     document.body.appendChild(modal);
  1683.   }
  1684.   function getIllustId(node) {
  1685.     const isLinkToArtworksPage = regexp.artworksPage.exec(node.href);
  1686.     if (isLinkToArtworksPage) {
  1687.       if (
  1688.         node.getAttribute("data-gtm-value") ||
  1689.         node.classList.contains("gtm-illust-recommend-node-node") ||
  1690.         node.classList.contains("gtm-discover-user-recommend-node") ||
  1691.         node.classList.contains("work")
  1692.       ) {
  1693.         return isLinkToArtworksPage[1];
  1694.       }
  1695.     } else {
  1696.       const isActivityThumb = regexp.activityHref.exec(node.href);
  1697.       if (isActivityThumb && node.classList.contains("work")) {
  1698.         return isActivityThumb[1];
  1699.       }
  1700.     }
  1701.     return "";
  1702.   }
  1703.   function createPdlBtn(
  1704.     attributes,
  1705.     textContent = "",
  1706.     { addEvent } = { addEvent: true }
  1707.   ) {
  1708.     const ele = document.createElement("button");
  1709.     ele.textContent = textContent;
  1710.     if (!attributes) return ele;
  1711.     const { attrs, classList } = attributes;
  1712.     if (classList && classList.length > 0) {
  1713.       for (const cla of classList) {
  1714.         ele.classList.add(cla);
  1715.       }
  1716.     }
  1717.     if (attrs) {
  1718.       for (const key in attrs) {
  1719.         ele.setAttribute(key, attrs[key]);
  1720.       }
  1721.     }
  1722.     if (addEvent) {
  1723.       ele.addEventListener("click", (evt) => {
  1724.         evt.preventDefault();
  1725.         evt.stopPropagation();
  1726.         const ele = evt.currentTarget;
  1727.         if (!evt.currentTarget.classList.contains("pdl-progress")) {
  1728.           handleDownload(ele, ele.getAttribute("pdl-id"));
  1729.         }
  1730.       });
  1731.     }
  1732.     return ele;
  1733.   }
  1734.   function createMainBtn(id) {
  1735.     if (document.querySelector(".pdl-btn-main")) return;
  1736.     const handleBar = document.querySelector("main section section");
  1737.     if (handleBar) {
  1738.       const pdlBtnWrap = handleBar.lastElementChild.cloneNode();
  1739.       const attrs = {
  1740.         attrs: { "pdl-id": id },
  1741.         classList: ["pdl-btn", "pdl-btn-main"],
  1742.       };
  1743.       if (pixivHistory.has(id)) attrs.classList.push("pdl-complete");
  1744.       pdlBtnWrap.appendChild(createPdlBtn(attrs));
  1745.       handleBar.appendChild(pdlBtnWrap);
  1746.     }
  1747.   }
  1748.   function createDownloadBar(userId) {
  1749.     const nav = document.querySelector("nav");
  1750.     if (!nav || document.querySelector(".pdl-nav-placeholder")) return;
  1751.     const fragment = document.createDocumentFragment();
  1752.     const placeholder = document.createElement("div");
  1753.     placeholder.classList.add("pdl-nav-placeholder");
  1754.     dlBarRef.statusBar = fragment.appendChild(placeholder);
  1755.     const baseClasses = nav.querySelector("a:not([aria-current])").classList;
  1756.     dlBarRef.abortBtn = fragment.appendChild(
  1757.       createPdlBtn(
  1758.         {
  1759.           attrs: { "pdl-userId": userId },
  1760.           classList: [...baseClasses, "pdl-stop", "pdl-hide"],
  1761.         },
  1762.         i18n("stop"),
  1763.         { addEvent: false }
  1764.       )
  1765.     );
  1766.     if (userId !== getSelfId()) {
  1767.       if (
  1768.         nav.querySelector("a[href$='illustrations']") &&
  1769.         nav.querySelector("a[href$='manga']")
  1770.       ) {
  1771.         fragment.appendChild(
  1772.           createPdlBtn(
  1773.             {
  1774.               attrs: { "pdl-userId": userId, category: "both" },
  1775.               classList: [...baseClasses, "pdl-btn-all"],
  1776.             },
  1777.             i18n("illusts_manga"),
  1778.             { addEvent: false }
  1779.           )
  1780.         );
  1781.         fragment.appendChild(
  1782.           createPdlBtn(
  1783.             {
  1784.               attrs: { "pdl-userid": userId, category: "illusts" },
  1785.               classList: [...baseClasses, "pdl-btn-all"],
  1786.             },
  1787.             i18n("illusts"),
  1788.             { addEvent: false }
  1789.           )
  1790.         );
  1791.         fragment.appendChild(
  1792.           createPdlBtn(
  1793.             {
  1794.               attrs: { "pdl-userid": userId, category: "manga" },
  1795.               classList: [...baseClasses, "pdl-btn-all"],
  1796.             },
  1797.             i18n("manga"),
  1798.             { addEvent: false }
  1799.           )
  1800.         );
  1801.       } else if (nav.querySelector("a[href$='illustrations']")) {
  1802.         fragment.appendChild(
  1803.           createPdlBtn(
  1804.             {
  1805.               attrs: { "pdl-userid": userId, category: "illusts" },
  1806.               classList: [...baseClasses, "pdl-btn-all"],
  1807.             },
  1808.             i18n("illusts"),
  1809.             { addEvent: false }
  1810.           )
  1811.         );
  1812.       } else if (nav.querySelector("a[href$='manga']")) {
  1813.         fragment.appendChild(
  1814.           createPdlBtn(
  1815.             {
  1816.               attrs: { "pdl-userid": userId, category: "manga" },
  1817.               classList: [...baseClasses, "pdl-btn-all"],
  1818.             },
  1819.             i18n("manga"),
  1820.             { addEvent: false }
  1821.           )
  1822.         );
  1823.       }
  1824.       if (nav.querySelector("a[href*='bookmarks']")) {
  1825.         fragment.appendChild(
  1826.           createPdlBtn(
  1827.             {
  1828.               attrs: { "pdl-userid": userId, category: "bookmarks" },
  1829.               classList: [...baseClasses, "pdl-btn-all"],
  1830.             },
  1831.             i18n("bookmarks"),
  1832.             { addEvent: false }
  1833.           )
  1834.         );
  1835.       }
  1836.     } else {
  1837.       if (nav.querySelector("a[href*='bookmarks']")) {
  1838.         fragment.appendChild(
  1839.           createPdlBtn(
  1840.             {
  1841.               attrs: { "pdl-userid": userId, category: "bookmarks", rest: "all" },
  1842.               classList: [...baseClasses, "pdl-btn-all"],
  1843.             },
  1844.             i18n("bookmarks"),
  1845.             { addEvent: false }
  1846.           )
  1847.         );
  1848.         fragment.appendChild(
  1849.           createPdlBtn(
  1850.             {
  1851.               attrs: {
  1852.                 "pdl-userid": userId,
  1853.                 category: "bookmarks",
  1854.                 rest: "show",
  1855.               },
  1856.               classList: [...baseClasses, "pdl-btn-all"],
  1857.             },
  1858.             i18n("bookmarks_public"),
  1859.             { addEvent: false }
  1860.           )
  1861.         );
  1862.         fragment.appendChild(
  1863.           createPdlBtn(
  1864.             {
  1865.               attrs: {
  1866.                 "pdl-userid": userId,
  1867.                 category: "bookmarks",
  1868.                 rest: "hide",
  1869.               },
  1870.               classList: [...baseClasses, "pdl-btn-all"],
  1871.             },
  1872.             i18n("bookmarks_private"),
  1873.             { addEvent: false }
  1874.           )
  1875.         );
  1876.       }
  1877.     }
  1878.     fragment.querySelectorAll(".pdl-btn-all").forEach((node) => {
  1879.       node.addEventListener("click", downloadWorks);
  1880.     });
  1881.     const wrapper = document.createElement("div");
  1882.     const checkbox = document.createElement("input");
  1883.     const label = document.createElement("label");
  1884.     wrapper.classList.add("pdl-wrap");
  1885.     checkbox.id = "pdl-filter";
  1886.     checkbox.type = "checkbox";
  1887.     label.setAttribute("for", "pdl-filter");
  1888.     label.textContent = i18n("exclude_downloaded");
  1889.     wrapper.appendChild(checkbox);
  1890.     wrapper.appendChild(label);
  1891.     dlBarRef.filter = checkbox;
  1892.     nav.parentElement.insertBefore(wrapper, nav);
  1893.     nav.appendChild(fragment);
  1894.   }
  1895.   function createSubBtn(nodes) {
  1896.     const isBookmarkPage = regexp.bookmarkPage.test(location.pathname);
  1897.     nodes.forEach((e) => {
  1898.       if (e.childElementCount !== 0) {
  1899.         const illustId = getIllustId(e);
  1900.         if (illustId) {
  1901.           const attrs = {
  1902.             attrs: { "pdl-id": illustId },
  1903.             classList: ["pdl-btn", "pdl-btn-sub"],
  1904.           };
  1905.           if (pixivHistory.has(illustId)) attrs.classList.push("pdl-complete");
  1906.           if (isBookmarkPage) attrs.classList.push("pdl-btn-sub-bookmark");
  1907.           e.appendChild(createPdlBtn(attrs));
  1908.         }
  1909.       }
  1910.     });
  1911.   }
  1912.   function createMultyWorksBtn(id) {
  1913.     const works = document.querySelectorAll("[role='presentation'] > a");
  1914.     if (works.length < 2) return;
  1915.     const containers = Array.from(works).map(
  1916.       (node) => node.parentElement.parentElement
  1917.     );
  1918.     if (containers[0].querySelector(".pdl-btn")) return;
  1919.     containers.forEach((node, idx) => {
  1920.       const wrapper = document.createElement("div");
  1921.       wrapper.classList.add("pdl-wrap-artworks");
  1922.       const attrs = {
  1923.         attrs: { "pdl-id": id, "should-download": idx },
  1924.         classList: ["pdl-btn", "pdl-btn-sub", "artworks"],
  1925.       };
  1926.       wrapper.appendChild(createPdlBtn(attrs));
  1927.       node.appendChild(wrapper);
  1928.     });
  1929.   }
  1930.   const createPresentationBtn = (() => {
  1931.     let observer, btn;
  1932.     function cb(mutationList) {
  1933.       const newImg = mutationList[1]["addedNodes"][0];
  1934.       const [pageNum] = regexp.originSrcPageNum.exec(newImg.src);
  1935.       const containers = btn.parentElement;
  1936.       const attrs = {
  1937.         attrs: {
  1938.           "pdl-id": btn.getAttribute("pdl-id"),
  1939.           "should-download": pageNum,
  1940.         },
  1941.         classList: ["pdl-btn", "pdl-btn-sub", "presentation"],
  1942.       };
  1943.       btn.remove();
  1944.       btn = createPdlBtn(attrs);
  1945.       containers.appendChild(btn);
  1946.     }
  1947.     return (id) => {
  1948.       const containers = document.querySelector(
  1949.         "body > [role='presentation'] > div"
  1950.       );
  1951.       if (!containers) {
  1952.         if (observer) {
  1953.           observer.disconnect();
  1954.           observer = null;
  1955.           btn = null;
  1956.         }
  1957.         return;
  1958.       }
  1959.       if (containers.querySelector(".pdl-btn")) return;
  1960.       const img = containers.querySelector("img");
  1961.       const isOriginImg = regexp.originSrcPageNum.exec(img.src);
  1962.       if (!isOriginImg) return;
  1963.       const [pageNum] = isOriginImg;
  1964.       const attrs = {
  1965.         attrs: { "pdl-id": id, "should-download": pageNum },
  1966.         classList: ["pdl-btn", "pdl-btn-sub", "presentation"],
  1967.       };
  1968.       btn = createPdlBtn(attrs);
  1969.       containers.appendChild(btn);
  1970.       observer = new MutationObserver(cb);
  1971.       observer.observe(img.parentElement, { childList: true, subtree: true });
  1972.     };
  1973.   })();
  1974.   function createPreviewModalBtn() {
  1975.     const illustModalBtn = document.querySelectorAll(
  1976.       ".gtm-manga-viewer-preview-modal-open"
  1977.     );
  1978.     const mangaModalBtn = document.querySelectorAll(
  1979.       ".gtm-manga-viewer-open-preview"
  1980.     );
  1981.     let mangaViewerModalBtn = document.querySelectorAll(
  1982.       ".gtm-manga-viewer-close-icon"
  1983.     )?.[1];
  1984.     if (!illustModalBtn.length && !mangaModalBtn.length) return;
  1985.     const btns = [...illustModalBtn, ...mangaModalBtn];
  1986.     if (mangaViewerModalBtn) btns.push(mangaViewerModalBtn);
  1987.     btns.forEach((node) => {
  1988.       node.addEventListener("click", handleModalClick);
  1989.     });
  1990.   }
  1991.   function handleModalClick() {
  1992.     const timer = setInterval(() => {
  1993.       const ulList = document.querySelectorAll("ul");
  1994.       const previewList = ulList[ulList.length - 1];
  1995.       if (getComputedStyle(previewList).display !== "grid") return;
  1996.       clearInterval(timer);
  1997.       const [, id] = regexp.artworksPage.exec(location.pathname);
  1998.       previewList.childNodes.forEach((node, idx) => {
  1999.         node.style.position = "relative";
  2000.         const attrs = {
  2001.           attrs: { "pdl-id": id, "should-download": idx },
  2002.           classList: ["pdl-btn", "pdl-btn-sub"],
  2003.         };
  2004.         node.appendChild(createPdlBtn(attrs));
  2005.       });
  2006.     }, 300);
  2007.   }
  2008.   function createTagsBtn(userId, category) {
  2009.     const tagsEles = document.querySelectorAll(
  2010.       "section> div:nth-child(2) > div > div"
  2011.     );
  2012.     if (!tagsEles.length) return;
  2013.     if (category === "illustrations" || category === "artworks")
  2014.       category = "illusts";
  2015.     let rest = "show";
  2016.     if (
  2017.       userId === getSelfId() &&
  2018.       category === "bookmarks" &&
  2019.       location.search.includes("rest=hide")
  2020.     )
  2021.       rest = "hide";
  2022.     tagsEles.forEach((ele) => {
  2023.       if (ele.querySelector(".pdl-btn")) return;
  2024.       let tag;
  2025.       const tagLink = ele.querySelector("a");
  2026.       if (!tagLink) return;
  2027.       if (tagLink.getAttribute("status") !== "active") {
  2028.         if (rest === "hide") {
  2029.           tag = tagLink.href.slice(
  2030.             tagLink.href.lastIndexOf("/") + 1,
  2031.             tagLink.href.lastIndexOf("?")
  2032.           );
  2033.         } else {
  2034.           tag = tagLink.href.slice(tagLink.href.lastIndexOf("/") + 1);
  2035.         }
  2036.       } else {
  2037.         const tagTextEles = ele.querySelectorAll("div[title]");
  2038.         tag = tagTextEles[tagTextEles.length - 1].getAttribute("title").slice(1);
  2039.       }
  2040.       const attrs = {
  2041.         attrs: { "pdl-userId": userId, category, tag, rest },
  2042.         classList: ["pdl-btn", "pdl-tag"],
  2043.       };
  2044.       if (isDownloading) attrs.classList.push("pdl-tag-hide");
  2045.       const dlBtn = createPdlBtn(attrs, "", { addEvent: false });
  2046.       if (
  2047.         !(
  2048.           tagLink.href.includes("bookmarks") &&
  2049.           tagLink.getAttribute("status") !== "active"
  2050.         )
  2051.       ) {
  2052.         dlBtn.style.backgroundColor = tagLink.getAttribute("color") + "80";
  2053.       }
  2054.       dlBtn.addEventListener("click", downloadWorks);
  2055.       ele.appendChild(dlBtn);
  2056.     });
  2057.     let modalTagsEles;
  2058.     let modal;
  2059.     if (category === "bookmarks") {
  2060.       modal = document.querySelector('div[role="presentation"]');
  2061.       if (!modal) return;
  2062.       modalTagsEles = modal.querySelectorAll("a");
  2063.     } else {
  2064.       const charcoalTokens = document.querySelectorAll(".charcoal-token");
  2065.       modal = charcoalTokens[charcoalTokens.length - 1];
  2066.       modalTagsEles = modal.querySelectorAll("a");
  2067.     }
  2068.     if (!regexp.userPageTags.exec(modalTagsEles[0]?.href)) return;
  2069.     modalTagsEles.forEach((ele) => {
  2070.       if (ele.querySelector(".pdl-btn")) return;
  2071.       let tag;
  2072.       if (rest === "hide") {
  2073.         tag = ele.href.slice(
  2074.           ele.href.lastIndexOf("/") + 1,
  2075.           ele.href.lastIndexOf("?")
  2076.         );
  2077.       } else {
  2078.         tag = ele.href.slice(ele.href.lastIndexOf("/") + 1);
  2079.       }
  2080.       const attrs = {
  2081.         attrs: { "pdl-userId": userId, category, tag, rest },
  2082.         classList: ["pdl-btn", "pdl-modal-tag"],
  2083.       };
  2084.       if (isDownloading) attrs.classList.push("pdl-tag-hide");
  2085.       const dlBtn = createPdlBtn(attrs, "", { addEvent: false });
  2086.       dlBtn.addEventListener("click", (evt) => {
  2087.         modal.querySelector("svg").parentElement.click();
  2088.         downloadWorks(evt);
  2089.       });
  2090.       ele.appendChild(dlBtn);
  2091.     });
  2092.   }
  2093.   function compatPixivPreviewer(nodes) {
  2094.     const isPpSearchPage = regexp.ppSearchPage.test(location.pathname);
  2095.     if (!isPpSearchPage) return;
  2096.     nodes.forEach((node) => {
  2097.       const pdlEle = node.querySelector(".pdl-btn");
  2098.       if (!pdlEle) return false;
  2099.       pdlEle.remove();
  2100.     });
  2101.   }
  2102.   let firstRun = true;
  2103.   function observerCallback(records) {
  2104.     const addedNodes = [];
  2105.     records.forEach((record) => {
  2106.       if (!record.addedNodes.length) return;
  2107.       record.addedNodes.forEach((node) => {
  2108.         if (
  2109.           node.nodeType === Node.ELEMENT_NODE &&
  2110.           node.tagName !== "BUTTON" &&
  2111.           node.tagName !== "IMG"
  2112.         ) {
  2113.           addedNodes.push(node);
  2114.         }
  2115.       });
  2116.     });
  2117.     if (!addedNodes.length) {
  2118.       return;
  2119.     }
  2120.     if (firstRun) {
  2121.       createSubBtn(document.querySelectorAll("a"));
  2122.       firstRun = false;
  2123.     } else {
  2124.       compatPixivPreviewer(addedNodes);
  2125.       const thunmnails = addedNodes.reduce((prev, current) => {
  2126.         return prev.concat(Array.from(current.querySelectorAll("a")));
  2127.       }, []);
  2128.       createSubBtn(thunmnails);
  2129.     }
  2130.     const isArtworksPage = regexp.artworksPage.exec(location.pathname);
  2131.     const isUserPage = regexp.userPage.exec(location.pathname);
  2132.     const isTagsPage = regexp.userPageTags.exec(location.pathname);
  2133.     if (isArtworksPage) {
  2134.       const id = isArtworksPage[1];
  2135.       createMainBtn(id);
  2136.       createMultyWorksBtn(id);
  2137.       createPresentationBtn(id);
  2138.       createPreviewModalBtn();
  2139.     } else if (isUserPage) {
  2140.       createDownloadBar(isUserPage[1]);
  2141.       if (isTagsPage) {
  2142.         createTagsBtn(isUserPage[1], isTagsPage[1]);
  2143.       }
  2144.     }
  2145.   }
  2146.  
  2147.   function getHistoryStr() {
  2148.     return JSON.stringify([...pixivHistory._records]);
  2149.   }
  2150.   function createImportModal() {
  2151.     if (document.querySelector("#pdlfolder")) return;
  2152.     const html = {
  2153.       header: "<h3>导入 / 导出</h3>",
  2154.       content: `<p>
  2155.     <p><label for="pdl-import">选择要导入的文件：</label></p>
  2156.     <input type="file" id="pdl-import" accept=".txt">
  2157.   </p>
  2158.   <p>
  2159.   <hr style="border-top:solid 1px grey">
  2160.   <p>
  2161.     <button id="pdl-output">导出记录</button>
  2162.   </p>`,
  2163.     };
  2164.     const modal = createModal(html);
  2165.     const file = modal.querySelector("#pdl-import");
  2166.     file.addEventListener("change", () => {
  2167.       const file = modal.querySelector("#pdl-import").files[0];
  2168.       if (file && file.type === "text/plain") {
  2169.         const reader = new FileReader();
  2170.         reader.readAsText(file);
  2171.         reader.onload = (evt) => {
  2172.           const text = evt.target.result;
  2173.           try {
  2174.             const history = JSON.parse(text);
  2175.             if (!(history instanceof Array)) throw new Error("Invalid file");
  2176.             if (history.length) {
  2177.               if (!history.every((id) => typeof id === "string"))
  2178.                 throw new Error("Invalid file");
  2179.             }
  2180.             pixivHistory.saveHistory(history);
  2181.             location.reload();
  2182.           } catch (error) {
  2183.             alert(error.message);
  2184.           }
  2185.         };
  2186.       } else {
  2187.         alert("Invalid file");
  2188.       }
  2189.     });
  2190.     const btn = modal.querySelector("#pdl-output");
  2191.     btn.addEventListener("click", () => {
  2192.       const dlEle = document.createElement("a");
  2193.       const history = getHistoryStr();
  2194.       dlEle.href = URL.createObjectURL(
  2195.         new Blob([history], { type: "text/plain" })
  2196.       );
  2197.       dlEle.download = "Pixiv Downloader " + new Date().toLocaleString();
  2198.       dlEle.click();
  2199.       URL.revokeObjectURL(dlEle.href);
  2200.     });
  2201.     document.body.appendChild(modal);
  2202.   }
  2203.  
  2204.   addStyle();
  2205.   pixivHistory.updateHistory();
  2206.   GM_registerMenuCommand("Apng", setFormatFactory("png"), "a");
  2207.   GM_registerMenuCommand("Gif", setFormatFactory("gif"), "g");
  2208.   GM_registerMenuCommand("Zip", setFormatFactory("zip"), "z");
  2209.   GM_registerMenuCommand("Webm", setFormatFactory("webm"), "w");
  2210.   GM_registerMenuCommand("Webp", setFormatFactory("webp"), "p");
  2211.   GM_registerMenuCommand(
  2212.     i18n("clear_history"),
  2213.     pixivHistory.clearHistory.bind(pixivHistory),
  2214.     "c"
  2215.   );
  2216.   GM_registerMenuCommand(i18n("edit_filename"), showFilePathSetting, "e");
  2217.   GM_registerMenuCommand("导入/导出", createImportModal, "i");
  2218.   initial()
  2219.     .then(() => {
  2220.       if (settings.showMsg) {
  2221.         showUpgradeMsg();
  2222.         upgradeSettings("showMsg", false);
  2223.       }
  2224.       new MutationObserver(observerCallback).observe(document.body, {
  2225.         childList: true,
  2226.         subtree: true,
  2227.       });
  2228.       document.addEventListener("keydown", (e) => {
  2229.         if (e.ctrlKey && e.key === "q") {
  2230.           const pdlMainBtn = document.querySelector(".pdl-btn-main");
  2231.           if (pdlMainBtn) {
  2232.             e.preventDefault();
  2233.             if (!e.repeat) {
  2234.               pdlMainBtn.dispatchEvent(new MouseEvent("click"));
  2235.             }
  2236.           }
  2237.         }
  2238.       });
  2239.     })
  2240.     .catch(console.error);
  2241.  
  2242. })();