futaba_catalog_NG

カタログのスレをＮＧで非表示
Wrap lines
// ==UserScript==
// @name        futaba_catalog_NG
// @namespace   https://github.com/akoya-tomo
// @description カタログのスレをＮＧで非表示
// @author      akoya_tomo
// @match       http://*.2chan.net/*/futaba.php?mode=cat*
// @match       https://*.2chan.net/*/futaba.php?mode=cat*
// @version     1.10.0
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
// @require     https://cdn.jsdelivr.net/npm/[email protected]/src/md5.min.js
// @grant       GM_registerMenuCommand
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_addStyle
// @license     MIT
// @run-at      document-start
// @icon        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAABXElEQVQ4T8VSTUvDQBRcEcGL0H+QQ3c3KSVtmhRMe5aC4rX+Fb15F/PVUqFSqwcV8SxSPYknUcSDKCqICNZ/YBEv62xcS0CQ5iBOeMm+92beDrsh/w8WMIuFrEdD2kdc8ZAvacvapGoPIWs84IsxJ+J96I6yftYmKLywiInCekFUdirCbJsCzfNiUMwoLdECLQPe2TfH6lhCarDxK8HrKU5UlLfKwu7agvnsUOkJDehBaaMknE1nyIsjYM8ExBkMGSQbkiid0FU6D9uzcv1DHLEB9Wkt3kH3dBNDTpIEd9uVFvdA2o3XiR4cnfIVXojFScDSNAghnnu9qUuLD1jf5Vo5gTN4RETUo66i/w7msTmI3yH64D5fQGnsq5MCcHCNa71VaXpgwAXiUqXpgd1vEOkH5Fv5mt7Qj+WJG01jTZVHh9Ewuvhd3+S32qlOqfLoqO/Xx522M6HSvwQhn8ChorvE+0t7AAAAAElFTkSuQmCC
// ==/UserScript==
this.$ = this.jQuery = jQuery.noConflict(true);

