block and highlight youtube video/comment by keyword、channel
当前为
// ==UserScript== // @name Youtube-filter(channel、comment、video) // @namespace smallsupo // @version 2.5 // @description block and highlight youtube video/comment by keyword、channel // @description:zh-TW 屏蔽/高亮 youtube影片/留評 (依頻道、關鍵字) // @author smallsupo ([email protected]) // @match https://www.youtube.com/* // @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com // @grant none // @noframes // @license Copyright smallsupo // ==/UserScript== let languages=[ {language:"en",restore:'restore',backup:'backup',setting:'setting',show:'show',hide:'hide',copytoclipboard:'copy text',membersonly:"Members only", block:'block',channel:'channel',video:'video',keyword:'keyword',comment:'comment',dot:'popup menu dot', user:'user',highlight:'highlight',color:'color',curvature:'curvature',border:'border',needrefresh:'(page refresh needed)', regex:'regex',posttime:'post time',regex_post_time:'minute ,hour,^1\sday',noselecttextpup:'no use popup (select keyword)'}, {language:"zh",restore:'還原',backup:'備份',setting:'設定',show:'顯示',hide:'隱藏',copytoclipboard:'複製文字',membersonly:"頻道會員專屬", block:'屏蔽',channel:'頻道',video:'影片',keyword:'關鍵字',comment:'留言',dot:'選單點',needrefresh:'(頁面刷新生效)', user:'用戶',highlight:'高亮',color:'顏色',curvature:'弧度',border:'邊框', regex:'正規表示式',posttime:'發佈時間',regex_post_time:'分鐘,小時,^1\s天',noselecttextpup:'不使用浮窗(選取文字)'}, ]; let autoDectectSystemLanguage=true;//set true to auto detect system language or set false to assign specify language below let language="en"; let currentlanguageindex=0; //---add language by yourself ------------------------------------------------- const BLOCK_CHANNEL=0;const BLOCK_VIDEO_KEYWORD=1;const BLOCK_VIDEO=2;const BLOCK_COMMENT_USER=3;const BLOCK_COMMENT_KEYWORD=4; const HIGHLIGHT_CHANNEL=5;const HIGHLIGHT_VIDEO_KEYWORD=6;const HIGHLIGHT_VIDEO=7;const HIGHLIGHT_COMMENT_USER=8; let narrowwidth=150; let block="block";let highlight="highlight";let setting="setting";let show='show';let hide='hide'; let needrefresh="(page refresh needed)"; let parametersArray=[ {title:"channel",value:[],uiwidth:200,filter:"true",storageid:"small_array0"}, {title:"video keyword",value:[],uiwidth:narrowwidth-40,filter:"true",storageid:"small_array1"}, {title:"video",value:[],uiwidth:narrowwidth-50,filter:"true",storageid:"small_array2"}, {title:"comment user",value:[],uiwidth:200,filter:"true",storageid:"small_array3"}, {title:"comment keyword",value:[],uiwidth:narrowwidth,filter:"true",storageid:"small_array4"}, {title:"channel",value:[],uiwidth:200,filter:"true",storageid:"small_array5"}, {title:"video keyword",value:[],uiwidth:narrowwidth-40,filter:"true",storageid:"small_array6"}, {title:"video",value:[],uiwidth:narrowwidth-50,filter:"true",storageid:"small_array7"}, {title:"comment user",value:[],uiwidth:200,filter:"true",storageid:"small_array8"}, ]; const HIGHLIGHT_CHANNEL_BACKGROUND=0;const HIGHLIGHT_VIDEO_KEYWORD_ARC=1;const HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND=2; const HIGHLIGHT_VIDEO_BACKGROUND=3;const HIGHLIGHT_COMMENT_USER_BACKGROUND=4;const HIGHTLIGHT_POSTTIME_BAKGROUND=5; const HIGHTLIGHT_POSTTIME_REGX=6;const HIGHTLIGHT_POSTTIME_TRUE=7;const HIDE_COMMENT=8;const DOT_COLOR=9;const DOT_COLOR_LEAVE=10; const BLOCK_MEMBERSONLY=11;const NOUSELECTTEXTPOPUP=12; let parametersSingle=[ {title:"highlight channel color",type:"color",value:'#ffffe6',storageid:"small_single0"}, //highlight keyword border: {title:"curvature",type:"string",value:'12',valuer:'px',storageid:"small_single1"}, {title:"color",type:"color",value:'#ff0000',valuep:'4px solid ',storageid:"small_single2"}, {title:"highlight video color",type:"color",value:'#e6fffd',storageid:"small_single3"}, {title:"hightlight comment user color",type:"color",value:'#ffffe6',storageid:"small_single4"}, //highlight post time {title:"color",type:"color",value:'#ffd2dc',storageid:"small_single5"}, {title:"regex",type:"string",value:'minute,hour,^1\sday',storageid:"small_single6"}, {title:"highlight post time",type:"boolean",value:'true',storageid:"small_single7"}, {title:"hide comment",type:"boolean",value:'false',storageid:"small_single8"}, {title:"dotcolor",type:"color",value:'#aaaaaa',storageid:"small_single9"}, {title:"dotcolorleave",type:"color",value:'#eeeeee',storageid:"small_single10"}, {title:"block 'Members only'",type:"boolean",value:'false',storageid:"small_single11"}, {title:"no use popup(select keyword)",type:"boolean",value:'false',storageid:"small_single12"}, ]; //---------------------------------------------------------------------------- let title_restorefile="restore";let title_savefile="backup"; function setSVGIcon(targetElement, svgString) { const parser = new DOMParser(); const svgDoc = parser.parseFromString(svgString, 'image/svg+xml'); const svgElement = svgDoc.documentElement; targetElement.replaceChildren(svgElement); } class ParametersAgent{ container;uniqueid; filename="parameters.txt"; fontsize="14px"; parametersUiHieght="200"; splitmark=","; static checkid="_checked"; static currentSelect=BLOCK_CHANNEL; constructor(container,filename,fontsize=this.fontsize){ this.container=container; this.filename=filename; this.fontsize=fontsize; } static LT=0;static LB=1;static RT=2;static RB=3; //parameters ui position setPositionxy(mode){ let edgex="left";let edgey="top"; let edgegapx="2px",edgegapy="2px"; if(mode==ParametersAgent.LT){edgex="left";edgey="top";} else if(mode==ParametersAgent.LB){edgex="left";edgey="bottom";edgegapy="20px";} else if(mode==ParametersAgent.RT){edgex="right";edgey="top";} else if(mode==ParametersAgent.RB){edgex="right";edgey="bottom";edgegapy="20px";} let xy=`${edgex}:${edgegapx};${edgey}:${edgegapy};`; return xy; } setPanel_Parameters(positionmode,dofunc_whenopen,dofunc_whenclose,lines=2){ //let table=this.generateParametersArrayUI(lines); let table=this.generateParametersArrayUI_tabpane(); this.createParametersControlPanel(positionmode,table,dofunc_whenopen,dofunc_whenclose); } static setTAshow(index){ ParametersAgent.currentSelect=index; let backgroundcolor="#cce6ff"; if(index==this.SETTING){ let p=document.getElementById("smallsuposettings"); let b=document.getElementById("smallbuttonsetting"); if(p!=null&&b!=null){ p.style.display="block";b.style.background = backgroundcolor; for(let i=0;i<parametersArray.length;i++){ let p= parametersArray[i]; let ta=document.getElementById(p.storageid); let button=document.getElementById("smallbutton"+p.storageid); ta.style.display="none"; button.style.background = null; } } }else{ for(let i=0;i<parametersArray.length;i++){ let p= parametersArray[i]; let ta=document.getElementById(p.storageid); STD.cursor_scrollToBottom(ta); let button=document.getElementById("smallbutton"+p.storageid); if(i==index){ ta.style.display="block"; STD.cursor_scrollToBottom(ta); button.style.background = backgroundcolor; }else{ ta.style.display="none"; button.style.background = null; } } let p=document.getElementById("smallsuposettings");let b=document.getElementById("smallbuttonsetting"); if(p!=null&&b!=null){ p.style.display="none";b.style.background = null;} } } createParametersControlPanel(positionmode,mainpanel,dofunc_whenopen,dofunc_whenclose){ const zindex=99999999999;const position="fixed"; const others="";//"transform: translate(0%, -100%);"; const ui_border_color="#888888"; //const id_uniq="youtubeP"; const bgcolor="rgb(241, 242, 243)";const fcolor="black"; const id_button="smallsupo_id_parametersControlPanel_button_"+this.uniqueid; const id_divpanel="smallsupo_id_parametersControlPanel_divpanel_"+this.uniqueid; const button_width="32px"; const button_opacity="0.2"; const ICON_SETTING='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M13 2 L13 6 11 7 8 4 4 8 7 11 6 13 2 13 2 19 6 19 7 21 4 24 8 28 11 25 13 26 13 30 19 30 19 26 21 25 24 28 28 24 25 21 26 19 30 19 30 13 26 13 25 11 28 8 24 4 21 7 19 6 19 2 Z" /><circle cx="16" cy="16" r="4" /></svg>'; const ICON_REFRESH='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 26 24"><path d="M13.5 2c-5.629 0-10.212 4.436-10.475 10h-3.025l4.537 5.917 4.463-5.917h-2.975c.26-3.902 3.508-7 7.475-7 4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5c-2.381 0-4.502-1.119-5.876-2.854l-1.847 2.449c1.919 2.088 4.664 3.405 7.723 3.405 5.798 0 10.5-4.702 10.5-10.5s-4.702-10.5-10.5-10.5z" fill="white" stroke="black" stroke-width="1"/></svg>' const button_openicon=ICON_REFRESH; let button_closeicon=ICON_SETTING; const button_fontsize="small"; let SETTING=-1; let div=document.createElement("div");div.setAttribute("style","position:"+position+";z-Index:"+zindex+";"+this.setPositionxy(positionmode)); let table=document.createElement("table");table.setAttribute("style","border:0px;"); //---button-------------- let tr0=document.createElement("tr"); let td0=document.createElement("td");td0.setAttribute("style","vertical-align: top;"); let button=document.createElement("div");button.setAttribute("id",id_button); button.setAttribute("style","text-align: center;cursor: pointer;width:"+button_width+";height:"+button_width+";background-color:"+bgcolor+";color:"+fcolor+";font-size: "+button_fontsize+";"); setSVGIcon(button,button_closeicon); button.onmouseover= (e) => { let b=document.getElementById(id_button);let p=document.getElementById(id_divpanel); if(p.style.display=="none"){b.style.opacity=1;} }; button.onmouseleave=(e) => { let b=document.getElementById(id_button);let p=document.getElementById(id_divpanel); if(p.style.display=="none"){b.style.opacity=button_opacity;} }; button.onclick = ()=> { let b=document.getElementById(id_button);let p=document.getElementById(id_divpanel); if(p.style.display=="none"){ setSVGIcon(b,button_openicon); b.style.opacity=1;button.style.border ="1px solid "+ui_border_color+";"; p.style.display="block"; this.openParametersUI(dofunc_whenopen); }else{ setSVGIcon(b,button_closeicon); button.style.border ="none";p.style.display ="none"; this.closeParametersUI(dofunc_whenclose); } }; td0.appendChild(button);tr0.appendChild(td0); //----- let tr1=document.createElement("tr");let td1=document.createElement("td");td1.setAttribute("style","vertical-align: center;"); let divpanel=document.createElement("div");divpanel.setAttribute("id",id_divpanel); divpanel.setAttribute("style","background-color:"+bgcolor+";color:"+fcolor+";display:none;"); //-----main panel ui code here divpanel.appendChild(mainpanel); td1.appendChild(divpanel);tr1.appendChild(td1); //----- if(positionmode==ParametersAgent.LT||positionmode==ParametersAgent.RT){table.appendChild(tr0);table.appendChild(tr1);} else if(positionmode==ParametersAgent.LB||positionmode==ParametersAgent.RB){table.appendChild(tr1);table.appendChild(tr0);} div.appendChild(table);this.container.appendChild(div); //default hidden divpanel.style.display="none"; setTimeout(()=>{ if(document.getElementById(id_divpanel).style.display=="none")document.getElementById(id_button).style.opacity=button_opacity; },5000); } static setFilerValue(id,filter){ for(let i=0;i<parametersArray.length;i++){ if(parametersArray[i].storageid==id){ parametersArray[i].filter=filter; ParametersAgent.saveLocalStorage1(parametersArray[i].storageid+ParametersAgent.checkid,parametersArray[i].filter); } } //console.log(id,filter); for(let i=0;i<parametersSingle.length;i++){ if(parametersSingle[i].storageid==id){ parametersSingle[i].value==filter; ParametersAgent.saveLocalStorage1(parametersSingle[i].storageid,filter); } } } generateSettingPanel(){ let widthpx="100%;"; let table=document.createElement("table");table.setAttribute("id","smallsuposettings");table.setAttribute("style","display:'none';"); let tr=document.createElement("tr"); let td=document.createElement("td");td.setAttribute("style","width:"+widthpx+"vertical-align: top;font-size:"+this.fontsize+";"); //let td=document.createElement("td");td.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); td=this.generateParametersSingleUI(td);tr.appendChild(td);table.appendChild(tr); tr=document.createElement("tr"); td=document.createElement("td");td.setAttribute("style","width:"+widthpx+"vertical-align: center;font-size:"+this.fontsize+";"); td.innerText=" ";tr.appendChild(td);table.appendChild(tr); tr=document.createElement("tr"); td=document.createElement("td");td.setAttribute("style","width:"+widthpx+"vertical-align: top;font-size:"+this.fontsize+";"); let d=document.createElement("span"); this.loadLocalFile(d,title_restorefile,"font-size:"+this.fontsize+";",this.doAfterLoadFile.bind(this)); this.saveLocalFile(d,title_savefile,this.filename,"text","font-size:"+this.fontsize+";",this.doBeforeSaveFile.bind(this)); td.appendChild(d);tr.appendChild(td);table.appendChild(tr); return table; } generateParametersArrayUI_tabpane(){ let table=document.createElement("table"); table.style.border="1px solid #888888;";table.style.boxShadow = "10px 20px 30px gray"; let trtop=document.createElement("tr"); let tdtop=document.createElement("td");tdtop.setAttribute("colspan",3);tdtop.setAttribute("style","text-align:center;"); const h2 = document.createElement("h2");h2.textContent = "Youtube-filter by [email protected] 🐱"; tdtop.replaceChildren(h2); trtop.appendChild(tdtop);table.appendChild(trtop); let tr=document.createElement("tr"); let tdleft=document.createElement("td");tdleft.setAttribute("style", "width:200px;vertical-align: top;font-size:"+this.fontsize+";"); let menutable=document.createElement("table"); for(let i=0;i<parametersArray.length;i++){ if(i==0||i==5){ let type=block;if(i==5)type=highlight; if(i==5){ let tr=document.createElement("tr"); let td=document.createElement("td");td.setAttribute("style","visibility: hidden;");td.innerText=" ";tr.appendChild(td); td=document.createElement("td"); tr.appendChild(td); menutable.appendChild(tr); } let tr=document.createElement("tr"); let td=document.createElement("td");td.setAttribute("colspan",2); td.setAttribute("style","color: red;font-weight: bold;width:200px;vertical-align: top;text-align:left;font-size:"+this.fontsize+";"); td.innerText=type; tr.appendChild(td);menutable.appendChild(tr); } let menutr=document.createElement("tr"); let p=parametersArray[i]; let td=document.createElement("td");td.setAttribute("style", "vertical-align: top;font-size:"+this.fontsize+";"); //let dtable=document.createElement("table"); let dtdc=document.createElement("td"); let dtdtitle=document.createElement("td"); let c=document.createElement("input");c.setAttribute("id",p.storageid+ParametersAgent.checkid);c.setAttribute("type", "checkbox"); let title=document.createElement("button");title.setAttribute("id","smallbutton"+p.storageid); title.setAttribute("style","width:180px;cursor: pointer;");title.innerText=p.title; p.filter=this.loadLocalStorage(p.storageid+ParametersAgent.checkid,p.filter); if(p.filter=="true"){c.checked=true;}else{c.checked=false;} c.onclick = function () {if(!c.checked){ ParametersAgent.setFilerValue(p.storageid,"false");}else {ParametersAgent.setFilerValue(p.storageid,"true");} filter("from checkbox"); }; title.onclick = function (){ ParametersAgent.setTAshow(i); }; dtdc.appendChild(c);dtdtitle.appendChild(title);menutr.appendChild(dtdc);menutr.appendChild(dtdtitle); menutable.appendChild(menutr); } //---------------------------------------------- let menutr=document.createElement("tr"); let td=document.createElement("td");td.setAttribute("style","visibility: hidden;");td.innerText=" ";menutr.appendChild(td); td=document.createElement("td"); menutr.appendChild(td); menutable.appendChild(menutr); menutr=document.createElement("tr"); td=document.createElement("td");menutr.appendChild(td); td=document.createElement("td"); let settingbutton=document.createElement("button");settingbutton.setAttribute("style","width:180px;cursor: pointer;"); settingbutton.innerText=setting;settingbutton.setAttribute("id","smallbuttonsetting"); settingbutton.onclick = function (){ParametersAgent.setTAshow(this.SETTING);}; td.appendChild(settingbutton);menutr.appendChild(td); menutable.appendChild(menutr); tdleft.appendChild(menutable); //---------------------------------------------- let tdcenter=document.createElement("td");tdcenter.setAttribute("style","width:360px;vertical-align: top;font-size:"+this.fontsize+";"); for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; let ta=document.createElement("textarea") ta.setAttribute("id",p.storageid);ta.setAttribute("rows",20); ta.setAttribute("style","display:'none';width:98%;height:100%;white-space:pre;overflow:scroll;resize: general;font-size:"+this.fontsize+";"); tdcenter.appendChild(ta); } tdcenter.appendChild(this.generateSettingPanel()); //let tdright=document.createElement("td");tdright.setAttribute("style","width:200px;vertical-align: top;font-size:"+this.fontsize+";"); tr.appendChild(tdleft);tr.appendChild(tdcenter);//tr.appendChild(this.generateParametersSingleUI(tdright)); table.appendChild(tr); tr=document.createElement("tr"); //let td=document.createElement("td");td.setAttribute("style","vertical-align: center;font-size:"+this.fontsize+";");td.setAttribute("colspan",2); //this.loadLocalFile(td,title_restorefile,"font-size:"+this.fontsize+";",this.doAfterLoadFile.bind(this));tr.appendChild(td); //this.saveLocalFile(td,title_savefile,this.filename,"text","font-size:"+this.fontsize+";",this.doBeforeSaveFile.bind(this));tr.appendChild(td); td=document.createElement("td");td.setAttribute("style","text-align: right;");td.setAttribute("colspan",2);this.generateQuestionLink(td);tr.appendChild(td); table.appendChild(tr); return table; //-------------------- } generateParametersArrayUI(lines){ let table=document.createElement("table"); table.style.border="1px solid #888888;";table.style.boxShadow = "10px 20px 30px gray"; let startindex=0; let onelinecount=Math.ceil(parametersArray.length/lines); for(let j=0;j<lines;j++){ let tr=document.createElement("tr"); for(let i=0;i<onelinecount;i++){ //console.log("index:"+(startindex+i)); if((startindex+i)<parametersArray.length){ let p=parametersArray[startindex+i]; let w=p.uiwidth; let td=document.createElement("td");td.setAttribute("style","width:"+w+"px;word-wrap: break-word;vertical-align: bottom;font-size:"+ this.fontsize+";"); let d=document.createElement("div");d.innerText=p.title;//+'('+p.value.length+')'; let c=document.createElement("input");c.setAttribute("id",p.storageid+ParametersAgent.checkid);c.setAttribute("type", "checkbox"); p.filter=this.loadLocalStorage(p.storageid+ParametersAgent.checkid,p.filter); if(p.filter=="true"){c.checked=true;}else{c.checked=false;} c.onclick = function () {if(!c.checked){ ParametersAgent.setFilerValue(p.storageid,"false");}else {ParametersAgent.setFilerValue(p.storageid,"true");} filter("from checkbox"); }; d.appendChild(c);td.appendChild(d); tr.appendChild(td); } } if(j==0){ let td=document.createElement("td");td.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); td.setAttribute("rowspan",lines*2); tr.appendChild(this.generateParametersSingleUI(td)); } table.appendChild(tr); tr=document.createElement("tr"); for(let i=0;i<onelinecount;i++){ if((startindex+i)<parametersArray.length){ let p=parametersArray[startindex+i]; if(Array.isArray(p.value)){ let td=document.createElement("td");td.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); let w=p.uiwidth; let h=this.parametersUiHieght; let ta=document.createElement("textarea") ta.setAttribute("id",p.storageid); ta.setAttribute("style","width:"+w+"px;height:"+h+"px;white-space:pre;overflow:scroll;resize: general;font-size:"+this.fontsize+";"); td.appendChild(ta);tr.appendChild(td); } } } table.appendChild(tr); startindex+=onelinecount; } //------- let tr=document.createElement("tr"); let td=document.createElement("td");td.setAttribute("style","vertical-align: center;font-size:"+this.fontsize+";");td.setAttribute("colspan",onelinecount); this.loadLocalFile(td,title_restorefile,"font-size:"+this.fontsize+";",this.doAfterLoadFile.bind(this));tr.appendChild(td); //td=document.createElement("td");td.setAttribute("style","vertical-align: center;text-align:right;font-size:"+this.fontsize+";"); this.saveLocalFile(td,title_savefile,this.filename,"text","font-size:"+this.fontsize+";",this.doBeforeSaveFile.bind(this));tr.appendChild(td); td=document.createElement("td");td.setAttribute("style","text-align: right;");this.generateQuestionLink(td);tr.appendChild(td); table.appendChild(tr); return table; } generateParametersSingleUI(container){ let bodersytle="border-style: ridge;border-width: 2px;margin:2px"; let colorwidth="70px"; let p=parametersSingle[HIGHLIGHT_CHANNEL_BACKGROUND]; let div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); // 創建標籤 (highlight channel) let line=document.createElement("div"); let label = document.createElement("b");label.textContent = languages[currentlanguageindex].highlight + " " + languages[currentlanguageindex].channel + ":"; line.appendChild(label); let textNode = document.createTextNode(languages[currentlanguageindex].color); line.appendChild(textNode); let textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width = colorwidth; line.appendChild(textInput); let colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); container.appendChild(div); //highlihgt channer border div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); let b = document.createElement("b"); b.textContent = languages[currentlanguageindex].highlight+' '+languages[currentlanguageindex].channel+' '+languages[currentlanguageindex].border+':'; line.appendChild(b); div.appendChild(line); p=parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC]; line=document.createElement("div"); textNode = document.createTextNode(p.title); line.appendChild(textNode); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width ="40px"; line.appendChild(textInput); p=parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND]; textNode = document.createTextNode(p.title); line.appendChild(textNode); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); container.appendChild(div); //highlight video p=parametersSingle[HIGHLIGHT_VIDEO_BACKGROUND]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); b = document.createElement("b"); b.textContent = languages[currentlanguageindex].highlight+' '+languages[currentlanguageindex].video+':'; line.appendChild(b); textNode = document.createTextNode(languages[currentlanguageindex].color); line.appendChild(textNode); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); container.appendChild(div); //highlight comment p=parametersSingle[HIGHLIGHT_COMMENT_USER_BACKGROUND]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); b = document.createElement("b"); b.textContent = languages[currentlanguageindex].highlight+' '+languages[currentlanguageindex].comment+' '+languages[currentlanguageindex].user+':'; line.appendChild(b); textNode = document.createTextNode(languages[currentlanguageindex].color); line.appendChild(textNode); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); container.appendChild(div); //highlight post time div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); b = document.createElement("b"); b.textContent = languages[currentlanguageindex].highlight+' '+languages[currentlanguageindex].posttime+':'; line.appendChild(b); p=parametersSingle[HIGHTLIGHT_POSTTIME_TRUE]; let c = document.createElement("input");c.type = "checkbox";c.id = p.storageid; if((""+p.value).localeCompare("true")==0){c.checked=true;}else{c.checked=false;} c.onclick = function () { if(c.checked==false){ p.value="false";//ParametersAgent.setFilerValue(p.storageid,"false"); }else {p.value="true";//ParametersAgent.setFilerValue(p.storageid,"true"); } filter("from checkbox post time"); }; line.appendChild(c); div.appendChild(line); line=document.createElement("div"); textNode = document.createTextNode(languages[currentlanguageindex].color); line.appendChild(textNode); p=parametersSingle[HIGHTLIGHT_POSTTIME_BAKGROUND]; textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); p=parametersSingle[HIGHTLIGHT_POSTTIME_REGX]; line=document.createElement("div"); textNode = document.createTextNode(languages[currentlanguageindex].regex); line.appendChild(textNode); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width ="98%"; line.appendChild(textInput); div.appendChild(line); container.appendChild(div); //popupmenu color p=parametersSingle[DOT_COLOR]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); b = document.createElement("b"); b.textContent = languages[currentlanguageindex].dot+':'; line.appendChild(b); textNode = document.createTextNode(languages[currentlanguageindex].color); line.appendChild(textNode); div.appendChild(line); line=document.createElement("div"); textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); p=parametersSingle[DOT_COLOR_LEAVE]; textInput = document.createElement("input");textInput.type = "text";textInput.id = p.storageid;textInput.style.width =colorwidth; line.appendChild(textInput); colorPicker = document.createElement("input");colorPicker.type = "color";colorPicker.value = p.value;colorPicker.id = "color-picker" + p.storageid; line.appendChild(colorPicker); div.appendChild(line); line=document.createElement("div"); textNode = document.createTextNode(needrefresh); line.appendChild(textNode); div.appendChild(line); container.appendChild(div); //Members only p=parametersSingle[BLOCK_MEMBERSONLY]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-weight: bold;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); //textNode = document.createTextNode(p.title); b = document.createElement("b"); b.textContent = p.title; line.appendChild(b); //line.appendChild(textNode); c = document.createElement("input");c.type = "checkbox";c.id = p.storageid; if((""+p.value).localeCompare("true")==0){c.checked=true;}else{c.checked=false;} c.onclick = function () { if(c.checked==false){ p.value="false";//ParametersAgent.setFilerValue(p.storageid,"false"); }else {p.value="true";//ParametersAgent.setFilerValue(p.storageid,"true"); } filter("from checkbox members only"); }; line.appendChild(c); div.appendChild(line); container.appendChild(div); //no use popup(select keyword) p=parametersSingle[NOUSELECTTEXTPOPUP]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-weight: bold;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); //textNode = document.createTextNode(p.title); b = document.createElement("b"); b.textContent = p.title; line.appendChild(b); //line.appendChild(textNode); c = document.createElement("input");c.type = "checkbox";c.id = p.storageid; if((""+p.value).localeCompare("true")==0){c.checked=true;}else{c.checked=false;} c.onclick = function () { if(c.checked==false){ p.value="false";//ParametersAgent.setFilerValue(p.storageid,"false"); }else {p.value="true";//ParametersAgent.setFilerValue(p.storageid,"true"); } filter("from checkbox no use popup(select keyword)"); }; line.appendChild(c); div.appendChild(line); line=document.createElement("div");line.setAttribute("style","font-weight: normal;"); textNode = document.createTextNode(needrefresh); line.appendChild(textNode); div.appendChild(line); container.appendChild(div); //hide comment p=parametersSingle[HIDE_COMMENT]; div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-weight: bold;font-size:"+this.fontsize+";"+bodersytle); line=document.createElement("div"); //textNode = document.createTextNode(p.title); b = document.createElement("b"); b.textContent = p.title; line.appendChild(b); //line.appendChild(textNode); c = document.createElement("input");c.type = "checkbox";c.id = p.storageid; if((""+p.value).localeCompare("true")==0){c.checked=true;}else{c.checked=false;} c.onclick = function () { if(c.checked==false){ p.value="false";//ParametersAgent.setFilerValue(p.storageid,"false"); }else {p.value="true";//ParametersAgent.setFilerValue(p.storageid,"true"); } filter("from checkbox hide comment"); }; line.appendChild(c); div.appendChild(line); container.appendChild(div); return container; } // generateParametersSingleUIXXXX(container){ // let innerhtml=""; // for(let i=0;i<parametersSingle.length;i++){ // let p=parametersSingle[i]; // if(p.type.localeCompare("boolean")==0){ // let div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); // let c=document.createElement("input");c.setAttribute("id",p.storageid);c.setAttribute("type", "checkbox"); // if((""+p.value).localeCompare("true")==0){c.checked=true;}else{c.checked=false;} // c.onclick = function () {if(!c.checked){ // p.value="false";}else {p.value="true";} // filter("from checkbox"); // }; // div.innerText=p.title; // div.appendChild(c); // container.appendChild(div); // }else if(p.type.localeCompare("color")==0){ // let div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); // innerhtml='<div>'+p.title+':</div><div><input type="text" id="'+p.storageid+'" style="width:150px;">'; // innerhtml+='<input type="color" value="'+p.value+'" id="color-picker'+p.storageid+'"/></div>'; // div.innerHTML=innerhtml; // container.appendChild(div); // // }else{ // let div=document.createElement("div");div.setAttribute("style","vertical-align: top;font-size:"+this.fontsize+";"); // innerhtml='<div>'+p.title+':</div><div><input type="text" id="'+p.storageid+'" style="width:96%;"></div>'; // div.innerHTML=innerhtml; // container.appendChild(div); // } // } // return container; // } generateQuestionLink(container){ let icon='<svg width="30" height="30" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="none" /><text x="50%" y="50%" font-size="50" text-anchor="middle" fill="black" dy=".3em">?</text></svg>'; let div=document.createElement("div");div.setAttribute("style","align:right;vertical-align: bottom;font-size:"+this.fontsize+";cursor: pointer;"); div.onclick = function () { window.location.href = "https://greasyfork.org/scripts/500798"; }; //div.innerHTML=icon; setSVGIcon(div,icon); container.appendChild(div); } saveLocalFile(element,uistring,filename,filetype,style,doBeforeSave){ const date = new Date().toISOString().split('T')[0] filename=filename+"-"+date+".txt"; let div=document.createElement("span"); //let l=document.createElement("label");l.innerText=uistring+": "; let b=document.createElement("button");b.setAttribute("style","margin:2px;border: 1px solid #888888;cursor: pointer;"+style); b.innerText=uistring; STD.setMouseEnterLeaveBgColor(b,'#e5e5e5','#f0f0f0'); b.onclick = function () { let s=""; s=doBeforeSave(); ParametersAgent.download(s, filename, filetype); }; //div.appendChild(l); div.appendChild(b); element.appendChild(div); } static download(data, filename, type) { var file = new Blob([data], {type: type}); if (window.navigator.msSaveOrOpenBlob){ window.navigator.msSaveOrOpenBlob(file, filename); }else { var a = document.createElement("a"), url = URL.createObjectURL(file); a.href = url; a.download = filename; document.body.appendChild(a); console.log(a); a.click(); setTimeout(function() { document.body.removeChild(a); window.URL.revokeObjectURL(url); }, 0); } } loadLocalFile(element, uistring, style, doAfterLoad) { // 建立隱藏的 input let input = document.createElement("input"); input.setAttribute("type", "file"); input.style.display = "none"; // 建立自訂按鈕（label 元素） let button = document.createElement("button"); //button.innerHTML = uistring; button.innerText=uistring; button.htmlFor = "jsonFileInput_" + Math.random().toString(36).substring(2); // 避免 ID 重複 input.id = button.htmlFor; // 設定自訂樣式 button.setAttribute("style","margin:2px;border: 1px solid #888888;cursor: pointer;"+style); STD.setMouseEnterLeaveBgColor(button,'#e5e5e5','#f0f0f0'); button.addEventListener("click", () => input.click()); // 處理選檔 input.addEventListener('change', function () { if (this.files.length === 0) return; let fr = new FileReader(); fr.onload = function () { doAfterLoad(fr.result); }; fr.readAsText(this.files[0]); }); // 加入到指定容器 element.appendChild(button); element.appendChild(input); } loadLocalFile1(element,uistring,style,doAfterLoad){ let b=document.createElement("label");b.setAttribute("style",style);b.innerText=uistring+": ";element.appendChild(b); b=document.createElement("input");b.setAttribute("style",style);b.setAttribute("type", "file"); b.addEventListener('change', function () { let fr = new FileReader(); fr.onload = function () { doAfterLoad(fr.result); } fr.readAsText(this.files[0]); }); element.appendChild(b); } doAfterLoadFile(s){ let lines=s.split("\n"); for(let i=0;i<lines.length;i++){ if(lines[i].indexOf!=-1){ let storageid=lines[i].substring(0,lines[i].indexOf(":")); let value=lines[i].substring(lines[i].indexOf(":")+1,lines[i].length); for(let j=0;j<parametersArray.length;j++){ let p=parametersArray[j]; if(p.storageid==storageid)p.value=JSON.parse(value); } for(let j=0;j<parametersSingle.length;j++){ let p=parametersSingle[j]; if(p.storageid==storageid)p.value=JSON.parse(value); } } } this.parametersToUi(); this.save_parameters_toStorage(); } doBeforeSaveFile(){ this.uiToParameters(); let s=""; for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; s+=p.storageid+":"+JSON.stringify(p.value)+"\n"; } for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; s+=p.storageid+":"+JSON.stringify(p.value)+"\n"; } return s; } setColorPickerEvent(){ for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; if(p.type.localeCompare("color")==0){ let colorPicker = document.getElementById("color-picker"+p.storageid); let colortext = document.getElementById(p.storageid); if(colorPicker!=null&&colortext!=null){ colorPicker.value=p.value; colorPicker.addEventListener("input", (event)=>{ p.value=event.target.value; colortext.value=p.value;}, false); colorPicker.addEventListener("change",(event)=>{ p.value=event.target.value;colortext.value=p.value; filterDelay(3000);}, false); } } } } openParametersUI(dofunc_whenopen){ ParametersAgent.setTAshow(ParametersAgent.currentSelect); this.setColorPickerEvent(); dofunc_whenopen(); this.load_parameters_fromStorage(); this.parametersToUi(); } closeParametersUI(dofunc_whenclose){ this.uiToParameters(); this.save_parameters_toStorage(); dofunc_whenclose("from parameter ui button closed"); } load_parameters_fromStorage(){ for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; p.value=JSON.parse(this.loadLocalStorage(p.storageid,JSON.stringify(p.value))); } for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; p.value=JSON.parse(this.loadLocalStorage(p.storageid,JSON.stringify(p.value))); } } save_parameters_toStorage(){ for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; this.saveLocalStorage(p.storageid,JSON.stringify(p.value)); } for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; this.saveLocalStorage(p.storageid,JSON.stringify(p.value)); } } parametersToUi(){ for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; let ta=document.getElementById(p.storageid);ta.value=p.value.join("\n")+"\n"; let l=ta.value.length;ta.focus();ta.setSelectionRange(l, l); } for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; //console.log(i+" "+p.storageid+":"+p.value); document.getElementById(p.storageid).value=p.value; } } uiToParameters(){ for(let i=0;i<parametersArray.length;i++){ let p=parametersArray[i]; p.value=document.getElementById(p.storageid).value.split('\n'); p.value=p.value.filter((str) => str !==""); } for(let i=0;i<parametersSingle.length;i++){ let p=parametersSingle[i]; let d=document.getElementById(p.storageid); if(d.type=="checkbox"){ p.value=d.checked; }else{ p.value=document.getElementById(p.storageid).value; } } } static saveLocalStorage1(ls_id,value){ localStorage.setItem(ls_id,value); } saveLocalStorage(ls_id,value){ localStorage.setItem(ls_id, value); } loadLocalStorage(ls_id,parameter){ if(!localStorage.getItem(ls_id))localStorage.setItem(ls_id, parameter); return localStorage.getItem(ls_id); } saveArrayLocalStorage(ls_id,ary){ localStorage.setItem(ls_id, ary.toString()); } loadArrayLocalStorage(ls_id,splitmark){ let r=null; if(!localStorage.getItem(ls_id)){localStorage.setItem(ls_id, "");} r=localStorage.getItem(ls_id).split(splitmark); r=r.filter((str) => str !==""); return r; } } //---------------------------------------------------------------- // STG ----------------------------------------------------------------------------- class STG{ //smallsupo tools - general constructor(){} static delayRun(func,miliseconds=3000){setTimeout(function(){func();},miliseconds);} static COMPARE=0;static INDEXOF=1;static REGX=2;static INDEXOFREVERSE=3; static isEnglish(text){ return /^[a-z]+$/i.test(text); } static stringToRegArray(s,splitmark){ //s = s.replace("\\", "\\\\"); let arr=s.split(splitmark); for(let i=0;i<arr.length;i++){ arr[i]=new RegExp(arr[i]); } return arr; } static findInArray(text,ary,mode=this.COMPARE){ let find=false; if(text==null)return false; ary.forEach((word) => { if(mode==this.COMPARE){if (text.localeCompare(word) == 0 ){find=true;}} else if(mode==this.INDEXOF){if(text.toLowerCase().indexOf(word.toLowerCase()) != -1 ){find=true;}} else if(mode==this.REGX){ if(this.isEnglish(word)){ if(new RegExp("\\b("+word+")\\b", "gi").test(text)){find=true;} }else{ if(new RegExp(word,"g").test(text)){find=true;} } } else if(mode==this.INDEXOFREVERSE){if(word.toLowerCase().indexOf(text.toLowerCase()) != -1 ){find=true;}} }); return find; } static findInArrayText(text,ary,mode=this.COMPARE){ let find=null; if(text==null)return null; ary.forEach((word) => { if(mode==this.COMPARE){if (text.localeCompare(word) == 0 ){find=word;}} else if(mode==this.INDEXOF){if(text.toLowerCase().indexOf(word.toLowerCase()) != -1 ){find=word;}} else if(mode==this.REGX){if(word.test(text)){find=word;}} else if(mode==this.INDEXOFREVERSE){if(word.toLowerCase().indexOf(text.toLowerCase()) != -1 ){find=word;}} }); return find; } static removeInArray(value,ary,mode=this.COMPARE){ if(mode==this.COMPARE){return ary.filter((str) => str !==value);} else if(mode==this.INDEXOF){return ary.filter((str) => value.toLowerCase().indexOf(str.toLowerCase()) == -1);} else if(mode==this.INDEXOFREVERSE){return ary.filter((str) => str.toLowerCase().indexOf(value.toLowerCase()) == -1);} } static addRemoveInArray(value,addvalue,ary,mode=this.COMPARE){ if(STG.findInArray(value,ary,mode)){ary=STG.removeInArray(value,ary,mode);}else{ary.push(addvalue);} return ary; } } //end STG ---------------------------------------------------- //---------------------------------------------------------------- class STD{ //smallsupo tools - dom ui static DISPLAY_NONE=0;static VISIBILITY_HIDDEN=1; constructor(){} static createEL(htmltag,id,style){ let e=document.createElement(htmltag);if(id!=null)e.setAttribute("id",id);if(style!=null)e.setAttribute("style",style); return e; } //-------------------------------------------------------------------------------------------------- static isHiddenEL(element,mode=this.DISPLAY_NONE){ if(mode==this.DISPLAY_NONE){if(element.style.display==="none")return true;else return false;} else if(mode==this.VISIBILITY_HIDDEN){if(element.style.visibility==="hidden")return true;else return false;} } static hiddenEL(element,mode=this.DISPLAY_NONE){ if(mode==this.DISPLAY_NONE){element.style.display="none";} else if(mode==this.VISIBILITY_HIDDEN){element.style.width="0px";element.style.height="0px";element.style.visibility="hidden";} } static visibleEL(element,mode=this.DISPLAY_NONE){ if(mode==this.DISPLAY_NONE){element.style.display="block";} else if(mode==this.VISIBILITY_HIDDEN){element.style.width="100%";element.style.height="100%";element.style.visibility="visible";} } //------------------------------------------------------------------------------------------------- static eventStopBubbling(e) { e = window.event || e;if (e.stopPropagation) {e.stopPropagation();} else {e.cancelBubble = true;} } static setMouseEnterLeaveBgColor(el,enterColor="#eee",leaveColor="white"){ el.addEventListener("mouseenter", () => {el.style.backgroundColor=enterColor;}); el.addEventListener("mouseleave", () => {el.style.backgroundColor=leaveColor;}); } static setMouseEnterLeaveColor(el,enterColor="#aaa",leaveColor="#eee"){ el.addEventListener("mouseenter", () => {el.style.color=enterColor;}); el.addEventListener("mouseleave", () => {el.style.color=leaveColor;}); } //------------------------------------------------------------------------------------------------- static arrayToTextarea(ary,ta){if(ta!=null){ta.value = ary.join("\n")+"\n";}} static textareaToArray(ta){ let ary=[];ary=ta.value.split('\n');ary=ary.filter((str) => str !==""); return ary; } static cursor_scrollToBottom(element){ let l=element.value.length;element.focus();element.setSelectionRange(l, l); } static adjustELnotOutofScreen1(element, container,defaultTranslateX=0) { const containerRect = container.getBoundingClientRect(); const elementRect = element.getBoundingClientRect(); const maxWidth = containerRect.width; let newWidth = elementRect.width; // 若超過容器寬度，縮小至容器寬度 if (elementRect.width > maxWidth) { newWidth = maxWidth; element.style.width = `${newWidth}px`; } // 計算 element 的新位置（避免超出容器左右） const offsetLeft = elementRect.left - containerRect.left; let newLeft = offsetLeft; if (offsetLeft + newWidth > maxWidth) { newLeft = maxWidth - newWidth; } if (newLeft < 0) { newLeft = 0; } element.style.position = 'absolute'; // 確保可以調整位置 element.style.left = `${newLeft}px`; } static adjustELnotOutofScreen(dome,useParent,defaultTranslateX=0,defaultTranslateY=0){ let body=document.getElementsByTagName('body')[0]; let sx=window.scrollX;let sy=window.scrollY; if(useParent){ body=dome.parentElement; sx=0;sy=0; } let bodyRect = body.getBoundingClientRect(); let domeRect = dome.getBoundingClientRect(); //out right if(domeRect.right>bodyRect.right){ //dome.style.transform=`translate(${defaultTranslateX+parseInt(bodyRect.right-domeRect.right)}px,${defaultTranslateY}px)`; dome.style.left=`${domeRect.left+ sx+defaultTranslateX+parseInt(bodyRect.right-domeRect.right)}px`; dome.style.top=`${domeRect.top+sy+defaultTranslateY}px`; } //out left、top、bottom... //TBD } //------------------------------------------------------------------------------------------------- static getDomNode(root,queryArray){ let node=root; if(node==null)return node; if(queryArray.length>0){ node=root.querySelector(queryArray[0]); for(let i=1;i<queryArray.length;i++){if(node!=null){node=node.querySelector(queryArray[i]);}} } return node; } static getDomNodes(root,queryArray){ let nodes=null; let endquery=queryArray.pop(); let node=STD.getDomNode(root,queryArray); if(node!=null){nodes=node.querySelectorAll(endquery);} return nodes; } static getDomAttribute(root,queryArray,attribute){ let value=null;let node=this.getDomNode(root,queryArray); if(node!=null){if(node.hasAttribute(attribute))value=node.getAttribute(attribute);} return value; } static getDomInnerText(root,queryArray){ let value=null;let node=this.getDomNode(root,queryArray); if(node!=null){value=node.innerText;} return value; } //------------------------------------------------------------------------------------------------- static ABSOLUTE_RIGHT=0;static COVERALL=1; static setELPosition(el,mode){ if(mode==STD.ABSOLUTE_RIGHT){ el.style.position="absolute"; el.style.left="100%"; el.style.transform="translateX(-100%)"; } if(mode==STD.COVERALL){ el.style.position="absolute"; //el.width="100%";el.height="100%"; let parentnode=el.parentElement;let rect = parentnode.getBoundingClientRect(); el.style.width=parseInt(rect.right-rect.left)+"px"; el.style.height=parseInt(rect.bottom-rect.top)+"px"; el.style.textAlign="center"; el.style.left=parentnode.offsetLeft; el.style.top=parentnode.offsetTop; } } //-------special--------------------------------------------------------------------------------------- static ISCOVER=true;static UNCOVER=false static setCoverEL(becoverdEl,uniqueId,show,zindex=999,inner=SVGICON.CLOSERED,bgcolor="transparent"){ //show cover, hind cover if(becoverdEl==null)return; let id="smallsupo_coverel_id"+uniqueId; let temp=becoverdEl.querySelectorAll('span[id="'+id+'"]'); if(temp.length>1){ for(let i=1;i<temp.length;i++)temp[i].remove(); }else if(temp.length==1){ }else{ let cover=STD.createEL("span",id,"zindex:"+zindex+";background-color:"+bgcolor+";"); //cover.style.backgroundColor="blue"; //cover.innerHTML=SVGICON.getIcon(inner,32,32); setSVGIcon(cover,SVGICON.getIcon(inner,32,32)); becoverdEl.appendChild(cover); STD.setELPosition(cover,STD.COVERALL); STD.hiddenEL(cover); } let cover=document.getElementById(id); if(cover!=null){ if(show)STD.visibleEL(cover); else STD.hiddenEL(cover); } } } //-------------------------------------------------------------- class SVGICON{ constructor(){} static SETTING='<svg id="i-settings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="WWWWWW" height="HHHHHH" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M13 2 L13 6 11 7 8 4 4 8 7 11 6 13 2 13 2 19 6 19 7 21 4 24 8 28 11 25 13 26 13 30 19 30 19 26 21 25 24 28 28 24 25 21 26 19 30 19 30 13 26 13 25 11 28 8 24 4 21 7 19 6 19 2 Z" /><circle cx="16" cy="16" r="4" /></svg>'; static CLOSERED='<svg id="i-close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="WWWWWW" height="HHHHHH" fill="none" stroke="red" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M2 30 L30 2 M30 30 L2 2" /></svg>'; static getIcon(icontype,width=32,height=32){ return icontype.replace("WWWWWW",width).replace("HHHHHH",height); } } //--下拉選單-------------------------------------------------------------- let currentMenu=null; function whenPopup(p){ if(currentMenu!=null){ STD.hiddenEL(currentMenu); } currentMenu=p; } class SFAC_DropDownMenu{ //lines[{title:"",func}] static IDPRE="smallsupo_dropdown_id"; static removeUnFIndPopupMenu(containerEL,uniqueId,index){ let ns=containerEL.querySelectorAll('span[id^="'+SFAC_DropDownMenu.IDPRE+uniqueId+'"]'); if(ns!=null){ if(ns.length==1){ let x=containerEL.querySelector('span[id="'+SFAC_DropDownMenu.IDPRE+uniqueId+index+'"]'); if(x==null){ containerEL.removeChild(ns[0]); } }else{ for(let i=0;i<ns.length;i++){ containerEL.removeChild(ns[i]); } } } } static setPopupMenu(containerEL,uniqueId,items,attributes,positionMode,whenPopup,endPopup,useParent,zindex=999999999){ if(containerEL==null)return; let dropdown_id=SFAC_DropDownMenu.IDPRE+uniqueId; let dropdown_button_id="smallsupo_dropdown_button_id"+uniqueId; let dropdown_panel_id="smallsupo_dropdown_panel_id"+uniqueId; //let temp=containerEL.querySelectorAll('span[id="'+dropdown_id+'"]'); let temp=document.body.querySelectorAll('span[id="'+dropdown_id+'"]'); if(temp.length>1){ for(let i=1;i<temp.length;i++)temp[i].remove(); }else if(temp.length==1){ }else{ let span=STD.createEL("span",dropdown_id,"z-index:"+zindex+";align:left;"); if(positionMode!=null)STD.setELPosition(span,positionMode); let color=parametersSingle[DOT_COLOR_LEAVE].value; let button=STD.createEL("button",dropdown_button_id,'color:'+color+';padding:0px 10px 4px 10px;background-color:transparent;border:none;cursor: pointer;');button.innerText="⁝";span.appendChild(button); STD.setMouseEnterLeaveColor(button,parametersSingle[DOT_COLOR].value,color); let panel=STD.createEL("div",dropdown_panel_id,"display: none;padding:6px;position: absolute;z-index:99999;background-color: #ffffff;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);transform: translateX(-20px);"); for(let i=0;i<items.length;i++){ let item=STD.createEL("div",null,"cursor: pointer;padding:2px;white-space: nowrap;"); let hightext=items[i].highText(attributes); //console.log(":"+items[i].highText(attributes)+":"); if(hightext.localeCompare('')==0){ item.textContent=items[i].title(attributes); }else{ let span = document.createElement('span');span.style.color = "#ff0000"; span.textContent = " "+hightext; item.appendChild(document.createTextNode(items[i].title(attributes))); item.appendChild(span); } //item.innerText=items[i].title(attributes); STD.setMouseEnterLeaveBgColor(item); item.onclick=()=>{ let panel=document.getElementById(dropdown_panel_id);panel.style.display="none"; items[i].func(attributes); STD.eventStopBubbling(event); }; panel.appendChild(item); } //span.appendChild(panel); document.body.appendChild(panel); containerEL.appendChild(span); //------------------------------------------- button.onclick = ()=> { let b=document.getElementById(dropdown_button_id); let p=document.getElementById(dropdown_panel_id); const rect = b.getBoundingClientRect(); p.style.left = `${rect.left + window.scrollX}px`; p.style.top = `${rect.bottom + window.scrollY}px`; if(STD.isHiddenEL(p)){ whenPopup(p); STD.visibleEL(p);STD.adjustELnotOutofScreen(p,useParent,-2); }else{ STD.hiddenEL(p); } STD.eventStopBubbling(event); }; } } } //---------------------------------------------------------------- //--- 文字選取popup選單 --------------------------------------------------------- let selecttextpopupshow=false; class SFAC_SelectTextPopup{ constructor(){} static setPopupEvent(triggerEL,containerEL,lines,uniqueId,whenPopup,endPopup){ triggerEL.onmouseup = ()=>{ let selecttext = window.getSelection().toString();//document.execCommand('copy'); if(selecttext!=null&&selecttext.length>0){ //window.getSelection().empty(); let x=event.clientX;let y=event.clientY; if(!selecttextpopupshow)SFAC_SelectTextPopup.setPopup(containerEL,x,y,uniqueId,selecttext,lines,whenPopup,endPopup); } STD.eventStopBubbling(event); }; } static setPopup(containerEL,x,y,uniqueId,selecttext,lines,whenPopup,endPopup,useParent=false){ let container=document.getElementsByTagName('body')[0];if(containerEL!=null)container=containerEL; let left=0;if(x!=null)left=x;let top=0;if(y!=null)top=y; let popup_id="smallsupo_selecttextpopup_id"+uniqueId; let temp=container.querySelectorAll('div[id="'+popup_id+'"]'); if(temp.length>1){ for(let i=1;i<temp.length;i++)temp[i].remove(); }else if(temp.length==1){ }else{ let popup=STD.createEL("div",popup_id,'left:'+left+'px;top:'+top+'px;padding:6px;border:1px black;'+ 'position: fixed;z-index:999999;cursor: pointer;background-color: #ffffff;'+ 'box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);white-space: nowrap;'+ ''); //'transform: translate(-50px, -30px);'); for(let i=0;i<lines.length;i++){ let item=STD.createEL("div",popup_id+"_item"+i,"cursor: pointer;padding:2px;white-space: nowrap;"); STD.setMouseEnterLeaveBgColor(item); popup.appendChild(item); } let item=STD.createEL("div",popup_id+"_item_copy","cursor: pointer;padding:2px;white-space: nowrap;"); item.innerText=languages[getCurrentLanguageIndex(language)].copytoclipboard; STD.setMouseEnterLeaveBgColor(item); popup.appendChild(item); container.appendChild(popup); popup.onmouseleave= (e) => {popup.style.display="none";}; } //-- do -- let p=document.getElementById(popup_id); //whenPopup(p); p.style.left=(left-50)+"px";p.style.top=(top-10)+"px"; p.style.display="block"; //p.style.transform="translate(-30px,-20px)"; for(let i=0;i<lines.length;i++){ let item=document.getElementById(popup_id+"_item"+i); //item.innerHTML=lines[i].title+"<font color=#ff0000>"+selecttext+"</font>"; item.textContent = "";item.appendChild(document.createTextNode(lines[i].title)); const highlight = document.createElement("font");highlight.color = "#ff0000"; highlight.textContent = selecttext;item.appendChild(highlight); item.onclick = function () { p.style.display="none"; lines[i].func(selecttext); }; } let item=document.getElementById(popup_id+"_item_copy"); item.onclick = function () { p.style.display="none"; navigator.clipboard.writeText(selecttext); }; //STD.visibleEL(p); STD.adjustELnotOutofScreen(p,true,-32); } } // end 文字選取popup選單 ------------------------------------------------- class YoutubeHandler{ static findNewDayNode(e){ let nodes=STD.getDomNodes(e,['div[id="content"]','div[id="details"]','div[id="meta"]','ytd-video-meta-block','div[id="metadata"]','div[id="metadata-line"]','span']); let node=null; if(nodes!=null&&nodes.length>=2)node=nodes[1]; return node; } static find_video_channel_id_youtube_homepage(e){ let id=null; let node=STD.getDomNode(e,['div[id="content"]','div[id="details"]','a[id="avatar-link"]']); if(node!=null){ id=node.getAttribute("href"); if(id!=null){id=id.substring(1,id.length)+"|"+node.getAttribute("title");} //console.log(id); } return id; } static find_comment_channel_id_youtube_watchpage(e){ let r=null;let r1=null; let as=['div[id="header-author"]','a[id="author-text"]']; let as1=['div[id="header-author"]','a[id="author-text"]','span']; r=STD.getDomAttribute(e,as,"href"); r1=STD.getDomInnerText(e,as1); //if(r!=null)r=r.replace("/channel/","")+"|"+r.replace("/",""); if(r!=null){r=r.replace("/channel/","");r=r.replace("/","");} return r; } static get_channel_id_in_comment_replay_watchpage(e,queryArray){ let id=null; let node=STD.getDomNode(e,queryArray); if(node!=null){ //id=node.getAttribute("href");id=id.replace("/channel/","")+"|"+id.replace("/",""); id=node.getAttribute("href");id=id.replace("/channel/","");id=id.replace("/",""); } return id; } static find_video_channel_id_watchpage(e){ let id=null; let node=STD.getDomNode(e,['div[id="upload-info"]','div[id="container"]','yt-formatted-string']); if(node!=null){ let temp=node.querySelector('a'); if(temp!=null)id=temp.getAttribute("href"); if(id!=null)id=id.substring(1,id.length)+"|"+node.innerText; //console.log(id); } return id; } static find_video_channel_id_youtube_searchpage(e){ let id=null; let node=STD.getDomNode(e,['div[id="channel-info"]','ytd-channel-name','yt-formatted-string','a']); if(node!=null){ id=node.getAttribute("href"); if(id!=null){id=id.substring(1,id.length)+"|"+node.innerText;} //console.log(id); } return id; } static cutid(id){ let result=id; if(id.indexOf("|")!=-1){result=id.substring(0,id.indexOf("|"));} return result; } static setUnlink_HomePage(rootn){ function handleClick(event) { return false; } let n=STD.getDomNode(rootn,['div[id="content"]','div[id="details"]','div[id="meta"]','h3']); if(n!=null)n.style.cursor = "text"; YoutubeHandler.removeALink(rootn,['div[id="content"]','div[id="details"]','div[id="meta"]','h3','a[id="video-title-link"]']); } static setUnlinkSearchPage(rootn){ function handleClick(event) { event.preventDefault(); event.stopPropagation(); return false; } let n=STD.getDomNode(rootn,['div[id="dismissible"]','div[class="text-wrapper style-scope ytd-video-renderer"]','div[id="meta"]','h3']); if(n!=null)n.style.cursor = "default"; YoutubeHandler.removeALink(n,['a']); } static setUnlinkRightSideWatchPage(rootn,queryArray){ //let n=STD.getDomNode(rootn,queryArray); //if(n!=null)n=STD.getDomNode(n,['h3']); if(rootn!=null)rootn.style.cursor = "text"; YoutubeHandler.removeALink(rootn,queryArray); } static removeALink(rootn,queryArray){ function handleClick1(event) { //event.preventDefault(); //event.stopPropagation(); return false; } let n1=STD.getDomNode(rootn,queryArray); if(n1!=null){ n1.style.display = "inline-block"; n1.style.pointerEvents = "none"; n1.onclick=handleClick1; } } static elementSetToDefault(e,newDayNode){ e.style.display="block"; e.style.background =null; e.style.border = null; if(newDayNode!=null){ newDayNode.style.background =null; newDayNode.style.border = null; } } static removeHighLightTag(e,uniqueid){ let id="smallsupo_"+uniqueid let c=document.querySelectorAll('span[id^="'+id+'"]'); for(let i=0;i<c.length;i++){ if(e.contains(c[i])){ e.removeChild(c[i]); } } } static setHighLightTag(e,uniqueid,text,show,bordercolor,borderradius){ let id="smallsupo_"+uniqueid; //console.log(id); let n=document.getElementById(id); if(n==null){ let x=STD.createEL("span",id,"position:absolute;right:0px;bottom:0px;padding:4px 4px 0px 4px;color:white;background-color:"+bordercolor+";"); x.style.transform="translateXY(-96%,-96%)"; x.style.borderRadius=borderradius+" 0px 2px 0px";x.innerText=text; e.appendChild(x); }else{ if(show){n.style.display="block";n.innerText=text; }else {n.style.display="none";} } } static setHighLightTagforWatchPage(e,uniqueid,text,show,bordercolor,borderradius){ let id="smallsupo_"+uniqueid; //console.log(id); let n=document.getElementById(id); if(n==null){ let x=STD.createEL("span",id,"position:relative;left:0px;top:0px;padding:2px 2px 2px 2px;color:white;background-color:"+bordercolor+";"); //x.style.transform="translateXY(-96%,-96%)"; x.style.borderRadius="4px 4px 4px 4px";x.innerText=text; e.insertBefore(x,e.firstChild); }else{ if(show){n.style.display="block";n.innerText=text; }else {n.style.display="none";} } } static findIdInArray(text,ary){ let find=false; if(text==null)return false; if(text.indexOf("|")!=-1)text=text.substring(0,text.indexOf("|")); ary.forEach((word) => { if(word.indexOf("|")!=-1)word=word.substring(0,word.indexOf("|")); if (text.localeCompare(word) == 0 ){find=true;} }); return find; } static findChannelIdareadyhave(idtitle){ let find=false; for(let i=0;i<tempchannelArray.length;i++){ let cid=tempchannelArray[i]; if(cid.title==idtitle){ find=true; } } return find; } static getChannelId(idtitle){ let id=null; for(let i=0;i<tempchannelArray.length;i++){ let cid=tempchannelArray[i]; if(cid.title==idtitle){ id=cid.id; } } return id; } static moveChannelcontainerToUPLayer(rootn){ let dn=rootn.querySelector('div#dismissible div[class="metadata style-scope ytd-compact-video-renderer"]'); if(dn!=null){ let sn=dn.querySelector('a').querySelector('div'); if(sn!=null){ dn.appendChild(sn); //dn.querySelector('a').querySelector('div').inner; } } } static getChannelIDformURL(rootn,link,videoid,channelcontainer,channeltitle){ fetch(link) .then(response => response.text()) .then(data => { let serchstartstring='<link itemprop="url" href="http://www.youtube.com/'; let startindex=data.indexOf(serchstartstring); if(startindex<0)return; let r=data.substring(startindex+serchstartstring.length,data.indexOf('"',startindex+serchstartstring.length)); if(channelcontainer==null)return; let id=r; //console.log(id); let o={title:channeltitle,id:id} tempchannelArray.push(o); id=id+"|"+channeltitle; SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"runchannel_watch",videoid); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"runchannel_watch"+videoid,dropdownitems_homepage,[id,videoid],STD.ABSOLUTE_RIGHT,whenPopup,null,false); //moveChannelcontainerToUPLayer(rootn); }) .catch(error => { // 處理錯誤情況 console.error('Error fetching data:', error); }) .finally(() => { // 完成時的處理，如果需要 }); } static drawUI(tag,cid,vid,text,e,arr){ let keeprun=true; for(let i=0;i<arr.length;i++){ if(keeprun){ if(arr[i]==HIGHLIGHT_VIDEO&¶metersArray[HIGHLIGHT_VIDEO].filter=="true"){ if(STG.findInArray(vid,parametersArray[HIGHLIGHT_VIDEO].value,STG.COMPARE)){e.style.background=parametersSingle[HIGHLIGHT_VIDEO_BACKGROUND].value;keeprun=false;} }else if(arr[i]==BLOCK_VIDEO&¶metersArray[BLOCK_VIDEO].filter=="true"){ if(STG.findInArray(vid,parametersArray[BLOCK_VIDEO].value,STG.COMPARE)){STD.hiddenEL(e);keeprun=false;} }else if(arr[i]==HIGHLIGHT_VIDEO_KEYWORD&¶metersArray[HIGHLIGHT_VIDEO_KEYWORD].filter=="true"){ if(STG.findInArray(text,parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value,STG.REGX)){ let s=STG.findInArrayText(text,parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value,STG.INDEXOF); e.style.border = parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].valuep+parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].value; e.style.borderRadius =parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC].value+parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC].valuer; YoutubeHandler.setHighLightTag(e,tag+vid,s,true,parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].value,e.style.borderRadius); keeprun=true; } }else if(arr[i]==HIGHLIGHT_CHANNEL&¶metersArray[HIGHLIGHT_CHANNEL].filter=="true"){ if(YoutubeHandler.findIdInArray(cid,parametersArray[HIGHLIGHT_CHANNEL].value)){e.style.background=parametersSingle[HIGHLIGHT_CHANNEL_BACKGROUND].value;keeprun=false;} }else if(arr[i]==BLOCK_CHANNEL&¶metersArray[BLOCK_CHANNEL].filter=="true"){ if(YoutubeHandler.findIdInArray(cid,parametersArray[BLOCK_CHANNEL].value)){STD.hiddenEL(e);keeprun=false;} }else if(arr[i]==BLOCK_VIDEO_KEYWORD&¶metersArray[BLOCK_VIDEO_KEYWORD].filter=="true"){ if(STG.findInArray(text,parametersArray[BLOCK_VIDEO_KEYWORD].value,STG.INDEXOF)){STD.hiddenEL(e);keeprun=false;} } else if(arr[i]==HIGHLIGHT_COMMENT_USER&¶metersArray[HIGHLIGHT_COMMENT_USER].filter=="true"){ if(STG.findInArray(cid,parametersArray[HIGHLIGHT_COMMENT_USER].value,STG.COMPARE)){e.style.background=parametersSingle[HIGHLIGHT_COMMENT_USER_BACKGROUND].value;keeprun=false;} }else if(arr[i]==BLOCK_COMMENT_USER&¶metersArray[BLOCK_COMMENT_USER].filter=="true"){ if(YoutubeHandler.findIdInArray(cid,parametersArray[BLOCK_COMMENT_USER].value)){STD.hiddenEL(e);keeprun=false;} }else if(arr[i]==BLOCK_COMMENT_KEYWORD&¶metersArray[BLOCK_COMMENT_KEYWORD].filter=="true"){ //if(STG.findInArray(text,parametersArray[BLOCK_COMMENT_KEYWORD].value,STG.INDEXOF)){STD.hiddenEL(e);} if(STG.findInArray(text,parametersArray[BLOCK_COMMENT_KEYWORD].value,STG.REGX)){STD.hiddenEL(e);} } } } return keeprun; } } //---------------------------------------------------------------- function removeClickEvent(){ window.addEventListener('click', event => { //console.log(event.target); if (event.target.tagName=="H3") { event.stopPropagation(); //event.preventDefault(); } }, true); } //--------------------------------------------------------------- let CHANNELID=0,VIDEOID=1; let dropdownitems_homepage_title=['block channel','block video','highlight channel','highlight video']; let dropdownitems_homepage=[ {title:(attributes)=>{return dropdownitems_homepage_title[0]}, highText:(attributes)=>{return attributes[CHANNELID].split("|")[1]}, func:(attributes)=>{sp.load_parameters_fromStorage();let value=attributes[CHANNELID];if(value.indexOf("|")!=-1)value=value.substring(0,value.indexOf("|")); parametersArray[BLOCK_CHANNEL].value=STG.addRemoveInArray(value,attributes[CHANNELID],parametersArray[BLOCK_CHANNEL].value,STG.INDEXOFREVERSE); sp.save_parameters_toStorage();filter("from dropdownmenu_homepage");}}, {title:(attributes)=>{return dropdownitems_homepage_title[1]}, highText:(attributes)=>{return ''}, func:(attributes)=>{sp.load_parameters_fromStorage();parametersArray[BLOCK_VIDEO].value=STG.addRemoveInArray(attributes[VIDEOID],attributes[VIDEOID],parametersArray[BLOCK_VIDEO].value);sp.save_parameters_toStorage();filter("from dropdownmenu_homepage");}}, {title:(attributes)=>{return dropdownitems_homepage_title[2]}, highText:(attributes)=>{return ''}, func:(attributes)=>{sp.load_parameters_fromStorage();let value=attributes[CHANNELID];if(value.indexOf("|")!=-1)value=value.substring(0,value.indexOf("|")); parametersArray[HIGHLIGHT_CHANNEL].value=STG.addRemoveInArray(value,attributes[CHANNELID],parametersArray[HIGHLIGHT_CHANNEL].value,STG.INDEXOFREVERSE); sp.save_parameters_toStorage();filter("from dropdownmenu_homepage");}}, {title:(attributes)=>{return dropdownitems_homepage_title[3]}, highText:(attributes)=>{return ''}, func:(attributes)=>{sp.load_parameters_fromStorage();parametersArray[HIGHLIGHT_VIDEO].value=STG.addRemoveInArray(attributes[VIDEOID],attributes[VIDEOID],parametersArray[HIGHLIGHT_VIDEO].value);sp.save_parameters_toStorage();filter("from dropdownmenu_homepage");}} ]; let selecttext_popupitems_homepage_title=['block','highlight']; let selecttext_popupitems_homepage=[ {title:selecttext_popupitems_homepage_title[0]+" ",highText:(attributes)=>{''}, func:(selecttext)=>{sp.load_parameters_fromStorage();parametersArray[BLOCK_VIDEO_KEYWORD].value.push(selecttext.trim());sp.save_parameters_toStorage();filter("from selecttext_popupitems_homepage");}}, {title:selecttext_popupitems_homepage_title[1]+" ",highText:(attributes)=>{''}, func:(selecttext)=>{sp.load_parameters_fromStorage();parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value=STG.addRemoveInArray(selecttext.trim(),selecttext.trim(),parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value);sp.save_parameters_toStorage();filter("from selecttext_popupitems_homepage");}}] function setLongTitleEvent(c){ let dh= c.style.maxHeight; console.log(":"+dh); c.addEventListener('mouseenter', function() { c.style.overflow = 'visible'; c.style.maxHeight= '500px'; //console.log("mouseenter"); }); c.addEventListener('mouseleave', function() { c.style.overflow = 'hidden'; c.style.maxHeight= dh; //console.log("mouseleave"); }); } function filter_homepage_newVersion(){ let videoPanels=document.querySelectorAll('ytd-rich-item-renderer[class="style-scope ytd-rich-grid-renderer"]'); for(let i=0;i<videoPanels.length;i++){ let newDayNode=YoutubeHandler.findNewDayNode(videoPanels[i]); YoutubeHandler.elementSetToDefault(videoPanels[i],newDayNode); if(videoPanels[i].querySelector('ytd-ad-slot-renderer')!=null){ STD.hiddenEL(videoPanels[i]); }else if((""+parametersSingle[BLOCK_MEMBERSONLY].value).localeCompare("true")==0&&(videoPanels[i].querySelector('div[class*="badge-style-type-members-only"')!=null)){ STD.hiddenEL(videoPanels[i]); }else{ let id=YoutubeHandler.find_video_channel_id_youtube_homepage(videoPanels[i]); let text=null; YoutubeHandler.setUnlink_HomePage(videoPanels[i]); let videoid=STD.getDomAttribute(videoPanels[i],['div#content div#details div#meta a#video-title-link'],"href"); if(videoid!=null){ videoid=videoid.replace("/watch?v=",""); if(videoid.indexOf("&")!=-1)videoid=videoid.substring(0,videoid.indexOf("&")); } let channelcontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta ytd-video-meta-block div#metadata div#byline-container']); let titlecontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta h3 yt-formatted-string#video-title']); if(titlecontainer!=null){ text=titlecontainer.innerText; //setLongTitleEvent(titlecontainer); //console.log(":"+titlecontainer.style.webkitLineClamp); } //------------------- let keeprun=false; if(id!=null&&videoid!=null&&channelcontainer!=null&&titlecontainer!=null&&text!=null){ keeprun=true; SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"",videoid); SFAC_DropDownMenu.setPopupMenu(channelcontainer,videoid,dropdownitems_homepage,[id,videoid],STD.ABSOLUTE_RIGHT,whenPopup,null,false); let textcontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta']); console.log("v:"+parametersSingle[NOUSELECTTEXTPOPUP].value); if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(textcontainer,null,selecttext_popupitems_homepage,"homepage",whenPopup,null); } //setLongTitleEvent(textcontainer); if(newDayNode!=null&&((""+parametersSingle[HIGHTLIGHT_POSTTIME_TRUE].value).localeCompare("true")==0)){ let arr = STG.stringToRegArray(parametersSingle[HIGHTLIGHT_POSTTIME_REGX].value,","); if(STG.findInArray(newDayNode.innerText,arr,STG.REGX)){ newDayNode.style.background=parametersSingle[HIGHTLIGHT_POSTTIME_BAKGROUND].value; } } if(keeprun){YoutubeHandler.removeHighLightTag(videoPanels[i],"homehightag_");} if(keeprun){ YoutubeHandler.drawUI("homehightag_",id,videoid,text,videoPanels[i],[HIGHLIGHT_VIDEO,BLOCK_VIDEO,HIGHLIGHT_VIDEO_KEYWORD,HIGHLIGHT_CHANNEL,BLOCK_CHANNEL,BLOCK_VIDEO_KEYWORD]); } } } } } function filter_homepage(){ let videoPanels=document.querySelectorAll('ytd-rich-item-renderer[class="style-scope ytd-rich-grid-row"]'); for(let i=0;i<videoPanels.length;i++){ let newDayNode=YoutubeHandler.findNewDayNode(videoPanels[i]); YoutubeHandler.elementSetToDefault(videoPanels[i],newDayNode); let id=YoutubeHandler.find_video_channel_id_youtube_homepage(videoPanels[i]); let text=null; YoutubeHandler.setUnlink_HomePage(videoPanels[i]); let videoid=STD.getDomAttribute(videoPanels[i],['div#content div#details div#meta a#video-title-link'],"href"); if(videoid!=null){ videoid=videoid.replace("/watch?v=",""); if(videoid.indexOf("&")!=-1)videoid=videoid.substring(0,videoid.indexOf("&")); } let channelcontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta ytd-video-meta-block div#metadata div#byline-container']); let titlecontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta h3 yt-formatted-string#video-title']); if(titlecontainer!=null){text=titlecontainer.innerText;} //------------------- let keeprun=false; if(id!=null&&videoid!=null&&channelcontainer!=null&&titlecontainer!=null&&text!=null){ keeprun=true; SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"",videoid); SFAC_DropDownMenu.setPopupMenu(channelcontainer,videoid,dropdownitems_homepage,[id,videoid],STD.ABSOLUTE_RIGHT,whenPopup,null,false); let textcontainer=STD.getDomNode(videoPanels[i],['div#content div#details div#meta']); if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(textcontainer,null,selecttext_popupitems_homepage,"homepage",whenPopup,null); } if(newDayNode!=null&&((""+parametersSingle[HIGHTLIGHT_POSTTIME_TRUE].value).localeCompare("true")==0)){ let arr = STG.stringToRegArray(parametersSingle[HIGHTLIGHT_POSTTIME_REGX].value,","); if(STG.findInArray(newDayNode.innerText,arr,STG.REGX)){ newDayNode.style.background=parametersSingle[HIGHTLIGHT_POSTTIME_BAKGROUND].value; } } if(keeprun){YoutubeHandler.removeHighLightTag(videoPanels[i],"homehightag_");} if(keeprun){ YoutubeHandler.drawUI("homehightag_",id,videoid,text,videoPanels[i],[HIGHLIGHT_VIDEO,BLOCK_VIDEO,HIGHLIGHT_VIDEO_KEYWORD,HIGHLIGHT_CHANNEL,BLOCK_CHANNEL,BLOCK_VIDEO_KEYWORD]); } } } } let rowcount=0; function getItemRowCount(content){ if(rowcount==0)rowcount=content.parentElement.children.length; return rowcount; } function filter_homepage_reorder(){ let videoPanels=document.querySelectorAll('ytd-rich-item-renderer[class="style-scope ytd-rich-grid-row"]'); if(videoPanels.length==0)return; let content=videoPanels[0].parentElement.parentElement.parentElement; if(content==null)return; //let itemperrow=parseInt(videoPanels[0].getAttribute("items-per-row")); let itemperrow=getItemRowCount(videoPanels[0]);//console.log(itemperrow); let rows=content.querySelectorAll('ytd-rich-grid-row[class="style-scope ytd-rich-grid-renderer"]'); //console.log(videoPanels.length, rows.length,videoPanels.length/3); //remove all video for(let i=0;i<rows.length;i++){ let container=rows[i].querySelector('div[id="contents"]'); let c=container.querySelectorAll('ytd-rich-item-renderer[class="style-scope ytd-rich-grid-row"]'); // console.log(c.length); for(let k=0;k<c.length;k++){ container.removeChild(c[k]); } } //add all video let index=0;let counter=0; for(let i=0;i<videoPanels.length;i++){ if(index<rows.length){ let container=rows[index].querySelector('div[id="contents"]'); if(videoPanels[i].querySelector('ytd-ad-slot-renderer')!=null){ //console.log("find ad "+index+" "+i); }else{ container.appendChild(videoPanels[i]); if(videoPanels[i].style.display=='none'){}else{counter++;} } if(counter==itemperrow){index++;counter=0;} } } } //--------------------------------------------------------------- let dropdownitemscomment_watchpage_title=['block user','highlight user']; let dropdownitemscomment_watchpage=[ {title:(attributes)=>{return dropdownitemscomment_watchpage_title[0]}, highText:(attributes)=>{return attributes[CHANNELID] }, func:(attributes)=>{sp.load_parameters_fromStorage();let value=attributes[CHANNELID];if(value.indexOf("|")!=-1)value=value.substring(0,value.indexOf("|")); parametersArray[BLOCK_COMMENT_USER].value=STG.addRemoveInArray(value,attributes[CHANNELID],parametersArray[BLOCK_COMMENT_USER].value,STG.INDEXOFREVERSE);sp.save_parameters_toStorage();filter("from dropdownitemscomment_watchpage");}}, {title:(attributes)=>{return dropdownitemscomment_watchpage_title[1]}, highText:(attributes)=>{return ''}, func:(attributes)=>{sp.load_parameters_fromStorage();let value=attributes[CHANNELID];if(value.indexOf("|")!=-1)value=value.substring(0,value.indexOf("|")); parametersArray[HIGHLIGHT_COMMENT_USER].value=STG.addRemoveInArray(value,attributes[CHANNELID],parametersArray[HIGHLIGHT_COMMENT_USER].value,STG.INDEXOFREVERSE);sp.save_parameters_toStorage();filter("from dropdownitemscomment_watchpage");}} ]; let selecttext_popupitems_comment_watchpage_title=['block']; let selecttext_popupitems_comment_watchpage=[{title:selecttext_popupitems_comment_watchpage_title[0]+" ", func:(selecttext)=>{sp.load_parameters_fromStorage();parametersArray[BLOCK_COMMENT_KEYWORD].value.push(selecttext.trim());sp.save_parameters_toStorage();filter("from selecttext_popupitems_comment_watchpage");}}] function filter_watchpage(){ let commentPanels=document.querySelectorAll('ytd-comment-thread-renderer[class="style-scope ytd-item-section-renderer"]'); let index=0; for(let i=0;i<commentPanels.length;i++){ YoutubeHandler.elementSetToDefault(commentPanels[i]); let id=YoutubeHandler.find_comment_channel_id_youtube_watchpage(commentPanels[i]); let text=STD.getDomInnerText(commentPanels[i],['div[id="content"]','yt-attributed-string[id="content-text"]']); let channelcontainer=STD.getDomNode(commentPanels[i],['div[id="header-author"]']); let commentcontainer=STD.getDomNode(commentPanels[i],['div[id="content"]']); let keeprun=false; if(id!=null&&text!=null&&channelcontainer!=null&&commentcontainer!=null){ let cc=STD.getDomNode(commentPanels[i],['div[id="header-author"]']); SFAC_DropDownMenu.removeUnFIndPopupMenu(cc,"comment",YoutubeHandler.cutid(id)+index); SFAC_DropDownMenu.setPopupMenu(cc,"comment"+YoutubeHandler.cutid(id)+index,dropdownitemscomment_watchpage,[id],null,whenPopup,null,false); //setDropdownMenuComment(cc,id,index,commentPanels[i]); index+=1; if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(commentcontainer,null,selecttext_popupitems_comment_watchpage,"watchpage",whenPopup,null); } keeprun=true; keeprun=YoutubeHandler.drawUI("",id,null,text,commentPanels[i],[HIGHLIGHT_COMMENT_USER,BLOCK_COMMENT_USER,BLOCK_COMMENT_KEYWORD]); if(keeprun){ index=filter_comment_replay_watchpage(commentPanels[i],index,false); } } } if((""+parametersSingle[HIDE_COMMENT].value).localeCompare("true")==0){ hidden_comment_watchpage(); }else{ let hiddennode=document.getElementById("smallsupo_hiddennode"); if(hiddennode!=null)hiddennode.remove(); let comment=document.getElementById("sections");if(comment!=null)comment.style.display="block"; } //right side video //filter_rightside_video_watchpage(); //video self //filter_videoself_watchpage(); } function hidden_comment_watchpage(){ let p=document.querySelector('ytd-comments[id="comments"]'); if(p==null)return; let hiddennode=document.getElementById("smallsupo_hiddennode"); if(hiddennode==null){ let hiddennode=STD.createEL("div","smallsupo_hiddennode",'cursor: pointer;'); let index=getCurrentLanguageIndex(language); hiddennode.innerText=languages[index].show+"/"+languages[index].hide+" "+languages[index].comment; p.insertBefore(hiddennode, p.children[1]); let comment=document.getElementById("sections");comment.style.display="none"; }else{ hiddennode.onclick=(evnt)=>{ let commentnode=document.getElementById("sections"); //console.log("hi"+comment); if(commentnode!=null){ if(commentnode.style.display=="none"){commentnode.style.display="block";}else{ commentnode.style.display="none"; } } }; } } function filter_comment_replay_watchpage(comment,index){ let replies=comment.querySelector('div[id="replies"]').querySelectorAll('ytd-comment-view-model'); //console.log(replies.length); for(let i=0;i<replies.length;i++){ YoutubeHandler.elementSetToDefault(replies[i]); let id=YoutubeHandler.get_channel_id_in_comment_replay_watchpage(replies[i],['div[id="header-author"]','a[id="author-text"]']); let text=STD.getDomInnerText(replies[i],['div[id="content"]','yt-attributed-string[id="content-text"]']); //console.log(text); let channelcontainer=STD.getDomNode(replies[i],['div[id="header-author"]']);//,'a[id="author-text"]','yt-formatted-string']); let commentcontainer=STD.getDomNode(replies[i],['div[id="content"]','yt-attributed-string[id="content-text"]']); if(id!=null&&channelcontainer!=null){ //console.log(id," ",cutid(id)); SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"comment",YoutubeHandler.cutid(id)+index); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"comment"+YoutubeHandler.cutid(id)+index,dropdownitemscomment_watchpage,[id],null,whenPopup,null,false); index+=1; } if(commentcontainer!=null){ if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(commentcontainer,null,selecttext_popupitems_comment_watchpage,"watchpage",whenPopup,null); } } let keeprun=true; YoutubeHandler.drawUI("",id,null,text,replies[i],[HIGHLIGHT_COMMENT_USER,BLOCK_COMMENT_USER,BLOCK_COMMENT_KEYWORD]); } return index; } function filter_rightside_video_watchpage(){ //console.log("run filter_rightside_video_watchpage"); let m=document; // let m=document.querySelector('#secondary div#items'); // if(m==null){console.log("m error");return;} let videoP=m.querySelectorAll('ytd-compact-video-renderer'); for(let i=0;i<videoP.length;i++){ YoutubeHandler.elementSetToDefault(videoP[i]); let tc=STD.getDomNode(videoP[i],['div[class="details style-scope ytd-compact-video-renderer"]','h3','span[id="video-title"]']); let text=null; let id=null; let videoid=videoP[i].querySelector('#thumbnail').getAttribute("href"); videoid=videoid.replace("/watch?v=","");if(videoid.indexOf("&")!=-1){videoid.substring(0,videoid.indexOf("&"));} let videourl="https://www.youtube.com/watch?v="+videoid; let channelcontainer=videoP[i].querySelector('div#dismissible div#metadata div#byline-container'); let channeltitle=channelcontainer.querySelector('div#container yt-formatted-string').getAttribute("title"); //if(i==0){ if(YoutubeHandler.findChannelIdareadyhave(channeltitle)){ id=YoutubeHandler.getChannelId(channeltitle); //console.log(channeltitle,"aready has",id); id=id+"|"+channeltitle; SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"runchannel_watch",videoid); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"runchannel_watch"+videoid,dropdownitems_homepage,[id,videoid],STD.ABSOLUTE_RIGHT,whenPopup,null,false); YoutubeHandler.moveChannelcontainerToUPLayer(videoP[i]); }else{ YoutubeHandler.getChannelIDformURL(videoid[i],videourl,videoid,channelcontainer,channeltitle); } //} let keeprun=false; if(tc!=null){ text=tc.innerText; YoutubeHandler.setUnlinkRightSideWatchPage(videoP[i],['div[class="details style-scope ytd-compact-video-renderer"]','a']); if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(STD.getDomNode(videoP[i],['div[class="details style-scope ytd-compact-video-renderer"]']) ,null,selecttext_popupitems_homepage,"runchannel_watch",whenPopup,null); } keeprun=true; } if(keeprun){YoutubeHandler.removeHighLightTag(videoP[i],"videohightag_");} if(keeprun){ YoutubeHandler.drawUI("videohightag_",id,videoid,text,videoP[i],[HIGHLIGHT_VIDEO,BLOCK_VIDEO,HIGHLIGHT_VIDEO_KEYWORD,HIGHLIGHT_CHANNEL,BLOCK_CHANNEL,BLOCK_VIDEO_KEYWORD]); } } } function filter_videoself_watchpage(){ let r=document.querySelector('div[id="columns"]'); if (r==null)return; let id=null; let videoid=STD.getDomAttribute(r,['div[id="primary"]','div[id="below"]','ytd-watch-metadata'],"video-id"); let videocontainer=STD.getDomNode(r,['div[id="primary"]','div[id="below"]','ytd-watch-metadata','div[id="above-the-fold"]','div[id="title"]']); let titlecontainer=STD.getDomNode(videocontainer,['h1']); let channelcontainer=STD.getDomNode(r,['div[id="primary"]','div[id="below"]','div[id="above-the-fold"]','div[id="top-row"]','ytd-video-owner-renderer']); let coveredEL=null;if(channelcontainer!=null)coveredEL=STD.getDomNode(channelcontainer,['div[id="upload-info"]']); let text=null; if(channelcontainer!=null&&coveredEL!=null&&videoid!=null&&channelcontainer!=null){ channelcontainer.style.background=null; STD.setCoverEL(coveredEL,"channel",STD.UNCOVER); STD.setCoverEL(videocontainer,"video",STD.UNCOVER); id=YoutubeHandler.find_video_channel_id_watchpage(channelcontainer); } if(titlecontainer!=null){YoutubeHandler.removeHighLightTag(titlecontainer,"watchhightag_");} let keeprun=false; if(id!=null&&channelcontainer!=null){ SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"runchannelw",id); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"runchannelw"+id,dropdownitems_homepage,[id,videoid],null,whenPopup,null,false); //setDropdownMenuVideoWatchPage(channelcontainer,id,"watchpage",channelcontainer); if(videocontainer!=null){ if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(videocontainer,null,selecttext_popupitems_homepage,"runchannelw",whenPopup,null); } //text=STD.getDomInnerText(videocontainer,['div[id="title"]','yt-formatted-string']); text=videocontainer.innerText; } keeprun=true; } if(keeprun){ if(YoutubeHandler.findIdInArray(id,parametersArray[HIGHLIGHT_CHANNEL].value)&¶metersArray[HIGHLIGHT_CHANNEL].filter=="true"){ channelcontainer.style.background=parametersSingle[HIGHLIGHT_CHANNEL_BACKGROUND].value; //keeprun=false; } } if(keeprun){ if(YoutubeHandler.findIdInArray(id,parametersArray[BLOCK_CHANNEL].value)&¶metersArray[BLOCK_CHANNEL].filter=="true"){ STD.setCoverEL(coveredEL,"channel",STD.ISCOVER); //keeprun=false; } } if(keeprun){ videocontainer.style.background=null; if(STG.findInArray(videoid,parametersArray[HIGHLIGHT_VIDEO].value,STG.INDEXOF)&¶metersArray[HIGHLIGHT_VIDEO].filter=="true"){ videocontainer.style.background=parametersSingle[HIGHLIGHT_VIDEO_BACKGROUND].value; //keeprun=false; } } if(keeprun){ if(STG.findInArray(videoid,parametersArray[BLOCK_VIDEO].value,STG.INDEXOF)&¶metersArray[BLOCK_VIDEO].filter=="true"){ STD.setCoverEL(videocontainer,"video",STD.ISCOVER); //keeprun=false; } } if(keeprun){ if(parametersArray[HIGHLIGHT_VIDEO_KEYWORD].filter=="true"){ if(STG.findInArray(text,parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value,STG.REGX)){ let s=STG.findInArrayText(text,parametersArray[HIGHLIGHT_VIDEO_KEYWORD].value,STG.INDEXOF); //videocontainer.style.border = parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].valuep+parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].value; videocontainer.style.borderRadius =parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC].value+parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC].valuer; if(titlecontainer!=null){ YoutubeHandler.setHighLightTagforWatchPage(titlecontainer,"watchhightag_"+videoid,s,true,parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].value,videocontainer.style.borderRadius); } } } } } //--------------------------------------------------------- function filter_searchpage(){ let videoPanels=document.querySelectorAll('ytd-video-renderer'); //console.log("l:"+videoPanels.length); for(let i=0;i<videoPanels.length;i++){ //let newDayNode=findNewDayNode(videoPanels[i]); YoutubeHandler.elementSetToDefault(videoPanels[i],null); let id=YoutubeHandler.find_video_channel_id_youtube_searchpage(videoPanels[i]); let text=null; YoutubeHandler.setUnlinkSearchPage(videoPanels[i]); let videoid=STD.getDomAttribute(videoPanels[i],['div[id="dismissible"]','ytd-thumbnail','a'],"href"); if(videoid!=null){ videoid=videoid.replace("/watch?v=",""); if(videoid.indexOf("&")!=-1)videoid=videoid.substring(0,videoid.indexOf("&")); //console.log(videoid); } let channelcontainer=STD.getDomNode(videoPanels[i],['div[id="channel-info"]']); //console.log(id,videoid);) let titlecontainer=STD.getDomNode(videoPanels[i],['div[id="dismissible"]','div[class="text-wrapper style-scope ytd-video-renderer"]','div[id="meta"]','h3']); if(titlecontainer!=null){text=titlecontainer.innerText;} let keeprun=false; //console.log(""+id+","+videoid+","+channelcontainer+","+titlecontainer+","+text); if(id!=null&&videoid!=null&&channelcontainer!=null&&titlecontainer!=null&&text!=null){ keeprun=true; SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"research",videoid); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"research"+videoid,dropdownitems_homepage,[id,videoid],STD.ABSOLUTE_RIGHT,whenPopup,null,false); // let textcontainer=STD.getDomNode(videoPanels[i],['div[id="content"]','div[id="details"]','div[id="meta"]']); if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(titlecontainer,null,selecttext_popupitems_homepage,"researchpage",whenPopup,null); } } if(keeprun){ YoutubeHandler.removeHighLightTag(videoPanels[i],"searchhightag_");} if(keeprun){ YoutubeHandler.drawUI("searchhightag_",id,videoid,text,videoPanels[i],[HIGHLIGHT_VIDEO,BLOCK_VIDEO,HIGHLIGHT_VIDEO_KEYWORD,HIGHLIGHT_CHANNEL,BLOCK_CHANNEL,BLOCK_VIDEO_KEYWORD]); } } } //--------------------------------------------------------- function filter_shortpageNewVersion(){ let root=document.querySelector('div#anchored-panel'); let comments=root.querySelectorAll('ytd-comment-thread-renderer'); for(let i=0;i<comments.length;i++){ let c=comments[i].querySelector('ytd-comment-view-model'); let usercontainer=STD.getDomNode(c,['#header-author']); } } function filter_shortpage(){ let noshortad=true; let root=document.querySelector('div[id="shorts-inner-container"]'); let comments=root.querySelectorAll('ytd-reel-video-renderer[class="reel-video-in-sequence style-scope ytd-shorts"]'); let index=0; let currentindex=-1; for(let i=0;i<comments.length;i++){ //YoutubeHandler.elementSetToDefault(comments[i]); let videolink=STD.getDomAttribute(comments[i],['a[class="ytp-title-link yt-uix-sessionlink"]'],"href"); //console.log("link "+i+":"+videolink); if(videolink!=null&&videolink.localeCompare(window.location.href)==0){ currentindex=i; } if(noshortad){ let ad=null; ad=comments[i].querySelector('ytd-ad-slot-renderer'); if(ad!=null){ root.removeChild(comments[i]); continue; } } } //console.log("match:"+currentindex); // if(currentindex==-1)return; //---- // let commentPanels=comments[currentindex].querySelectorAll('ytd-comment-thread-renderer[class="style-scope ytd-item-section-renderer"]'); // //chrome/firefoix browser paths is diffrenet // if(commentPanels.length==0){ // root=document.querySelector('div[id="shorts-panel-container"]'); // commentPanels=root.querySelectorAll('ytd-comment-thread-renderer[class="style-scope ytd-item-section-renderer"]'); // } let commentPanels=document.querySelector('div#anchored-panel').querySelectorAll('ytd-comment-thread-renderer'); //console.log(commentPanels.length); for(let i=0;i<commentPanels.length;i++){ YoutubeHandler.elementSetToDefault(commentPanels[i]); let usercontainer=STD.getDomNode(commentPanels[i],['#header-author']); let userid=STD.getDomAttribute(usercontainer,['h3','a'],"href"); if(userid!=null){userid=userid.replace("/","");} let commentcontainer=commentPanels[i].querySelector("#content"); let comment=STD.getDomInnerText(commentcontainer,["#content-text > span"]); let keeprun=false; //console.log(usercontainer); //console.log(userid); //console.log(commentcontainer); //console.log(comment); if(userid!=null&&comment!=null&&usercontainer!=null&&commentcontainer!=null){ SFAC_DropDownMenu.removeUnFIndPopupMenu(usercontainer,"short",YoutubeHandler.cutid(userid)+i); SFAC_DropDownMenu.setPopupMenu(usercontainer,"short"+YoutubeHandler.cutid(userid)+i,dropdownitemscomment_watchpage,[userid],null,whenPopup,null,false); if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(commentcontainer,null,selecttext_popupitems_comment_watchpage,"short",whenPopup,null); } keeprun=true; } if(keeprun){ keeprun=YoutubeHandler.drawUI("",userid,null,comment,commentPanels[i],[HIGHLIGHT_COMMENT_USER,BLOCK_COMMENT_USER,BLOCK_COMMENT_KEYWORD]); } if(keeprun){ filter_short_reply(commentPanels[i],i); } }// end for(let i=0;i<commentPanels.length;i++) }//end filter_shortpage function filter_short_reply(comment,index){ let replies=comment.querySelector('div[id="replies"]').querySelectorAll('ytd-comment-view-model'); //let replies=comment.querySelector('#anchored-panel').querySelectorAll('ytd-comment-view-model'); //chrome/firefoix browser paths is diffrenet if(replies.length==0){ } for(let i=0;i<replies.length;i++){ YoutubeHandler.elementSetToDefault(replies[i]); let id=STD.getDomAttribute(replies[i],['div[id="header-author"]','a[id="author-text"]'],"href"); id=id+"|"+id.replace("/",""); let text=STD.getDomInnerText(replies[i],['div[id="content"]','yt-attributed-string[id="content-text"]']); //console.log(text); let channelcontainer=STD.getDomNode(replies[i],['div[id="header-author"]']);//,'a[id="author-text"]','yt-formatted-string']); let commentcontainer=STD.getDomNode(replies[i],['div[id="content"]','yt-attributed-string[id="content-text"]']); if(id!=null&&channelcontainer!=null){ //console.log(id," ",cutid(id)); SFAC_DropDownMenu.removeUnFIndPopupMenu(channelcontainer,"shortreply",YoutubeHandler.cutid(id)+index+i); SFAC_DropDownMenu.setPopupMenu(channelcontainer,"shortreply"+YoutubeHandler.cutid(id)+index+i,dropdownitemscomment_watchpage,[id],null,whenPopup,null,false); //setDropdownMenuComment(commentcontainer,id,index,replies[i]); index+=1; } if(commentcontainer!=null){ if((""+parametersSingle[NOUSELECTTEXTPOPUP].value).localeCompare("false")==0){ SFAC_SelectTextPopup.setPopupEvent(commentcontainer,null,selecttext_popupitems_comment_watchpage,"shortreply",whenPopup,null); } } let keeprun=true; if(keeprun){ YoutubeHandler.drawUI("",id,null,text,replies[i],[HIGHLIGHT_COMMENT_USER,BLOCK_COMMENT_USER,BLOCK_COMMENT_KEYWORD]); } } }//end filter_short_reply(commetPanels,index) //------------------------------------------------------------------------------------------------------------------ let is_observer=false;let page_observer=null; let isfiltering=false; function detectYoutubeVersion(){ let newV=false; let videoPanels=document.querySelectorAll('ytd-rich-item-renderer[class="style-scope ytd-rich-grid-row"]'); if(videoPanels.length==0)newV=true; return newV; } //-------------------------------------- function waitForElementObserver(selector, functionX) { const observer = new MutationObserver(() => { const element = document.querySelector(selector); if (element) { observer.disconnect(); // 停止觀察 //console.log("hi"); functionX(element); // ✅ 把找到的 element 傳入 functionX } }); observer.observe(document.body, { childList: true, subtree: true, }); // ✅ 若元素一開始就已存在，也直接觸發 const existing = document.querySelector(selector); if (existing) { observer.disconnect(); functionX(existing); } } //-------------------------------------- let checkeffcient=false; async function filter(from){ console.log("filter-run..."+from); stop_page_observer(); stop_rightChannel_observer(); let url=window.location.href; if(url.localeCompare("https://www.youtube.com/")==0){ //start_page_observer(document.querySelector('ytd-rich-grid-renderer')); waitForElementObserver('ytd-rich-grid-renderer',async (dom) => { if(checkeffcient)console.log("home"); rowcount=0; if(detectYoutubeVersion()==true){ await delay(0); filter_homepage_newVersion(); }else{ await delay(0); filter_homepage(); await delay(0); filter_homepage_reorder(); } await delay(0); removeClickEvent(); start_page_observer(dom); }); }else if(/youtube.com\/watch/.test(url)){ if(checkeffcient)console.log("watch"); await delay(0);filter_watchpage(); await delay(0);filter_rightside_video_watchpage(); await delay(0); waitForElementObserver('#above-the-fold',filter_videoself_watchpage); waitForElementObserver('#comments',async(dom) => {start_page_observer(dom,200);}); waitForElementObserver('#secondary #secondary-inner #related #items',async (dom) => {start_rightChannel_observer(dom,500);}); }else if(/youtube.com\/results/.test(url)){ if(checkeffcient)console.log("results"); waitForElementObserver('#primary>ytd-section-list-renderer',(dom) => { setTimeout(()=>{filter_searchpage();removeClickEvent();start_page_observer(dom)});}, 2000); }else if(/youtube.com\/shorts/.test(url)){ if(checkeffcient)console.log("shorts"); waitForElementObserver('#anchored-panel',async (dom) => {await delay(0);filter_shortpage();await delay(0);start_page_observer(dom,200)}); } isfiltering=false; } function delay(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } let pre=0;let filtertimer; function stop_page_observer(){ is_observer=false; //if(debug)console.log("stop_page_observer"); if(page_observer!=null){page_observer.disconnect();page_observer=null;} } function debounceFilter(fn, delay) { return function (...args) { clearTimeout(filtertimer); filtertimer = setTimeout(() => { fn.apply(this, args); }, delay); }; } const debouncedFilter = debounceFilter((from) => { if (!isfiltering) { isfiltering = true; filter(from); } }, 500); function filterDelaydeBounced(milis) { const now = new Date(); if (now - pre > milis) { debouncedFilter("filterDelay:" + milis / 1000); pre = now; } } function filterDelay(milis){ let now= new Date(); if(now-pre>milis){ clearTimeout(filtertimer); filtertimer=setTimeout(()=>{ if(isfiltering!=true){isfiltering=true;filter("filterDelay:"+milis/1000);}pre=now;}, 500); } } function start_page_observer(dome,delay=3000){ is_observer=true; if(dome==null){dome=document.getElementsByTagName('body')[0];} //if(debug)console.log("start_page_observer"); if(page_observer==null){ page_observer = new MutationObserver(mutationRecords => {filterDelay(delay);}); page_observer.observe(dome, { attributes:false,childList: true,characterData:false,attributeOldValue:false, subtree: true,characterDataOldValue: false}); } } let watchpage_rightchannel_observer=null; function stop_rightChannel_observer(){ //console.log("stop_rightChannel_observer"); is_observer=false; if(watchpage_rightchannel_observer!=null){watchpage_rightchannel_observer.disconnect();watchpage_rightchannel_observer=null;} } function start_rightChannel_observer(dome,delay=3000){ // console.log("start_rightChannel_observer"); is_observer=true; if(dome==null){dome=document.getElementsByTagName('body')[0];} if(watchpage_rightchannel_observer==null){ watchpage_rightchannel_observer = new MutationObserver(mutationRecords => {filterDelay(delay);}); watchpage_rightchannel_observer.observe(dome, { attributes:false,childList: true,characterData:false,attributeOldValue:false, subtree: true,characterDataOldValue: false}); } } //---------------------------------------------------------------- function watchUrlChange(callback) { let lastUrl = location.href; // ✅ DOM ready 後執行 callback function waitForDOMReady(cb) { if (document.readyState === 'complete' || document.readyState === 'interactive') { setTimeout(cb, 50); } else { window.addEventListener('DOMContentLoaded', () => cb(), { once: true }); } } // ✅ 檢查網址是否改變 const onUrlChange = () => { if (location.href !== lastUrl) { lastUrl = location.href; waitForDOMReady(callback); } }; // ✅ MutationObserver：觀察 DOM 是否有變動（例如 SPA 路由切換） const observer = new MutationObserver(onUrlChange); observer.observe(document, { childList: true, subtree: true }); // ✅ 捕捉 pushState / replaceState ['pushState', 'replaceState'].forEach(method => { const original = history[method]; history[method] = function () { original.apply(this, arguments); window.dispatchEvent(new Event('urlchange')); }; }); // ✅ 監聽瀏覽器前進/後退 或 push/replace 狀況 window.addEventListener('popstate', onUrlChange); window.addEventListener('urlchange', onUrlChange); // ✅ 初始觸發一次 waitForDOMReady(callback); } function whenURLChange(){ sp.load_parameters_fromStorage(); filter("from interval"); } //---------------------------------------------------------------- let currentUrl = location.href; let page_interval=null; function start_page_interval(milis){ //console.log("start_page_interval"); page_interval=setInterval(()=>{ if (location.href !== currentUrl) { stop_page_interval(); setTimeout(function() { sp.load_parameters_fromStorage(); currentUrl = location.href; filter("from interval"); start_page_interval(); }, milis); } }, 3000); } function stop_page_interval(){ //console.log("stop_page_interval"); if(page_interval!=null){clearInterval(page_interval);} } //---------------------------------------------------------------- let tempchannelArray=[];let ttcasid="tempchannelArray_new_storage"; function transfertempchannelarrytostring(){ let s=""; for(let i=0;i<tempchannelArray.length-1;i++){ s+=tempchannelArray[i].title+'YYYYY'+tempchannelArray[i].id+'XXXXX'; } if(tempchannelArray.length>0){ s+=tempchannelArray[tempchannelArray.length-1].title+'YYYYY'+tempchannelArray[tempchannelArray.length-1].id; } return s; } function save_tempchannelarray(){ let s=transfertempchannelarrytostring(); localStorage.setItem(ttcasid, JSON.stringify(tempchannelArray)); } function load_tempchannelarray(){ const data=localStorage.getItem(ttcasid); if(data!=null){ tempchannelArray=JSON.parse(data); } //console.log(tempchannelArray); } function save_tempchannelarray_old(){ let s=transfertempchannelarrytostring(); localStorage.setItem(ttcasid, s); } function load_tempchannelarray_old(){ let r=null; if(!localStorage.getItem(ttcasid)){localStorage.setItem(ttcasid, "");} let s=localStorage.getItem(ttcasid); if(s==""){tempchannelArray.length=0;return;} let sa=s.split("XXXXX"); tempchannelArray.length=0; for(let i=0;i<sa.length;i++){ let temp=sa[i].split("YYYYY"); let o={title:temp[0],id:temp[1]} tempchannelArray.push(o); } } //---------------------------------------------------------------- function do_before_openSetting(){ stop_page_observer(); } function do_after_closeSetting(){ filter("from parameter ui button closed"); } function getCurrentLanguageIndex(language){ let index=0; for(let i=0;i<languages.length;i++){ let l=languages[i]; if(l.language==language){ index=i; } } return index; } function setLanguage(){ if(autoDectectSystemLanguage){ let systemLanguage = navigator.language; language=systemLanguage.substring(0,2); } for(let i=0;i<languages.length;i++){ let l=languages[i]; if(l.language==language){ block=l.block;highlight=l.highlight;setting=l.setting;show=l.show;hide=l.hide; parametersArray[BLOCK_CHANNEL].title=l.channel; parametersArray[BLOCK_VIDEO_KEYWORD].title=l.video+" "+l.keyword; parametersArray[BLOCK_VIDEO].title=l.video; parametersArray[BLOCK_COMMENT_USER].title=l.comment+" "+l.user; parametersArray[BLOCK_COMMENT_KEYWORD].title=l.comment+" "+l.keyword; parametersArray[HIGHLIGHT_CHANNEL].title=l.channel; parametersArray[HIGHLIGHT_VIDEO_KEYWORD].title=l.video+" "+l.keyword; parametersArray[HIGHLIGHT_VIDEO].title=l.video; parametersArray[HIGHLIGHT_COMMENT_USER].title=l.comment+" "+l.user; parametersSingle[HIGHLIGHT_CHANNEL_BACKGROUND].title=l.highlight+" "+l.channel+" "+l.color; parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_ARC].title=l.curvature; parametersSingle[HIGHLIGHT_VIDEO_KEYWORD_BACKGROUND].title=l.color; parametersSingle[HIGHLIGHT_VIDEO_BACKGROUND].title=l.highlight+" "+l.video+" "+l.color; parametersSingle[HIGHLIGHT_COMMENT_USER_BACKGROUND].title=l.highlight+" "+l.comment+" "+l.user+" "+l.color; parametersSingle[HIGHTLIGHT_POSTTIME_BAKGROUND].title=l.color; parametersSingle[HIGHTLIGHT_POSTTIME_REGX].title=l.regex; parametersSingle[HIGHTLIGHT_POSTTIME_TRUE].title=l.highlight+" "+l.posttime; parametersSingle[HIDE_COMMENT].title=l.hide+" "+l.comment; parametersSingle[DOT_COLOR].title=l.dot+" "+l.comment; parametersSingle[BLOCK_MEMBERSONLY].title=l.block+" '"+l.membersonly+"'"; parametersSingle[NOUSELECTTEXTPOPUP].title=l.noselecttextpup; dropdownitems_homepage_title[0]=l.block+" "+l.channel; dropdownitems_homepage_title[1]=l.block+" "+l.video; dropdownitems_homepage_title[2]=l.highlight+" "+l.channel; dropdownitems_homepage_title[3]=l.highlight+" "+l.video; selecttext_popupitems_homepage_title[0]=l.block; selecttext_popupitems_homepage_title[1]=l.highlight; dropdownitemscomment_watchpage_title[0]=l.block+" "+l.user; dropdownitemscomment_watchpage_title[1]=l.highlight+" "+l.user; selecttext_popupitems_comment_watchpage_title[0]=l.block; selecttext_popupitems_homepage[0].title=selecttext_popupitems_homepage_title[0]+" "; selecttext_popupitems_homepage[1].title=selecttext_popupitems_homepage_title[1]+" "; selecttext_popupitems_comment_watchpage[0].title=selecttext_popupitems_comment_watchpage_title[0]+" "; title_restorefile=l.restore; title_savefile=l.backup; needrefresh=l.needrefresh; currentlanguageindex=i; } } } let sp; function init(){ sp=new ParametersAgent(document.getElementsByTagName('body')[0],"Youtube-filter(channel、comment、video)"); sp.load_parameters_fromStorage(); let lines=2;sp.setPanel_Parameters(ParametersAgent.LB,do_before_openSetting,do_after_closeSetting,lines); load_tempchannelarray(); } //----------------------------------------------------------------- function debounce(func, wait) { let timeout; return function(...args) { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; } setTimeout(function() { console.log("Youtube Filter...啟動"); setLanguage(); init(); // watchUrlChange(whenURLChange); //start_page_observer(document.getElementsByTagName('body')[0]); //start_page_interval(2000); document.onclick=(evnt)=>{if(currentMenu!=null){ STD.hiddenEL(currentMenu);currentMenu=null; }}; window.addEventListener('beforeunload', function (e) { //用來避免重復爬video channel id console.log("beforeunload");save_tempchannelarray(); }); window.addEventListener('resize', debounce(function() { rowcount=0; })); }, 100);
