// ==UserScript==
// @name Pixiv Infinite Scroll
// @name:ja Pixiv Infinite Scroll
// @name:zh-CN Pixiv Infinite Scroll
// @name:zh-TW Pixiv Infinite Scroll
// @namespace https://github.com/chimaha/Pixiv-Infinite-Scroll
// @match https://www.pixiv.net/*
// @grant none
// @version 1.1
// @author chimaha
// @description Allow infinite scrolling with "Following" and "Bookmarks" on Pixiv.
// @description:ja Pixivの「フォロー」と「ブックマーク」で無限スクロールができるようにします。
// @description:zh-CN Pixiv"关注"和"收藏"可实现无限滚动。
// @description:zh-TW Pixiv的"關注"和"收藏"功能可實現無限捲動。
// @license MIT license
// @icon https://www.pixiv.net/favicon.ico
// @supportURL https://github.com/chimaha/Pixiv-Infinite-Scroll/issues
// ==/UserScript==
/*! Pixiv Infinite Scroll | MIT license | https://github.com/chimaha/Pixiv-Infinite-Scroll/blob/main/LICENSE */
function followingProcess() {
function createDiv(userId, userName, profileImage, userComment, following, illustId, illustTitle, illustUrl, bookmarkData, illustAlt) {
let resultFollow;
let followClass;
let followStyle = "";
const followLanguage = [];
const currentLanguage = document.querySelector("html").getAttribute("lang");
if(currentLanguage == "ja") {
followLanguage.push("フォロー中", "フォローする");
} else if (currentLanguage == "ko") {
followLanguage.push("팔로우 중", "팔로우하기");
} else if (currentLanguage == "zh-CN") {
followLanguage.push("已关注", "加关注");
} else if (currentLanguage == "zh-TW") {
followLanguage.push("關注中", "加關注");
} else {
followLanguage.push("Following", "Follow");
}
if (following) {
resultFollow = followLanguage[0];
followClass = "cnpwVx";
followStyle = 'style="background-color: var(--charcoal-surface3); color: var(--charcoal-text2); font-weight: bold; padding-right: 24px; padding-left: 24px; border-radius: 999999px; height: 40px;"';
} else {
resultFollow = followLanguage[1];
followClass = "fOWAlD";
}
let bookmarkClass = [];
let bookmarkStyle = [];
for (const resultBookmark of bookmarkData) {
if(resultBookmark) {
bookmarkClass.push("bXjFLc");
bookmarkStyle.push('style="color: rgb(255, 64, 96); fill: currentcolor;"');
} else {
bookmarkClass.push("dxYRhf");
}
}
function escapleHtml(escapeText) {
return escapeText
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
const escapedText = escapleHtml(userComment);
const div = `
<div class="sc-1y4z60g-5 cPVjJh">
<div class="sc-11m5zdr-0 bbJBkV">
<div class="sc-11m5zdr-1 clrYBQ">
<div class="sc-19z9m4s-0 fbLOpg"><a class="sc-d98f2c-0" data-gtm-value="${userId}" href="/users/${userId}">
<div size="80" title="${userName}" role="img" class="sc-1asno00-0 deMagM">
<img src="${profileImage}" style="object-fit: cover; object-position: center top;" width="80" height="80" alt="${userName}">
</div>
</a>
<div class="sc-19z9m4s-4 fYGGbS">
<div class="sc-19z9m4s-5 iqZEnZ">
<a class="sc-d98f2c-0 sc-19z9m4s-2 QHGGh" data-gtm-value="${userId}" href="/users/${userId}">${userName}</a>
</div>
<div class="sc-19z9m4s-3 isEYuz">${escapedText}</div>
<div class="sc-19z9m4s-1 qjElz">
<button class="sc-bdnxRM jvCTkj sc-dlnjwi ${followClass} sc-1obql3d-0 Rlftz gtm-undefined sc-1obql3d-0 Rlftz gtm-undefined" data-gtm-user-id="${userId}" data-click-action="click" data-click-label="follow" height="40" ${followStyle}>${resultFollow}</button>
<div aria-current="false" class="sc-125tkm8-0 sc-125tkm8-3 ka-dhPl eZXKAK">
<div class="sc-1ij5ui8-0 QihHO sc-125tkm8-2 gUcOiA" role="button">
<pixiv-icon name="24/Dot"></pixiv-icon>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sc-11m5zdr-2 gClOXE">
<div>
<div class="sc-1kr69jw-2 hYTIUt">
<div class="sc-1kr69jw-4 hOZSpq">
<div class="sc-1kr69jw-5 Dzlsu">
<div class="sc-1kr69jw-6 dhGRLC">
<div class="sc-1kr69jw-3 wJpxo" data-add-scroll="true">
<ul class="sc-1kr69jw-0 hkzusx">
<div class="sc-w2rqc8-2 bgeGyS">
<div class="sc-fgp4rp-1 cQUnPX">
<div class="sc-iasfms-5 liyNwX">
<div type="illust" size="184" class="sc-iasfms-3 iIcDMF">
<div width="184" height="184" class="sc-rp5asc-0 fxGVAF">
<a class="sc-d98f2c-0 sc-rp5asc-16 iUsZyY sc-eWnToP khjDVZ" data-gtm-value="${illustId[0]}" data-gtm-user-id="${userId}" href="/artworks/${illustId[0]}">
<div radius="4" class="sc-rp5asc-9 cYUezH">
<img src="${illustUrl[0]}" style="object-fit: cover; object-position: center center;" alt="${illustAlt[0]}" class="sc-rp5asc-10 erYaF">
</div>
<div class="sc-rp5asc-12 Sxcoo">
<div class="sc-rp5asc-13 liXhix"></div>
</div>
</a>
<div class="sc-iasfms-4 iHfghO">
<div class="">
<button type="button" class="sc-kgq5hw-0 fgVkZi">
<svg viewBox="0 0 32 32" width="32" height="32" class="sc-j89e3c-1 ${bookmarkClass[0]}" ${bookmarkStyle[0]}>
<path d="M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"></path>
<path d="M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z" class="sc-j89e3c-0 dUurgf"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="sc-iasfms-0 jtpclu">
<a class="sc-d98f2c-0 sc-iasfms-6 gqlfsh" href="/artworks/${illustId[0]}">${illustTitle[0]}</a>
</div>
</div>
</div>
</div>
<div class="sc-w2rqc8-2 bgeGyS">
<div class="sc-fgp4rp-1 cQUnPX">
<div class="sc-iasfms-5 liyNwX">
<div type="illust" size="184" class="sc-iasfms-3 iIcDMF">
<div width="184" height="184" class="sc-rp5asc-0 fxGVAF">
<a class="sc-d98f2c-0 sc-rp5asc-16 iUsZyY sc-eWnToP khjDVZ" data-gtm-value="${illustId[1]}" data-gtm-user-id="${userId}" href="/artworks/${illustId[1]}">
<div radius="4" class="sc-rp5asc-9 cYUezH">
<img src="${illustUrl[1]}" style="object-fit: cover; object-position: center center;" alt="${illustAlt[1]}" class="sc-rp5asc-10 erYaF">
</div>
<div class="sc-rp5asc-12 Sxcoo">
<div class="sc-rp5asc-13 liXhix"></div>
</div>
</a>
<div class="sc-iasfms-4 iHfghO">
<div class="">
<button type="button" class="sc-kgq5hw-0 fgVkZi">
<svg viewBox="0 0 32 32" width="32" height="32" class="sc-j89e3c-1 ${bookmarkClass[1]}" ${bookmarkStyle[1]}>
<path d="M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"></path>
<path d="M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z" class="sc-j89e3c-0 dUurgf"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="sc-iasfms-0 jtpclu">
<a class="sc-d98f2c-0 sc-iasfms-6 gqlfsh" href="/artworks/${illustId[1]}">${illustTitle[1]}</a>
</div>
</div>
</div>
</div>
<div class="sc-w2rqc8-2 bgeGyS">
<div class="sc-fgp4rp-1 cQUnPX">
<div class="sc-iasfms-5 liyNwX">
<div type="illust" size="184" class="sc-iasfms-3 iIcDMF">
<div width="184" height="184" class="sc-rp5asc-0 fxGVAF">
<a class="sc-d98f2c-0 sc-rp5asc-16 iUsZyY sc-eWnToP khjDVZ" data-gtm-value="${illustId[2]}" data-gtm-user-id="${userId}" href="/artworks/${illustId[2]}">
<div radius="4" class="sc-rp5asc-9 cYUezH">
<img src="${illustUrl[2]}" style="object-fit: cover; object-position: center center;" alt="${illustAlt[2]}" class="sc-rp5asc-10 erYaF">
</div>
<div class="sc-rp5asc-12 Sxcoo">
<div class="sc-rp5asc-13 liXhix"></div>
</div>
</a>
<div class="sc-iasfms-4 iHfghO">
<div class=""><button type="button"
class="sc-kgq5hw-0 fgVkZi">
<svg viewBox="0 0 32 32" width="32" height="32" class="sc-j89e3c-1 ${bookmarkClass[2]}" ${bookmarkStyle[2]}>
<path d="M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"></path>
<path d="M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z" class="sc-j89e3c-0 dUurgf"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="sc-iasfms-0 jtpclu">
<a class="sc-d98f2c-0 sc-iasfms-6 gqlfsh" href="/artworks/${illustId[2]}">${illustTitle[2]}</a>
</div>
</div>
</div>
</div>
<div class="sc-w2rqc8-2 bgeGyS">
<div class="sc-fgp4rp-1 cQUnPX">
<div class="sc-iasfms-5 liyNwX">
<div type="illust" size="184" class="sc-iasfms-3 iIcDMF">
<div width="184" height="184" class="sc-rp5asc-0 fxGVAF">
<a class="sc-d98f2c-0 sc-rp5asc-16 iUsZyY sc-eWnToP khjDVZ" data-gtm-value="${illustId[3]}" data-gtm-user-id="${userId}" href="/artworks/${illustId[3]}">
<div radius="4" class="sc-rp5asc-9 cYUezH">
<img src="${illustUrl[3]}" style="object-fit: cover; object-position: center center;" alt="${illustAlt[3]}" class="sc-rp5asc-10 erYaF">
</div>
<div class="sc-rp5asc-12 Sxcoo">
<div class="sc-rp5asc-13 liXhix"></div>
</div>
</a>
<div class="sc-iasfms-4 iHfghO">
<div class="">
<button type="button" class="sc-kgq5hw-0 fgVkZi">
<svg viewBox="0 0 32 32" width="32" height="32" class="sc-j89e3c-1 ${bookmarkClass[3]}" ${bookmarkStyle[3]}>
<path d="M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"></path>
<path d="M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z" class="sc-j89e3c-0 dUurgf"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="sc-iasfms-0 jtpclu">
<a class="sc-d98f2c-0 sc-iasfms-6 gqlfsh" href="/artworks/${illustId[3]}">${illustTitle[3]}</a>
</div>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div>
<div class="sc-1kr69jw-1 ioeugW">
<button type="button" style="left: 0px; margin-bottom: 0px; padding-left: 16px; padding-bottom: 0px;" class="sc-lsvxoe-1 sc-lsvxoe-2 bpAOQo fXtZss">
<div class="sc-lsvxoe-0 kYzpDP">
<svg viewBox="0 0 24 24" size="24" class="sc-11csm01-0 fivNSm">
<path d="M8.08579 16.5858C7.30474 17.3668 7.30474 18.6332 8.08579 19.4142C8.86684 20.1953 10.1332 20.1953 10.9142 19.4142L18.3284 12L10.9142 4.58579C10.1332 3.80474 8.86684 3.80474 8.08579 4.58579C7.30474 5.36684 7.30474 6.63317 8.08579 7.41421L12.6716 12L8.08579 16.5858Z" transform="rotate(180 12 12)"></path>
</svg>
</div>
</button>
<button type="button" style="right: -72px; margin-bottom: 0px; padding-right: 16px; padding-bottom: 0px;" class="sc-lsvxoe-1 sc-lsvxoe-2 bpAOQo fXtZss">
<div class="sc-lsvxoe-0 kYzpDP">
<svg viewBox="0 0 24 24" size="24" class="sc-11csm01-0 fivNSm">
<path d="M8.08579 16.5858C7.30474 17.3668 7.30474 18.6332 8.08579 19.4142C8.86684 20.1953 10.1332 20.1953 10.9142 19.4142L18.3284 12L10.9142 4.58579C10.1332 3.80474 8.86684 3.80474 8.08579 4.58579C7.30474 5.36684 7.30474 6.63317 8.08579 7.41421L12.6716 12L8.08579 16.5858Z"></path>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>`;
document.querySelector(".sc-1y4z60g-4.cqwgCG").insertAdjacentHTML("beforeend", div);
}
// https://www.pixiv.net/ajax/user/*/following?offset=24&limit=24&rest=show
// https://www.pixiv.net/users/*/following?p=2
if (document.querySelectorAll(".sc-1y4z60g-5.cPVjJh").length < 24) { return; }
const matches = window.location.href.match(regex);
let offset;
if (matches[2]) {
offset = matches[1] * 24 + pageNumber++ * 24;
} else {
offset = 24 + pageNumber++ * 24;
}
const url = `https://www.pixiv.net/ajax/user/${matches[1]}/following?offset=${offset}&limit=24&rest=show`;
const pageAsync = async () => {
const response = await fetch(url);
const json = await response.json();
for (let i = 0; i < Object.keys(json.body.users).length; i++) {
const users = json.body.users[i];
const userId = users.userId;
const userName = users.userName;
const profileImage = users.profileImageUrl;
const userComment = users.userComment.slice(0, 98);
const following = users.following;
const illustId = [];
const illustTitle = [];
const illustUrl = [];
const bookmarkData = [];
const illustAlt = [];
for (let j = 0; j < Object.keys(json.body.users[i].illusts).length; j++) {
const illusts = json.body.users[i].illusts[j];
illustId.push(illusts.id);
illustTitle.push(illusts.title);
illustUrl.push(illusts.url);
bookmarkData.push(illusts.bookmarkData);
illustAlt.push(illusts.alt);
}
createDiv(userId, userName, profileImage, userComment, following, illustId, illustTitle, illustUrl, bookmarkData, illustAlt);
}
};
pageAsync();
}
function bookmarkProcess() {
function createDiv(worksId, worksTitle, worksUrl, userId, userName, pageCount, bookmarkData, worksAlt, profileImageUrl) {
let pageCountHtml = "";
if (pageCount > 2) {
pageCountHtml = `
<div class="sc-rp5asc-5 hHNegy">
<div class="sc-1mr081w-0 kZlOCw">
<span class="sc-1mr081w-1 gODLwk">
<span class="sc-14heosd-0 gbNjFx">
<svg viewBox="0 0 9 10" size="9" class="sc-14heosd-1 fArvVr">
<path d="M8,3 C8.55228475,3 9,3.44771525 9,4 L9,9 C9,9.55228475 8.55228475,10 8,10 L3,10 C2.44771525,10 2,9.55228475 2,9 L6,9 C7.1045695,9 8,8.1045695 8,7 L8,3 Z M1,1 L6,1 C6.55228475,1 7,1.44771525 7,2 L7,7 C7,7.55228475 6.55228475,8 6,8 L1,8 C0.44771525,8 0,7.55228475 0,7 L0,2 C0,1.44771525 0.44771525,1 1,1 Z" transform=""></path>
</svg>
</span>
</span>
<span>${pageCount}</span>
</div>
</div>`;
}
let bookmarkClass = "";
let bookmarkStyle = "";
if(bookmarkData) {
bookmarkClass = "bXjFLc";
bookmarkStyle = 'style="color: rgb(255, 64, 96); fill: currentcolor;"'
} else {
bookmarkClass = "dxYRhf";
}
const div = `
<li size="1" offset="0" class="sc-9y4be5-2 sc-9y4be5-3 sc-1wcj34s-1 kFAPOq CgxkO" style="display: block">
<div class="sc-iasfms-5 liyNwX">
<div type="illust" size="184" class="sc-iasfms-3 iIcDMF">
<div width="184" height="184" class="sc-rp5asc-0 fxGVAF">
<a class="sc-d98f2c-0 sc-rp5asc-16 iUsZyY sc-eWnToP khjDVZ" data-gtm-value="${worksId}" data-gtm-user-id="${userId}" href="/artworks/${worksId}">
<div radius="4" class="sc-rp5asc-9 cYUezH">
<img src="${worksUrl}" style="object-fit: cover; object-position: center center;" alt="${worksAlt}" class="sc-rp5asc-10 erYaF">
</div>
<div class="sc-rp5asc-12 Sxcoo">
<div class="sc-rp5asc-13 liXhix"></div>
${pageCountHtml}
</div>
</a>
<div class="sc-iasfms-4 iHfghO">
<div class="">
<button type="button" class="sc-kgq5hw-0 fgVkZi">
<svg viewBox="0 0 32 32" width="32" height="32" class="sc-j89e3c-1 ${bookmarkClass}" ${bookmarkStyle}>
<path d="M21,5.5 C24.8659932,5.5 28,8.63400675 28,12.5 C28,18.2694439 24.2975093,23.1517313 17.2206059,27.1100183 C16.4622493,27.5342993 15.5379984,27.5343235 14.779626,27.110148 C7.70250208,23.1517462 4,18.2694529 4,12.5 C4,8.63400691 7.13400681,5.5 11,5.5 C12.829814,5.5 14.6210123,6.4144028 16,7.8282366 C17.3789877,6.4144028 19.170186,5.5 21,5.5 Z"></path>
<path d="M16,11.3317089 C15.0857201,9.28334665 13.0491506,7.5 11,7.5 C8.23857625,7.5 6,9.73857647 6,12.5 C6,17.4386065 9.2519779,21.7268174 15.7559337,25.3646328 C15.9076021,25.4494645 16.092439,25.4494644 16.2441073,25.3646326 C22.7480325,21.7268037 26,17.4385986 26,12.5 C26,9.73857625 23.7614237,7.5 21,7.5 C18.9508494,7.5 16.9142799,9.28334665 16,11.3317089 Z" class="sc-j89e3c-0 dUurgf"></path>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="sc-iasfms-0 jtpclu">
<a class="sc-d98f2c-0 sc-iasfms-6 gqlfsh" href="/artworks/${worksId}">${worksTitle}</a>
</div>
<div class="sc-iasfms-0 jtpclu">
<div aria-haspopup="true" class="sc-1rx6dmq-0 icsUdQ">
<div class="sc-1rx6dmq-1 eMfHJB">
<a class="sc-d98f2c-0" data-gtm-value="${userId}" href="/users/${userId}">
<div size="24" title="${userName}" role="img" class="sc-1asno00-0 hMqBzA">
<img src="${profileImageUrl}" style="object-fit: cover; object-position: center top;" width="24" height="24" alt="${userName}">
</div>
</a>
</div>
<a class="sc-d98f2c-0 sc-1rx6dmq-2 kghgsn" data-gtm-value="${userId}" href="/users/${userId}">${userName}</a>
</div>
</div>
</div>
</li>`;
document.querySelector(".sc-9y4be5-1.jtUPOE").insertAdjacentHTML("beforeend", div);
}
// https://www.pixiv.net/ajax/user/*/illusts/bookmarks?tag=&offset=0&limit=48&rest=show
// https://www.pixiv.net/users/*/bookmarks/artworks?p=2
if (document.querySelectorAll(".sc-9y4be5-2.kFAPOq").length < 48) { return; }
const matches = window.location.href.match(bookmarkRegex);
let offset;
if (matches[2]) {
offset = matches[1] * 48 + pageNumber++ * 48;
} else {
offset = 48 + pageNumber++ * 48;
}
const url = `https://www.pixiv.net/ajax/user/${matches[1]}/illusts/bookmarks?tag=&offset=${offset}&limit=48&rest=show`;
const pageAsync = async () => {
const response = await fetch(url);
const json = await response.json();
for (let i = 0; i < Object.keys(json.body.works).length; i++) {
const works = json.body.works[i];
const worksId = works.id;
const worksTitle = works.title;
const worksUrl = works.url;
const userId = works.userId;
const userName = works.userName;
const pageCount = works.pageCount;
const bookmarkData = works.bookmarkData;
const worksAlt = works.alt;
const profileImageUrl = works.profileImageUrl;
createDiv(worksId, worksTitle, worksUrl, userId, userName, pageCount, bookmarkData, worksAlt, profileImageUrl);
}
};
pageAsync();
}
let confirmProcess = false;
let currentLocation;
let pageNumber = 0;
const regex = /https:\/\/www\.pixiv\.net(?:\/en)?\/users\/([0-9]+)\/following(?:\?p=([0-9]+))?/;
const bookmarkRegex = /https:\/\/www\.pixiv\.net(?:\/en)?\/users\/([0-9]+)\/bookmarks\/artworks(?:\?p=([0-9]+))?/;
const observer = new MutationObserver(() => {
if (window.location.href != currentLocation) {
confirmProcess = false;
pageNumber = 0;
}
if (regex.test(window.location.href) && !confirmProcess) {
const targetElement = document.querySelector(".sc-1y4z60g-4.cqwgCG");
currentLocation = window.location.href;
if (targetElement) {
const scrollObserver = new IntersectionObserver(entries => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
followingProcess();
confirmProcess = false;
scrollObserver.unobserve(entry.target);
}
})
});
scrollObserver.observe(document.querySelector(".sc-1y4z60g-5.cPVjJh:last-child").previousElementSibling);
confirmProcess = true;
}
}
if (bookmarkRegex.test(window.location.href) && !confirmProcess) {
const targetElement = document.querySelector(".sc-9y4be5-1.jtUPOE");
currentLocation = window.location.href;
if (targetElement) {
const scrollObserver = new IntersectionObserver(entries => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
bookmarkProcess();
confirmProcess = false;
scrollObserver.unobserve(entry.target);
}
})
});
scrollObserver.observe(document.querySelector(".sc-9y4be5-2.kFAPOq:last-child"));
confirmProcess = true;
}
}
});
const config = { childList: true, subtree: true };
observer.observe(document.querySelector("#root"), config);