(function ($) {
	/**
	 *	設定
	 */
	var USE_NG_IMAGES = true;				// スレ画像のNGを有効にする
	var MAX_NG_THREADS = 512;				// NGスレの最大保持数（板毎）
	var MAX_REGISTERED_NG_IMAGES = 2048;	// NG画像の最大登録数
	var MAX_OK_IMAGES = 1024;				// 非NG画像名の最大保持数（板毎）
	var HIDE_CATALOG_BEFORE_LOAD = false;	// ページの読み込みが完了するまでカタログを隠す
	var USE_NG_THREAD_CLEAR_BUTTON = true;	// スレNGのクリアボタンを使用する
	var USE_NG_DISABLE_BUTTON = true;		// NG機能一時無効ボタンを使用する
	var USE_DHASH = false;					// 近似画像NGを使用する
	var DISTANCE_THRESHOLD = 3;				// 近似画像判定閾値(デフォルト：3)
	var ENABLE_DHASH_TEST = false;			// 近似画像NGのテストモードを有効にする
	var CHECK_NG_LIST = true;				// NGリストが正常かチェックする

	var serverName = document.domain.match(/^[^.]+/);
	var pathName = location.pathname.match(/[^/]+/);
	var serverFullPath = serverName + "_" + pathName;
	var selectIndex = -1;
	var imageList = GM_getValue("_futaba_catalog_NG_images", []);
	var commentList = GM_getValue("_futaba_catalog_NG_comment", []);
	var dateList = GM_getValue("_futaba_catalog_NG_date", []);
	var dHashList = GM_getValue("_futaba_catalog_NG_dHashes", []);
	var images, ngDate, okImages, dHashes;
	var item_md5_text = "　md5";
	var item_comment_text = "　コメント";
	var item_date_text = "　最終検出日";
	var item_dHash_text = "　dHash";
	var isNgEnable = true;

	// dHashリスト初期化
	if (dHashList.length == 0 && imageList.length > 0) {
		dHashList = new Array(imageList.length).fill(null);
		GM_setValue("_futaba_catalog_NG_dHashes", dHashList);
	}

	if (CHECK_NG_LIST && USE_NG_IMAGES && !isNgListNormal()) {
		alert("NGリストが壊れています");
	}

	if (HIDE_CATALOG_BEFORE_LOAD) {
		hideCatalog();
	} else {
		$(init);
	}

	function isNgListNormal() {
		var imageNum = imageList.length;
		var commentNum = commentList.length;
		var dateNum = dateList.length;
		var dHashNum = dHashList.length;
		//console.log("futaba catalog NG - imageNum: " + imageNum);
		//console.log("futaba catalog NG - commentNum: " + commentNum);
		//console.log("futaba catalog NG - dateNum: " + dateNum);
		//console.log("futaba catalog NG - dHashNum: " + dHashNum);
		return (imageNum == commentNum) && (imageNum == dateNum) && (imageNum == dHashNum);
	}

	function init() {
		//clearNgNumber();
		//console.log("futaba_catalog_NG - commmon: " +
		//	GM_getValue("_futaba_catalog_NG_words", ""));
		//console.log("futaba_catalog_NG - indivisual: " +
		//	getCurrentIndivValue("NG_words_indiv", ""));
		GM_registerMenuCommand("ＮＧワード編集", editNgWords);
		if (USE_NG_IMAGES) {
			GM_registerMenuCommand("ＮＧリスト編集", editNgList);
		}
		GM_registerMenuCommand("スレＮＧクリア", confirmClearNgNumber);
		setStyle();
		makeNgMenubar();
		makeConfigUI();
		makeNgListUI();
		makeNgButton();
		hideNgThreads();
		checkAkahukuReload();
		listenKoshianDelEvent();
		listenFthPickupEvent();
	}

	/**
	 * NG番号クリア
	 * @param {boolean} forced 強制的にクリアするか
	 */
	function clearNgNumber(forced) {
		if (!forced && window.name) {
			return;
		}
		window.name = location.href;

		var ngNumberObj = getIndivObj("NG_numbers_indiv");
		if (ngNumberObj === "") {
			ngNumberObj = {};
		}
		ngNumberObj[serverFullPath] = [];
		var jsonString = JSON.stringify(ngNumberObj);
		GM_setValue("NG_numbers_indiv", jsonString);
	}

	/**
	 * 各板個別NGデータを保存
	 * @param {string} target 保存するNG名
	 * @param {string|Array} val 保存するNGデータ
	 */
	function setIndivValue(target, val) {
		var indivObj = getIndivObj(target);
		if (indivObj === "") {
			indivObj = {};
		}
		indivObj[serverFullPath] = val;
		var jsonString = JSON.stringify(indivObj);
		GM_setValue(target, jsonString);
		//console.log("futaba_catalog_NG: " + target + " updated@" + serverFullPath + " - " + val);
	}

	/**
	 * 各板個別NGデータのオブジェクトを取得
	 * @param {string} target 取得するNG名
	 * @return {object} 取得したNGデータ
	 */
	function getIndivObj(target) {
		var indivVal = GM_getValue(target, "");
		var indivObj = "";
		if (indivVal !== "") {
			indivObj = JSON.parse(indivVal);
		}
		return indivObj;
	}

	/**
	 * NGワード編集メニュー表示
	 */
	function editNgWords(){
		var wordsCommon = GM_getValue("_futaba_catalog_NG_words", "");
		var wordsIndiv = getCurrentIndivValue("NG_words_indiv", "");
		$("#GM_fcn_ng_words_common").val(wordsCommon);
		$("#GM_fcn_ng_words_individual").val(wordsIndiv);
		var $configContainer = $("#GM_fcn_config_container");
		$configContainer.fadeIn(100);
	}

	/**
	 * 現在の板の個別NGデータを取得
	 * @param {string} target NGデータ名
	 * @param {string|Array} defaultVal NGデータが未定義のときの既定値
	 * @return {string|Array} 現在の板の個別NGデータ
	 */
	function getCurrentIndivValue(target, defaultVal) {
		var indivObj = getIndivObj(target);
		var currentIndivVal;
		if (indivObj !== "") {
			currentIndivVal = indivObj[serverFullPath];
		}
		if (!currentIndivVal) {
			currentIndivVal = defaultVal;
		}
		return currentIndivVal;
	}

	/**
	 * NGリスト編集メニュー表示
	 */
	function editNgList() {
		// マウスホイールリロード対策
		$("<div>", {
			id: "GM_fcn_catalog_space"
		}).appendTo("body");
		if ($(window).scrollTop() < 2) {
			$("html, body").scrollTop(2);
		}
		$("html, body").css("overflow", "hidden");

		refreshNgList(true);
		resetNgListItemText();
		var $ngListContainer = $("#GM_fcn_ng_list_container");
		$ngListContainer.fadeIn(100);
	}

	/**
	 * NGリスト項目名リセット
	 */
	function resetNgListItemText() {
		$("#GM_fcn_ng_list_item_md5").text(item_md5_text + "　");
		$("#GM_fcn_ng_list_item_comment").text(item_comment_text + "　");
		$("#GM_fcn_ng_list_item_date").text(item_date_text + "　");
		$("#GM_fcn_ng_list_item_dHash").text(item_dHash_text + "　");
	}

	/**
	 * スレNGクリア確認
	 */
	function confirmClearNgNumber() {
		if (confirm("この板のスレNGを全てクリアします。\nよろしいですか？")) {
			$(".GM_fcn_ng_numbers").each(function() {
				$(this).removeClass("GM_fcn_ng_numbers");
				$(this).css("display", "");
			});
			clearNgNumber(true);
		}
	}

	/**
	 * NG機能無効切り替え
	 */
	function toggleNgDisable() {
		var $ngDisableButton = $("#GM_fcn_ng_disable_button");
		if (isNgEnable) {
			$ngDisableButton.css("background", "#a9d8ff");
			isNgEnable = false;
			$(".GM_fcn_ng_words").css("display", "");
			$(".GM_fcn_ng_words").removeClass("GM_fcn_ng_words");
			$(".GM_fcn_ng_numbers").css("display", "");
			$(".GM_fcn_ng_numbers").removeClass("GM_fcn_ng_numbers");
			$(".GM_fcn_ng_images").css("display", "");
			$(".GM_fcn_ng_images").removeClass("GM_fcn_ng_images");
			$(".GM_fcn_ng_dhash_td").removeClass("GM_fcn_ng_dhash_td");
			$(".GM_fcn_ng_dhash_img").removeClass("GM_fcn_ng_dhash_img");
		} else {
			$ngDisableButton.css("background", "none");
			isNgEnable = true;
			hideNgThreads();
		}
	}

	/**
	 * NGリスト表示更新
	 * @param {boolean} loadNgList NGリストデータを読み込みするか
	 */
	function refreshNgList(loadNgList) {
		if (loadNgList) {
			imageList = GM_getValue("_futaba_catalog_NG_images", []);
			commentList = GM_getValue("_futaba_catalog_NG_comment", []);
			dateList = GM_getValue("_futaba_catalog_NG_date", []);
			dHashList = GM_getValue("_futaba_catalog_NG_dHashes", []);
		}
		var listCount = imageList.length;
		$(".GM_fcn_ng_list_row").remove();

		for (var i = 0; i < listCount; ++i) {
			var row = $("<div>", {
				class: "GM_fcn_ng_list_row",
				click: function() {	// eslint-disable-line no-loop-func
					selectIndex = $(this).index();
					selectNgList();
				}
			}).appendTo("#GM_fcn_ng_list_content");
			row.append(
				$("<div>", {
					class: "GM_fcn_ng_list_image",
					text: imageList[i],
				}),
				$("<div>", {
					class: "GM_fcn_ng_list_dHash",
					text: dHashList[i] ? ("000000000000" + dHashList[i].toString(16)).slice(-13) : "－",
				}),
				$("<div>", {
					class: "GM_fcn_ng_list_comment",
					text: commentList[i],
				}),
				$("<div>", {
					class: "GM_fcn_ng_list_date",
					text: dateList[i],
				}),
				$("<div>", {
					class: "GM_fcn_ng_list_scrl",
				})
			);
		}
		$(".GM_fcn_ng_list_row").css("background-color", "#ffffff");
	}

	/**
	 * NGリスト選択
	 */
	function selectNgList() {
		$(".GM_fcn_ng_list_row").css("background-color", "#ffffff")
			.eq(selectIndex).css("background-color", "#ffecfd");
		$("#GM_fcn_md5").val(imageList[selectIndex]);
		$("#GM_fcn_comment").val(commentList[selectIndex]);
	}

	/**
	 * NGメニューバー作成
	 */
	function makeNgMenubar() {
		var $ngMenubarArea = $("<div>", {
			id: "GM_fcn_ng_menubar",
			css: {
				"background-color": "#F0E0D6"
			}
		});
		var $ngWordsHeader = $("<span>", {
			id: "GM_fcn_ng_words_header",
			text: "ＮＧワード",
			css: {
				"background-color": "#F0E0D6",
				fontWeight: "bolder",
				"padding-right": "16px"
			}
		});
		$("#cattable").before($ngMenubarArea);
		$ngMenubarArea.append($ngWordsHeader);
		// 設定ボタン
		var $ngWordsButton = $("<span>", {
			id: "GM_fcn_config_ng_words",
			text: "[設定]",
			css: {
				cursor: "pointer",
			},
			click: editNgWords
		});
		$ngWordsButton.hover(function() {
			$(this).css("background-color", "#EEAA88");
		}, function() {
			$(this).css("background-color", "#F0E0D6");
		});
		$ngWordsHeader.append($ngWordsButton);

		if (USE_NG_DISABLE_BUTTON) {
			// NG機能一時無効
			var $ngDisableHeader = $("<span>", {
				id: "GM_fcn_ng_disalbe_header",
				text: "ＮＧ機能",
				css: {
					"background-color": "#F0E0D6",
					fontWeight: "bolder",
					"padding-right": "16px"
				}
			});
			$ngWordsHeader.after($ngDisableHeader);
			// NG機能一時無効ボタン
			var $ngDisableButton = $("<a>", {
				id: "GM_fcn_ng_disable_button",
				text: "[一時無効]",
				css: {
					cursor: "pointer",
				},
				click: toggleNgDisable
			});
			$ngDisableHeader.append($ngDisableButton);
		}

		if (USE_NG_THREAD_CLEAR_BUTTON) {
			// スレNG
			var $ngThreadHeader = $("<span>", {
				id: "GM_fcn_ng_thread_header",
				text: "スレＮＧ",
				css: {
					"background-color": "#F0E0D6",
					fontWeight: "bolder",
					"padding-right": "16px"
				}
			});
			$ngWordsHeader.after($ngThreadHeader);
			// スレNGクリアボタン
			var $ngThreadClearButton = $("<span>", {
				id: "GM_fcn_ng_thread_clear_button",
				text: "[クリア]",
				css: {
					cursor: "pointer",
				},
				click: confirmClearNgNumber
			});
			$ngThreadClearButton.hover(function() {
				$(this).css("background-color", "#EEAA88");
			}, function() {
				$(this).css("background-color", "#F0E0D6");
			});
			$ngThreadHeader.append($ngThreadClearButton);
		}

		if (USE_NG_IMAGES) {
			// NGリスト
			var $ngListHeader = $("<span>", {
				id: "GM_fcn_ng_list_header",
				text: "ＮＧリスト",
				css: {
					"background-color": "#F0E0D6",
					fontWeight: "bolder",
					"padding-right": "16px"
				}
			});
			$ngWordsHeader.after($ngListHeader);
			// NGリスト編集ボタン
			var $ngListButton = $("<span>", {
				id: "GM_fcn_edit_ng_list",
				text: "[編集]",
				css: {
					cursor: "pointer",
				},
				click: editNgList
			});
			$ngListButton.hover(function () {
				$(this).css("background-color", "#EEAA88");
			}, function () {
				$(this).css("background-color", "#F0E0D6" );
			});
			$ngListHeader.append($ngListButton);
		}
	}

	/**
	 * NGワード編集メニュー作成
	 */
	function makeConfigUI() {
		var $configContainer = $("<div>", {
			id: "GM_fcn_config_container",
			css: {
				position: "fixed",
				"z-index": "1001",
				left: "50%",
				top: "50%",
				"text-align": "center",
				"margin-left": "-475px",
				"margin-top": "-50px",
				"background-color": "rgba(240, 192, 214, 0.95)",
				width: "950px",
				//height: "100px",
				display: "none",
				fontSize: "16px",
				fontWeight: "normal",
				"box-shadow": "3px 3px 5px #853e52",
				"border": "1px outset",
				"border-radius": "10px",
				"padding": "5px",
			}
		});
		$("#GM_fcn_ng_words_header").append($configContainer);
		$configContainer.append(
			$("<div>").append(
				$("<div>").text("ＮＧワード編集").css({
					"background-color": "#ffeeee",
					"padding": "2px",
					"font-weight": "bold"
				}),
				$("<div>").text("スレ本文に含まれる語句を入力してください。 | を挟むと複数指定できます。正規表現使用可。")
			),
			$("<div>").css("margin-top", "1em").append(
				$("<div>").append(
					$("<label>").text("全板共通").attr("for", "GM_fcn_ng_words_common"),
					$("<input>", {
						id: "GM_fcn_ng_words_common",
						class: "GM_fcn_input",
						css: {
							width: "54em",
							fontSize: "13.33px"
						}
					}),
					$("<span>").append(
						$("<input>", {
							class: "GM_fcn_config_button",
							type: "button",
							val: "区切り文字挿入",
							click: function() {
								insertDelimiter("GM_fcn_ng_words_common");
							},
						})
					)
				),
				$("<div>").append(
					$("<label>").text("各板個別").attr("for", "GM_fcn_ng_words_individual"),
					$("<input>", {
						"id": "GM_fcn_ng_words_individual",
						"class": "GM_fcn_input",
						css: {
							width: "54em",
							fontSize: "13.33px"
						}
					}),
					$("<span>").append(
						$("<input>", {
							class: "GM_fcn_config_button",
							type: "button",
							val: "区切り文字挿入",
							click: function() {
								insertDelimiter("GM_fcn_ng_words_individual");
							},
						})
					)
				)
			),
			$("<div>").css({
				"margin-top": "1em",
			}).append(
				$("<span>").css("margin", "0 1em").append(
					$("<input>", {
						class: "GM_fcn_config_button",
						type: "button",
						val: "更新",
						click: setNgWords
					})
				),
				$("<span>").css("margin", "0 1em").append(
					$("<input>", {
						class: "GM_fcn_config_button",
						type: "button",
						val: "キャンセル",
						click: function() {
							setCursor();
							$configContainer.fadeOut(100);
						},
					})
				)
			)
		);
		$(".GM_fcn_config_button").css({
			"cursor": "pointer",
			"background-color": "#FFECFD",
			"border": "2px outset #96ABFF",
			"border-radius": "5px",
			"font-size": "13.33px",
		}).hover(function() {
			$(this).css("background-color", "#CCE9FF");
		}, function() {
			$(this).css("background-color", "#FFECFD");
		});

		/**
		 * カーソル位置にデリミタ挿入
		 * @param {string} id デリミタを挿入する入力欄のID名
		 */
		function insertDelimiter(id){
			var $input = $("#" + id);
			var val = $input.val();
			var position = $input[0].selectionStart;
			var newval = val.substr(0, position) + "|" + val.substr(position);
			$input.val(newval);
			$input[0].setSelectionRange(position + 1 ,position + 1);
		}
	}

	/**
	 * NGワードをセット
	 */
	function setNgWords() {
		var inputCommon = $("#GM_fcn_ng_words_common").val();
		var inputIndiv = $("#GM_fcn_ng_words_individual").val();
		GM_setValue("_futaba_catalog_NG_words", inputCommon);
		console.log("futaba_catalog_NG: common NGword updated - " + inputCommon);	// eslint-disable-line no-console
		setIndivValue("NG_words_indiv", inputIndiv);
		setCursor();
		$("#GM_fcn_config_container").fadeOut(100);
		hideNgThreads(true);
	}

	/**
	 * NGワードのカーソルを先頭に移動
	 */
	function setCursor() {
		var inputCommonElm = $("#GM_fcn_ng_words_common").get(0);
		if (inputCommonElm) {
			inputCommonElm.focus();
			inputCommonElm.setSelectionRange(0, 0);	// カーソルを先頭に移動
			inputCommonElm.blur();
		}
		var inputIndivElm = $("#GM_fcn_ng_words_individual").get(0);
		if (inputIndivElm) {
			inputIndivElm.focus();
			inputIndivElm.setSelectionRange(0, 0);	// カーソルを先頭に移動
			inputIndivElm.blur();
		}
	}

	/**
	 * NGリスト編集メニュー作成
	 */
	function makeNgListUI() {
		if (!USE_NG_IMAGES) {
			GM_setValue("OK_images_indiv", "");
			return;
		}
		imageList = GM_getValue("_futaba_catalog_NG_images", []);
		commentList = GM_getValue("_futaba_catalog_NG_comment", []);
		dateList = GM_getValue("_futaba_catalog_NG_date", []);
		dHashList = GM_getValue("_futaba_catalog_NG_dHashes", []);

		var $ngListContainer = $("<div>", {
			id: "GM_fcn_ng_list_container",
			css: {
				position: "fixed",
				"z-index": "1001",
				left: "50%",
				top: "50%",
				"text-align": "center",
				"margin-left": "-475px",
				"margin-top": "-250px",
				"background-color": "rgba(240, 192, 214, 0.95)",
				width: "950px",
				//height: "500px",
				display: "none",
				fontSize: "16px",
				fontWeight: "normal",
				"box-shadow": "3px 3px 5px #853e52",
				"border": "1px outset",
				"border-radius": "10px",
				"padding": "5px",
			}
		});
		$("#GM_fcn_ng_list_header").append($ngListContainer);
		$ngListContainer.append(
			$("<div>").append(
				$("<div>").text("ＮＧリスト編集").css({
					"background-color": "#ffeeee",
					"padding": "2px",
					"font-size": "16px",
					"font-weight": "bold"
				}),
				$("<div>").css("margin-top", "1em").append(
					$("<div>").append(
						$("<label>").text("md5：").attr("for", "GM_fcn_md5"),
						$("<input>", {
							id: "GM_fcn_md5",
							class: "GM_fcn_ng_list_input",
							readonly: "readonly",
						}),
						$("<label>").text("コメント：").attr("for", "GM_fcn_comment"),
						$("<input>", {
							id: "GM_fcn_comment",
							class: "GM_fcn_ng_list_input",
							keypress: function(e) {
								if (e.key == "Enter") {
									editSelectedRow();
								}
							}
						})
					)
				),
				$("<div>").css("margin-top", "1em").append(
					$("<div>").css("margin-left", "475px").append(
						$("<span>").append(
							$("<input>", {
								class: "GM_fcn_ng_list_button GM_fcn_ng_list_edit_button",
								type: "button",
								val: "修正",
								click: editSelectedRow
							})
						),
						$("<span>").append(
							$("<input>", {
								class: "GM_fcn_ng_list_button GM_fcn_ng_list_edit_button",
								type: "button",
								val: "削除",
								click: deleteSelectedRow
							})
						),
						$("<span>").css("margin", "0 0 0 1em").append(
							$("<input>", {
								class: "GM_fcn_ng_list_button GM_fcn_ng_list_move_button",
								type: "button",
								val: "上",
								click: function() {
									swapRow(selectIndex - 1);
								},
							})
						),
						$("<span>").append(
							$("<input>", {
								class: "GM_fcn_ng_list_button GM_fcn_ng_list_move_button",
								type: "button",
								val: "下",
								click: function() {
									swapRow(selectIndex);
								},
							})
						)
					)
				)
			),
			$("<div>").css("margin-top", "1em").append(
				$("<div>", {
					id: "GM_fcn_ng_list_pane",
				}).append(
					$("<div>", {
						id: "GM_fcn_ng_list_item_row"
					}).append(
						$("<div>", {
							id: "GM_fcn_ng_list_item_md5",
							class: "GM_fcn_ng_list_item",
							text: item_md5_text + "　",
							click: function() {
								if ($(this).text() == item_md5_text + "▲") {
									resetNgListItemText();
									$(this).text(item_md5_text + "▼");
									sortNgList(0, -1);
								} else {
									resetNgListItemText();
									$(this).text(item_md5_text + "▲");
									sortNgList(0);
								}
							},
						}),
						$("<div>", {
							id: "GM_fcn_ng_list_item_dHash",
							class: "GM_fcn_ng_list_item",
							text: item_dHash_text + "　",
							click: function() {
								if ($(this).text() == item_dHash_text + "▲") {
									resetNgListItemText();
									$(this).text(item_dHash_text + "▼");
									sortNgList(3, -1);
								} else {
									resetNgListItemText();
									$(this).text(item_dHash_text + "▲");
									sortNgList(3);
								}
							},
						}),
						$("<div>", {
							id: "GM_fcn_ng_list_item_comment",
							class: "GM_fcn_ng_list_item",
							text: item_comment_text + "　",
							click: function() {
								if ($(this).text() == item_comment_text + "▲") {
									resetNgListItemText();
									$(this).text(item_comment_text + "▼");
									sortNgList(1, -1);
								} else {
									resetNgListItemText();
									$(this).text(item_comment_text + "▲");
									sortNgList(1);
								}
							},
						}),
						$("<div>", {
							id: "GM_fcn_ng_list_item_date",
							class: "GM_fcn_ng_list_item",
							text: item_date_text + "　",
							click: function() {
								if ($(this).text() == item_date_text + "▼") {
									resetNgListItemText();
									$(this).text(item_date_text + "▲");
									sortNgList(2);
								} else {
									resetNgListItemText();
									$(this).text(item_date_text + "▼");
									sortNgList(2, -1);
								}
							},
						}),
						$("<div>", {
							id: "GM_fcn_ng_list_item_scrl",
							class: "GM_fcn_ng_list_item",
						})
					),
					$("<div>", {
						id: "GM_fcn_ng_list_content"
					})
				),
				$("<div>").css("margin-top", "1em").append(
					$("<span>").css("margin", "0 1em").append(
						$("<input>", {
							class: "GM_fcn_ng_list_button",
							type: "button",
							val: "更新",
							click: function() {
								if (!CHECK_NG_LIST || isNgListNormal()) {
									GM_setValue("_futaba_catalog_NG_images", imageList);
									GM_setValue("_futaba_catalog_NG_comment", commentList);
									GM_setValue("_futaba_catalog_NG_date", dateList);
									GM_setValue("_futaba_catalog_NG_dHashes", dHashList);
									$(".GM_fcn_ng_list_row").css("background-color", "#ffffff");
									$("#GM_fcn_md5").val("");
									$("#GM_fcn_comment").val("");
									$("#GM_fcn_ng_list_content").scrollTop(0);
									$("#GM_fcn_catalog_space").remove();
									$("html, body").css("overflow", "");
									selectIndex = -1;
									$ngListContainer.fadeOut(100);
									$(".GM_fcn_ng_images").css("display", "");
									$(".GM_fcn_ng_images").removeClass("GM_fcn_ng_images");
									$(".GM_fcn_ng_dhash_td").removeClass("GM_fcn_ng_dhash_td");
									$(".GM_fcn_ng_dhash_img").removeClass("GM_fcn_ng_dhash_img");
									hideNgThreads();
								} else {
									alert("NGリストが壊れています\n一度キャンセルしてからやり直してください");
								}
							},
						})
					),
					$("<span>").css("margin", "0 1em").append(
						$("<input>", {
							class: "GM_fcn_ng_list_button",
							type: "button",
							val: "キャンセル",
							click: function(){
								$(".GM_fcn_ng_list_row").css("background-color", "#ffffff");
								$("#GM_fcn_md5").val("");
								$("#GM_fcn_comment").val("");
								$("#GM_fcn_ng_list_content").scrollTop(0);
								$("#GM_fcn_catalog_space").remove();
								$("html, body").css("overflow", "");
								selectIndex = -1;
								$ngListContainer.fadeOut(100);
							},
						})
					)
				)
			)
		);
		$(".GM_fcn_ng_list_button").css({
			"cursor": "pointer",
			"background-color": "#FFECFD",
			"border": "2px outset #96ABFF",
			"border-radius": "5px",
			"font-size": "13.33px"
		}).hover(function() {
			$(this).css("background-color", "#CCE9FF");
		}, function() {
			$(this).css("background-color", "#FFECFD");
		});

		$(document).keydown((e) => {
			if (e.key == "ArrowUp" && selectIndex > 0) {
				$(".GM_fcn_ng_list_comment").eq(selectIndex - 1).click();
				e.preventDefault();
				scrollToSelectedRow();
				$("#GM_fcn_comment").blur();
			} else if (e.key == "ArrowDown" && selectIndex > -1 && selectIndex < imageList.length) {
				$(".GM_fcn_ng_list_comment").eq(selectIndex + 1).click();
				e.preventDefault();
				scrollToSelectedRow();
				$("#GM_fcn_comment").blur();
			} else if (e.key == "F2" && selectIndex > -1) {
				$("#GM_fcn_comment").focus();
				e.preventDefault();
			}
		});

		/**
		 * NGリスト選択行コメント修正
		 */
		function editSelectedRow() {
			if (selectIndex > -1) {
				commentList[selectIndex] = $("#GM_fcn_comment").val();
				$(".GM_fcn_ng_list_comment").eq(selectIndex).text(commentList[selectIndex]);
			}
		}

		/**
		 * NGリスト選択行削除
		 */
		function deleteSelectedRow() {
			if (selectIndex > -1) {
				imageList.splice(selectIndex, 1);
				commentList.splice(selectIndex, 1);
				dateList.splice(selectIndex, 1);
				dHashList.splice(selectIndex, 1);
			}
			$(".GM_fcn_ng_list_row").css("background-color", "#ffffff");
			$("#GM_fcn_md5").val("");
			$("#GM_fcn_comment").val("");
			selectIndex = -1;
			refreshNgList();
		}

		/**
		 * NGリスト行入替
		 *     indexの行と一つ後の行を入れ替える。
		 * @param {number} index 入替する行番号（先頭行が0）
		 */
		function swapRow(index) {
			if (index <= -1 || index + 1 >= imageList.length) {
				return;
			}

			imageList.splice(index, 2, imageList[index + 1], imageList[index]);
			commentList.splice(index, 2, commentList[index + 1], commentList[index]);
			dateList.splice(index, 2, dateList[index + 1], dateList[index]);
			dHashList.splice(index, 2, dHashList[index + 1], dHashList[index]);
			selectIndex = selectIndex == index ? index + 1 : index;

			scrollToSelectedRow();
			refreshNgList();
			selectNgList();
			resetNgListItemText();
		}

		/**
		 * 選択行までスクロール
		 */
		function scrollToSelectedRow() {
			var rowHeight = 22;	// NGリストの1行当たりの高さ(px)
			var listLines = 13;	// NGリストの表示行数
			var selectPos = selectIndex * rowHeight;
			var scrollTop = $("#GM_fcn_ng_list_content").scrollTop();
			var scrollBottom = scrollTop + (rowHeight * (listLines - 2));
			if (selectPos < scrollTop) {
				$("#GM_fcn_ng_list_content").scrollTop(selectPos);
			}
			if (selectPos > scrollBottom) {
				$("#GM_fcn_ng_list_content").scrollTop(selectPos - (rowHeight * (listLines - 2)));
			}
		}

		/**
		 * NGリストソート
		 * @param {number} index ソート対象の項目（md5:0, コメント:1, 最終検出日:2, dHash:3）
		 * @param {number} order ソート方向（昇順:1, 降順:-1）未指定は昇順
		 */
		function sortNgList(index, order = 1) {
			var array = new Array();
			for (var i = 0; i < imageList.length; ++i) {
				array[i] = new Array();
				array[i][0] = imageList[i];
				array[i][1] = commentList[i];
				array[i][2] = dateList[i];
				array[i][3] = dHashList[i];
			}
			array.sort(function(a, b){
				if (a[index] > b[index]) {
					return order;
				}
				if (a[index] < b[index]) {
					return -order;
				}
				return 0;
			});
			for (var j = 0; j < imageList.length; ++j) {
				imageList[j] = array[j][0];
				commentList[j] = array[j][1];
				dateList[j] = array[j][2];
				dHashList[j] = array[j][3];
			}

			$(".GM_fcn_ng_list_row").css("background-color", "#ffffff");
			$("#GM_fcn_md5").val("");
			$("#GM_fcn_comment").val("");
			selectIndex = -1;
			refreshNgList();
		}
	}

	/**
	 * 動的リロードの状態を取得
	 */
	function checkAkahukuReload() {
		// 赤福
		var target = $("#akahuku_catalog_reload_status").get(0);
		if (target) {
			checkAkahukuReloadStatus(target);
		} else {
			$(document).on("AkahukuContentApplied", () => {
				target = $("#akahuku_catalog_reload_status").get(0);
				if (target) {
					checkAkahukuReloadStatus(target);
				} else {
					console.error ("futaba_catalog_NG - #akahuku_catalog_reload_status not found");
				}
			});
		}

		function checkAkahukuReloadStatus(target) {
			var status = "";
			var config = { childList: true };
			var observer = new MutationObserver(function() {
				if (target.textContent == status) {
					return;
				}
				status = target.textContent;
				if (status == "完了しました" || status == "アンドゥしました" || status == "リドゥしました") {
					if (!isNgEnable) {
						$("#GM_fcn_ng_disable_button").css("background", "none");
						isNgEnable = true;
					}
					makeNgButton();
					hideNgThreads();
					$("body").attr("__fcn_catalog_visibility", "visible");
					$("#cattable > tbody").css("opacity", "1");
					$("#GM_fth_highlighted_threads").css("visibility", "visible");
				} else if (HIDE_CATALOG_BEFORE_LOAD && status !== "") {
					$("body").attr("__fcn_catalog_visibility", "hidden");
					$("#cattable > tbody").css("opacity", "0");
					$("#GM_fth_highlighted_threads").css("visibility", "hidden");
				}
			});
			observer.observe(target, config);
		}

		// KOSHIAN
		$(document).on("KOSHIAN_cat_reload", () => {
			if (HIDE_CATALOG_BEFORE_LOAD) {
				$("body").attr("__fcn_catalog_visibility", "hidden");
				$("#cattable > tbody").css("opacity", "0");
				$("#GM_fth_highlighted_threads").css("visibility", "hidden");
			}
			if (!isNgEnable) {
				$("#GM_fcn_ng_disable_button").css("background", "none");
				isNgEnable = true;
			}
			makeNgButton();
			hideNgThreads();
			$("body").attr("__fcn_catalog_visibility", "visible");
			$("#cattable > tbody").css("opacity", "1");
			$("#GM_fth_highlighted_threads").css("visibility", "visible");
		});

		// ふたクロ
		checkFutakuroReloadStatus();

		function checkFutakuroReloadStatus() {
			var opacityZero = false;
			var target = $("#cattable").get(0);
			var config = { attributes: true , attributeFilter: ["style"] };
			var observer = new MutationObserver(function(mutations) {
				if ($("#cat_search").length) {
					mutations.forEach(function(mutation) {
						if (mutation.target.attributes.style.nodeValue == "opacity: 0;") {
							opacityZero = true;
							if (HIDE_CATALOG_BEFORE_LOAD) {
								$("body").attr("__fcn_catalog_visibility", "hidden");
								$("#cattable > tbody").css("opacity", "0");
								$("#GM_fth_highlighted_threads").css("visibility", "hidden");
							}
						} else if (opacityZero && mutation.target.attributes.style.nodeValue != "opacity: 0;") {
							opacityZero = false;
							if (!isNgEnable) {
								$("#GM_fcn_ng_disable_button").css("background", "none");
								isNgEnable = true;
							}
							makeNgButton();
							hideNgThreads();
							$("body").attr("__fcn_catalog_visibility", "visible");
							$("#cattable > tbody").css("opacity", "1");
							$("#GM_fth_highlighted_threads").css("visibility", "visible");
						}
					});
				}
			});
			observer.observe(target, config);
		}
	}

	/**
	 * カタログのスレにNGボタン作成
	 */
	function makeNgButton() {
		// カタログソートが「設定」なら作成しない
		if (location.search.match(/mode=catset/)) {
			return;
		}
		// NGボタン
		var $ngButton = $("<span>", {
			class: "GM_fcn_ng_button",
			text: "[NG]",
			css: {
				color: "blue",
				display: "none",
			},
		});
		// NGボタンメニュー
		var $ngButtonMenu = $("<div>", {
			class: "GM_fcn_ng_menu",
			css: {
				display: "none",
			}
		});

		var $catTd = $("#cattable td");
		$catTd.each(function() {
			var $oldNgButtons = $(this).children(".GM_fcn_ng_button");
			if ($oldNgButtons.length) {
				$oldNgButtons.remove();
			}

			var $cloneNgButton = $ngButton.clone();
			var $cloneNgButtonMenu = $ngButtonMenu.clone();

			$cloneNgButton.hover(function () {
				$(this).css("color", "red");
			}, function () {
				$(this).css("color", "blue");
			});
			$cloneNgButton.on("click",function(){
				makeNgButtonMenu($(this));
			});
			$(this).hover(function () {
				$cloneNgButton.css("display", "inline");
				$cloneNgButton.siblings(".KOSHIAN_response_increase").css("display", "none");
				$cloneNgButton.siblings(".fvw_num").css("display", "none");
			}, function () {
				$cloneNgButton.css("display", "none");
				$cloneNgButtonMenu.css("display", "none");
				$cloneNgButton.siblings(".KOSHIAN_response_increase").css("display", "inline");
				$cloneNgButton.siblings(".fvw_num").css("display", "");
			});

			$cloneNgButton.append($cloneNgButtonMenu);
			$(this).append($cloneNgButton);
		});
	}

	/**
	 * NGボタンメニュー作成
	 * @param {jQuery} $button メニューを作成するNGボタンのjQueryオブジェクト
	 */
	function makeNgButtonMenu($button) {
		if (!isNgEnable) {
			return;
		}
		var $menu = $button.children(".GM_fcn_ng_menu");
		if (!$button.find(".GM_fcn_ng_menu_item").length) {
			// スレNG
			var $ngNumber = $("<div>", {
				class: "GM_fcn_ng_menu_item",
				text: "スレNG",
				css: {
					color: "blue",
					"background-color": "rgba(240, 224, 214, 0.95)",
				}
			});
			// 本文NG
			var $ngWordCommon = $("<div>", {
				class: "GM_fcn_ng_menu_item",
				text: "本文NG（共通）",
				css: {
					color: "blue",
					"background-color": "rgba(240, 224, 214, 0.95)",
				}
			});
			var $ngWordIndiv = $("<div>", {
				class: "GM_fcn_ng_menu_item",
				text: "本文NG（板別）",
				css: {
					color: "blue",
					"background-color": "rgba(240, 224, 214, 0.95)",
				}
			});
			// 画像NG
			var $ngImage = $("<div>", {
				class: "GM_fcn_ng_menu_item",
				text: "画像NG",
				css: {
					color: "blue",
					"background-color": "rgba(240, 224, 214, 0.95)",
				}
			});

			var $td = $button.parent();
			var threadNumber = $td.find("a:first").length ? $td.find("a:first").attr("href").slice(4,-4) : "";
			var threadImgObj = $td.find("img:first").length ? $td.find("img:first")[0] : "";
			var threadComment = $td.find("small:first, .GM_fth_pickuped_caption, .GM_fth_opened_caption").length ? $td.find("small:first, .GM_fth_pickuped_caption, .GM_fth_opened_caption").text() : "";

			var $cloneNgNumber = $ngNumber.clone();
			var $cloneNgWordCommon = $ngWordCommon.clone();
			var $cloneNgWordIndiv = $ngWordIndiv.clone();
			var $cloneNgImage = $ngImage.clone();

			$cloneNgNumber.hover(function () {
				$(this).css("color", "red");
				$(this).css("background-color", "rgba(204, 233, 255, 0.95)");
			}, function () {
				$(this).css("color", "blue");
				$(this).css("background-color", "rgba(240, 224, 214, 0.95)");
			});
			$cloneNgNumber.click(function () {
				addNgNumber(threadNumber);
				$td.addClass("GM_fcn_ng_numbers");
				$td.css("display","none");
				if ($td.hasClass("GM_fth_pickuped") || $td.hasClass("GM_fth_opened")) {
					hideNgThreads();
				}
			});

			$cloneNgWordCommon.hover(function () {
				$(this).css("color", "red");
				$(this).css("background-color", "rgba(204, 233, 255, 0.95)");
			}, function () {
				$(this).css("color", "blue");
				$(this).css("background-color", "rgba(240, 224, 214, 0.95)");
			});
			$cloneNgWordCommon.click(function () {
				var words = GM_getValue("_futaba_catalog_NG_words", "");
				words = addNgWord(words, threadComment);
				GM_setValue("_futaba_catalog_NG_words", words);
				$td.addClass("GM_fcn_ng_words");
				$td.css("display","none");
				if ($td.hasClass("GM_fth_pickuped") || $td.hasClass("GM_fth_opened")) {
					hideNgThreads();
				}
			});

			$cloneNgWordIndiv.hover(function () {
				$(this).css("color", "red");
				$(this).css("background-color", "rgba(204, 233, 255, 0.95)");
			}, function () {
				$(this).css("color", "blue");
				$(this).css("background-color", "rgba(240, 224, 214, 0.95)");
			});
			$cloneNgWordIndiv.click(function () {
				var words = getCurrentIndivValue("NG_words_indiv", "");
				words = addNgWord(words, threadComment);
				setIndivValue("NG_words_indiv", words);
				$td.addClass("GM_fcn_ng_words");
				$td.css("display","none");
				if ($td.hasClass("GM_fth_pickuped") || $td.hasClass("GM_fth_opened")) {
					hideNgThreads();
				}
			});

			$cloneNgImage.hover(function () {
				$(this).css("color", "red");
				$(this).css("background-color", "rgba(204, 233, 255, 0.95)");
			}, function () {
				$(this).css("color", "blue");
				$(this).css("background-color", "rgba(240, 224, 214, 0.95)");
			});
			$cloneNgImage.click(function () {
				hideNgImageThread(threadImgObj, threadComment, $td);
				if ($td.hasClass("GM_fth_pickuped") || $td.hasClass("GM_fth_opened") || USE_DHASH) {
					hideNgThreads();
				}
			});

			if (threadNumber) {
				$menu.append($cloneNgNumber);
			}
			if (threadComment) {
				$menu.append($cloneNgWordCommon);
				$menu.append($cloneNgWordIndiv);
			}
			if (threadImgObj && USE_NG_IMAGES) {
				$menu.append($cloneNgImage);
			}
		}

		var menuLeft = 0;
		var menuTop = $button.height();
		$menu.css("left", `${menuLeft}px`);
		$menu.css("top", `${menuTop}px`);
		$menu.css("display", "block");

		/**
		 * NGワード追加
		 * @param {string} ngWords 追加前のNGワード
		 * @param {string} newNgWord 追加するNGワード
		 * @return {string} 追加後のNGワード
		 */
		function addNgWord(ngWords, newNgWord) {
			newNgWord = newNgWord.replace(/[\\^$.*+?()[\]{}|]/g, "\\$&");
			if (newNgWord && ngWords) {
				ngWords = newNgWord + "|" + ngWords;
			} else {
				ngWords += newNgWord;
			}
			return ngWords;
		}

		/**
		 * スレ画像NG
		 * @param {HTMLImageElement} imgObj NGにするスレ画像のimg要素
		 * @param {string} comment NG画像のコメント
		 * @param {jQuery} $td NGにするスレ画像の親td要素のjQueryオブジェクト
		 */
		function hideNgImageThread(imgObj, comment, $td) {
			var data = convertDataURI(imgObj);
			//console.log("futaba_catalog_NG - data: " + data);
			if (!data) {
				alert("スレ画像の取得に失敗しました");
				return;
			}
			var hexHash = md5(data);
			var dHash = convertDHash(imgObj, true);
			//console.log("futaba_catalog_NG - hexHash: " + hexHash);
			//console.log("futaba_catalog_NG - dHash: " + dHash.toString(16));
			addNgListObj("_futaba_catalog_NG_images", hexHash);
			addNgListObj("_futaba_catalog_NG_comment", comment);
			addNgListObj("_futaba_catalog_NG_date", getDate());
			addNgListObj("_futaba_catalog_NG_dHashes", dHash);
			if (isNgEnable) {
				$td.addClass("GM_fcn_ng_images");
				$td.css("display","none");
			}
			// 非NG画像リストからNG画像を削除
			var okImages = getCurrentIndivValue("OK_images_indiv", []);
			var imgNumber = parseInt($td.find("img").attr("src").match(/(\d+)s\.jpg$/)[1], 10);
			if (USE_DHASH) {
				// 近似画像NG使用時は非NG画像リストを全削除
				GM_setValue("OK_images_indiv", "{}");
			} else {
				var index = okImages.indexOf(imgNumber);
				if (index > -1) {
					okImages.splice(index, 1);
					setIndivValue("OK_images_indiv", okImages);
				}
			}

			/**
			 * NGリストにNGデータを追加
			 * @param {string} target NGデータを追加するNGリスト名
			 * @param {string} val NGリストへ追加するNGデータ
			 */
			function addNgListObj(target, val) {
				var ngListObj = GM_getValue(target, "");
				if (ngListObj === ""){
					ngListObj = [];
				}
				ngListObj.unshift(val);
				if (ngListObj.length > MAX_REGISTERED_NG_IMAGES) {
					ngListObj.splice(MAX_REGISTERED_NG_IMAGES);
				}
				GM_setValue(target, ngListObj);
			}
		}
	}

	/**
	 * NG番号追加
	 * @param {string} number 追加するNG番号
	 */
	function addNgNumber(number) {
		var ngNumberObj = getIndivObj("NG_numbers_indiv");
		if (ngNumberObj === ""){
			ngNumberObj = {};
		}
		if (!ngNumberObj[serverFullPath]) {
			ngNumberObj[serverFullPath] = [];
		}
		if (ngNumberObj[serverFullPath].indexOf(number) > -1) {
			return;
		}
		ngNumberObj[serverFullPath].push(number);
		var deleteCount = ngNumberObj[serverFullPath].length - MAX_NG_THREADS;
		if (deleteCount > 0) {
			ngNumberObj[serverFullPath].splice(0, deleteCount);
		}
		var jsonString = JSON.stringify(ngNumberObj);
		GM_setValue("NG_numbers_indiv", jsonString);
	}

	/**
	 * dataURI変換
	 * @param {HTMLImageElement} imgObj dataURIに変換する画像のimg要素
	 * @param {number} width 変換する画像の幅 未指定時は画像の本来の幅
	 * @param {number} height 変換する画像の高さ 未指定時は画像の本来の高さ
	 * @return {string} 変換したdataURI文字列
	 */
	function convertDataURI(imgObj, width = imgObj.naturalWidth, height = imgObj.naturalHeight){
		if (!imgObj || !imgObj.complete || !width || !height) {
			return;
		}
		// canvasを生成してimg要素を反映
		var cvs = document.createElement("canvas");
		cvs.width = width;
		cvs.height = height;
		var ctx = cvs.getContext("2d", {
			alpha: false	// 背景不透明で高速化
		});
		try {
			ctx.drawImage(imgObj, 0, 0);
		} catch (e) {
			console.error("futaba_catalog_NG - drawImage error: src= " + imgObj.src + ", " + e.name + ": " + e.message);
			console.dir(e);
			return;
		}
		// canvasをdataURI化
		var data;
		try {
			data = cvs.toDataURL("image/jpeg");
		} catch (e) {
			console.error("futaba_catalog_NG - dataURI convert error: src= " + imgObj.src + ", " + e.name + ": " + e.message);
			console.dir(e);
			return;
		}
		if (data.substr(0,23) !== "data:image/jpeg;base64,") {
			console.error("futaba_catalog_NG - dataURI abnormal: src= " + imgObj.src + ", dataURI= " + data);
			return;
		}
		return data;
	}

	/**
	 * dHash変換
	 * @param {HTMLImageElement} imgObj dHashに変換する画像のimg要素
	 * @param {boolean} force 近似画像NGが無効でも強制的にdHash変換する
	 * @return {number} 変換したdHash 0 ~ 2^49 - 1
	 *     変換できないときはnullを返す
	 *     オリジナルは64bitのHash値だがJavaScriptの最大整数値2^53に収める為49bitのHash値を返す
	 */
	function convertDHash(imgObj, force = false) {
		if ((!USE_DHASH && !force) || !imgObj || !imgObj.complete || !imgObj.naturalWidth || !imgObj.naturalHeight) {
			return null;
		}
		// 8x7のcanvasを生成してimg要素を反映
		var cvs = document.createElement("canvas");
		cvs.width = 8;
		cvs.height = 7;
		var ctx = cvs.getContext("2d", {
			alpha: false	// 背景不透明で高速化
		});
		try {
			ctx.drawImage(imgObj, 0, 0, imgObj.naturalWidth, imgObj.naturalHeight, 0, 0, cvs.width, cvs.height);
		} catch (e) {
			console.error("futaba_catalog_NG - drawImage error: src= " + imgObj.src + ", " + e.name + ": " + e.message);
			console.dir(e);
			return null;
		}
		var pixels = ctx.getImageData(0, 0, cvs.width, cvs.height);
		var grayScale = [];
		for (var y = 0; y < pixels.height; ++y) {
			for (var x = 0; x < pixels.width; ++x) {
				var i = (y * 4) * pixels.width + x * 4;
				var rgb = pixels.data[i] + pixels.data[i + 1] + pixels.data[i + 2];	// 画素をグレイスケール化
				grayScale.push(rgb);
			}
		}
		var dHash = 0;
		var exponent = 0;	// べき指数
		grayScale.forEach((v, i) => {
			if ((i + 1) % cvs.width !== 0) {	// 右端のピクセルは右隣が無いのでスキップ
				// 右隣の輝度と比較した結果を1bitとしてセット
				dHash += (v < grayScale[i + 1] ? 1 : 0) * 2 ** exponent;
				++exponent;
			}
		});
		//console.log("futaba_catalog_NG - imgObj.src: " + imgObj.src + ", dHash: 0x" + dHash.toString(16).toUpperCase());
		return dHash;
	}

	/**
	 * 日付取得
	 * @return {string} 現在の日付の文字列 yy/mm/dd
	 */
	function getDate() {
		var now = new Date();
		var date = ("" + (now.getFullYear())).slice(-2) + "/" +
			("0" + (now.getMonth() + 1)).slice(-2) + "/" +
			("0" + now.getDate()).slice(-2);
		return date;
	}

	/**
	 * カタログを検索してNGスレを非表示
	 * @param {boolean} isWordsChanged NGワードを変更したか
	 */
	function hideNgThreads(isWordsChanged) {
		if (!isNgEnable) {
			return;
		}
		var Start = new Date().getTime();//count parsing time
		var words = "";
		var wordsCommon = GM_getValue("_futaba_catalog_NG_words", "");
		var wordsIndiv = getCurrentIndivValue("NG_words_indiv", "");
		var numbers = getCurrentIndivValue("NG_numbers_indiv", []);
		images = GM_getValue("_futaba_catalog_NG_images", []);
		ngDate = GM_getValue("_futaba_catalog_NG_date", []);
		okImages = getCurrentIndivValue("OK_images_indiv", []);
		dHashes = GM_getValue("_futaba_catalog_NG_dHashes", []);

		// NGワード
		if( wordsCommon !== "" ) {
			words += wordsCommon;
			if( wordsIndiv !== "" ) {
				words += "|" + wordsIndiv;
			}
		}
		else {
			words += wordsIndiv;
		}
		//console.log(words);
		//console.dir(numbers);
		//console.dir("futaba_catalog_NG - images.length: " + images.length);
		try {
			var re = new RegExp(words, "i");
		}
		catch (e) {
			alert("NGワードのパターンが無効です\n\n" + e);
			editNgWords();
			return;
		}
		if (isWordsChanged) {
			$(".GM_fcn_ng_words").css("display", "");
			$(".GM_fcn_ng_words").removeClass("GM_fcn_ng_words");
		}
		if (words !== "") {
			$("#cattable td small").each(function() {
				if (re.test($(this).text())) {
					if ($(this).parent("a").length) {		//文字スレ
						$(this).parent().parent("td").addClass("GM_fcn_ng_words");
						$(this).parent().parent("td").css("display", "none");
					} else {
						$(this).parent("td").addClass("GM_fcn_ng_words");
						$(this).parent("td").css("display", "none");
					}
					//console.log("futaba catalog NG - caption: " + $(this).text() + " NG word: " + $(this).text().match(re)[0]);
				}
			});
		}
		if (isWordsChanged) {
			console.log("futaba_catalog_NG - Parsing@" + serverFullPath + ": "+((new Date()).getTime()-Start) +"msec");	// eslint-disable-line no-console
			return;
		}

		// NG番号
		if (numbers.length) {
			var $catAnchors = $("#cattable td[class!='GM_fcn_ng_words'] > a:first-of-type");
			$catAnchors.each(function() {
				var hrefNum = $(this).attr("href").slice(4,-4);
				if (numbers.indexOf(hrefNum) > -1){
					$(this).closest("td, .cs").addClass("GM_fcn_ng_numbers");
					$(this).closest("td, .cs").css("display", "none");
				}
			});
		}

		// NG画像
		if (USE_NG_IMAGES) {
			if (images.length) {
				var $catImages = $("#cattable td:not([class^='GM_fcn_ng_']) > a:first-of-type > img");
				$catImages.each(function() {
					var $td = $(this).closest("td");
					var imgSrc = this.src.match(/(\d+)s\.jpg$/);
					if (imgSrc) {
						var imgNumber = parseInt(imgSrc[1], 10);
						if (okImages.indexOf(imgNumber) == -1) {
							var data = convertDataURI(this);
							if (data) {
								var hexHash = md5(data);
								var index = images.indexOf(hexHash);
								if (index > -1){
									$td.addClass("GM_fcn_ng_images");
									$td.css("display", "none");
									ngDate[index] = getDate();
									if (dHashes[index] == null) {
										dHashes[index] = convertDHash(this, true);
									}
								} else {
									var isError = false;	// md5変換エラーフラグ
									if (hexHash.length !== 32) {
										isError = true;
										console.error("futaba_catalog_NG - hexHash abnormal: image No." + imgNumber + ", hexHash: " + hexHash);	// eslint-disable-line no-console
									}
									// dHash判定
									var distance, dHash = convertDHash(this);
									[index, distance] = findIndexOfDHashes(dHash);
									if (index > -1) {
										if (ENABLE_DHASH_TEST) {
											$(this).addClass("GM_fcn_ng_dhash_img");
											$td.children(".GM_fcn_ng_button").attr("title", "distance: " + distance + ", dHash: " + ("000000000000" + dHash.toString(16)).slice(-13));
											$td.addClass("GM_fcn_ng_dhash_td");
										} else {
											$td.addClass("GM_fcn_ng_images");
											$td.css("display", "none");
										}
										ngDate[index] = getDate();
									} else if (!isError) {
										okImages.unshift(imgNumber);
									}
								}
							} else {
								// スレ画像読込完了確認
								this.onload = () => {
									this.onload = null;
									var imgNumber = parseInt(this.src.match(/(\d+)s\.jpg$/)[1], 10);
									var data = convertDataURI(this);
									if (data) {
										var hexHash = md5(data);
										var index = images.indexOf(hexHash);
										if (index > -1){
											$td.addClass("GM_fcn_ng_images");
											$td.css("display", "none");
											ngDate[index] = getDate();
											GM_setValue("_futaba_catalog_NG_date", ngDate);
											if (dHashes[index] == null) {
												dHashes[index] = convertDHash(this, true);
												GM_setValue("_futaba_catalog_NG_dHashes", dHashes);
											}
										} else {
											var isError = false;	// md5変換エラーフラグ
											if (hexHash.length !== 32) {
												isError = true;
												console.error("futaba_catalog_NG - hexHash abnormal: image No." + imgNumber + ", hexHash: " + hexHash);
											}
											// dHash判定
											var distance, dHash = convertDHash(this);
											[index, distance] = findIndexOfDHashes(dHash);
											if (index > -1) {
												if (ENABLE_DHASH_TEST) {
													$(this).addClass("GM_fcn_ng_dhash_img");
													$td.children(".GM_fcn_ng_button").attr("title", "distance: " + distance + ", dHash: " + ("000000000000" + dHash.toString(16)).slice(-13));
													$td.addClass("GM_fcn_ng_dhash_td");
												} else {
													$td.addClass("GM_fcn_ng_images");
													$td.css("display", "none");
												}
												ngDate[index] = getDate();
												GM_setValue("_futaba_catalog_NG_date", ngDate);
											} else if (!isError) {
												okImages.unshift(imgNumber);
											}
										}
									} else {
										console.error("futaba_catalog_NG - image data abnormal: image No." + imgNumber);
									}
								};
								if (this.complete && this.width && this.height && this.onload) {
									// onloadセット中に画像読込完了していたらloadをトリガーする
									$(this).trigger("load");
								}
							}
						}
					}
				});
				GM_setValue("_futaba_catalog_NG_date", ngDate);
				GM_setValue("_futaba_catalog_NG_dHashes", dHashes);
				if (okImages.length > MAX_OK_IMAGES) {
					okImages.splice(MAX_OK_IMAGES);
				}
				setIndivValue("OK_images_indiv", okImages);
			} else {
				var $catImg = $("#cattable td a img");
				$catImg.each(function() {
					var imgSrc = this.src.match(/(\d+)s\.jpg$/);
					if (imgSrc) {
						var imgNumber = parseInt(imgSrc[1], 10);
						if (okImages.indexOf(imgNumber) == -1) {
							okImages.unshift(imgNumber);
						}
					}
				});
				if (okImages.length > MAX_OK_IMAGES) {
					okImages.splice(MAX_OK_IMAGES);
				}
				setIndivValue("OK_images_indiv", okImages);
			}
		}
		//console.log("futaba_catalog_NG - okImages.length: " + okImages.length);
		console.log("futaba_catalog_NG - Parsing@" + serverFullPath + ": " + ((new Date()).getTime() - Start) + "msec");	// eslint-disable-line no-console

		/**
		 * dHashリストのインデックス探索
		 * @param {number} dHash 近似画像NG判定する画像のdHash値
		 * @return {Array.<number>} [i, distance]
		 *     {number} i 近似度が閾値以下のdHashリスト(dHashes)配列内のインデックス
		 *     {number} distance ハミング距離
		 *     dHashリストに該当が無ければi, distance共に-1を返す
		 */
		function findIndexOfDHashes(dHash) {
			if (dHash != null) {
				for (var i = 0, num = dHashes.length; i < num; ++i) {
					if (dHashes[i]) {
						var distance = getHammingDistance(dHash, dHashes[i]);
						if (distance <= DISTANCE_THRESHOLD) {
							if (ENABLE_DHASH_TEST) {
								console.debug("futaba_catalog_NG - catalog dHash: " + ("000000000000" + dHash.toString(16)).slice(-13) + ", NG list dHash: " + ("000000000000" + dHashes[i].toString(16)).slice(-13));
								console.debug("futaba_catalog_NG - hamming distance: " + distance);
							}
							return [i, distance];
						}
					}
				}
			}
			return [-1, -1];
		}

		/**
		 * ハミング距離取得
		 * @param {number} hash1 測定するHash(49bit)
		 * @param {number} hash2 測定するHash(49bit)
		 * @return {number} ハミング距離(0～49)
		 */
		function getHammingDistance(hash1, hash2) {
			// 2つのHashを上位17bitと下位32bitに分割して32ビット演算する
			var hash1L = hash1 >>> 0;
			var hash1H = (hash1 - hash1L) / 0x100000000;
			var hash2L = hash2 >>> 0;
			var hash2H = (hash2 - hash2L) / 0x100000000;

			// 下位32bitのビットの異なる位置を抽出
			var xorL = hash1L ^ hash2L;
			var count = 0;
			// 立っている最下位ビットを消してカウント
			while (xorL) {
				xorL &= xorL - 1;
				++count;
			}

			// 上位17bitのビットの異なる位置を抽出
			var xorH = hash1H ^ hash2H;
			// 立っている最下位ビットを消してカウント
			while (xorH) {
				xorH &= xorH - 1;
				++count;
			}

			return count;
		}
	}

	/**
	 * KOSHIAN del イベント監視
	 */
	function listenKoshianDelEvent() {
		$(document).on("KOSHIAN_del", () => {
			// delされたスレをNG登録して非表示
			$(".KOSHIAN_del").each(function() {
				var threadNumber = $(this).find("a:first").length ? $(this).find("a:first").attr("href").slice(4,-4) : "";
				if (threadNumber) {
					addNgNumber(threadNumber);
				}
				if (isNgEnable) {
					$(this).addClass("GM_fcn_ng_numbers");
					$(this).css("display", "none");
				}
				$(this).removeClass("KOSHIAN_del");
			});
			hideNgThreads();
		});
	}

	/**
	 * futaba thread highlighter K ピックアップイベント監視
	 */
	function listenFthPickupEvent() {
		$(document).on("FutabaTH_pickup", () => {
			// ピックアップされたスレにNGボタンをセット
			$(".GM_fth_pickuped, .GM_fth_opened").each(function() {
				var $ngButton = $(this).find(".GM_fcn_ng_button");
				if ($ngButton.length) {
					var $ngButtonMenu = $ngButton.children(".GM_fcn_ng_menu");
					$ngButton.hover(function() {
						$(this).css("color", "red");
					}, function () {
						$(this).css("color", "blue");
					});
					$ngButton.on("click",function() {
						makeNgButtonMenu($ngButton);
					});
					$(this).hover(function () {
						$ngButton.css("display", "inline");
						$ngButton.siblings(".KOSHIAN_response_increase").css("display", "none");
						$ngButton.siblings(".fvw_num").css("display", "none");
					}, function () {
						$ngButton.css("display", "none");
						$ngButtonMenu.css("display", "none");
						$ngButton.siblings(".KOSHIAN_response_increase").css("display", "inline");
						$ngButton.siblings(".fvw_num").css("display", "");
					});
				}
			});
		});
	}

	/**
	 * カタログ非表示
	 */
	function hideCatalog() {
		setCatalogHiddenStyle();
		$(function() {
			$("body").attr("__fcn_catalog_visibility", "hidden");
			$("#GM_fth_highlighted_threads").css("visibility", "hidden");
			init();
		});
		$(window).on("load", function() {
			$("body").attr("__fcn_catalog_visibility", "visible");
			setCatalogShownStyle();
			$("#GM_fth_highlighted_threads").css("visibility", "visible");
		});
	}

	/**
	 * カタログ非表示スタイル設定
	 */
	function setCatalogHiddenStyle() {
		var css =
			"#cattable {" +
			"  opacity: 0;" +
			"}";
		GM_addStyle(css);
	}

	/**
	 * カタログ表示スタイル設定
	 */
	function setCatalogShownStyle() {
		var css =
			"#cattable {" +
			"  opacity: 1;" +
			"}";
		GM_addStyle(css);
	}

	/**
	 * スタイル設定
	 */
	function setStyle() {
		var css =
			// NGワード
			".GM_fcn_ng_words {" +
			"  display: none;" +
			"}" +
			// NG番号
			".GM_fcn_ng_numbers {" +
			"  display: none;" +
			"}" +
			// NG画像
			".GM_fcn_ng_images {" +
			"  display: none;" +
			"}" +
			// 近似画像NGスレ
			".GM_fcn_ng_dhash_td {" +
			"  background-color: #e1b2ec;" +
			"  opacity: 0.2;" +
			"}" +
			".GM_fcn_ng_dhash_td:hover {" +
			"  opacity: 1;" +
			"}" +
			// 近似NG画像
			".GM_fcn_ng_dhash_img {" +
			"  opacity: 0.2;" +
			"}" +
			".GM_fcn_ng_dhash_img:hover {" +
			"  opacity: 1;" +
			"}" +
			// NGボタン
			".GM_fcn_ng_button {" +
			"  position: relative;" +
			"  font-size: 12px;" +
			"  cursor: pointer;" +
			"}" +
			// NGメニュー
			".GM_fcn_ng_menu {" +
			"  font-size: medium;" +
			"  background-color: rgba(240, 192, 214, 0.95);" +
			"  z-index: 203;" +
			"  position: absolute;" +
			"  min-width: 140px;" +
			"  width: auto;" +
			"  border: 1px outset;" +
			"  border-radius: 5px;" +
			"  padding: 5px;" +
			"}" +
			// NGメニュー項目
			".GM_fcn_ng_menu_item {" +
			"  padding: 5px;" +
			"  z-index: 203;" +
			"  cursor: pointer;" +
			"}" +
			// NGリストラベル
			".GM_fcn_ng_list_label {" +
			"  display: inline-block;" +
			"  width: 100px;" +
			"}" +
			// NGリスト入力
			".GM_fcn_ng_list_input {" +
			"  width: 360px;" +
			"  margin-right: 16px;" +
			"  font-size: 16px;" +
			"}" +
			// NGリスト編集ボタン
			".GM_fcn_ng_list_edit_button {" +
			"  width: 70px;" +
			"  margin-right: 16px;" +
			"}" +
			// NGリスト移動ボタン
			".GM_fcn_ng_list_move_button {" +
			"  margin-right: 16px;" +
			"}" +
			// NGリスト枠
			"#GM_fcn_ng_list_pane {" +
			"  width: 928px;" +
			"  height: 308px;" +
			"  margin-left: 11px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  background-color: #eee;" +
			"}" +
			// NGリスト項目行
			"#GM_fcn_ng_list_item_row {" +
			"  display: inline-block;" +
			"  height: 22px;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"}" +
			// NGリスト項目md5
			"#GM_fcn_ng_list_item_md5 {" +
			"  width: 360px;" +
			"}" +
			// NGリスト項目dHash
			"#GM_fcn_ng_list_item_dHash {" +
			"  width: 170px;" +
			"}" +
			// NGリスト項目コメント
			"#GM_fcn_ng_list_item_comment {" +
			"  width: 250px;" +
			"}" +
			// NGリスト項目最終検出日
			"#GM_fcn_ng_list_item_date {" +
			"  width: 130px;" +
			"}" +
			// NGリスト項目スクロールバースペース
			"#GM_fcn_ng_list_item_scrl {" +
			"  width: 18px;" +
			"}" +
			// NGリスト項目
			".GM_fcn_ng_list_item {" +
			"  display: inline-block;" +
			"  height: 22px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"  text-overflow: clip;" +
			"  cursor: pointer;" +
			"}" +
			// NGリストコンテンツ
			"#GM_fcn_ng_list_content {" +
			"  width: 928px;" +
			"  height: 286px;" +
			"  overflow-x: hidden;" +
			"  overflow-y: auto;" +
			"}" +
			// NGリスト行
			".GM_fcn_ng_list_row {" +
			"  width: 928px;" +
			"  height: 22px;" +
			"  cursor: pointer;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"}" +
			// NGリスト画像
			".GM_fcn_ng_list_image {" +
			"  display: inline-block;" +
			"  width: 360px;" +
			"  height: 22px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"  text-overflow: ellipsis;" +
			"  font-family: Consolas, 'Courier New', monospace;" +
			"}" +
			// NGリストdHash
			".GM_fcn_ng_list_dHash {" +
			"  display: inline-block;" +
			"  width: 170px;" +
			"  height: 22px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"  text-overflow: ellipsis;" +
			"  font-family: Consolas, 'Courier New', monospace;" +
			"}" +
			// NGリストコメント
			".GM_fcn_ng_list_comment {" +
			"  display: inline-block;" +
			"  width: 250px;" +
			"  height: 22px;" +
			"  padding-left: 10px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  text-align: left;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"  text-overflow: ellipsis;" +
			"}" +
			// NGリスト日時
			".GM_fcn_ng_list_date {" +
			"  display: inline-block;" +
			"  width: 130px;" +
			"  height: 22px;" +
			"  border-width: 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"  text-overflow: ellipsis;" +
			"  font-family: Consolas, 'Courier New', monospace;" +
			"}" +
			// NGリストスクロールバー
			".GM_fcn_ng_list_scrl {" +
			"  display: inline-block;" +
			"  width: 18px;" +
			"  height: 22px;" +
			"  border-width: 0px 1px;" +
			"  border-style: solid;" +
			"  box-sizing: border-box;" +
			"  overflow: hidden;" +
			"  white-space: nowrap;" +
			"}" +
			// カタログ下スペース
			"#GM_fcn_catalog_space {" +
			"  min-height: 2000px;" +
			"}" +
			// futaba thread highlighter ピックアップ
			".GM_fth_pickuped {" +
			"  overflow: visible !important;" +
			"}" +
			// futaba thread highlighter 既読
			".GM_fth_opened {" +
			"  overflow: visible !important;" +
			"}" +
			// ふたクロNGボタン
			".fvw_ng {" +
			"  display: none !important;" +
			"}" +
			// スレのプルダウンメニューボタン用スペース
			"#cattable > tbody > tr > td {" +
			"  padding-bottom: 12px !important;" +
			"}";
		GM_addStyle(css);
	}

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