// ==UserScript==
// @name         抖音弹幕关键词屏蔽
// @namespace    抖音弹幕关键词屏蔽
// @version      1.3
// @description  去除抖音不想看的弹幕
// @author       食翔狂魔
// @match        *live.douyin.com/*
// @grant        none
// @require      https://lib.baomitu.com/jquery/1.12.4/jquery.min.js
// @license MIT
// @downloadURL none
// ==/UserScript==
 
(function() {
  //'use strict';
  top.delDm = function(){
    let keyword = top.localStorage.getItem("keyword");
    if(!keyword){
      return;
    }
    let restr = new RegExp(`(${JSON.parse(keyword).join('|')})`,"g"); 
    let c = document.querySelectorAll(".xgplayer-danmu div")
    for(let i=0;i<c.length;i++){
      let d = c[i];
      if(restr.test(d.innerText)){
        console.log("检测到屏蔽词，已删除：" + d.innerText+ "！");
        c[i].remove();
      }
    }
  }
  top.startDealDm = function(){
    top.ivlId = setInterval(()=>{
      top.delDm();
    },1000)
  }
  top.startDealDm();
  //window.onload = function(){
    var $div = $(`
      <div id="bigbox" style="z-index:10022;position:fixed;top:100px;right:20px;padding:10px;background:aliceblue">
        <div class="">
          <div class="jsname">
            <span>抖音弹幕关键词屏蔽1.3</span>
          </div>
          <div class="jsname" style="font-size: 10px;">
            <span>按下Ctrl+B控制此浮窗显隐</span>
          </div>
          <div style="margin-top:10px;">
            请输入要屏蔽的词(多个用英文逗号隔开)：
          </div>
          <div style="margin-top: 5px;">
            <textarea id="dmNr" placeholder="请输入屏蔽词" />
          </div>
          <div class="jsdiv" id="jsdiv1" style="padding:5px;text-align:center;">
            <span class="sure" id="sure">确定</span>
          </div>
          
          <div class="box">
            <div style="padding:0px;background: aquamarine;width:fit-content;">
              <span>有问题请联系食翔狂魔反馈</span>
            </div>
          </div>
        </div>
      </div>
    `);
  
    var $style = `
      <style type="text/css">
      .jsdiv:{
        background: aqua;
        display:flex;
        justify-content: center;
        align-items: center;
        margin-top:10px;
      }
      .box{
        display:flex;
        justify-content: center;
        align-items: center;
        width:100%;
        margin-top:10px;
      }
      .sure{
        color: #fff;
        background-color: #2d8cf0;
        border-color: #2d8cf0;
        padding: 4px 8px;
        font-size: 12px;
        margin-top:10px;
      }
      .sure:hover {
        color: #fff;
        background-color: #57a3f3;
        border-color: #57a3f3;
        cursor: pointer;
      }
      #dmNr{
        width:100%;
      }
      .jsname{
        text-align:center;
        width:100%;
        color:red;
        font-weight:bold;
      }
      </style>
    `
    
    
    $('body').append($div);
    $('head').append($style);
    console.log("注入元素和样式！");
    let keyword = top.localStorage.getItem("keyword");
    let isshowdy = top.localStorage.getItem("isshowdy");
    if(isshowdy == "show" || isshowdy == null){
      $("#bigbox").css("display","block");
    }else{
      $("#bigbox").css("display","none");
    }
    if(keyword){
      let arr = JSON.parse(keyword);
      $("#dmNr").val(arr.join(","));
    }
    $("#sure").click(function(){
      let val = $("#dmNr").val();
      if(val){
        top.localStorage.setItem("keyword",JSON.stringify(val.split(",")));
      }
      console.log(top.localStorage.getItem("keyword"));
    })
    document.addEventListener('keydown', function(event) {
      if (event.ctrlKey && (event.key === 'b' || event.code === 'KeyB')) {
        if($("#bigbox").css("display") == "none"){
          $("#bigbox").css("display","block");
          top.localStorage.setItem("isshowdy","show");
        }else{
          $("#bigbox").css("display","none");
          top.localStorage.setItem("isshowdy","none");
        }
      }
    });
  //}
 
})();