スレ本文を検索してカタログでスレッド監視しちゃう
目前為
// ==UserScript==
// @name futaba_thread_highlighter_K
// @namespace https://github.com/akoya-tomo
// @description スレ本文を検索してカタログでスレッド監視しちゃう
// @include http://*.2chan.net/*/futaba.php?mode=cat*
// @include https://*.2chan.net/*/futaba.php?mode=cat*
// @version 1.6.6rev13
// @require http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
// @grant GM_registerMenuCommand
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_addStyle
// @license MIT
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPUExURYv4i2PQYy2aLUe0R////zorx9oAAAAFdFJOU/////8A+7YOUwAAAElJREFUeNqUj1EOwDAIQoHn/c88bX+2fq0kRsAoUXVAfwzCttWsDWzw0kNVWd2tZ5K9gqmMZB8libt4pSg6YlO3RnTzyxePAAMAzqMDgTX8hYYAAAAASUVORK5CYII=
// ==/UserScript==
this.$ = this.jQuery = jQuery.noConflict(true);
(function ($) {
/*
* 設定
*/
var USE_BOARD_NAME = true; //タイトルを板名＋ソート名（カタログ・新順・古順etc）に変更する
var USE_PICKUP_OPENED_THREAD = true; //既読ピックアップ機能を使用する
var OPENED_THREAD_MARKER_STYLE = ""; //開いたスレのマークのスタイル設定（例："background-color:#ffcc99"）
var HIDE_FUTAKURO_SEARCHBAR = true; //ふたば@アプリ としあき(仮) 出張版のキーワード検索バーを隠した状態でカタログを開く
var USE_FUTABA_CATALOG_MOD = false; //futaba catalog modを使用する
var serverName = document.domain.match(/^[^.]+/);
var pathName = location.pathname.match(/[^/]+/);
var serverFullPath = serverName + "_" + pathName;
var akahukuloadstat;
var openedThreadCssText = OPENED_THREAD_MARKER_STYLE;
var boardName = $("#tit").text().match(/^[^＠]+/);
var opacityZero = false;
var openedThreadObserver;
var hideFutakuroSearchBar = HIDE_FUTAKURO_SEARCHBAR;
var timerPickup;
init();
function init(){
console.log("futaba_thread_highlighter commmon: " +
GM_getValue("_futaba_thread_search_words", ""));
console.log("futaba_thread_highlighter indivisual: " +
getCurrentIndivValue());
GM_registerMenuCommand("スレッド検索ワード編集", editWords);
setTitle();
setStyle();
makecontainer();
makeConfigUI();
highlight();
pickup_opened_threads();
check_akahuku_reload();
check_opened_threads_mark();
setTimeout(futakuroSearchBarDispCtrl, 1000);
}
/*
*設定画面表示
*/
function editWords(){
var word_commmon = GM_getValue("_futaba_thread_search_words", "");
var word_indiv = getCurrentIndivValue();
$("#GM_fth_searchword_common").val(word_commmon);
$("#GM_fth_searchword_individual").val(word_indiv);
var $config_container_ = $("#GM_fth_config_container");
$config_container_.fadeIn(100);
setRandomExample();
}
/*
* 表示中の板の個別検索ワードの取得
*/
function getCurrentIndivValue() {
var indivobj = getIndivObj();
var str_CurrentIndiv;
if(indivobj !== "") {
str_CurrentIndiv = indivobj[serverFullPath];
}
else {
str_CurrentIndiv = "";
}
return str_CurrentIndiv;
}
/*
* 板毎の個別検索ワードのオブジェクトを取得
*/
function getIndivObj() {
var indivVal = GM_getValue("search_words_indiv", "");
var obj_indiv;
if(indivVal !== "") {
obj_indiv = JSON.parse(indivVal);
}
else {
obj_indiv = "";
}
return obj_indiv;
}
/*
* 検索ワードを設定
*/
function setSearchWords() {
var input_common = $("#GM_fth_searchword_common").val();
var input_indiv = $("#GM_fth_searchword_individual").val();
GM_setValue("_futaba_thread_search_words", input_common);
console.log("futaba_thread_highlighter: common searchword updated - " + input_common);
setIndivValue(input_indiv);
$("#GM_fth_config_container").fadeOut(100);
highlight(true);
if (USE_PICKUP_OPENED_THREAD) {
pickup_opened_threads();
}
/*
* 板毎の個別検索ワードを保存
*/
function setIndivValue(val) {
var obj_indiv = getIndivObj();
if(obj_indiv === ""){
obj_indiv = {};
}
obj_indiv[serverFullPath] = val;
var jsonstring = JSON.stringify(obj_indiv);
GM_setValue("search_words_indiv", jsonstring);
console.log("futaba_thread_highlighter: indivisual searchword updated@" + serverFullPath + " - " + val);
}
}
/*
*スレピックアップ表示エリアの設定
*/
function makecontainer() {
var $pickup_thread_area = $("<div>", {
id: "GM_fth_container",
css: {
"background-color": "#F0E0D6",
}
});
if ($("#GM_fcn_ng_menubar").length) {
$pickup_thread_area = $("#GM_fcn_ng_menubar");
} else {
$("body > table[border]").before($pickup_thread_area);
}
var $container_header = $("<span>", {
id: "GM_fth_container_header",
text: "スレッド検索該当スレッド",
css: {
"background-color": "#F0E0D6",
fontWeight: "bolder",
"padding-right": "16px"
}
});
$pickup_thread_area.prepend($container_header);
//設定ボタン
var $button = $("<span>", {
id: "GM_fth_searchword",
text: "[設定]",
css: {
cursor: "pointer",
},
click: function() {
editWords();
}
});
$button.hover(function () {
$(this).css({ backgroundColor:"#EEAA88" });
}, function () {
$(this).css({ backgroundColor:"#F0E0D6" });
});
$container_header.append($button);
var $pickup_thread_container = $("<div>", {
id: "GM_fth_highlighted_threads",
css: {
"display": "flex",
"flex-wrap": "wrap",
"background-color": "",
}
});
$pickup_thread_area.after($pickup_thread_container);
}
/*
* 設定画面
*/
function makeConfigUI() {
var $config_container = $("<div>", {
id: "GM_fth_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",
fontWeight: "normal",
"box-shadow": "3px 3px 5px #853e52",
"border": "1px outset",
"border-radius": "10px",
"padding": "5px",
}
});
$("#GM_fth_container_header").append($config_container);
$config_container.append(
$("<div>").append(
$("<div>").text("スレ本文に含まれる語句を入力してください。 | を挟むと複数指定できます。正規表現使用可。"),
$("<div>").text("例 : ").append(
$("<span>").attr("id", "GM_fth_example").css({
"background-color": "#ffeeee",
"padding": "2px",
"font-weight": "bold"
})
)
),
$("<div>").css("margin-top", "1em").append(
$("<div>").append(
$("<label>").text("全板共通").attr("for", "GM_fth_searchword_common"),
$("<input>").attr({
"id": "GM_fth_searchword_common",
"class": "GM_fth_input"
}).css("width", "54em"),
$("<span>").append(
$("<input>", {
class: "GM_fth_config_button",
type: "button",
val: "区切り文字挿入",
click: function(){
insertDelimiter("GM_fth_searchword_common");
},
})
)
),
$("<div>").append(
$("<label>").text("各板個別").attr("for", "GM_fth_searchword_individual"),
$("<input>").attr({
"id": "GM_fth_searchword_individual",
"class": "GM_fth_input"
}).css("width", "54em"),
$("<span>").append(
$("<input>", {
class: "GM_fth_config_button",
type: "button",
val: "区切り文字挿入",
click: function(){
insertDelimiter("GM_fth_searchword_individual");
},
})
)
)
),
$("<div>").css({
"margin-top": "1em",
}).append(
$("<span>").css("margin", "0 1em").append(
$("<input>", {
class: "GM_fth_config_button",
type: "button",
val: "更新",
click: function(){
setSearchWords();
},
})
),
$("<span>").css("margin", "0 1em").append(
$("<input>", {
class: "GM_fth_config_button",
type: "button",
val: "キャンセル",
click: function(){
$config_container.fadeOut(100);
},
})
)
)
);
$(".GM_fth_config_button").css({
"cursor": "pointer",
"background-color": "#FFECFD",
"border": "2px outset #96ABFF",
"border-radius": "5px",
}).hover(function() {
$(this).css("background-color", "#CCE9FF");
}, function() {
$(this).css("background-color", "#FFECFD");
});
setRandomExample();
/*
* カーソル位置にデリミタ挿入
*/
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);
}
}
function setRandomExample() {
var exampleWords = [
"妹がレイ",
"悪魔がおる",
"みなもちゃんかわいい",
"つまんね",
"マジか",
"落ち着け",
"アオいいよね",
"いい…",
"ﾌﾗﾜﾊﾊ",
"(i)orz",
"うま(み|あじ)",
"[0-9]時から！",
"mjpk\\!\\?",
"よしとみくんは何が好き？",
"焼肉！",
"そろそろ",
"(はじ)?まるよ?",
"ワグナス！！",
"ｵﾏﾝｺﾊﾟﾝﾃｨｰ",
"ﾜｰｵ！"
];
var rand, randwords = [];
for(var i = 0, l = exampleWords.length; i < 3; i++, l--) {
rand = Math.floor(Math.random() * l);
randwords.push(exampleWords.splice(rand, 1)[0]);
}
var example = randwords.join("|");
$("#GM_fth_example").text(example);
}
/*
*ふたば@アプリ としあき(仮) 出張版のキーワード検索バーの表示制御
*/
function futakuroSearchBarDispCtrl() {
if (!$("#inputSearch").length) return;
$("#inputSearch,#inputSearch+div").wrapAll("<div class='fth_futakuro_searchbar'>");
var $futakuro_searchbar_button_header = $("<span>", {
id: "GM_fth_futakuro_searchbar_button_header",
text: " 検索バー",
css: {
"background-color": "#F0E0D6",
fontWeight: "bolder"
}
});
$("#GM_fth_container_header").append($futakuro_searchbar_button_header);
var $futakuro_searchbar_button = $("<span>", {
id: "GM_fth_futakuro_searchbar_button",
text: "[表示]",
css: {
cursor: "pointer",
},
click: function() {
switchSearchbarDisp(true);
}
});
$futakuro_searchbar_button.hover(function () {
$(this).css({ backgroundColor:"#EEAA88" });
}, function () {
$(this).css({ backgroundColor:"#F0E0D6" });
});
$("#GM_fth_container_header").append($futakuro_searchbar_button);
switchSearchbarDisp();
function switchSearchbarDisp(button) {
if (button) {
hideFutakuroSearchBar = !hideFutakuroSearchBar;
}
if (hideFutakuroSearchBar) {
$(".fth_futakuro_searchbar").slideUp("fast");
$("#GM_fth_futakuro_searchbar_button").text("[表示]");
} else {
$(".fth_futakuro_searchbar").slideDown("fast");
$("#GM_fth_futakuro_searchbar_button").text("[隠す]");
}
}
}
/*
*赤福の動的リロードの状態を取得
*/
function check_akahuku_reload() {
var target = $("html > body").get(0);
var config = { childList: true };
if ($("#cat_search").length) {
// ふたクロ
highlight();
target = $("html > body > table[border]").get(0);
config = { attributes: true , attributeFilter: ['style'] };
}
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
var nodes = $(mutation.addedNodes);
if ($("#cat_search").length) {
// ふたクロ
if (mutation.target.attributes.style.nodeValue == "opacity: 0;") {
opacityZero = true;
} else if (opacityZero) {
opacityZero = false;
highlight();
if (USE_PICKUP_OPENED_THREAD) {
pickup_opened_threads();
check_opened_threads_mark();
}
setTitle();
}
}
else if (nodes.attr("border") == "1") {
var timer = setInterval(function() {
var status = $("#akahuku_catalog_reload_status").text();
if(status === "" || status == "完了しました") {
clearInterval(timer);
highlight();
if (USE_PICKUP_OPENED_THREAD) {
pickup_opened_threads();
check_opened_threads_mark();
}
}
}, 10);
}
});
});
observer.observe(target, config);
}
/*
*既読スレのマークの状態を取得
*/
function check_opened_threads_mark() {
if (!USE_PICKUP_OPENED_THREAD) return;
var target = $("html > body table[border] td");
var config = { attributes: true , attributeFilter: ['style'] };
if ($(".akahuku_markup_catalog_table").length) {
//赤福の既読マーク
target = $("html > body table[border] td a[style]");
config = { attributes: true , attributeFilter: ['class'] };
}
//オブザーバインスタンスが既にあれば事前に解除する
if (openedThreadObserver) openedThreadObserver.disconnect();
openedThreadObserver = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
//console.log("futaba_thread_highlighter : target mutated");
if (!$(".akahuku_markup_catalog_table").length) {
//赤福以外
setTimeout(function() {
highlight();
pickup_opened_threads();
}, 200);
} else if (mutation.target.className == "akahuku_visited") {
//赤福の既読マーク
setTimeout(function() {
$(mutation.target).parent("td").css("background-image","none"); //ダミーのスタイルを設定（既読ピックアップ用マーク）
pickup_opened_threads();
}, 200);
}
});
});
for (var i = 0; i < target.length; i++) {
openedThreadObserver.observe(target[i], config);
}
}
/*
*カタログを検索して強調表示
*/
function highlight(isWordsChanged) {
var Start = new Date().getTime();//count parsing time
var words = "";
var words_common = GM_getValue("_futaba_thread_search_words", "");
var words_indiv = getCurrentIndivValue();
if( words_common !== "" ) {
words += words_common;
if( words_indiv !== "" ) {
words += "|" + words_indiv;
}
}
else {
words += words_indiv;
}
//console.log(words);
try {
var re = new RegExp(words, "i");
}
catch (e) {
alert("検索ワードのパターンが無効です\n\n" + e);
editWords();
return;
}
if( words !== "" ) {
removeOldHighlighted();
$("body > table[border] td small").each(function(){
if( $(this).text().match(re) ) {
if( (($(this).parent("td").attr("style") + "").indexOf("display: none") == -1 ) && //合間合間にNGスレ判定追加
(($(this).attr("style") + "").indexOf("display: none") == -1 )) { //合間合間にNGスレ判定追加
if ( !$(this).children(".GM_fth_matchedword").length ) {
$(this).html($(this).html().replace(re,
"<span class='GM_fth_matchedword'>" +
$(this).text().match(re)[0] +
"</span>"));
}
if ( $(this).parent("a").length ) { //文字スレ
$(this).parent().parent("td").addClass("GM_fth_highlighted");
} else {
$(this).parent("td").addClass("GM_fth_highlighted");
}
}
}
});
pickup_highlighted();
}
else {
removeOldHighlighted();
pickup_highlighted();
}
function removeOldHighlighted() {
if(isWordsChanged) {
$(".GM_fth_highlighted").removeClass("GM_fth_highlighted");
$(".GM_fth_matchedword").each(function(){
$(this).replaceWith($(this).text());
});
}
}
console.log('futaba_thread_highlighter - Parsing@' + serverFullPath + ': '+((new Date()).getTime()-Start) +'msec');//log parsing time
}
/*
*強調表示したスレを先頭にピックアップ
*/
function pickup_highlighted() {
if ( $("#GM_fth_highlighted_threads .GM_fth_pickuped").length ) {
$("#GM_fth_highlighted_threads .GM_fth_pickuped").remove();
}
var highlighted = $("body > table .GM_fth_highlighted:not([style *= 'display: none'],[class *= 'GM_fcn_ng_'])").clone();
$("#GM_fth_highlighted_threads").append(highlighted);
//要素の中身を整形
highlighted.each(function(){
//NGスレは除去
if ( $(this).find("small[style *= 'display: none']").length ) {
$(this).remove();
} else {
if ( !$(this).children("small").length ) { //文字スレ
//console.log($(this).children("a").html());
//$(this).children("a").replaceWith("<div class='GM_fth_pickuped_caption'>" + $(this).html() + "</div>");
} else {
$(this).children("small:not(.aima_aimani_generated)").replaceWith("<div class='GM_fth_pickuped_caption'>" +
$(this).children("small").html() + "</div>");
$(this).children("br").replaceWith();
}
//合間合間にのボタンを削除
$(this).children("small.aima_aimani_generated").replaceWith();
//KOSHIANカタログマーカー改v2のマークを反映
var attr = "";
if ($(this).attr("opened") == "true") attr = " opened='true'";
if ($(this).attr("old") == "true") attr += " old='true'";
$(this).replaceWith("<div class='GM_fth_pickuped'" + attr + ">" + $(this).html() + "</div>");
}
});
var $pickuped = $(".GM_fth_pickuped");
$pickuped.each(function(){
var width = $(this).find("img").attr("width");
$(this).css({
//スレ画の幅に合わせる
width: width,
});
});
notifyPickup();
}
/*
*既読スレを先頭にピックアップ
*/
function pickup_opened_threads() {
if (!USE_PICKUP_OPENED_THREAD) return;
if ( $("#GM_fth_highlighted_threads .GM_fth_opened").length ) {
$("#GM_fth_highlighted_threads .GM_fth_opened").remove();
}
//NGスレとピックアップ済みは除外
var opened = $("body > table td[style]:not([style *= 'display: none'],[style *= 'display:none'],[style = ''],[class *= 'GM_fth_highlighted'],[class *= 'GM_fcn_ng_'])").clone();
//OPENED_THREAD_MARKER_STYLEが未設定ならマークされたスタイルをコピー
if (opened.length && !openedThreadCssText && !opened.first().attr("opened")) {
openedThreadCssText = opened.get(0).style.cssText;
setOpenedThreadStyle();
}
$("#GM_fth_highlighted_threads").append(opened);
//要素の中身を整形
opened.each(function(){
//NGスレは除去
if ( $(this).find("small[style *= 'display: none']").length ) {
$(this).remove();
} else {
if ( !$(this).children("small").length ) { //文字スレ
//console.log($(this).children("a").html());
//$(this).children("a").replaceWith("<div class='GM_fth_opened_caption'>" + $(this).html() + "</div>");
} else {
$(this).children("small:not(.aima_aimani_generated)").replaceWith("<div class='GM_fth_opened_caption'>" +
$(this).children("small").html() + "</div>");
$(this).children("br").replaceWith();
}
//合間合間にのボタンを削除
$(this).children("small.aima_aimani_generated").replaceWith();
if ($(this).attr("old")) {
$(this).replaceWith("<div class='GM_fth_opened' opened='true' old='true'>" + $(this).html() + "</div>");
} else {
$(this).replaceWith("<div class='GM_fth_opened' opened='true'>" + $(this).html() + "</div>");
}
}
});
var $fth_opened = $(".GM_fth_opened");
$fth_opened.each(function(){
var fth_opened_width = $(this).find("img").attr("width");
$(this).css({
//スレ画の幅に合わせる
width: fth_opened_width,
});
});
notifyPickup();
}
/*
*ピックアップ通知
*/
function notifyPickup() {
if (timerPickup) {
//マークの検出をしなくなるまで通知遅延
clearTimeout(timerPickup);
timerPickup = null;
}
timerPickup = setTimeout(() => {
timerPickup = null;
document.dispatchEvent(new CustomEvent("FutabaTH_pickup"));
}, 200);
}
/*
*スタイル設定
*/
function setStyle() {
var css =
//マッチ文字列の背景色
".GM_fth_matchedword {" +
" background-color: #ff0;" +
"}" +
//セルの背景色
".GM_fth_highlighted {" +
" background-color: #FFDFE9 !important;" +
"}" +
//ピックアップスレ
".GM_fth_pickuped {" +
" max-width: 250px;" +
" min-width: 70px;" +
" margin: 1px;" +
" background-color: #FFDFE9;" +
" border-radius: 5px;" +
" word-wrap: break-word;" +
"}" +
//ピックアップスレ本文
".GM_fth_pickuped_caption {" +
" font-size: small;" +
" background-color: #ffdfe9;" +
"}" +
//既読セル
//外部でマークするので未設定
//".GM_kcm_opened {" +
// openedThreadCssText +
//"}" +
//ピックアップ既読スレ
".GM_fth_opened {" +
" max-width: 250px;" +
" min-width: 70px;" +
" margin: 1px;" +
" border-radius: 5px;" +
" word-wrap: break-word;" +
openedThreadCssText +
"}" +
//ピックアップ既読スレ本文
".GM_fth_opened_caption {" +
" font-size: small;" +
"}";
GM_addStyle(css);
if (!USE_FUTABA_CATALOG_MOD) return;
var futaba_catalog_mod_css =
//ピックアップスレ本文
".GM_fth_pickuped_caption," +
".GM_fth_opened_caption," +
".GM_fth_pickuped > a > small," +
".GM_fth_opened > a > small {" +
" display: block !important;" +
" max-width: 70px !important;" +
" max-height: 15px !important;" +
" overflow: hidden !important;" +
" word-wrap: break-word;" +
"}" +
".GM_fth_pickuped_caption:hover," +
".GM_fth_opened_caption:hover," +
".GM_fth_pickuped > a > small:hover," +
".GM_fth_opened > a > small:hover {" +
" max-height: inherit !important;" +
" max-width: inherit !important;" +
" background-color: #ffdfe9 !important;" +
" border: dotted 1px #CC33CC !important;" +
" padding: 3px !important;" +
" z-index: 1000 !important;" +
" position: absolute !important;" +
" transition: all 0.2s ease 0.2s !important;" +
"}";
GM_addStyle(futaba_catalog_mod_css);
}
/*
*ピックアップ既読スレスタイル設定
*/
function setOpenedThreadStyle() {
var openedThreadCss =
".GM_fth_opened {" +
openedThreadCssText +
"}";
GM_addStyle(openedThreadCss);
}
/*
*タイトル設定
*/
function setTitle() {
if (USE_BOARD_NAME) {
var selectName = $("body > b > a").text();
if(boardName == "二次元裏"){
boardName = serverName;
}
document.title = boardName + " " + selectName;
}
}
})(jQuery);