pixiv コメントを展開

Expands pixiv comments. Always shows all comments.
当前为 2017-04-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        pixiv コメントを展開
// @name:ja     pixiv コメントを展開
// @name:en     pixiv Comment Expander
// @description Expands pixiv comments. Always shows all comments.
// @description:ja コメントを常に全件表示します。
// @namespace   http://userscripts.org/users/347021
// @version     2.2.2
// @match       https://www.pixiv.net/member_illust.php?*mode=medium*
// @match       https://www.pixiv.net/novel/show.php?*id=*
// @require     https://gf.qytechs.cn/scripts/17895/code/polyfill.js?version=172152
// @require     https://gf.qytechs.cn/scripts/19616/code/utilities.js?version=142849
// @require     https://gf.qytechs.cn/scripts/17896/code/start-script.js?version=112958
// @license     Mozilla Public License Version 2.0 (MPL 2.0); https://www.mozilla.org/MPL/2.0/
// @compatible  Edge 非推奨 / Deprecated
// @compatible  Firefox Tampermonkey BETA の利用は非推奨 / Tampermonkey BETA is depricated
// @compatible  Opera
// @compatible  Chrome
// @grant       dummy
// @noframes
// @run-at      document-start
// @icon        data:image/vnd.microsoft.icon;base64,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
// @author      100の人
// @homepage    https://gf.qytechs.cn/scripts/266
// ==/UserScript==

/* @iconに、TMZ様のイラストを使わせていただきました。
 「iPhoneふうpixivアイコン」/「TMZ」のイラスト [pixiv]
 <http://www.pixiv.net/member_illust.php?mode=medium&illust_id=8572587> */

(function () {
'use strict';

class CommentExpander
{
	/**
	 * コメント取得回数 (20コメント / 1回) 制限。
	 * @constant {number}
	 */
	static get LIMIT_LOADING_COMMENT() {return 10;}

	/**
	 * 何ページ目のコメントから取得を開始するか。
	 * @constant {number}
	 */
	static get DEFAULT_PAGE() {return 2;}

	constructor()
	{
		/**
		 * 小説ページなら真。
		 * @member {boolean}
		 */
		this.novel = window.location.pathname === '/novel/show.php';

		startScript(
			() => this.main(),
			parent => parent.id === 'one_comment',
			target => target.classList.contains(this.novel ? 'worksOptionRight' : 'layout-column-2'),
			() => this.novel
				? document.getElementsByClassName('worksOptionRight')[0]
				: document.querySelector('#one_comment .layout-column-2')
		);
	}

	/**
	 * @param {(ProgressEvent|MouseEvent)}
	 */
	handleEvent(event)
	{
		if (event instanceof ProgressEvent) {
			// コメントが取得されたとき
			const data = event.target.response.body;

			// コメントを追加
			/**
			 * コメントリスト要素。
			 * @member {HTMLDivElement}
			 */
			(this.commentList || (this.commentList = document.getElementsByClassName('_comment-items')[0]))
				.insertAdjacentHTML('beforeend', data.html);

			if (data.more) {
				// さらにコメントがあれば
				const page = Number.parseInt(this.url.searchParams.get('p')) + 1;
				this.url.searchParams.set('p', page);
				if (page >= CommentExpander.DEFAULT_PAGE + CommentExpander.LIMIT_LOADING_COMMENT * this.count) {
					// コメント取得回数制限を超えていれば
					this.updateLazyLoadList();
				} else {
					this.getComments();
				}
			} else {
				// 全コメントを取得済みであれば
				this.moreCommentButton.remove();
				this.updateLazyLoadList();
			}
		} else {
			// 「もっと見る」ボタンが押されたとき
			event.stopPropagation();
			this.count++;
			this.getComments();
		}
	}

	/**
	 * @access protected
	 */
	main()
	{
		/**
		 * 「もっと見る」ボタン。
		 * @member {?HTMLDivElement}
		 */
		this.moreCommentButton = document.getElementsByClassName('more-comment')[0];

		if (this.moreCommentButton) {
			// コメント数が21件以上なら (「もっと見る」ボタンが存在すれば)
			/**
			 * スクリプトが実行された回数。1 (ページ読み込み時) + 「もっと見る」ボタンを押した回数。
			 * @member {number}
			 * @access protected
			 */
			this.count = 1;

			/**
			 * URL。
			 * @member {URL}
			 */
			this.url = new URL('rpc_comment_history.php?' + new URLSearchParams({
				i_id: document.getElementsByName(this.novel ? 'id' : 'illust_id')[0].value,
				u_id: new URLSearchParams(
					(this.novel
						? document.querySelector('.column-header .tabs a')
						: document.getElementsByClassName('tab-profile')[0]).search
				).get('id'),
				p: CommentExpander.DEFAULT_PAGE,
			}), location);

			this.moreCommentButton.addEventListener('click', this);

			this.getComments();
		}
	}

	/**
	 * 遅延読み込みされる画像リストを更新します。
	 * @access protected
	 */
	updateLazyLoadList()
	{
		setTimeout(() =>
			GreasemonkeyUtils.executeOnUnsafeContext(/*globals pixiv */() => pixiv.scrollView.registerFilter().reset())
		);
	}

	/**
	 * コメントを取得します。
	 * @access protected
	 */
	getComments()
	{
		if (!this.client) {
			/**
			 * @member {XMLHttpRequest}
			 * @access protected
			 */
			this.client = new XMLHttpRequest();
			this.client.responseType = 'json';
			this.client.addEventListener('load', this);
		}

		this.client.open('GET', this.url);
		this.client.send();
	}
}

new CommentExpander();

})();
欢迎访问Greasy Fork镜像
