☰

Livetube Handle Cleaner

Livetube配信での目障りな緑コテによるコメントの表示／非表示設定機能を提供する

  1. // ==UserScript==
  2. // @name         Livetube Handle Cleaner
  3. // @namespace    https://greasyfork.org/ja/users/8279-nistim
  4. // @version      0.21
  5. // @description  Livetube配信での目障りな緑コテによるコメントの表示／非表示設定機能を提供する
  6. // @author       nistim
  7. // @match        *://livetube.cc/*/*
  8. // @match        *://*.livetube.cc/*/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function()
  13. {
  14.     // ライブフラグ
  15.     var liveFlag = false;
  16.     
  17.     // 配信画面へコテ選択セレクトボックスとボタンを追加する
  18.     $("#comment_form").after("緑コテ名<select id='handleList'><option value='invalid'>コテ選択</option></select><button id='toggleVisible' disabled='disabled'>コテ選択</button>");
  19.     
  20.     // 配信がライブ状態の場合
  21.     if($("#breadcrumbs .xright").html().indexOf("Live") != -1)
  22.     {
  23.         // ライブフラグを立てる
  24.         liveFlag = true;
  25.     }
  26.     
  27.     // コテ選択セレクトボックスの選択時処理
  28.     $("#handleList").change(function()
  29.     {
  30.         // 表示状態コテ選択の場合
  31.         if($("#handleList option:selected").val() == "visible")
  32.         {
  33.             // ボタンのテキストを「非表示」に設定し、有効化する
  34.             $("#toggleVisible").text("非表示").removeAttr("disabled");
  35.         }
  36.         // 非表示状態コテ選択の場合
  37.         else if($("#handleList option:selected").val() == "invisible")
  38.         {
  39.             // ボタンのテキストを「表示」に設定し、有効化する
  40.             $("#toggleVisible").text("表示").removeAttr("disabled");
  41.         }
  42.         // その他の場合
  43.         else
  44.         {
  45.             // ボタンのテキストを「コテ選択」に設定し、無効化する
  46.             $("#toggleVisible").text("コテ選択").attr("disabled", "disabled");
  47.         }
  48.     });
  49.     
  50.     // コテ選択ボタンのクリック時処理
  51.     $("#toggleVisible").click(function()
  52.     {
  53.         // 選択中コテが表示状態の場合
  54.         if($("#handleList option:selected").val() == "visible")
  55.         {
  56.             // オプションの値を「非表示」、文字色を「赤色」に設定する
  57.             $("#handleList option:selected").val("invisible").css("color", "red");
  58.             // ボタンのテキストを「表示」に設定する
  59.             $("#toggleVisible").text("表示");
  60.         }
  61.         // 選択中コテが非表示状態の場合
  62.         else
  63.         {
  64.             // オプションの値を「表示」、文字色を「緑色」に設定する
  65.             $("#handleList option:selected").val("visible").css("color", "green");
  66.             // ボタンのテキストを「表示」に設定する
  67.             $("#toggleVisible").text("非表示");
  68.         }
  69.         
  70.         // コテの表示状態を変更する
  71.         changeVisible($("#handleList option:selected").text(), null);
  72.         
  73.         // 自動でスクロールする場合
  74.         if($("#auto_scroll_check").is(":checked"))
  75.         {
  76.             // スクロール処理を実行する
  77.             SmoothScroll($("#right_pane"), $("#right_pane_bottom"));
  78.         }
  79.     });
  80.     
  81.     // #comments直下div要素からのコテ取得
  82.     // target:コテ文字列
  83.     function getHandle(target)
  84.     {
  85.         // Liveの場合
  86.         if(liveFlag === true)
  87.         {
  88.             // 取得したコテを返す
  89.             return(target.find("div:has(a) > a:first").text());
  90.         }
  91.         // 録画の場合
  92.         else
  93.         {
  94.             // 取得したコテを返す
  95.             return(target.find("div:has(a) > span:first > a:first").text());
  96.         }
  97.     }
  98.     
  99.     // コテの表示／非表示状態変更処理
  100.     // handle:コテ文字列
  101.     // target:#comments直下のdiv要素
  102.     function changeVisible(handle, target)
  103.     {
  104.         // 一時取得用コテ
  105.         var tmpHandle = null;
  106.         // 表示状態値（「継承」）
  107.         var displayValue = "inherit";
  108.         
  109.         // コテ選択セレクトボックス内のオプション要素分のループ処理
  110.         $("#handleList option").each(function()
  111.         {
  112.             // テキストとコテが一致する場合
  113.             if($(this).text() == handle)
  114.             {
  115.                 // 表示状態が非表示の場合
  116.                 if($(this).val() == "invisible")
  117.                 {
  118.                     // 表示状態値を「非表示」に設定する
  119.                     displayValue = "none";
  120.                 }
  121.                 
  122.                 // 引数に対象が設定されている場合
  123.                 if(target)
  124.                 {
  125.                     // 対象の表示状態を設定する
  126.                     target.css("display", displayValue);
  127.                 }
  128.                 // 引数に対象が設定されていない場合
  129.                 else
  130.                 {
  131.                     // #comments直下のdiv要素分のループ処理
  132.                     $("#comments > div").each(function()
  133.                     {
  134.                         // コメントのdiv要素からコテを取得する
  135.                         tmpHandle = getHandle($(this));
  136.                         // コテが一致する場合
  137.                         if(handle == tmpHandle)
  138.                         {
  139.                             // 一致したdiv要素の表示状態を設定する
  140.                             $(this).css("display", displayValue);
  141.                         }
  142.                     });
  143.                 }
  144.                 
  145.                 // ループ処理を終了する
  146.                 return false;
  147.             }
  148.         });
  149.     }
  150.     
  151.     // コメント確認処理
  152.     // commentOBJ:#comments直下のdiv要素群
  153.     function checkComment(commentOBJ)
  154.     {
  155.         // コテ
  156.         var handle = "";
  157.         // コテの登録有無
  158.         var handleExist = false;
  159.         
  160.         // コメントオブジェクト分のループ処理
  161.         $.each(commentOBJ, function()
  162.         {
  163.             // コメントからコテを取得する
  164.             handle = getHandle($(this));
  165.             
  166.             // コメントにコテが含まれている場合
  167.             if(handle)
  168.             {
  169.                 // コテの登録有無を無しで初期化する
  170.                 handleExist = false;
  171.                 
  172.                 // コテ選択セレクトボックス内のオプション要素分のループ処理
  173.                 $("#handleList option").each(function()
  174.                 {
  175.                     // コテ選択セレクトボックスにコテが登録済みの場合
  176.                     if($(this).text() == handle)
  177.                     {
  178.                         // コテ登録有りに設定する
  179.                         handleExist = true;
  180.                         // ループ処理を終了する
  181.                         return false;
  182.                     }
  183.                 });
  184.  
  185.                 // コテ選択セレクトボックスにコテが登録されていない場合
  186.                 if(handleExist === false)
  187.                 {
  188.                     // コテ選択セレクトボックスにコテを登録する
  189.                     $("#handleList").append($("<option>").val("visible").html(handle).css("color", "green"));
  190.                 }
  191.  
  192.                 // コテの表示状態を変更する
  193.                 changeVisible(handle, $(this));
  194.             }
  195.         });
  196.     }
  197.     
  198.     // LoadComments()を上書きするためのwindowを取得する
  199.     var root = typeof unsafeWindow == "undefined" ? window : unsafeWindow ;
  200.     
  201.     // Livetubeコメントロード関数を一部改変
  202. 	root.LoadComments = function()
  203. 	{
  204. 		var http = $.ajax(
  205. 		{
  206. 			url: comment_shard_host + "/stream/" + comment_entry_id + ".comments." + $("#comments").children().length,
  207. 			type: "GET",
  208. 			cache: false
  209. 		})
  210. 		.done(function(data, text_status, xhr)
  211. 		{
  212. 			var comment_index = $("#comments").children().length;
  213. 			var initial_load = comment_index == 0;
  214. 			var header_json = $.parseJSON(xhr.getResponseHeader("X-JSON"));
  215. 			
  216. 			if(data != null && data.length > 0 && header_json.n == comment_index)
  217. 			{
  218.                 /* 追加箇所 **********************************************/
  219.                 // コメントのデータをDOM要素に変換する
  220.                 var dataOBJ = $.parseHTML(data);
  221.                 
  222.                 // 追加されるコメントを確認する
  223.                 checkComment(dataOBJ);
  224.                 /*********************************************************/
  225.  
  226.                 /* 変更箇所 **********************************************/
  227. 				//$("#comments").append(data);
  228.                 // コメントのデータを追加する
  229. 				$("#comments").append(dataOBJ);
  230.                 /*********************************************************/
  231. 				
  232. 				if(!$("#display_all_comments_check").is(":checked"))
  233. 				{
  234. 					ProcessDisplayAllComment();
  235. 				}
  236. 				
  237. 				if(!initial_load && $("#auto_scroll_check").is(":checked"))
  238. 				{
  239. 					SmoothScroll($("#right_pane"), $("#right_pane_bottom"));
  240. 				}
  241. 				
  242.                 /* 変更箇所 **********************************************/
  243. 				//$("#comments_num").text(comment_index + $.parseHTML(data).length);
  244.                 // コメント数を更新する
  245. 				$("#comments_num").text(comment_index + dataOBJ.length);
  246.                 /*********************************************************/
  247. 				
  248. 				if(!$("#display_user_image_check").is(":checked"))
  249. 				{
  250. 					ToggleUserImage();
  251. 				}
  252. 				
  253. 				if(header_json.vi && $("#viewing"))
  254. 				{
  255. 					$("#viewing").text(header_json.vi);
  256. 				}
  257. 				
  258. 				if(header_json.v && $("#view"))
  259. 				{
  260. 					$("#view").text(header_json.v);
  261. 				}
  262. 				
  263. 				if(header_json.cc)
  264. 				{
  265. 					if(header_json.marks)
  266. 					{
  267. 						DisplayMarks(header_json.marks, header_json.cc);
  268. 						
  269. 						if(header_json.mark_thresh)
  270. 						{
  271. 							DisplayMarkThresh(header_json.mark_thresh);
  272. 						}
  273. 					}
  274. 					else
  275. 					{
  276. 						CoolComment(header_json.cc);
  277. 					}
  278. 				}
  279. 				
  280. 				if(header_json.m && $("#mirrors_num"))
  281. 				{
  282. 					$("#mirrors_num").text(header_json.m);
  283. 				}
  284. 				
  285. 				if(header_json.b && $("#bands"))
  286. 				{
  287. 					$("#bands").text(header_json.b);
  288. 				}
  289. 				
  290. 				if(header_json.r && $("#mirrors"))
  291. 				{
  292. 					RenderRoutes(header_json.r);
  293. 				}
  294. 			}
  295. 			
  296. 			LoadComments();
  297. 		})
  298. 		.fail(function(xhr, text_status, error)
  299. 		{
  300. 			setTimeout(LoadComments, 4000);
  301. 		});
  302.     };
  303.     
  304.     // 改変前のコメントロード関数で読み込んだコメントを確認する
  305.     // 以降のコメントは改変後のコメントロード関数で確認される
  306.     checkComment($("#comments").children());
  307. })();