☰

WebEraser

Erase parts of any webpage --annoyances, logos, ads, images, etc., permanently with just, Ctrl + Left-Click.

目前为 2018-12-09 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        WebEraser
  3. // @version     1.4.8
  4. // @namespace   sfswe
  5. // @description Erase parts of any webpage --annoyances, logos, ads, images, etc., permanently with just, Ctrl + Left-Click.
  6. // @license     GPL-3.0-only
  7. // @copyright   2018, slow! (https://openuserjs.org/users/slow!)
  8. // @include     *
  9. // @require     https://code.jquery.com/jquery-3.2.1.js
  10. // @require     https://code.jquery.com/ui/1.12.1/jquery-ui.js
  11. // @require https://greasyfork.org/scripts/375359-gm4-polyfill-1-0-1/code/gm4-polyfill-101.js
  12. // @require https://greasyfork.org/scripts/375360-sfs-utils-0-1-5/code/sfs-utils-015.js
  13. // @resource    whiteCurtains      https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtainsDbl.jpg
  14. // @resource    whiteCurtainsOrig  https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtains.orig.jpg
  15. // @resource    whiteCurtainsXsm   https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtainsExSm.jpg
  16. // @resource    whiteCurtainsTrpl  https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtainsTrpl.jpg
  17. // @icon        https://raw.githubusercontent.com/SloaneFox/imgstore/master/WebEraserIcon.gif
  18. // @run-at      document-start
  19. // @author      Sloane Fox
  20. // @grant       GM.registerMenuCommand
  21. // @grant       GM.getValue
  22. // @grant       GM.setValue
  23. // @grant       GM.deleteValue
  24. // @grant       GM.listValues
  25. // @grant       GM.addStyle
  26. // @grant       GM.getResourceText
  27. // @grant       GM.getResourceUrl
  28. // @grant       GM_registerMenuCommand
  29. // @grant       GM_getValue
  30. // @grant       GM_setValue
  31. // @grant       GM_deleteValue
  32. // @grant       GM_listValues
  33. // @grant       GM_addStyle
  34. // @grant       GM_getResourceText
  35. // @grant       GM_getResourceURL
  36. // ==/UserScript==
  37.  
  38. //
  39. // History
  40. // updated Nov  2018  v1.4.8 Images and Canvas elements lost functionality, returned.
  41. // updated Oct  2018  v1.4.6 Bug fix re complete deletion of element.  Got around webpage trick of translateZ(0) & css hiding.  Block page change mid-setup.
  42. // updated Jan  2018  v1.3.9   Update for yet to come GM4 and already past backward compatibile GM4 polyfill.  And for Chromium.
  43. // updated Nov  2017  v1.3.8   Added extra GM menu command to enable use of Ctrl-e to manually invoke web erasure on a webpage.
  44. // updated Nov  2017  v1.3.7   Added extra GM menu command in case user accidentally erases entire webpage and is faced a blank with not even a WebEraser menu to allow one to undo accident.
  45. // updated Aug  2017  v1.3.6   Issue with iframe when injected code not called for it due to its late creation same origin.
  46. // updated Jan  2017  v1.3.5   Compatibility working on msedge/safari/opera under tampermonkey.  With ie11 (adGuard method) js engine is too old.  Windows ok with Chrome either native or with tamper.
  47. //                             Safari on windows cant run userscripts.
  48. // updated Jan  2017   v1.3.4  Bug fixes.  Issue with load sequence on Chrome.  Monitoring class changes relating to identifier of element.  Compatibility on msedge/safari/opera under tampermonkey.
  49. // updated Dec  2016   v1.3.0  Bug fixes, check for duplicate selectors, color & other ui issues.  Removed zoomer (it used up a little cpu).
  50. // updated Nov  2016.  v1.2.3  Iframe handling for deep iframes.
  51. // updated Oct  2016.  v1.2.2  Fixed bug, GM menu on Chrome not closing.
  52. //                     v1.2.1  Adapted for use also in Google Chrome/Chromium web browser.
  53. // updated Sept 2016.  v1.2    Added user option to turn on the monitoring for new nodes (node mutations).
  54.  
  55. ttimer("start");
  56.  
  57. // Globals:
  58. var environ=this, jq_saved, chromert=this.chrome; //window; //this // note 11'17 polyfill acts upon this (sandbox with a member "window") not on window.
  59. if (typeof jQuery!="undefined") jq_saved=jQuery;
  60. var iframe=window!=window.parent, border_width=6;
  61. var win=window,
  62. 	host=window.document.location.host,
  63. 	pathname=window.document.location.pathname, webpage=host+pathname, website=host;
  64. var askedAlready,last_one_deleted, delcnt=0, gelem, gelems, gpre_elem,
  65. 	bblinker, promptOpen, rbcl="sfswe-redborder", pbcl="sfswe-prevborder", tbcl="sfswe-transparentborder";
  66. var tab="&emsp;&emsp;&emsp; &emsp; "; // tab=5spaces, emsp=4spaces, but HTML tab in a <pre> wider hence extra emsp's.
  67. //
  68. // Globs to be initialized asynchronously, see below, init_globs().
  69. //
  70. var page_erasedElems,site_erasedElems,curtain_icon, elems_to_be_hid,curtain_slim_icon,curtain_xslim_icon, 
  71. 	curtain_wide_icon, config, ownImageAddr, whitecurtains, whitecurtainsoriginal, whitecurtainstriple;
  72. var ignoreIdsDupped, curtain_cnt=0;
  73. var zaplists,overlay=false;
  74.  
  75. if (iframe) {
  76. 	installEventHandlers();
  77. 	return;
  78. }
  79.  
  80. //if (!environInit()) if (!plat_msedge) $(main.bind(environ)); // In a normal GM environment, main will be called at docready.
  81. var str=GM_registerMenuCommand.toString();
  82. //for (var i=0;i<str.length;i++) console.log(str[i]);
  83. if (!environInit(environ)) if (!plat_msedge) {
  84. 	if(/^complete/.test(document.readyState)) main();
  85. 	else document.addEventListener("DOMContentLoaded",main.bind(environ)); //main(); addEventListener("load",main.bind(environ))	; // In a normal GM environment, main will be called at docready.
  86. }
  87.  
  88. Number.prototype.in=function(){for (i of Array.from(arguments)) if (this==i) return true;}; // Use brackets with a literal, eg, (2).in(3,4,2);
  89. Number.prototype.inRange=function(min,max){ if (this >=min && this<=max) return true;}; // Ditto.
  90. Number.prototype.withinRangeOf=function(range,target){ return this.inRange(target-range,target+range); }; // Ditto.
  91. String.prototype.prefix=function(pfix) { return this.length ? pfix+this : ""+this; };
  92.  
  93. async function main() {try{
  94. 	log=x=>null;  //logger on/off
  95. 	ttimer("start of main, state: "+document.readyState);
  96. 	log("w/e main GM:",GM, "readyState",document.readyState,"body:",document.body,"iframe",iframe,"jQuery:",window.jQuery&&window.jQuery.fn.jquery,"$",window.$);
  97. 	if (!this.chrome) this.chrome=chromert;  
  98. 	await init_globs();
  99. 	installEventHandlers();
  100. 	ensure_jquery_extended(); // may get clobbered by other script loading jQ.
  101. 	inner_eraseElements("init");
  102. 	var nerased=$(".Web-Eraser-ed").length, delay=5000+300*(2+nerased), forErasure=getHidElemsCmd("count");
  103. 	setTimeout(x=> { 
  104. 		//ttimer("start of delay phase ");
  105. 		log("End of",delay,"delay, checking for inner_eraseElements",page_erasedElems,"or",site_erasedElems);
  106. 		if(page_erasedElems || site_erasedElems) inner_eraseElements("delay"); 
  107. 		else if ($(".Web-Eraser-ed").length==0 && elems_to_be_hid)
  108. 			console.info("WebEraser message: no match for any selectors:",getHidElemsCmd(),"\nWebpage:",webpage);
  109. 		var nerased2=$(".Web-Eraser-ed").length;
  110. 		nerased=nerased2;
  111. 		installEventHandlers("phase2");
  112. 		regcmds();
  113. 		//ttimer("end delay phase ",document.readyState);
  114. 	},delay);
  115. 	
  116. 	//!!
  117. 	// $(window).focus(x=>{
  118. 	// 	//$(window).off("focus");
  119. 	// 	setTimeout(x=> { //try{
  120. 	// 		forErasure=getHidElemsCmd("count");
  121. 	// 		var sels=getHidElemsCmd(), nerased=$(".Web-Eraser-ed").length;
  122. 	// 		log("WE focus, check for erasure", nerased ,forErasure,"site_erasedElems:",site_erasedElems);
  123. 	// 		if (nerased < forErasure) { inner_eraseElements("focus"); }
  124. 	// 		//}catch(e){console.error("WebEraser main--focus, error@",e.lineNumber,e);}
  125. 	// 	},400);
  126. 	// });
  127. 	GM_addStyle( jqueryui_dialog_css()         //GM_getResourceText ("jqueryUiCss")
  128. 				 +" .sfswe-prevborder { border-color:transparent !important;border-width:"+border_width+"px !important;border-style:double !important; } "
  129. 				 +".sfswe-transparentborder  { border-color:transparent !important;border-width:"+border_width+"px !important;border-style:double !important; } "
  130. 				 +".sfswe-redborder { border-color:red !important; border-width:"+border_width+"px !important;border-style:double !important; } " 
  131. 				 +"img.WebEraserCurtain { display: block !important; color:#fff !important; }"
  132. 				 +`.CurtainRod {
  133.                      background-color: #bbb;
  134. 			    	 background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%), linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
  135. 			    	 background-size:  13px, 19px, 17px, 15px;
  136. 			       }`
  137. 				 +".ui-dialog-buttonpane button {color:black !important;}"
  138. 				 +'img[src*="blob:"] { display:block !important; }'
  139. 			   ); // A later defined rule has precedence when both rules in effect.
  140. 	//setTimeout(inner_eraseElements,1500);
  141. 	if (plat_chrome && typeof submenuModule != "undefined") submenuModule.register("WebEraser"); //,"w");
  142. 	regcmds();
  143. 	setTimeout(reattachTornCurtains,4000);
  144. 	gelems=$();
  145. 	ttimer("end of main, state: "+document.readyState);
  146. } catch(e){console.log("WebEraser main(), error@",e.lineNumber,e);}} //main()
  147.  
  148. function handleClick(e,iframe_click) {  try { //called from event handler in page & iframe, and pseudo called from click within iframe.
  149. 	if (!e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) return;
  150. 	log("CLICK jwin is ","page:",location.href,"iframe?",iframe);
  151. 	halter();
  152. 	var permrm, target=e.target, frameEl=target.ownerDocument.defaultView.frameElement;
  153. 	if(frameEl) target=frameEl;
  154. 	prevDef(e);
  155. 	if (!iframe_click) { //not pseudo call
  156. 		var seltext_len=window.getSelection().toString().length;
  157. 		window.status="webEraser, Ctrl-Click, on HTML element:"+target.tagName+" "+seltext_len+", ifame: "+iframe;
  158. 		if (seltext_len != 0) { unhalt(); return; }
  159. 		if (target.blur) target.blur();
  160. 		if (iframe)  {
  161. 			window.parent.postMessage( { type:"sfswe-iframe-click", code:0, src:location.toString() },"*"); // msg,origin makes pseudo call back here.
  162. 			log("post to parent from window."); //"frameElement:",window.frameElement);
  163. 			unhalt(); 
  164. 			return false;
  165. 		}
  166. 	} // endif !iframe_click
  167. 	while (/HTMLUnknownElement/.test(target.toString())) target=target.parentNode; //Avoid non HTML tags.
  168. 	log("Click reached target",target);
  169. 	if ($(target).is(".WebEraserCurtain")) 
  170. 		if (e.button==0) {
  171. 			let reply=confirm("This will completely erase selected item, continue? \nOn any revisit to webpage you can check in the console for such erasures.");
  172. 			if (reply) openCurtains("zap",$(target).siblings("img").addBack());
  173. 		} else
  174. 			eraseElementsCmd();
  175. 	else if (!askedAlready) {
  176. 		if ($("body").is(target)) {
  177. 			if (!confirm("WebEraser.  You clicked on the main body of the webpage.  Body however, is not removable by ctrl-click, try ctrl-clicking on an image or other item on the webpage.  Hit CANCEL to open erasure window."))
  178. 				eraseElementsCmd();
  179. 			unhalt();
  180. 			return;
  181. 		}
  182. 		halter.dialog=true;
  183. 		inner_eraseElements();
  184. 		var prom=checkIfPermanentRemoval(target);
  185. 		prom.then(function(confirm_val){     // then takes a function with 2 params, the arg of resolve func call and of reject.
  186. 			log("then in checkIfPermanentRemoval, permrm:",permrm,"confirm_val",confirm_val);
  187. 			var [permrm,item_sel]=confirm_val;
  188. 			halter.dialog=false;
  189. 			unhalt();
  190. 			if (permrm==Infinity)      { // temp delete
  191. 				askedAlready=true; 
  192. 				alert("You hit TEMP, item deleted.  Ctrl-click from now until reload merely removes elements temporarily (esc to undo). ");
  193. 				last_one_deleted=$(item_sel);
  194. 				last_one_deleted.replaceWith("<placeholder delcnt="+(++delcnt)+">");
  195. 				console.log("install escape catch");
  196. 				escapeCatch(function(){ 
  197. 					$("placeholder").replaceWith(last_one_deleted); },"perm");
  198. 			}
  199. 			log("checkIfPermanentRemoval, permrm",permrm);
  200. 			//			if (permrm!=undefined)   inner_eraseElements("click");         //undefined==>escape (cancel)
  201. 			if (permrm!=false)       inner_eraseElements("click");           //undefined==>escape (cancel)
  202. 		});
  203. 		prom.catch(function (a){log("caught in checkIfPermanentRemoval",a); unhalt();halter.dialog=false;});
  204. 	} // endif !askedAlready
  205. 	else { 
  206. 		last_one_deleted=$(target);  //temp delete
  207. 		$("placeholder").remove();
  208. 		last_one_deleted.replaceWith("<placeholder delcnt="+(++delcnt)+">");
  209. 		console.log("set last_one_deleted:",last_one_deleted, "placeholder",$("<placeholder>"));
  210. 	} 
  211. 	
  212. 	if(!halter.dialog) { unhalt();}
  213. 	return false;
  214.  
  215. 	function halter() {	window.addEventListener("beforeunload", handlehalt);}
  216. 	function handlehalt(event) {
  217. 		event.returnValue="a  message to stay";
  218. 		//log("event beforeunload: ",event.returnValue);
  219. 		return event.returnValue;
  220. 	};
  221. 	function unhalt(){ 	window.removeEventListener("beforeunload",handlehalt,false);}
  222. } catch(e) { console.log("Click handling error:"+(e.lineNumber),e,e.stack);unhalt(); }}  //handleClick() 
  223.  
  224. function sprompt(tex,initv,cancel_btn="Cancel",ok_btn="OK",extra_btn){ // returns a promise with true/false value or for prompts an array value: [true/false,string], rejected with escape.
  225. 	var dialog, p=new Promise((resolve,reject)=>{
  226. 		dialog=sprompt_inner(tex,initv,resolve,reject,cancel_btn,ok_btn,extra_btn);
  227. 	});
  228. 	p.dialog=dialog;
  229. 	return p;
  230. }
  231. function sconfirm(msg,cancelbtnText,okbtnText,extrabtnText) { return sprompt(msg,undefined,cancelbtnText,okbtnText,extrabtnText); }
  232. function salert(msg) { return sprompt(msg,undefined,-1,"OK"); }
  233.  
  234. //Resolution of promise returned is cancel:false, OK: true, extrabtn: Infinity;
  235.  
  236. function sprompt_inner(pretext,initval,resolve,reject,cancelbtnText,okbtnText,extrabtnText) {try{ // "Cancel" has reply of false or null (if a prompt), "OK" gives reply of true or "", Escape key returns undefined reply.  undefined==null is true. but not for ""
  237. 	var that=arguments.callee; if (that.last_dfunc) that.last_dfunc("destroy"); // Only one modal allowed.
  238. 	var input_tag, input_style="width:80%;font-size:small;";
  239. 	var confirm_prompt=initval===undefined;
  240. 	if (!confirm_prompt) input_tag=initval.length<40 ? "input" : (input_style="width:95%;height:100px;","textarea");
  241. 	var content=$("<div class=sfswe-content tabindex=2 style='outline:none;white-space:pre-wrap;background:#fff0f0;'>"
  242. 				  +"<div>"+pretext+"</div>" 
  243. 				  +(initval!==undefined ? "<"+input_tag+" spellcheck='false' style='"+input_style+"'  tabindex='1'></"+input_tag+">":"")+"</div>");
  244. 	content.find("input:not(:checkbox),textarea").val(initval);
  245. 	try{content.resizable();}catch(e) {log("spromtinner(), err",e.lineNumber,e);}
  246. 	var sp1=$(document).scrollTop();
  247. 	var dfunc=content.dialog.bind(content);
  248. 	var dialog=content.dialog({
  249. 		modal: true, width:"auto", position: { my: "center", at: "center", of: unsafeWindow }, // Greater percent further to top.// Position is almost default anyway, difference is use of unsafeWindow due to strange error during prompt in jq in opera violentmonkey
  250. 		close: function(e) { dialog.off("keydown"); $(document).scrollTop(sp1); if (e.key=="Escape") reject("Escape");}
  251. 	}).parent();
  252. 	var buttons={
  253. 		[cancelbtnText]: function(e) { if (confirm_prompt) resolve(false); else resolve([false, $(this).find("input,textarea").val()]); dfunc("close"); return false;},
  254. 		[okbtnText]: function(e) { if (confirm_prompt) resolve(true); else resolve([true,$(this).find("input,textarea").val() || ""]); dfunc("close"); return false;}
  255. 	};
  256. 	if(extrabtnText) buttons[extrabtnText]=function(e) { if (confirm_prompt) resolve(Infinity); else resolve([Infinity,$(this).find("input,textarea").val() || ""]); dfunc("close"); return false;};
  257. 	content.dialog("option","buttons",buttons);
  258. 	if (cancelbtnText==-1) { dialog.find("button").each(function(){   if (this.textContent=="-1") $(this).remove(); }); }
  259. 	dialog.wrap("<div class=sfswe-sprompt></div>"); // allows css rules to exclude other jqueryUi css on webpage from own settings, a
  260. 	dialog.keydown(function(e){	if (e.key == "Enter" && !/textarea/i.test(e.target.tagName)) $("button:contains("+okbtnText+")",this).click();  });
  261. 	dialog.css({"z-index":2147483647, width:550, position:"fixed", left:200, top: 50, background: "whitesmoke"}); //"#fff0e0"
  262. 	dialog.find(".ui-dialog-titlebar").remove(); // No img in css for close 'x' at top right so remove.  Title bar not in normal confirm anyhow.
  263. 	dialog.draggable("option","handle", ".ui-dialog-buttonpane"); //
  264. 	dialog.resizable();
  265. 	// var maxH=innerHeight - (content.offset().top-$(window).scrollTop()) - 100;
  266. 	// content.css({"overflow-x":"hidden","max-height":maxH}); //innerHeight-dialog.position().top-$(".ui-dialog-buttonpane").height()}).scrollTop(0);
  267. 	setTimeout(function(){var ips=dialog.find("input,textarea");if (ips.length) ips.focus(); else content.focus();},100);
  268. 	that.last_dfunc=dfunc;
  269. 	return dialog; //.ui-dialog
  270. }catch(e) {log("hlightAndsetsel(), err",e.lineNumber,e);}}
  271.  
  272. function checkIfPermanentRemoval(target) {   // called from click handler.
  273. 	var sconfirm_promise, checkif_resolve, checkif_reject;
  274. 		checkif_promise=new Promise((resolve,reject)=>{
  275. 			checkif_resolve=resolve;checkif_reject=reject;
  276. 			var parent=target.parentNode, index=0;
  277. 			var msg="Permanently erase selected element(s) from website &mdash; now seen on page red bordered and blinking?  In addition you may use 'w' and 'n' keys freely, to widen and narrow your selection.  "
  278. 				+"Escape quits.  Enter OK's.  Use the GM menu <a href='#abc"+Math.random().toString(36)+"'>Erase Web Elements</a> to edit internal code."           // Clickable link see .click below.
  279. 	+"Hit Temp button below for ctrl-click to erase element(s) temporarily and inhibit this prompting until reload."
  280. 	+"\n\nInternal code for <span id=fsfpe-tagel></span><br><div style='display:inline-block; position:relative;width:100%'><input disabled id=sfswe-seledip style='width:80%;margin:10px;'><div id=sfswe-seledipfull style='position:absolute; left:0; right:0; top:0; bottom:0;'></div></div>";
  281. 			$(document).keypress(keypressHandler);
  282. 			sconfirm_promise=sconfirm(msg,"Cancel","OK","Temp"); ////////////////
  283. 			var dialog=sconfirm_promise.dialog;
  284. 			var buttonpane=dialog.find(".ui-dialog-buttonpane");
  285. 			buttonpane.append("<div><input id=sfswe-checkbox7 type=checkbox style='vertical-align:middle'>"+"<label style='display:inline'>&nbsp;&nbsp;Remove just from this page (not entire website).</label></div>");
  286. 			buttonpane.append("<br><div style='margin-top:-10px;'><input id=sfswe-checkbox6 type=checkbox style='vertical-align:middle'>"	+"<label style='display:inline;'>&nbsp;&nbsp;Completely delete element.</label></div>");
  287. 			dialog.find("a").click(e=>{
  288. 				log("click on a in OK");
  289. 				dialog.trigger($.Event("keydown",{keyCode:27,key:"Escape"})); // close prompt.
  290. 				eraseElementsCmd();});
  291. 			var input=$("#sfswe-seledip"), ip=input[0], div_surround=input.next();
  292. 			div_surround.click(e=>{ // a click on input & surround enables it.
  293. 				ip.disabled=false; 	    ip.setSelectionRange(999,999);
  294. 				div_surround.css("display","none");
  295. 				input.focus();
  296. 				input.blur(e=>{ip.disabled=true; div_surround.css("display",""); });
  297. 			}); //
  298. 			hlightAndsetsel(target); // Also sets input value to selector!
  299. 			setTimeout(function(){dialog[0].scrollIntoView();},100);
  300. 		});//new Promise()
  301. 	close_of_prompt(sconfirm_promise, checkif_resolve, checkif_reject);
  302. 	log("Got back from close_of_prompt, close_of_prompt:",sconfirm_promise);
  303. 	return checkif_promise;
  304. }//end checkIfPermanentRemoval()
  305.  
  306. function close_of_prompt(sconfirm_promise, checkif_resolve, checkif_reject) {
  307. 	var nested_confirm, first_reply, complete_rm, reply_sel;
  308. 	sconfirm_promise.catch(function(reply){
  309. 		hlightAndsetsel(0,"off","restore");
  310. 		log("caught confirm prom");
  311. 		checkif_reject("caught");
  312. 	});
  313. 	nested_confirm=sconfirm_promise.then(function(reply){                 ///////////////////////////////////////
  314. 		$(document).off('keypress');
  315. 		$(":data(pewiden-trace)").data("pewiden-trace",""); // remove trace
  316. 		var complete_rm=$("#sfswe-checkbox6:checked").length!=0;
  317. 		var webpage_only=$("#sfswe-checkbox7:checked").length!=0;
  318. 		log("complete_rm?",complete_rm, "reply:",reply);
  319. 		if (reply!=false) reply_sel=$("#sfswe-seledip").val().trim(); 
  320. 		if(reply!=true) { 
  321. 			hlightAndsetsel(0,"off","restore"); 
  322. 			//if(reply==Infinity) checkif_resolve([reply,$(reply_sel).detach]); //$(reply_sel).hide(); // temp delete
  323. 			checkif_resolve([reply,reply_sel]); 
  324. 			return; 
  325. 		};
  326. 		sconfirm_promise.data=[reply_sel,complete_rm]; // use ES6 await?
  327. 		if (reply_sel)  {
  328. 			let ancErased=$(reply_sel).closest(".Web-Eraser-ed");  //.closest, includes current.
  329. 			if (hidElementsListCmd("isthere?", reply_sel) || (ancErased.length && getHidElemsCmd("match el",ancErased))){ 
  330. 				alert("Already attempting erasure of the element specified or parent, if not being erased properly try "
  331.                       +"ticking the monitoring option or open 'Erase Web Elements' GM menu and hit its 'OK' button.\nInternal code:"
  332. 					  +reply_sel+"\n\n   Ancestor:"+nodeInfo(ancErased)); 
  333. 				console.info("Already erasing",ancErased,nodeInfo(ancErased),".  Your selector",reply_sel);
  334. 				hlightAndsetsel(0,"off","restore");
  335. 				checkif_reject("Ancestor Already");
  336. 				return; 
  337. 			}
  338. 			if (!webpage_only)
  339. 				hidElementsListCmd("add",reply_sel+" site");
  340. 			else
  341. 				hidElementsListCmd("add",reply_sel);    // btn1 -> null, btn2 -> "<string>" null==undefined
  342. 			if (hidElementsListCmd("rm", $(reply_sel).find(".Web-Eraser-ed"))) console.info("Removed child selectors of",reply_sel);
  343. 			hlightAndsetsel(0,"off","restore");
  344. 			log("reply true, complete_rm@",complete_rm,"add sel:",reply_sel);
  345. 			if (complete_rm) zaplists.add(reply_sel);
  346. 			checkif_resolve([true,reply_sel]);
  347. 			
  348. 		} else {  // empty reply.
  349. 			hlightAndsetsel(0,"off","restore"); 
  350. 			checkif_reject("empty");
  351. 		}
  352. 	});// sconfirm_promise.then        /////////////////////////////////////////////
  353. }
  354.  
  355. function eraseElementsCmd() { 
  356. 	// Called from GM script command menu and from clickable within ctrl-click  prompt.
  357. 	// 
  358. 	var erasedElems, no_sels;
  359. 	erasedElems=getHidElemsCmd("with site");
  360. 	no_sels = !erasedElems ? 0 : erasedElems.split(/,/).length;
  361. 	var prompt_promise=sprompt(
  362. 		"See checkboxes distantly below to set the script's configutation values.  Ctrl-click is the usual way to erase parts of a webpage, however, as an alternative below you can manually "
  363. 			+"edit the internal selectors for erased elements, eg, 'DIV#main_column site', optional word 'site' erases the element at the entire website; eg, 'iframe' will hide all iframes (often ads). " 
  364. 			+"For more than one selector use commas to separate"+(no_sels?", currently there's "+no_sels+" below":"")+".  To remove all element erasures set to blank.  Reload webpage if necessary."
  365. 		, erasedElems.replace(/,/g,", \n"));
  366. 	prompt_promise.then(function([btn,reply]){
  367. 		if (!btn) return; //cancel ==> null, undefined==> escape. (null is == to undefined!)
  368. 		config={monitor:config.monitor}; delete config.monitor[website];
  369. 		if ($("#sfswe-checkbox:checked").length)	config.noAnimation="checked";
  370. 		if ($("#sfswe-checkbox2:checked").length)	config.keepLayout="checked";
  371. 		if ($("#sfswe-checkbox3:checked").length) 	config.hideCurtains="checked";
  372. 		if ($("#sfswe-checkbox5:checked").length)       config.monitor[website]="checked";
  373. 		if ($("#sfswe-checkbox4:checked").length) {
  374. 			toggleCurtains();
  375. 			let subpromt=sprompt("Please enter http address of curtain image to be used.  If giving left and right images separate with a space.  "
  376. 	+"Leave empty to reset.  Accepts base64 image strings.","");
  377. 			subpromt.dialog.attr("title","Perhaps try a quaint example; one found with an image search for 'curtains':\n\thttp://www.divadecordesign.com/wp-content/uploads/2015/09/lace-curtains-5.jpg");
  378. 			subpromt.then(function([btn2,reply2]){
  379. 				if (btn2) { setValue("ownImageAddr",reply2);
  380. 							curtain_icon=reply2||whitecurtains;
  381. 							curtain_slim_icon=reply2||whitecurtainsoriginal;
  382. 							curtain_wide_icon=reply2||whitecurtainstriple;
  383. 							$(".WebEraserCurtain").attr("src",curtain_icon);  }
  384. 				toggleCurtains(); });
  385. 		} else {
  386. 			let duplicates={};
  387. 			reply=reply.replace(/\s*,\s*/g,",").replace(/(?=[^,])\n(?=[^,])/g,",").split(/,/); // , newline->comma if none; if no comma all is put in [0]
  388. 			log("Got reply array:",reply);
  389. 			if(reply.length) {
  390. 				page_erasedElems=[]; site_erasedElems=[]; 
  391. 				$(reply).each((i,str)=>{ //
  392. 					if (str=="") return;
  393. 					if (duplicates[str]) return;
  394. 					duplicates[str]=true;
  395. 					str=str.trim();
  396. 					if (/\ssite$/.test(str)) site_erasedElems.push(str.replace(/\ssite$/,""));
  397. 					else page_erasedElems.push(str);
  398. 				});
  399. 				site_erasedElems=site_erasedElems.toString();
  400. 				page_erasedElems=page_erasedElems.toString();
  401. 			}
  402. 			try{$(reply);} catch(e){alert("Bad selector given."); throw(e);}
  403. 			setValue("config",config);
  404. 			setValue(website+":erasedElems",site_erasedElems);
  405. 			setValue(webpage+":erasedElems",page_erasedElems);
  406. 			zaplists.update();
  407. 			//log("end awaaits of setvalue");
  408. 			openCurtains();
  409. 			$(".Web-Eraser-ed").each(function(){
  410. 				var self=$(this);
  411. 				self.css({display: self.data("sfswe-display"), visibility: self.data("sfswe-visibility")});
  412. 				self.removeClass("Web-Eraser-ed");
  413. 			});
  414. 			$(".CurtainRod").remove();
  415. 			//log("set tout")
  416. 			setTimeout(inner_eraseElements,1000,"prompt"); //'cos openCurtains takes time
  417. 			//inner_eraseElements("fromPrompt");
  418. 		}
  419. 	});//prompt_promise.then()
  420. 	var keep_layout=config.keepLayout;
  421. 	var dialog=prompt_promise.dialog;
  422. 	dialog.find(".ui-dialog-buttonpane").prepend(
  423. 		"<div class=sfswe-ticks style='float:left;font-size:10px;'>" //width:78%;
  424. 	+"<input id=sfswe-checkbox2 type=checkbox style='float:left;"+(!keep_layout?" margin:0 3px;":"")+"' "+keep_layout+"><label>Preserve layout (in general).</label>"
  425. 			+(keep_layout ? "<input id=sfswe-checkbox3 type=checkbox style='margin:0 3px 0 10px;height:12px;'"+(config.hideCurtains||"")+"><label>Also hide curtains.</label>" : "")
  426. 	+"<br><input id=sfswe-checkbox type=checkbox style='margin-left:3px;'"+(config.noAnimation||"")+"><label>Disable animation (in general).</label>"
  427. 	+"<br><input id=sfswe-checkbox4 type=checkbox style='margin-left:3px;'><label>Set your own curtains' image.</label>"
  428. 			+"<input id=sfswe-checkbox5 type=checkbox style='margin-left:15px;'"+(config.monitor[website]||"")+"><label>Monitor for new elements on this website.</label>"
  429. 			+"</div>"
  430. 	);
  431. 	dialog.find("input:checkbox").css({
  432. 		//cmtd out 8/17	"-moz-appearance":"none",
  433. 		height:12});
  434. 	dialog.find(".ui-dialog-content").attr("title","WebEraser userscript.\n"+webpage+"\n\nCurrent matches at this webpage:\n"+bodymsg());
  435. } //eraseElementsCmd()
  436.  
  437. function inner_eraseElements(from) { 
  438. 	//
  439. 	// Called at page load and when user sets selector(s) for erasure.
  440. 	// 1. Go through uncurtained elements for erasure and do curtainClose (or css display to none) on each.
  441. 	// 2. Class each as "Web-Eraser-ed" and backup css values that might get changed.
  442. 	// 3. If changes were made log details to console and to logging div.
  443. 	//
  444. 	var erasedElems=getHidElemsCmd(), len=erasedElems.length, erasedElems_ar=erasedElems.split(/,/), count=0, nomatch=[];
  445. 	if (erasedElems_ar[0]=="") erasedElems_ar.shift(); //fix split's creation of array length one for empty string.
  446. 	var theErased=$(".Web-Eraser-ed"); theErased.removeClass("Web-Eraser-ed");
  447. 	log("inner_eraseElements, erasedElems_ar",erasedElems_ar, "from:",from);
  448. 	erasedElems_ar.forEach(function(sel,i){
  449. 		erasedElems=$(sel); //Array.from(document.querySelectorAll(sel)); //$(sel), jQ cannot find duplicate ids.
  450. 		erasedElems.each(function() {
  451. 			log("inner_eraseElements Found for sel",sel," el: ",this);
  452. 			var eld=this,el=$(eld); // 40msecs per 'each' loop.
  453. 			if(/delay|focus/.test(from)) { // skip curtains already closed.
  454. 				var crod=jQuery.data(eld,"rod-el"); //el.prev()[0];
  455. 				if (crod && /^sfswediv/i.test(crod[0].tagName)) {el.addClass("Web-Eraser-ed");return;}
  456. 			}
  457. 			markForTheCurtains(el,eld,sel);
  458. 			var no_anima=config.noAnimation, keep_layout=config.keepLayout;
  459. 			if (no_anima && !keep_layout)  eld.style.setProperty("display","none","important");
  460. 			else  if (el.css("display")!="none") closeCurtains(el, no_anima, measureForCurtains);
  461. 			count++;
  462. 		}); //erasedElems.each()
  463. 		if (erasedElems.length==0 && sel) nomatch.push(sel);
  464. 	}); //forEach()
  465. 	if (iframe || count==0) return;
  466. 	theErased=$(".Web-Eraser-ed");
  467. 	observeThings();
  468.  
  469. 	if (len==0)  observeThings("off");
  470. 	if (theErased.length==0) return;  ////////////////////
  471. 	if (nomatch.length) {
  472. 		console.info("WebEraser message: no match for the following selectors at",webpage+":");
  473. 		nomatch.forEach(nom=>console.info("\t",nom));
  474. 	}
  475. 	var ieemsg="Userscript WebEraser has selectors to hide.  "+count+(count==1 ? " element that was":" elements that were")+" present on page at site: "+website
  476. 		+".\nSee GM menu command Erase Web Elements to check and edit selector list.  "
  477. 		+(config.keepLayout ? "" : "Keep layout is not ticked.")
  478. 		+(config.noAnimation ? "Animation is off." : "")
  479. 		+(config.hideCurtains ? "Hide curtains is ticked." : "");
  480. 	theErased.each(function(i){
  481. 		var that=$(this);
  482. 		var sel=that.attr("selmatch-sfswe");
  483. 		var onzaplist=zaplists.which(sel);               // 10 msecs to here from prev in  closeCurtains() above.
  484. 		var rod=jQuery.data(this,"rod-el");
  485. 		var is_an_overlay=rod && rod.hasClass("sfswe-overlay");    //that.prev().hasClass("sfswe-overlay");
  486. 		ieemsg+="\n"+(i+1)+":"+sel;
  487. 		ieemsg+=".\t\t"
  488. 			+(is_an_overlay ? "=> Considered as an Overlay,takes up > 2/3 of window, deleted."
  489. 			  : onzaplist.zap ? " => complete erasure."
  490. 			  : onzaplist.keep_layout ? " => erase but keep layout."
  491. 			  : "" );
  492. 	});
  493. 	ieemsg+="(phase:"+from+")";
  494. 	count=0;
  495. 	console.info(ieemsg);
  496. 	bodymsg(ieemsg.replace(/(.*\n){2}/,"")+"  Whence: "+from+".","init");
  497. }
  498.  
  499. function closeCurtains(el, noAnimKeepLayout, finishedCB=x=>x) {   //called from inner_eraseElements()
  500. 	//log("closeCurtains1, el:",el,noAnimKeepLayout,finishedCB,"sel:",el.attr("selmatch-sfswe")); //,"\n\nLog of Stack",logStack());
  501. 	var that=closeCurtains; if (!that.final_curtain) that.final_curtain=0;
  502. 	var hide_curtains=config.hideCurtains, keep_layout=config.keepLayout, wediv=el.children("sfswediv"), curtainRod, lrcurtains;
  503. 	var old_curtained=wediv.length ? jQuery.data(wediv[0],"covered-el") : null;
  504. 	if ( ! old_curtained || ! old_curtained.is(el))
  505. 		[curtainRod,lrcurtains]=createCurtains(el,noAnimKeepLayout);
  506. 	else { curtainRod=el.children("sfswediv"), lrcurtains=curtainRod.children();}
  507. 	curtainRod.css("display","");
  508. 	var onzaplist=zaplists.which(el); // 20 msecs from prev
  509. 	if (noAnimKeepLayout) {
  510. 		lrcurtains.css({width:"51%"});
  511. 		if (onzaplist.zap) { curtainRod.css({display:"none"}); el[0].style.setProperty("display","none","important");} // "none" triggers monitor if on.
  512. 		else if (onzaplist.keep_layout||hide_curtains||curtainRod.hasClass("sfswe-overlay")){
  513. 			curtainRod.css({visibility:"hidden",display:""});
  514. 			el[0].style.setProperty("visibility","hidden","important");
  515. 		}
  516. 		measureForCurtains();
  517. 	}
  518. 	else { // Do animated curtain closing, then, perhaps, fade out.
  519. 		that.final_curtain++;
  520. 		manimate(lrcurtains,["width",15,"%"],1000,2);
  521. 		manimate(lrcurtains,["width",51,"%",1000],1000,5,function(){ ///////////////////////Animation
  522. 			log("Anim end",lrcurtains,"Width of left curtain:",lrcurtains.css("width"));
  523. 			lrcurtains.css("width","51%");
  524. 			curtainRod.css("visibility","visible");
  525. 			el=jQuery.data(this.parentNode, "covered-el")||$();
  526. 			if (!keep_layout || curtainRod.hasClass("sfswe-overlay")||onzaplist.zap) {
  527. 				//console.log("Anim end, fade curtains");
  528. 				el.add(curtainRod).delay(200).fadeOut(       // $.add here prepends.
  529. 					500, function(){
  530. 						this.style.setProperty("display","none","important"); // triggers monitor if on.
  531. 						if (el[0]==this && --that.final_curtain==0) finishedCB();
  532. 					});
  533. 			}
  534. 			else if (hide_curtains||onzaplist.keep_layout) {
  535. 				//console.log("Anim end, fade out 2");
  536. 				el.add(curtainRod).delay(200).fadeOut(
  537. 					1000, function(){
  538. 						this.style.setProperty("visibility","hidden","important");
  539. 						this.style.setProperty("display",$(this).data("sfswe-display"),"important"); //triggers monitor.
  540. 						curtainRod.css({visibility:"hidden",display:""});
  541. 						curtainRod.remove();
  542. 						if (el[0]==this && --that.final_curtain==0) finishedCB();
  543. 					});
  544. 			} else if (--that.final_curtain==0) {
  545. 				//console.log("Anim end, call CB");
  546. 				finishedCB();
  547. 			}
  548. 		}); //animate()
  549. 	}
  550. 	return false;
  551. } //closeCurtains()
  552.  
  553. function keypressHandler(event) { try{ //while prompt is open.
  554. 	var ip=$("#sfswe-seledip:enabled");
  555. 	if (ip.length) { //live typing of selector.
  556. 		setTimeout(ip=>{
  557. 			var cval=ip.val(), matched_els=[];
  558. 			try{matched_els=$(cval);} catch(e) {};// bad selector, transient
  559. 			if (matched_els.length) { // may unwind.
  560. 				hlightAndsetsel(0,"off",null,"mere_highlight"); 
  561. 				hlightAndsetsel($(cval),null,null,"mere_highlight"); }
  562. 			else hlightAndsetsel(0,"off","restore");
  563. 		},500,ip);
  564. 	} else  { // widen/narrow
  565. 		switch(event.key) {
  566. 		case "w": widen(); break;
  567. 		case "n": narrow(); break; 
  568. 		default: return; } 
  569. 		return false;
  570. 	}
  571. } catch(e) {console.error("An key handler error:"+e+" "+e.lineNumber);} };
  572.  
  573. // GM_registerMenuCommand("Temporary web deleter, ctrl-click",function(){
  574. //     window.addEventListener("mousedown",function(e){
  575. // 	if(e.ctrlKey) {
  576. // 	    if (e.preventDefault) { e.preventDefault(); e.stopPropagation(); }
  577. // 	    e.target.style.setProperty("display","none","important");
  578. // 	}
  579. //     },true);
  580. // });
  581. //thousand's comma, call Number.toLocaleString()
  582. //if (iframe) console.log=x=>null;       //logger(); // Logs from doc start.
  583.  
  584. async function init_globs() { // all globs asynchronously set.
  585. 	log("init_globs");
  586. 	page_erasedElems=(await getValue(webpage+":erasedElems","")).trim();
  587. 	//loader Failed here.
  588. 	site_erasedElems=(await getValue(website+":erasedElems","")).trim();
  589. 	elems_to_be_hid=getHidElemsCmd();
  590. 	zaplists=new zaplist_composite(); 
  591. 	await zaplists.update(); //depends on site/page_erasedElems being read first.
  592.  
  593. 	ownImageAddr=await getValue("ownImageAddr","");
  594. 	whitecurtains=await GM.getResourceUrl("whiteCurtains");
  595. 	// Ensure visit to https matches getResourceUrl use of https or address as given in header w/wo ssl!
  596. 	whitecurtainsoriginal=await GM.getResourceUrl("whiteCurtainsOrig");
  597. 	whitecurtainstriple=await GM.getResourceUrl("whiteCurtainsTrpl");
  598. 	curtain_icon=ownImageAddr|| whitecurtains;
  599. 	curtain_slim_icon=await getValue("ownImageAddr","")||whitecurtainsoriginal;
  600. 	curtain_xslim_icon=await getValue("ownImageAddr","")||await GM.getResourceUrl("whiteCurtainsXsm");
  601. 	curtain_wide_icon=await getValue("ownImageAddr","")||whitecurtainstriple;
  602. 	config=await getValue("config",{keepLayout:"checked",monitor:{}});
  603. 	if (!config.monitor) config.monitor={};
  604. 	if(!jQuery.ui)  { // GM4 loader problem. Another userscript is loaded that has jq but no jQuery-UI will clobber $.ui here.
  605. 		$=jQuery=jq_saved;  // saved from when prior to async branch.
  606. 		console.log("GM4 FAILure, jq.ui clobbered, patching up.",jQuery.ui);
  607. 	}
  608. }
  609.  
  610. function installEventHandlers(phase2) {
  611. 	if(!phase2) {
  612. 		document.addEventListener("scroll", function(e){ if (!overlay) return; e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();},true);
  613. 		
  614. 		//window.addEventListener("click",handleClick,true);
  615. 		window.addEventListener("mousedown",handleClick,true);
  616. 		window.addEventListener("message", postMessageHandler,false);
  617. 		if(iframe) window.installedEHs=true;
  618. 		//console.log("installed handlers, window.mousedown, at:",location.href,".  In iframe?",iframe);
  619. 	}
  620. 	else {
  621. 		$("iframe").each(function(){
  622. 			var fwin=this.contentWindow; try{ //perhaps permission error due to iframe origin.
  623. 				if (!fwin.installedEHs) {
  624. 					fwin.addEventListener.call(fwin,"mousedown",handleClick,true);
  625. 					fwin.addEventListener.call(fwin,"message", postMessageHandler2,false);
  626. 					//despite use of call(), event is still triggered in this context not in iframe's hence use of frameElement.
  627. 				}} catch(e){};
  628. 		});
  629. 	}
  630. }
  631.  
  632. function prevDef(e) { if (e.preventDefault) {	e.preventDefault();   e.stopPropagation(); e.stopImmediatePropagation();  }
  633. 					} //else console.log("No preventDefault for event",e);	}					       
  634.  
  635. function postMessageHandler(e){ //reads postMessage().
  636. 	if ( ! e.data.type || e.data.type!="sfswe-iframe-click") return;
  637. 	//log("Handle a PostMessage, iframe:",iframe, "code:",e.data.code,"data",e.data,[e]);
  638. 	if (iframe) {
  639. 		window.parent.postMessage({type:"sfswe-iframe-click",code:++e.data.code},"*");
  640. 		return;
  641. 	}
  642. 	var iframeEl; 
  643. 	$("iframe, embed").each((i,el)=>{ 
  644. 		// log("cmp, el.cont",el.contentWindow," e.source",e.source," e.origin",e.origin,typeof e.origin);
  645. 		// log("getsvg",el.getSVGDocument,el);
  646. 		// log("src",e.data.src,"==",el.src);          //xss perm denied, e.source.toString(),
  647. 		if (el.contentWindow==e.source ||e.data.src==el.src) { iframeEl=$(el); return false; }
  648. 	});
  649.  
  650. 	// var iframeEl=$("iframe, embed").filter(function(){ 
  651. 	// 	log("cmp, this.cont",this.contentWindow," e.src",e.source,"res:",this.contentWindow==e.source);
  652. 	// 	return this.contentWindow==e.source; 
  653. 	// });
  654. 	handleClick({target:iframeEl[0],ctrlKey:true},"iframe_click");
  655. }
  656.  
  657. function getSelectorWithNearestId(target,exclude_classes) { // need extended jquery for :regexp 
  658. 	ensure_jquery_extended(); 
  659. 	var sel, nearestNonNumericId=target.closest(":regexp(id,^\\D+$)").attr("id"), nnmi=nearestNonNumericId; //closest also checks target
  660. 	//console.log("nnmi",nnmi, "matches #els:",$("[id="+nnmi+"]").length);
  661. 	if (nnmi && $("[id="+nnmi+"]").length>1) { nnmi="";ignoreIdsDupped=true;} // Page error duplicate ids, ignore id.
  662. 	if (nnmi) nnmi=$("#"+nnmi).prop("tagName")+"#"+nnmi; //cos of jQ & multiple ids.
  663. 	if ($(nnmi).is(target)) sel=nnmi;
  664. 	else {
  665. 		sel=selector(target,$(nnmi),true,0,exclude_classes); //ok if nnmi is undefined id.
  666. 		if (!sel) sel=nnmi; //both target and $(nnmi) are same element. 
  667. 		else if(nnmi) sel=nnmi+sel;
  668. 	}
  669. 	return sel;
  670. }
  671.  
  672. function getHidElemsCmd(cmd,el){
  673. 	var els, pels=page_erasedElems, sels=site_erasedElems;
  674. 	//console.log("Got sels as:",sels);
  675. 	switch(cmd) {
  676. 		
  677. 	case "match el":  return el.is($(getHidElemsCmd()));
  678. 	case "count":     return getHidElemsCmd().split(/,/).reduce(function(prev_res,sel){return prev_res+$(sel).length;},0);
  679. 	case "with site": sels=sels.replace(/,/g," site,")+(sels ? " site" : ""); // see reverse of this in hidElementsListCmd() and  eraseElementsCmd().
  680. 	default:          return pels + (sels && pels ? "," : "") + sels;	// if (justpels_ar) return pels.split(","); //webpage elements.
  681. 	}
  682. }
  683.  
  684. function hidElementsListCmd(cmd,str,str2) {
  685. 	//console.log("hidElementsListCmd, cmd:",cmd, "str:",str,"str2:",str2, "HidElems:",getHidElemsCmd());
  686. 	var  sitewide;
  687. 	switch(cmd) {
  688. 	case "add":
  689. 		if (hidElementsListCmd("isthere?",str)) return;
  690. 		if (/\ssite$/.test(str)) { sitewide=true; str=str.replace(/\s+site$/,"");  }
  691. 		if (sitewide)  site_erasedElems += site_erasedElems ? ","+str : str;
  692. 		else  page_erasedElems += page_erasedElems ? ","+str : str;
  693. 		$(str).each(function() {  $(this).data("sfswe-oldval", $(this).css(["display","visibility","height","width"]));	});
  694. 		break;
  695. 	case "mv":
  696. 		if (hidElementsListCmd("rm",str)) str2+=" site";
  697. 		hidElementsListCmd("add",str2);
  698. 		return; //return needed to prevent saving of old values.
  699. 	case "rm":
  700. 		if (str instanceof $) { str.each(function(){ hidElementsListCmd("rm", $(this).attr("#selmatch-sfswe"));	});  return str.length; }
  701. 		page_erasedElems=$.map(page_erasedElems.split(/,/),el=>el==str ? null : el.trim()).join(",");
  702. 		site_erasedElems=$.map(site_erasedElems.split(/,/),el=>el==str ? null : el.trim()).join(",");
  703. 		break;
  704. 	case "isthere?": //check if str is amongst hidden elements list.
  705. 		return getHidElemsCmd().split(/,/).includes(str);
  706. 		//return getHidElemsCmd().split(/,/).reduce((prev_res,next)=>prev_res||next==str,false);
  707. 	}
  708. 	log("hidElementsListCmd",cmd,str,str2,"SetValues: ",site_erasedElems,page_erasedElems);
  709. 	setValue(website+":erasedElems",site_erasedElems);
  710. 	setValue(webpage+":erasedElems",page_erasedElems);
  711. 	zaplists.update();
  712. 	
  713. 	return sitewide;
  714. }
  715.  
  716. //Blinks are double, one for selected elements, other is only when at top/bottom of narrow/widen chosen.
  717. function hlightAndsetsel(elem, off, restore, mere_highlight) {try{ //also updates prompt with elem's selector.
  718. 	if (!off) { // on
  719. 		elem=$(elem);
  720. 		if (elem.length==0) return;
  721. 		gpre_elem=gelem;
  722. 		gelem=$(elem);
  723. 		var newsel,fullsel,h=gelem.height(),w=gelem.width();
  724. 		console.info("W/e widen/narrow, element to highlight is",gelem, mere_highlight);
  725. 		if (!mere_highlight) { // not typed in but from widen/narrow etc.
  726. 			var selinput=$("#sfswe-seledip"),            //sfs_pesel");
  727. 				elhtml=gelem[0].outerHTML.replace(gelem[0].innerHTML,"");
  728. 			
  729. 			newsel=getSelectorWithNearestId(gelem,tbcl+" "+rbcl+" Web-Eraser-ed");
  730. 			fullsel=selector(gelem,0,false,0,tbcl+" "+rbcl+" Web-Eraser-ed");
  731. 			gelems=$(newsel).not(gelem);
  732. 			selinput.val(newsel); //+"<pre style='font-size:14.4px;'>\n\tHTML in pre</pre>");
  733. 			selinput.prop("title", (newsel!=fullsel ? "Full selector:\n\n\t"+fullsel+"\n\n" : "")
  734. 						  //+gelem[0].outerHTML.replace(/>.*/g,">").replace(/\s*</g,"<")
  735. 				+"Element html:\n"+elhtml
  736. 				+"\n\nElement style:\n"+myGetComputedStyle(gelem[0]));
  737. 		} //endif !mere_highlight
  738. 		updatePromptText(newsel,fullsel);
  739. 		gelem.data("pewiden-trace","true"); //    if (!gelem.hasClass("pewiden-trace"))
  740. 		//!!	gelem.parents().addBack().addClass(tbcl);
  741. 		//	gelem.find(">:only-child").addClass(tbcl);
  742. 		gelem.add(gelems).toggleClass(rbcl);
  743. 		gelem.elh=gelem[0].style.height;	gelem.elw=gelem[0].style.width;
  744. 		gelem.height(h- 2*border_width);gelem.width(w- 2*border_width);
  745. 		bblinker=setInterval(function(){ // normal "selected" blink.
  746. 			if (gelems.length) gelems.toggleClass(rbcl);
  747. 			else gelem.toggleClass(rbcl);    //.css({borderColor:"red",borderWidth:"9px",borderStyle:"double"});
  748. 			if (plat_msedge) // catch of escape not working on msedge.
  749. 				if ($(".ui-dialog").css("display")=="none") 	hlightAndsetsel(0,"off","restore"); 
  750. 		},1200);
  751. 	}
  752. 	else { //off
  753. 		clearInterval(bblinker);
  754. 		gelem.removeClass(rbcl);
  755. 		gelem[0].style.height=gelem.elh;	gelem[0].style.width=gelem.elw;
  756. 		//gelem.height(h+ 2*border_width);gelem.width(w+ 2*border_width);
  757. 		if (restore) $("."+tbcl).removeClass(tbcl); 
  758. 	}
  759. }catch(e) {console.error("hlightAndsetsel(), err",e.lineNumber,e);}}
  760.  
  761.  
  762. function widen() { // .html() return &gt; encodings, .text() does not.  tab as @emsp must be set with html() not text()
  763. 	var selinput=$("#sfswe-seledip");
  764. 	if (/[:.][^>]+$/.test(selinput.val())) {
  765. 		var newsel=selinput.val().trim().replace(/[:.][^:.]+$/,"");
  766. 		selinput.val(newsel);
  767. 		gelems=$(newsel);
  768. 		gelems.addClass(rbcl);
  769. 		updatePromptText();
  770. 		return;
  771. 	}
  772. 	if (gelems.length) { gelems.removeClass(rbcl);gelems=$();}
  773. 	var p=gelem.parent();
  774. 	if (p.is("body")) {
  775. 		blinkBorders(gelem); //blink double indicates top of hierarchy.
  776. 		return;
  777. 	}
  778. 	hlightAndsetsel(0,"off");
  779. 	hlightAndsetsel(p);
  780. }
  781.  
  782. function narrow() {
  783. 	if (gelems.length) {
  784. 		widen();  // nulls gelems.
  785. 		narrow(); // Follow gelem trace back to el.
  786. 		//narrow();
  787. 		return;
  788. 	}
  789. 	var trace=gelem.find(":data(pewiden-trace):first"); // trace left by hlightAndsetsel()
  790. 	if(trace.length==0) trace=gelem.find(">:only-child");
  791. 	if (trace.length==0) {
  792. 		blinkBorders(gelem);
  793. 		return;
  794. 	}
  795. 	hlightAndsetsel(0,"off");
  796. 	hlightAndsetsel(trace);
  797. }
  798.  
  799. function updatePromptText(newsel,fullsel) { 	// set text size tagname etc.
  800. 	var updated_text="";
  801. 	if (gelems.length<=1)
  802. 		updated_text="selected ("+gelem.prop("tagName").toLowerCase()+") element ("+(gelem.height()|0)+"x"+(gelem.width()|0)+"pixels)";
  803. 	else
  804. 		updated_text="selected "+gelems.length+" "+gelem.prop("tagName").toLowerCase()+"s";
  805. 	updated_text+=":";
  806. 	$("#fsfpe-tagel").parent().prop("title","Click here to invoke widen/narrow with 'w' and 'n' keys resp.\nClick on the internal code below, then move mouse a small bit to see "
  807. 									+(newsel!=fullsel ? "full position in hierarchy," : "")
  808. 				+" html and style settings of the selected element. ");
  809. 	$("#fsfpe-tagel").text(updated_text);
  810. }
  811.  
  812. function myGetComputedStyle(el) {
  813. 	if (!document.defaultView.getDefaultComputedStyle) return ""; // has no getDefaultComputedStyle().
  814. 	var roll="",defaultStyle=document.defaultView.getDefaultComputedStyle(el);
  815. 	var y=document.defaultView.getComputedStyle(el), val, val2, i=1;
  816. 	for (let prop in y) {
  817. 		if (/^[a-z]/.test(prop) && ! /[A-Z]/.test(prop) && (val=y[prop])
  818. 			&& val!=defaultStyle[prop]) {
  819. 			if (val.trim)  //just a type check
  820. 				if (val.startsWith("rgb")) val="#"+val.replace(/[^\d,]/g,"").split(/,/).map(x=>Number(x).toString(16)).join("");
  821. 			if (prop.startsWith("border") && y[prop.replace(/-\w*$/,"")+"-style"]=="none") continue; // Error in getDefaultComputedStyle borders not set properly (eg, color should be that of el)
  822. 			roll+= prop +": "+val+"; ";
  823. 			if (i++%3==0) roll+="\n";
  824. 		} //endif
  825. 	}
  826. 	return roll;
  827. }
  828.  
  829.  
  830. function blinkBorders(elem, interval=150, times=4) { // borders must already be set.
  831. 	times*=2;
  832. 	var cnt=0,i=setInterval(function(){
  833. 		cnt++;
  834. 		elem.toggleClass(rbcl);
  835. 		//!!
  836. 		//	elem.toggleClass(tbcl); 
  837. 		if (cnt==times) {clearInterval(i);elem.removeClass(rbcl);}// interference so rm class.
  838. 	},interval);
  839. }
  840.  
  841. function ensure_jquery_extended() { 
  842. 	if ($.expr[":"].regexp) return; // already extended, not yet clobbered.
  843. 	$.fn.reverse = Array.prototype.reverse; 
  844. 	$.fn.swap = function(to) {
  845. 		var a=this.eq(0), b=$(to).eq(0);
  846. 		var tmp = $('<span>').hide();
  847. 		a.before(tmp);
  848. 		b.before(a);
  849. 		tmp.replaceWith(b);
  850. 		return;
  851. 	};
  852. 	$.easing["stepper"] =  function (x, t, b, c, maxt) { // eg, see, console.log($.easing)  for other funcs.
  853. 		// var y=c*(t/=maxt)*t + b;
  854. 		// if (x<0.4) y=0.1;
  855. 		//console.log(x);
  856. 		//return y;
  857. 		return x;
  858. 	};
  859. 	$.extend($.expr[':'], {       // Check it's there with $.expr[":"].regexp.toString()
  860. 		regexp: function(currentobj, i, params, d) { //filter type function.
  861. 			params=params[3].split(/,/);       //eg, [ 'regexp', 'regexp', '', 'className,promo$' ]
  862. 			var attr=params[0], re=params[1];  //eg, className, promo$
  863. 			if (attr=="class") attr="className";
  864. 			var val=currentobj[attr]+""||"";
  865. 			if (attr=="className") return val.split(/\s/).some(function(cl){return cl.match(re);});
  866. 			else return val.match(re);
  867. 		}}); //$.extend()     //usage eg: $(“div:regexp(className,promo$)”);
  868.  
  869. 	(function($){ 
  870. 		$.event.special.destroyed = {
  871. 			remove: function(o) {
  872. 				if (o.handler) {
  873. 					o.handler();
  874. 				}
  875. 			}
  876. 		}; })($); //Usage: $("#anid").bind('destroyed', function() {// do stuff}) // only for is jQ  removed el.
  877. } //extend_jquery()
  878.  
  879. function selector(desc,anc,no_numerals,recursed,exclude_classes) {try{ // descendent, ancestor, such that ancestor.find(ret.val) would return descendant.  If no ancestor given it gives it relative to body's parent node.   // See example usage in checkIfPermanentRemoval(). Numeraled classes/ids are excluded.
  880. 	anc=$(anc).eq(0); //apply only to first ancestor.
  881. 	if (anc.length==0) anc=$(document.body.parentNode); // !anc wouldnt work for a jq obj.
  882. 	desc=$(desc);
  883. 	if ( (desc.closest(anc).length==0 || desc.length!=1) && !recursed) {
  884. 		console.info("Too many elements or descendant may not related to ancestor:");
  885. 		console.info("Descendant is:"+selector(desc,0,0,true));
  886. 		console.info("Ancestor is:"+selector(anc,0,0,true)+".");
  887. 		return;
  888. 	}
  889. 	// Last element is highest in node tree for .parentsUntil();
  890. 	var sel=
  891. 		desc.add(desc.parentsUntil(anc)) // up to but not including.
  892. 		.reverse() 
  893. 		.map(function() { // works from bottom up to ancestor, hence need for reverse().
  894. 			var t=$(this), tag=this.tagName.toLowerCase(), nth=t.prevAll(tag).length+1, id="", cl, nthcl;
  895. 			//id=this.id.replace(/^\s*\b\s*/,"#"); if (!ignoreIdsDupped) id="";
  896. 			cl=(t.attr("class")||"").trim(); // Don't use this.className (animated string issue)
  897. 			cl=cl.split(/\s+/).join(".").prefix("."); 
  898. 			if (exclude_classes) cl=cl.replace(RegExp(".("+exclude_classes.replace(/ /g,"|")+")","g"),"");
  899. 			if (no_numerals && /\d/.test(id)) id="";
  900. 			if (no_numerals && /\d/.test(cl)) cl="";
  901. 			if ( (cl && t.siblings(tag+cl).length==0)
  902. 				 || id
  903. 				 || t.siblings(tag).length==0)
  904. 				nth=0;
  905. 			else if (cl && t.siblings(tag+cl).length!=0) {
  906. 				cl+=":eq("+t.prevAll(tag+cl).length+")";   //jQuery only has :eq()
  907. 				nth=0;
  908. 			}
  909. 			return tag+(nth?":nth-of-type("+nth+")":"")+id+cl; ////////////////////nth-of-type is One-indexed.
  910. 		}) //map()
  911. 		.get()         //
  912. 		.reverse()
  913. 		.join(">");
  914. 	if (desc.is(anc.find(">"+sel))) {
  915. 		if (anc.is(document.body.parentNode)) return "html>" + sel;
  916. 		return ">"+sel;
  917. 	} else {
  918. 		console.info("Selector result:\n\t"+sel+"  Not findable in ancestor, nor in body's parent.");
  919. 		if ($(sel).length) return sel; //Its the very top element, <HTML>.
  920. 	}} catch(e){logError("Can't get selector for "+desc,e); }}  //fixBadCharsInClass(desc);}
  921.  
  922.  
  923. function fixBadCharsInClass(obj) { //official chars allowed in class, throw error in jquery selection.
  924. 	obj.parents().addBack().each(function(){ this.className=this.className.replace(/[^\s_a-zA-Z0-9-]/g,""); });
  925. }
  926.  
  927. function markForTheCurtains(el,eld,sel,unmark) {
  928. 	if (!unmark) {
  929. 		el.css({overflow:"hidden"}).addClass("Web-Eraser-ed").attr("selmatch-sfswe",sel) //hidden, so height not 0.
  930. 			.data({sfsweDisplay: eld.style.display, sfsweVisibility:eld.style.visibility, sfsweOverflow: eld.style.overflow}); // needed in case zero height element with floating contents. // To make it have dims, in case of zero height with sized contents.
  931. 	}
  932. 	else el.css({overflow:el.data("overflow")}).removeClass("Web-Eraser-ed").attr("selmatch-sfswe",""); //hidden, so height not 0.
  933. 	log("end markForTheCurtains, classes:",eld.className);
  934. }
  935.  
  936. function reattachTornCurtains(curtains=$(".CurtainRod")) {try{
  937. 	var torn=false;
  938. 	curtains.each(function(){
  939. 		var that=$(this), el=jQuery.data(this,"covered-el")||$();
  940. 		if (el.parent().length==0 || !el.hasClass("Web-Eraser-ed")) {
  941. 			torn=true;
  942. 			that.addClass("sfswe-delete","true");
  943. 			//that.remove();
  944. 		}    });
  945. 	$(".sfswe-delete").remove();
  946. 	if (torn) inner_eraseElements();
  947. } catch(e){console.error("WebEraser reattachTornCurtains(), error@",e.lineNumber,e);}}
  948.  
  949. function measureForCurtains(curtains=$(".CurtainRod")) {
  950. 	curtains.each(function(){
  951. 		//console.log("measureForCurtains for el(data-covered) as:",jQuery.data(this,"covered-el"));
  952. 		var that=$(this), el=jQuery.data(this,"covered-el");          // $.data seems to lose its info when another userscript is also running, jQuery.data works.
  953. 		if(!el) {console.error("noel");el=$();}
  954.  
  955. 		var w=el.outerWidth(), h=el.outerHeight()+1; // Includes padding & border, margin included if 'true' passed.  jQuery sets and unsets margin-left during this, provoking attrModifiedListener.
  956. 		if (!el.hasClass("Web-Eraser-ed")) {
  957. 			el.addClass("Web-Eraser-ed");
  958. 			el.css({overflow:"hidden"});
  959. 		}
  960. 		//var offset=moffset(el);
  961. 		//that.css(offset);
  962. 		//that.css({height:h,width:w});
  963. 		//this.style.setProperty("width",w+"px","important");
  964.  
  965. 		if(!that.hasClass("outie")) {
  966. 			that.css({left:0,top:0});
  967. 			this.style.setProperty("width","100%","important");
  968. 			this.style.setProperty("height","100%","important");
  969. 		}else {
  970. 			var offset=moffset(el);
  971. 			that.css(offset).css({height:h,width:w});
  972. 			this.style.setProperty("width",w+"px","important");
  973. 		}
  974.  
  975. 		
  976. 	});};
  977.  
  978. function bodymsg(str,init) { // Append string to a <pre> that is initially appended to body.
  979. 	if ($("#sfswe-div-logger").length==0) $("body").prepend("<pre style='display:none;' id=sfswe-div-logger><pre class=init></pre></pre>");
  980. 	var sfsprelog=$("#sfswe-div-logger");
  981. 	var initpre=sfsprelog.find(".init");
  982. 	if (str) if (init) initpre.text(initpre.text()+"\n"+str+"\n");        //b.attr("sfswe-message",str);bodymsg.init=str;}
  983. 	else {
  984. 		if (str==bodymsg.str) 	sfsprelog.append(".");
  985. 		else {
  986. 			sfsprelog.append("\n"+str);
  987. 			console.info("WebEraser Monitor: "+str);
  988. 			bodymsg.str=str;
  989. 		}
  990. 	}
  991. 	return initpre.text();
  992. }
  993.  
  994. function observeThings(disable) { // call will start or if running reset monitoring, with param, it disables.
  995. 	var that=arguments.callee; that.off=[];
  996. 	if (that.obs1) { try { that.obs1.disconnect(); that.obs2.disconnect();} catch(e){
  997. 		console.log("Error during turn off of observations,",e);  } }
  998. 	if (disable || ! config.monitor[website]) return;
  999.  
  1000. 	var a,b,sels=getHidElemsCmd(),
  1001. 		nomonitor=set=>{ if (set==1) { that.off.push(true); a=that.obs1.takeRecords(); b=that.obs2.takeRecords();
  1002. 									   //if(a.length ||b.length) console.log("TOOK records");
  1003. 									 } // jquery get causes set, hence inf.loop.
  1004. 						 if (set==0) { that.off.pop(); a=that.obs1.takeRecords(); b=that.obs2.takeRecords();
  1005. 									   //if(a.length ||b.length) console.log("0TOOK records");
  1006. 									 } return that.off.slice(-1)[0]; };
  1007. 	
  1008. 	var parseCssText=str=>JSON.parse("{" + (str||"").replace(/[\w-]+(?=:)/g,'"$&"').replace(/:\s*(.+?)(?=;)/g,':"$1"').replace(/;/g,",").slice(0,-1) + "}");
  1009. 	console.info("WebEraser message: Monitoring elements that match given selectors for creation and display and to be erased on sight.");
  1010. 	$(sels).each((i,el)=>$(el).data("sfswe-oldval", $(el).css(["display","visibility","height","width"])) ); //copy of style obj but dead (eg, cssText not updated).
  1011. 	obs1_connect(sels);
  1012. 	
  1013. 	function obs1_connect(selectors) {
  1014. 		that.obs1=attrModifiedListener(document,selectors,["style","class","id"],function(mutrecs) {
  1015. 			if (nomonitor()) return;
  1016. 			nomonitor(1);
  1017. 			var rec=mutrecs[0], t=rec.target, target=$(t), attr=rec.attributeName;
  1018. 			var oldval=target.data("sfswe-oldval"), currval=target.css(["display","visibility","height","width"]);
  1019. 			
  1020. 			//console.log("Attr modified: "+attr,	"\n\nmut.oldValue--attr currvalue\n\n    ",			rec.oldValue,"\n\n ---",nodeInfo(target.attr(attr)),"\n\n\ntarget.data.oldvals:\t\t",			nodeInfo(oldval),"\n\nCurvals from .css():\t\t",nodeInfo(currval),			"\n\n\ntarget",target,"\n\nAll "+mutrecs.length+" All mutation records with oldvals:\n",			mutrecs.map(x=>"\noldval: "+x.oldValue+"\t\t\t\tnode: "+nodeInfo(x.target)).join(" ")  );
  1021. 			//ldval=parseCssText(mutrecs[0].oldValue);	    //var moldval=parseCssText(rec.oldValue);
  1022. 			
  1023. 			var objsel=target.attr("selmatch-sfswe");
  1024. 			if (!objsel) {
  1025. 				target.data("sfswe-oldval", target.css(["display","visibility","height","width"]));
  1026. 				markForTheCurtains(target,t,findMatchingSelector(target,selectors));
  1027. 			}
  1028. 			if (!oldval && /class|id/.test(attr)) { //&& target.prev("sfswediv")[0]) {
  1029. 				var newlen=that.obs1.add(target);
  1030. 				oldval={};
  1031. 			}
  1032. 			
  1033. 			if (currval.display=="none" && oldval.display!="none") {
  1034. 				bodymsg("change-nodisplay:"+target.attr("selmatch-sfswe"));
  1035. 				target.children("sfswediv").css("display","none");
  1036. 				measureForCurtains();
  1037. 			} else if (currval.display!="none" && (oldval.display=="none" || oldval.display==undefined )) {
  1038. 				bodymsg("change-display:"+target.attr("selmatch-sfswe"));
  1039. 				target.children("sfswediv").css("display","");
  1040. 				closeCurtains(target); //,true); //no animation since asynch anime will trigger too many mutation records.
  1041. 			}
  1042. 			if ( parseInt(currval.height)|0 - parseInt(oldval.height)|0) {
  1043. 				bodymsg("change-height:"+nodeInfo(target)+" "+currval.height);
  1044. 				measureForCurtains();
  1045. 			} else if ( parseInt(currval.width)|0 - parseInt(oldval.width)|0) {
  1046. 				bodymsg("change-width:"+nodeInfo(target)+" "+currval.width);
  1047. 				measureForCurtains();
  1048. 			} else if (currval.visibility!=oldval.visibility)
  1049. 				bodymsg("change-visibility:"+nodeInfo(target));
  1050. 			// 	if (currval.visibility=="visible")  {
  1051. 			// 	    bodymsg("change-display:"+target.attr("selmatch-sfswe"));
  1052. 			// 	    target.prev().css("display","");
  1053. 			// 	    closeCurtains(target,true); //no animation since asynch anime will trigger too many mutation records.
  1054. 			// 	} else if (currval.visible!="visible") {
  1055. 			target.data("sfswe-oldval",currval);
  1056. 			// change-visibility?
  1057. 			//}); //forEach
  1058. 			nomonitor(0);
  1059. 		}); // attrModifiedListener(... 
  1060. 	} // obs1_connect()
  1061. 	that.obs2=nodeMutationListener(document,sels, function(foundArrayOfNodes, parentOfMutation,removed) {
  1062. 		if (nomonitor()) return;
  1063. 		nomonitor(1);
  1064. 		foundArrayOfNodes.forEach(node=>{   // A flattened subtree, if node was again removed quickly it may have no parent.
  1065. 			var jQnode=$(node);
  1066. 			if (!removed) { // new node inserted.
  1067. 				jQnode.data("sfswe-oldval", jQnode.css(["display","visibility","height","width"]));
  1068. 				var foundsel=findMatchingSelector(jQnode,sels);
  1069. 				bodymsg("new-node:"+foundsel);
  1070. 				markForTheCurtains(jQnode,node,foundsel);
  1071. 				closeCurtains(jQnode,false,measureForCurtains); //nomonitor(0); },300);
  1072. 			} else { // node removed
  1073. 				//if(jQnode.attr("cc"))  {
  1074. 				bodymsg("node-delete:"+jQnode.attr("selmatch-sfswe"));
  1075. 				$(".CurtainRod[cc='"+jQnode.attr("cc")+"']").remove(); //.filter(function(){return $(this).data()})
  1076. 				measureForCurtains();
  1077. 				//} 
  1078. 			}
  1079. 		});//forEach
  1080. 		nomonitor(0);
  1081. 	},true); //nodeMutationListener()
  1082. }
  1083.  
  1084. function findMatchingSelector(obj,sels) {
  1085. 	return sels.split(/,/).find(sel=>obj.is(sel));
  1086. }
  1087.  
  1088. function openCurtains(zap_or_keep="",curtains=$(".WebEraserCurtain")) { // called from ctrl-click with curtains, eraseElementsCmd() w/o curtains, and lrcurtains.click sets "keep"
  1089. 	log("openCurtains",zap_or_keep,"curtains:",curtains);
  1090. 	setTimeout(function() {
  1091. 		curtains.each(function() { $(this).parent().css("visibility","hidden");});
  1092. 		manimate(curtains,["width",0,"%"],3500,8,function() {
  1093. 			var that=$(this), erased_el=jQuery.data(this.parentNode,"covered-el"); 
  1094. 			var sel=erased_el.attr("selmatch-sfswe");
  1095. 			bodymsg("opened curtains for sel:"+sel+", cc:"+erased_el.attr("cc"));
  1096. 			switch(zap_or_keep[0]) { // z: zap from layout, k: keep layout, t temporarily rm curtains, a: alt rm erasure
  1097. 			case "z": zaplists.add(sel);erased_el.css("display","none");measureForCurtains();console.info("Completely erased,",sel+".");break; 
  1098. 			case "k": zaplists.add(sel,"keep");;erased_el[0].style.setProperty("visibility","hidden","important");console.info("Hidden for layout,",sel+".");break; //keep_layout
  1099. 			case "t": that.parent().css("display","none");break;           //tzap
  1100. 			case "a": hidElementsListCmd("rm",sel); observeThings(); that.parent().remove();markForTheCurtains(erased_el,0,0,"unmark"); break; //azap
  1101. 			}
  1102. 			//erased_el.prev().css({display:"none"});
  1103. 		});
  1104. 	},1000);
  1105. 	return false;
  1106. }
  1107.  
  1108. // Outline overview of layout:
  1109. //
  1110. // <DIV id=xyz class=Web-Eraser-ed selmatch-sfswe="DIV#xyz"> // target el, for covering.  el.children("sfswediv") has data covered-el to here.
  1111. //   <sfswediv class=CurtainRod cc=n data.coveredEl=divtarget>             
  1112. // 	    <img class=webEraserCurtain sfswe-left>                        
  1113. // 	    <img> class=webEraserCurtain sfswe-right>
  1114. //   </sfswediv> 
  1115. // </DIV> 
  1116.  
  1117. // 
  1118.  
  1119. function createCurtains(el, noAnimKeepLayout) {
  1120. 	var h=el.outerHeight()|0,w=el.outerWidth()|0, area=h*w, iw=w/2, //pos= moffset(el),    
  1121. 		warea=window.innerHeight*window.innerWidth, csspos=el.css("position");
  1122. 	log("createCurtains ",noAnimKeepLayout,"h/w",h,w," el:",el);
  1123. 	// 9 msecs to here from function start.
  1124. 	var lsrc=curtain_icon.split(/\s+/)[0], rsrc=curtain_icon.split(/\s+/).slice(-1); //last string
  1125. 	//if (!getValue("ownImageAddr","")) switch(true) {
  1126. 	if(!ownImageAddr) switch(true) {
  1127. 		case w<250:  lsrc=rsrc=curtain_xslim_icon;break;
  1128. 		case w<500:  lsrc=rsrc=curtain_slim_icon;break;
  1129. 		case w>800: lsrc=rsrc=curtain_wide_icon;break; }
  1130. 	var lcurtain=$("<img class='WebEraserCurtain sfswe-left' style='left:0;position:absolute;height:100%;visibility:visible;'>");
  1131. 	lcurtain.attr("src",lsrc);
  1132. 	setTimeout(()=>{
  1133. 		if (lcurtain[0].complete||plat_chrome) return;
  1134. 		lcurtain[0].src="https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtains.orig.jpg";
  1135. 		rcurtain[0].src="https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtains.orig.jpg";
  1136. 	},500);
  1137. 	var rcurtain=$("<img class='WebEraserCurtain sfswe-right' style='right:0;position:absolute;height:100%;visibility:visible;' src="+rsrc+"></img>"), 
  1138. 		curtainRod=$("<sfswediv tabindex=0 class=CurtainRod cc="+(++curtain_cnt)+" style='z-index:2147483640; position:absolute; display:block; opacity:0.94;visibility:hidden'></sfswediv>"),//background-color:#888; !!overflow:hidden; rm'ed //inline is default here, 'd take full width of parent.
  1139. 		lrcurtains=lcurtain.add(rcurtain), sel=el.attr("selmatch-sfswe");
  1140. 	//Absolute is relative to nearest non-statically positioned ancestor, this is returned from elem.offsetParent.
  1141. 	el.attr("cc",curtain_cnt);
  1142. 	curtainRod.append(lcurtain,rcurtain);
  1143. 	curtainRod[0].title="Shift-Click to hide and preserve page layout.\nCtrl-click to persistently delete from layout.\nAlt-Click to remove erasure.\nDouble click to open or close curtains.\nClick to focus and enable typing of 'w', for widen, 'n', for narrow, 'l', lighten."
  1144. 				+"\n\nSelector is: "+sel+", webpage is:"+webpage+".";
  1145.  
  1146. 	lrcurtains.contextmenu(e=>(eraseElementsCmd(),false));
  1147. 	lrcurtains.click(function({ctrlKey:ctrl,shiftKey:shift,altKey:alt,target:target}) {
  1148. 		var that=$(this),lrcurtains=that.add(that.siblings());
  1149. 		log("lrcurtains.click alt",alt,"lrcurtains:",lrcurtains,"this:",this);
  1150. 		if (!(alt||shift)) return;
  1151. 		if (ctrl&&shift) alert("Curtained target is,"+target,"lrcurtains:",lrcurtains,"this",this);
  1152. 		else if (shift) openCurtains("keep_layout",lrcurtains);
  1153. 		else if (alt) openCurtains("azap",lrcurtains);
  1154. 		else if (ctrl&&alt) that.parent().focus();
  1155. 		return false;
  1156. 	});
  1157. 	lrcurtains.dblclick(e=>openCurtains("tzap",lrcurtains));
  1158. 	curtainRod.dblclick(e=>openCurtains("tzap",lrcurtains));
  1159. 	el.dblclick(e=>closeCurtains(el)); el.mousedown(e=>false);  el.mouseup(e=>false);  el.click(e=>false);
  1160. 	curtainRod.keypress(moveRod);
  1161. 	//curtainRod.css({height:h,width:w}).css(pos).data({coveredEl:el,selmatchSfswe:sel});
  1162. 	//curtainRod.css({height:h,width:w}); //.css(pos);
  1163.  
  1164. 	curtainRod[0].style.setProperty("float","none","important");
  1165. 	curtainRod[0].style.setProperty("width",w+"px","important");
  1166. 	jQuery.data(curtainRod[0],"coveredEl",el);
  1167. 	jQuery.data(el[0],"rodEl",curtainRod);
  1168. 	//log("data covered-el",jQuery.data(curtainRod[0],"covered-el"),"for rod",curtainRod[0]);
  1169. 	//log("\nAnd rod-el is ",jQuery.data(el[0],"rod-el"),"for el",el[0]);
  1170. 	lrcurtains.css({ width: (!noAnimKeepLayout ? 0 : "51%" )}); // Initial width of each curtain.
  1171. 	var portions=area/warea*100|0;    //curtainRod.attr("init-calc",(calc|0)+" "+portions);
  1172. 	if (portions>=60) { //>75% of window is covered.
  1173. 		var visible_area;
  1174. 		with (Math) {visible_area=min(w,window.innerWidth)*min(h,window.innerHeight);}
  1175. 		if (visible_area>=warea*0.6) {
  1176. 			lcurtain.css({left:"10%"});
  1177. 			curtainRod.css({width:"80%",top:"10%"}).addClass("sfswe-overlay");
  1178. 			lrcurtains.css({height:h*0.8});
  1179. 			setTimeout(x=>$("html, body").css("overflow",(i,v) => 
  1180. 							  v=="hidden" ? "auto": null).css("position",(i,v) => v=="fixed" ? "static": null),4000);
  1181. 			overlay=true;
  1182. 			//First event listener can stop prop to ones added later, ideally would be added at doc-start.
  1183. 			console.info("This element, chosen for erasure, is an Overlay (>2/3 covered, "+portions+"%, "+h+"x"+w+"): ", sel, el);}}
  1184. 	assertZ(el);      
  1185. 	if(!el.is("iframe,img,canvas")) { 
  1186. 		curtainRod.css({height:"100%",width:"100%",left:0,top:0});
  1187. 		el.prepend(curtainRod);        ////////////////////
  1188. 		curtainRod.parent().css("position","relative"); // ensure also that left and top are 0.
  1189. 	}
  1190. 	else { 
  1191. 		curtainRod.addClass("outie"); 
  1192. 		let pos=moffset(el);
  1193. 		log("OUTIE pos",pos,h,w, "$pos:",el.position());
  1194. 		curtainRod.css({height:h,width:w}).css(pos); //	curtainRod.css({height:"100%",width:"100%",left:0,top:0});
  1195. 		el.wrap("<div class=sfswe-contner>");
  1196. 		el.before(curtainRod); 
  1197. 	}
  1198. 	return [curtainRod,lrcurtains];
  1199. }
  1200.  
  1201. function moveRod(e) {
  1202. 	if (e.key=="w"||e.key=="n") {
  1203. 		let  newel, rod=$(this), el=jQuery.data(this,"covered-el")||$(), p=el.parent(), newsel, oldsel=el.attr("selmatch-sfswe");
  1204. 		var trace=el.find(":data(pewiden-trace):first"); 
  1205. 		if(trace.length==0) trace=el.find(">:only-child");
  1206. 		
  1207. 		if (e.key=="n")   newel=trace; //narrow
  1208. 		else              newel=p;     // widen
  1209. 		if (newel.length==0 || newel.is("body")) {	rod.focus();$("body").blur();rod.focus(); return false;}
  1210. 		
  1211. 		newsel=selector(newel,0,false,0,"Web-Eraser-ed");
  1212. 		el.data("pewiden-trace","true");
  1213. 		hidElementsListCmd("mv", oldsel, newsel);
  1214. 		newel.before(rod);
  1215. 		jQuery.data(this,"covererEl",newel);
  1216. 		markForTheCurtains(el,null,null,"unmark");
  1217. 		markForTheCurtains(newel,newel[0],newsel);
  1218. 		rod[0].title=rod[0].title.replace(/\nSelector is:.*\./,"\nSelector is:"+newsel+".");
  1219. 		measureForCurtains();
  1220. 		rod.focus();
  1221. 	} else if (e.key=="l") { //lighten
  1222. 		var rod=$(this);
  1223. 		var op=rod.css("opacity");
  1224. 		rod.css("opacity",op*0.8);
  1225. 		setTimeout(x=>rod.css("opacity",rod.css("opacity")*1.25),10000);
  1226. 	} else if (e.key=="s") {
  1227. 		var sfsprelog=$("#sfswe-div-logger");
  1228. 		sfsprelog.css("display","");
  1229. 		sfsprelog[0].scrollIntoView();
  1230. 	}
  1231. 	
  1232. 	return false;
  1233. }
  1234.  
  1235. function toggleCurtains() {
  1236. 	var that=arguments.callee; 
  1237. 	$(".CurtainRod").each(function(){
  1238. 		if (!that.xor)    {manimate($(".WebEraserCurtain",this),["width",51,"%"],2000,12);}
  1239. 		else              manimate($(".WebEraserCurtain",this),["width", $(this).data("init-width"),"%"],4000,8);
  1240. 	});
  1241. }
  1242.  
  1243. function zaplist_composite() { // composite pattern.  4 objs.  Those on zaplist are for complete erasure, but may keep layout.
  1244. 	if (iframe) return;
  1245. 	var zlists=[new zaplist(webpage),new zaplist(website),new zaplist(webpage,"kl"),new zaplist(website,"kl")];
  1246. 	this.add=function(sel,keep_layout){ 
  1247. 		zlists.forEach(function(el) { el.add(sel,keep_layout);});   };
  1248. 	this.contains=function(el){  // may be a dom/jq object or a string selector.   
  1249. 		return zlists.some(function(list) { return list.contains(el);}); };
  1250. 	this.which=function(el) { // The 2 bits returned tell if & on which zaplist the elem is.
  1251. 		if (this.contains(el)) {
  1252. 			var has_keep_layout=zlists.map(v => v.contains(el)).includes("kl");
  1253. 			return {keep_layout:has_keep_layout,zap:!has_keep_layout};
  1254. 		}
  1255. 		return {keep_layout:false,zap:false};
  1256. 	};
  1257. 	this.update=function(sel){	zlists.forEach(function(el) { el.update();});  };
  1258. 	this.toString=()=>"[object zaplist_composite]";
  1259. }
  1260.  
  1261. function zaplist(key,keytype) { 
  1262. 	var fullkey=key+":zaplist"+(keytype? ":"+keytype : "");
  1263. 	var savelist=function() { var p=setValue(fullkey,list);
  1264. 							  if (!list.length && GM.deleteValue) p=GM.deleteValue(fullkey);
  1265. 							  //log("saved zaplist fullkey",fullkey,", list:",list,"getval");
  1266. 							  return p;
  1267. 							};
  1268. 	var readlist=function() { return getValue(fullkey,[]); }; 
  1269. 	var list;   //console.log("zap inited:",key,keytype);
  1270. 	
  1271. 	this.add=async function(str,kl) {
  1272. 		log("zaplist add, str:",str,"in kl:",kl,"this.fullkey:",fullkey);
  1273. 		if (!!kl != !!keytype) return;
  1274. 		list.push(str);
  1275. 		if((await getValue(key+":erasedElems","")).split(/,/).includes(str)) {
  1276. 			await savelist();
  1277. 		} else { log("pop goes the attempt");list.pop();}
  1278. 	};
  1279. 	this.contains=function(jqobjOrStr){
  1280. 		//log("zap check if list contains obj:",jqobjOrStr,"within its \nlist:",list,"FUll key",fullkey);
  1281. 		if (list.length==0) return;
  1282. 		if (jqobjOrStr.attr) jqobjOrStr=jqobjOrStr.attr("selmatch-sfswe");
  1283. 		if (list.indexOf(jqobjOrStr) != -1)
  1284. 			return keytype||"zap";
  1285. 	};
  1286. 	this.rm=function(str) {
  1287. 		var i=list.indexOf(str);
  1288. 		if (i!=-1)   list.splice(i,1);
  1289. 		savelist();
  1290. 	};
  1291. 	this.update=async function() { // If sels removed from main list also remove from zaplists.
  1292. 		if(!list) list=await readlist();
  1293. 		//log("zaplist.update key:",fullkey,"read list:",list);
  1294. 		//if (list.length==0) return;
  1295. 		var strs_ar=getHidElemsCmd().split(/,/);
  1296. 		list=list.filter(function (lel) {
  1297. 			return strs_ar.includes(lel);
  1298. 		});
  1299. 		savelist();
  1300. 	};
  1301. 	this.toString=()=>"[object zaplist]";
  1302. }
  1303.  
  1304. function moffset(elem, eld=elem[0]) { try{
  1305. 	if (  elem.find("*").addBack().filter(function(){
  1306. 		return $(this).css("position").includes("fixed");
  1307. 	}).length )	                                               //    if (elem.css("position").includes("fixed")) 
  1308. 		return Object.assign(elem.position(),{position:"fixed"});
  1309. 	var dominPar=elem.offsetParent()[0]; // gets closest element that is positioned (ie, non static);
  1310. 	return left_top(elem);
  1311. 	
  1312. 	function left_top(elem) {
  1313. 		var {left,top}= elem.position(); // something sets & unset margintop or left during something here for some reason, margins and floating els may disaffect calc!
  1314. 		let margl=parseInt(elem.css('margin-left')), margt=parseInt(elem.css('margin-top'));
  1315. 		//let bordl=parseInt(elem.css('border-left-width')), bordt=parseInt(elem.css('border-top-width'));
  1316. 		var x = left + margl, y = top + margt;
  1317. 		do {
  1318. 			elem = elem.offsetParent();
  1319. 			if (elem.is(dominPar) || elem.is("html")) break;
  1320. 			let {left,top}=elem.position(); // something sets & unset margintop during something here for some reason, margins and floating els may disaffect calc!
  1321. 			x += left; y += top;
  1322. 		} while (true)
  1323. 		if (y) y--;
  1324. 		return { left: x, top: y };
  1325. 	}
  1326. }    catch(e){ console.log("Error moffset",e); }}	      
  1327.  
  1328. function assertZ(el){
  1329. 	var dominPar=el.offsetParent();
  1330. 	//	var tnames=["transform","-webkit-transform","-webkit-perspective"];
  1331. 	var tnames=["transform","perspective"];             // jquery adds vendor suffixes, eg -webkit-
  1332. 	el.parentsUntil(dominPar).addBack().each(function(){
  1333. 		var that=$(this), tforms=that.css(tnames),tf={}; 
  1334. 		//log("assertZ dominpar:",dominPar,"tforms:",tforms);
  1335. 		if(Object.values(tforms).some(x=>!/none/.test(x))) {
  1336. 			tnames.forEach(name=>tf[name]="none");
  1337. 			that.css(tf);that.addClass("assertedZ");
  1338. 		}
  1339. 		//log("assertz changed css",tforms,"\n",tforms,"now it is: ",that.css(tnames));
  1340. 	});
  1341. }
  1342.  
  1343. //
  1344. // MutationObserver functions.           Eg, var obs=nodeInsertedListener(document,"#results", myCBfunc);  function myCBfunc(foundArrayOfNodes, DOMparentOfMutation);
  1345. // Requires jQuery.
  1346. // See https://www.w3.org/TR/dom/#mutationrecord for details of the object sent to the callback for each change.
  1347. // Four functions available here:
  1348. // Parameter, include_subnodes is to check when .innerHTML add subnodes that do not get included in normal mutation lists, these lower nodes are checked when parameeter is true.
  1349. // Return false from callback to ditch out.
  1350.  
  1351. function nodeInsertedListener(target, selector, callback, include_subnodes) {
  1352. 	return nodeMutation(target,selector,callback,1, include_subnodes);
  1353. }
  1354. function nodeRemovedListener(target, selector, callback, include_subnodes) {
  1355. 	return nodeMutation(target,selector,callback,2, include_subnodes);
  1356. }
  1357. function nodeMutationListener(target, selector, callback, include_subnodes) { //inserted or removed, callback's 3rd parameter is true if nodes were removed.
  1358. 	return nodeMutation(target,selector,callback,3, include_subnodes);
  1359. }
  1360. function attrModifiedListener(target, selectors, attr, callback) { //attr is array or is not set.  Callback always has same target in each mutrec.
  1361. 	var attr_obs=new MutationObserver(attrObserver), jQcollection=$(selectors);
  1362. 	var config={ subtree:true, attributes:true, attributeOldValue:true};
  1363. 	if (attr) config.attributeFilter=attr;      // an array of attribute names.
  1364. 	attr_obs.observe(target, config);
  1365. 	function attrObserver(mutations) {
  1366. 		var results=mutations.filter(v=>{ return $(v.target).is(selectors)||$(v.target).is(jQcollection);});
  1367. 		if (results.length) { //Only send mutrecs together if they have the same target and attributeName.
  1368. 			let pos=0;
  1369. 			results.reduce((prev_res,curr,i)=>{ if ( prev_res.target!=curr.target || prev_res.attributeName != curr.attributeName) {
  1370. 				callback(results.slice(pos,i)); pos=i;  } // not really a reduce!
  1371. 												return curr; 
  1372. 											  });
  1373. 			callback(results.slice(pos)); //////////////////<<<<<<<
  1374. 		} }
  1375. 	attr_obs.add=function(newmem) { jQcollection=jQcollection.add(newmem); return jQcollection.length; };
  1376. 	return attr_obs;
  1377. }
  1378.  
  1379. //
  1380. // Internal functions:
  1381. function nodeMutation(target, selectors, callback, type, include_subnodes) { //type new ones, 1, removed, 2 or both, 3.
  1382. 	var node_obs=new MutationObserver(mutantNodesObserver);
  1383. 	var jQcollection, cnt=0;
  1384. 	node_obs.observe(target, { subtree: true, childList: true } );
  1385. 	return node_obs;
  1386. 	
  1387. 	function mutantNodesObserver(mutations) { 
  1388. 		var sel_find, muts, node;
  1389. 		jQcollection=$(selectors);
  1390. 		for(var i=0; i<mutations.length; i++) {
  1391. 			if (type!=2) testNodes(mutations[i].addedNodes, mutations[i].target); // target is node whose children changed
  1392. 			if (type!=1) testNodes(mutations[i].removedNodes, mutations[i].target,"rmed"); // no longer in DOM.
  1393. 		}
  1394. 		function testNodes(nodes, ancestor, rmed) { //non jQ use, document.querySelectorAll()
  1395. 			if (nodes.length==0) return;
  1396. 			var results=[], subresults=$();
  1397. 			for (var j=0,node; node=nodes[j], j<nodes.length;j++) {
  1398. 				if (node.nodeType!=1) continue;
  1399. 				if (jQcollection.is(node)) results.push(node);
  1400. 				if (include_subnodes) subresults=subresults.add($(node).find(jQcollection));
  1401. 			}
  1402. 			results=results.concat(subresults.toArray());
  1403. 			if (results.length) callback(results, ancestor, rmed);
  1404. 		} //testNodes()
  1405. 	};
  1406. } 
  1407. //
  1408. // End MutationObserver functions.  Usage example, var obs=nodeInsertedListener(document,"div.results", myCBfunc);  function myCBfunc(foundArrayOfNodes, ancestorOfMutation);
  1409. //
  1410.  
  1411. function manimate(objs,[css_attr,target_val,suffix,delay],interval,noOf_subintervals,CB) { // CB is invoked once, at end.  $.animate max-ed out cpu for 30 secs or so.
  1412. 	var len=objs.length,cnt=0,i,random_element=3;
  1413. 	if (!len) return false;
  1414. 	var maxi=objs.length-1, subinterval=interval/noOf_subintervals,
  1415. 		init_int=parseInt(objs[0].style[css_attr]), // assume same initital position and same units/suffix for all objs.
  1416. 		m=(target_val-init_int)/noOf_subintervals,
  1417. 		linear=(v,i)=>init_int+m*(i+1),	// quad=(v,i)=>Math.min(target_val_int,init_int+(5/3)*Math.pow(i+1,2)-(5/3)*(i+1)),	// combo=(v,i)=>quad(v,i)/2+linear(v,i)/2,
  1418. 		plotvals=new Uint32Array(noOf_subintervals).map(linear);
  1419. 	//console.log("manimate() targets:",objs," requestAnimationFrame:",css_attr,"currval:",objs.css(css_attr),target_val,interval,noOf_subintervals,CB,objs,"plotvals:",plotvals);
  1420.  
  1421. 	subinterval+=random(-subinterval/random_element,subinterval/random_element);  /// Random element +/- 1/random_element.
  1422. 	if (delay) setTimeout(x=>i=setInterval(eppursimuove,subinterval,objs),delay);
  1423. 	else i=setInterval(eppursimuove,subinterval,objs);
  1424. 	function eppursimuove(that,b,c) {try{
  1425. 		requestAnimationFrame(tstamp=>objs.css(css_attr,plotvals[cnt]+suffix));
  1426. 		if (++cnt==noOf_subintervals) {     
  1427. 			clearInterval(i);  
  1428. 			CB && CB.call(that[1]);
  1429. 		}
  1430. 	} catch(e){log("WebEraser eppursimuove(), error@",Elineno(e),e);}}
  1431. } //manimate()
  1432.  
  1433. async function regcmds(){
  1434. 	var reg_args;
  1435. 	if(!regcmds.done) {
  1436. 		reg_args=["Erase Web Elements ["+(elems_to_be_hid?"some erased":"none erased")+"]", eraseElementsCmd,"","", "E"];
  1437. 		if(!GM_registerMenuCommand(...reg_args))  // from GM4_registerMenuCommand_Submenu_JS_Module, if there, undefined, else from gm4-polyfill which returns the menuitem DOM object.
  1438. 			GM.registerMenuCommand(...reg_args);  // from gm4-polyfill.  It sets body contextmenu style menu.
  1439. 		var ctrl_e_ON=await getValue("eraseElems_ctrlE",false);
  1440. 		if(ctrl_e_ON) $(window).keypress(function(e) {
  1441. 			if (!e.ctrlKey || e.key!="e") return;
  1442. 			setTimeout(function(){salert("Invoking web erasure function.");},300);
  1443. 			inner_eraseElements("fromCtrlE");
  1444. 		});
  1445. 		
  1446. 		reg_args=["Set ctrl-e to invoke WebEraser now"+(ctrl_e_ON ? "[on]" : "[off]"), function(){
  1447. 			ctrl_e_ON^=true;
  1448. 			setValue("eraseElems_ctrlE",ctrl_e_ON);
  1449. 			alert("Ctrl-e function is now "+(ctrl_e_ON?"enabled":"disabled")+".  When pages load the erase function is invoked.  However, if the webpage is unusual "
  1450. 				+"it may delay this erasure, ctrl-E can be typed to invoke the erasure at any time when "
  1451. 				+"ctrl-e function is enabled.  Select again from menu to toggle");
  1452. 		},"","", ""];
  1453. 		if(!GM_registerMenuCommand(...reg_args))
  1454. 			GM.registerMenuCommand(...reg_args);
  1455. 		regcmds.done=1;
  1456. 	}// endif ! regcmds.done
  1457. 	if (regcmds.done==2 || $(".Web-Eraser-ed").length == 0) return; 
  1458. 	reg_args=["Clear All WebErasures here on page & site; reloads page.",async function(){
  1459. 		await deleteValue(website+":erasedElems");
  1460. 		await deleteValue(webpage+":erasedElems");
  1461. 		location=location;
  1462. 	}];
  1463. 	if(!GM_registerMenuCommand(...reg_args))
  1464. 		GM.registerMenuCommand(...reg_args);
  1465. 	regcmds.done=2;
  1466. } // regcmds()
  1467.  
  1468. function setValue(n,v) { 
  1469. 	if (!v && GM.deleteValue) return GM.deleteValue(n);
  1470. 	else return GM.setValue(n,JSON.stringify(v)); 
  1471. }
  1472. async function getValue(n,v) { var r1,res=await GM.getValue(n,JSON.stringify(v)); try {
  1473. 	r1=JSON.parse(res); return r1; } catch(e) { console.log("Error in parse of res:"+res+".Value:"+v+".  Error:",e); return v; } }
  1474.  
  1475. function random(min,max) {
  1476. 	return Math.floor(Math.random() * ((max+1) - min)) + min;
  1477. }
  1478.  
  1479. function timer() { //console.time() and console.timeEnd() not working at the mo, so tstamp sent with each console.log
  1480. 	// Use with eg, time("start"); ... time("end"); // Each call to time()  for from start and from previous call to time().
  1481. 	//if (window!=window.parent || timer.log) return;
  1482. 	if (timer.log) return; // aleady started
  1483. 	var originalLogger = console.log;
  1484. 	timer.log=originalLogger;
  1485. 	console.log = function () {
  1486. 		if (!timer.begin) {
  1487. 			timer.begin=Date.now();
  1488. 			timer.last_time=timer.begin;
  1489. 			originalLogger.call(timer.begin,">>>>Init timer "+location.pathname+":");
  1490. 		}
  1491. 		var args=Array.from(arguments);
  1492. 		var tstamp=Date.now();
  1493. 		var sdiff=tstamp-timer.begin, ldiff=tstamp-timer.last_time;
  1494. 		args.unshift(sdiff+"ms, "+ldiff+"ms\t");
  1495. 		timer.last_time=tstamp;
  1496.  
  1497. 		originalLogger.apply(this, args);
  1498. 	};
  1499. }
  1500.  
  1501. function logger2() {
  1502. 	var originalLogger = console.log;
  1503. 	logger2.log=originalLogger;
  1504. 	console.log = function () {
  1505. 		//alert(Array.from(arguments));
  1506. 		var roll="";
  1507. 		for (var i=0;i<arguments.length;i++)
  1508. 			roll+=arguments[i]+" ";
  1509. 		document.body.innerHTML+=roll+"<br>";
  1510. 		//originalLogger.apply(this, arguments);
  1511. 	};
  1512. 	// var originalInfo = console.info;
  1513. 	// logger2.info=originalInfo;
  1514. 	// console.info = function () {
  1515. 	// 	//alert(Array.from(arguments));
  1516. 	// 	document.body.innerHTML+=Array.from(arguments);
  1517. 	// 	originalInfo.apply(this, arguments);
  1518. 	// };
  1519. 	// var originalError = console.error;
  1520. 	// logger2.error=originalError;
  1521. 	// console.error = function () {
  1522. 	// 	//alert(Array.from(arguments));
  1523. 	// 	document.body.innerHTML+=Array.from(arguments);
  1524. 	// 	originalError.apply(this, arguments);
  1525. 	// };
  1526. }
  1527.  
  1528. function logger() {
  1529. 	$(document).dblclick(outputlogger);
  1530. 	var originalLogger = console.log;
  1531. 	logger.log=originalLogger;
  1532. 	console.log = function () {
  1533. 		if (!logger.this) logger.this=this;
  1534. 		// Do your custom logging logic
  1535. 		var argq=$(document).data("loggerq");
  1536. 		var args=Array.from(arguments);
  1537. 		if (!argq) argq=[];
  1538. 		if (document.readyState!=logger.state) {
  1539. 			argq.push(document.readyState+":");
  1540. 			logger.state=document.readyState;
  1541. 		}
  1542. 		argq.push(args);
  1543. 		$(document).data("loggerq",argq);
  1544. 		
  1545. 		args.push(document.readyState);
  1546. 		originalLogger.apply(this, args);
  1547. 	};
  1548. } //logger()
  1549.  
  1550. function csscmp(prevval, newval) {try{
  1551. 	var that=arguments.callee;
  1552. 	var covered={}, roll="";
  1553. 	for (let i in prevval) {
  1554. 		covered[i]=1;
  1555. 		if (newval[i]===undefined) roll+="Removed: "+i+"="+prevval[i]+" ";
  1556. 		else if (prevval[i]!=newval[i]) roll+="Changed: "+prevval[i]+" to: "+newval[i]+" ";
  1557. 	}
  1558. 	for (let i in newval) if (!covered[i]) roll+="Added: "+i+"="+newval[i]+" ";
  1559. 	return roll||"Same";
  1560. }catch(e) {console.error("csscmp Error",e.lineNumber,e);}}
  1561.  
  1562. function nodeInfo(node1,plevel,...nodes) { // show DOM node info or if name/value object list name=value
  1563. 	//console.log("nodeInfo stack:",logStack());
  1564. 	if (node1==undefined || node1.length==0) return;
  1565. 	plevel=plevel||1;
  1566. 	if (isNaN(plevel) && plevel) { nodes.unshift(node1,plevel); plevel=1; }
  1567. 	else nodes.unshift(node1);
  1568. 	plevel--;
  1569. 	return nodes.map(node=> {
  1570. 		if (!node || typeof node=="string") return node;
  1571. 		if (node && node.attr) node=node[0];
  1572. 		if (node && node.appendChild) {
  1573. 			let classn=node.className ? node.className.replace("Web-Eraser-ed","") : "";
  1574. 			return node ? node.tagName.toLowerCase() + classn.replace(/^\b|\s+(?=\w+)/gi, ".").trim() + (node.id||"").replace(/^\s*\b\s*/,"#")
  1575. 				+ (plevel>0 ? "<" + nodeInfo(node.parentNode,plevel):"")
  1576. 			: "<empty>";
  1577. 		}
  1578. 		else if (node && node.cssText) return node.cssText;
  1579. 		else
  1580. 			return ""+Object.entries(node)      // entries => array of 2 member arrays [[member name,value]...]
  1581. 			.filter(x=> isNaN(x[0]) && x[1] )  //Only name value members of object converted to string.
  1582. 			.map(x=>x[0]+":"+x[1]).join(", ");
  1583. 	}).join(" ");
  1584. }
  1585. //selector(node,node.parentNode,0,0,"Web-Eraser-ed").replace(/^html>body>/,""); }
  1586.  
  1587. function outputlogger() {
  1588. 	var originalLogger=logger.log;
  1589. 	var that=logger.this;
  1590. 	
  1591. 	var argq=$(document).data("loggerq");
  1592. 	originalLogger.call(that,"===============Logger Output==========================");
  1593. 	argq.forEach(function(v){
  1594. 		originalLogger.call(that,v); //this changes in forEach in this case!
  1595. 	}); // originalLogger.apply(this,argq);
  1596. 	originalLogger.call(that,"===============End Logger Output=======================");
  1597. 	return false;
  1598. };
  1599.  
  1600. function logStack(fileToo) { // deepest first.
  1601. 	var res="", e=new Error;
  1602. 	var s=e.stack.split("\n");
  1603. 	if (fileToo) res="Stack of callers:\n\t\t"; //+s[1].split("@")[0]+"():\n\t\t"
  1604. 	for (var i=1;i<s.length-1;i++)
  1605. 		res+=s[i].split("@")[0]+"() "+s[i].split(":").slice(-2)+"\n";
  1606. 	return !fileToo ? res : {Stack:s[0]+"\n"+res}; 
  1607. }
  1608.  
  1609. function Ppositions(el, incl_self,not_pos_break="") { 
  1610. 	el=$(el); var roll="\n\n";
  1611. 	var els=el.parents();
  1612. 	if (incl_self) els=els.add(el).reverse();
  1613. 	els.each(function(){
  1614. 		var pos=$(this).css("position");
  1615. 		roll+=this.tagName+" "+pos+"\n";
  1616. 		if (! pos.includes(not_pos_break)) return false;
  1617. 		//       /^((?!relative).)*$/   matches any string, or line w/o \n, not containing the str "relative"
  1618. 	});
  1619. 	return roll;
  1620. }
  1621.  
  1622. function ttimer(stage) { 
  1623. 	return; //!! for profiling only.
  1624. 	if(window==window.parent) {
  1625. 		console.time("----from "+stage);
  1626. 		if(ttimer.last_stage) console.timeEnd(ttimer.last_stage); // print to console: "tTimer[n]: [num]ms"
  1627.  
  1628. 		if(ttimer.last_stage) console.log("\t----to "+stage);
  1629. 		ttimer.last_stage="----from "+stage;
  1630. 	}
  1631. }
  1632.  
  1633. function escapeCatch(cbfunc,perm) { // Usage: call first time to install listener & add a callback for keydown of escape key.  Optionally then call many times adding callback functions.
  1634. 	var that=escapeCatch;
  1635. 	if(!that.flist || that.flist.length==0) {
  1636. 		that.flist=[cbfunc];
  1637. 		window.addEventListener("keydown", subfunc, true);
  1638. 		function subfunc(e) { 
  1639. 			if (e.which == 27)  {
  1640. 				console.log("escape",perm,"this is:",this);
  1641. 				that.flist.forEach(func=>func());
  1642. 				if(perm) return;
  1643. 				window.removeEventListener("keydown", subfunc, true); 
  1644. 				that.flist=[];
  1645. 			}
  1646. 		};
  1647. 	} else
  1648. 		if(cbfunc) { that.flist.push(cbfunc); return; }
  1649. }
  1650.  
  1651.  
  1652. function summarize(longstr, max=160)  {
  1653. 	longstr=longstr.toString();
  1654. 	if (longstr.length<=max) return longstr;
  1655. 	max=(max-3)/2;
  1656. 	var begin=longstr.substr(0,max);
  1657. 	var end=longstr.substr(longstr.length-max,max);
  1658. 	return begin+" ...●●●●... "+end;
  1659. }
  1660.  
  1661. function jqueryui_dialog_css() {
  1662. 	return ".ui-dialog-content,.ui-dialog,.ui-dialog textarea { font-size: 12px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #757575; "
  1663. 		+"background:whitesmoke; color:#335; padding:12px;margin:5px;} "
  1664. 		+".ui-dialog-buttonpane {  width:94%; background:whitesmoke; font-size: 10px; cursor:move; border: 1px solid #ddd; overflow:hidden; } "
  1665. 		+".ui-dialog-buttonpane button { background: #f0f0e0; }"
  1666. 		+".ui-dialog-buttonset { float:right; } "
  1667. 		+".ui-widget-overlay { background: #aaaaaa none repeat scroll 0 0; opacity: 0.3;height: 100%; left: 0;position: fixed;  top: 0; width: 100%;}"
  1668. 		+".ui-button,.ui-widget-content { text-align:left; color:#333; border: solid 1px #757575; padding: 6px 13px;margin: 4px 3px 4px 0;} "
  1669. 		+".ui-corner-all,.ui-dialog-buttonpane {border-bottom-left-radius:30px;}"
  1670. 		+".ui-button:hover { background-color: #ededed;color:#333; } "
  1671. 		+".ui-button { background-color: #f6f6f6; color:#333; }"
  1672. 		+".ui-dialog {position:absolute;padding:3px;outline:none;}"
  1673. 		+".ui-resizable-handle { position:absolute; cursor: url(data:image/svg+xml;base64,"
  1674. 		+"iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAACXBIWXMAAAsTAAALEwEAmpwYAAABAUlEQVQY022RsWrCYACEvz9EK1HQCilYu+jWdNKlj9BNN1/Cp/IBFHTMExihdTCIm0sR26W6KNHkvw6lunjLjffdnXn7fG0/PzzeG0A/m+/Ve/REB3CL/laStn7RBTpOG0iTXgWg0ktSoO20DJDv5gBy3TxgWkQFAG+QSdnAAyhErMtuFSiN0nRUAqpuec2x2V/4YOr7fd2AH/ebR+zhbMOaCWJrF4GphfZ8sEhSNm3EVrJxY5pJkhGAkjtzNRxuyAGws2Ap0DKYWYDbQRek3e6K9A8/TNPhBf5mzbEBvDCTpCz0ADN25gJOkzPAeXICNL85spu8/N0B8LDafK0+ouQXfemVYVtdIewAAAAASUVORK5CYII="
  1675. 		+") 10 10, row-resize; } .ui-resizable-sw {bottom:5px;left:5px;}"
  1676. 		+".ui-resizable-w, .ui-resizable-e { width:10px;height:100%;top:-5px;} .ui-resizable-n, .ui-resizable-s { width:100%;height:10px;} .ui-resizable-n {top:-5px; } .ui-resizable-w {left:-5px; } .ui-resizable-e {right:-5px; }"
  1677. 		+ (str=>str+str.replace(/-moz-/g,"-webkit-"))(
  1678. 			//	    ".sfswe-content :-moz-any(div,input) { font-size:13px;padding:6px;margin:4px 3px 4px 0;color:#333; opacity:1;  }"
  1679. 			".sfswe-content :-moz-any(div,input) { font-size:13px;padding:0px;margin: 0;color:#333; opacity:1;  }" //background:whitesmoke; 
  1680. 				+".sfswe-content :-moz-any(span) { font-size:13px;padding:0;margin:0;color:#333;}"
  1681. 				+".sfswe-content :-moz-any(a,a:visited)    { color:#333;text-decoration:underline; padding:0;margin:0;}"
  1682. 				+".sfswe-content :-webkit-any(a,a:visited) { color:#333;text-decoration:underline; padding:0;margin:0;}"
  1683. 		)  +".sfswe-content a:hover {opacity:0.5;}"
  1684. 		+".ui-tooltip { font-size: 7px; }"
  1685. 		+".sfswe-ticks * {font-size:11px;padding:0px;margin:2px;}"
  1686. 		.replace(/\.ui/g,".sfswe-sprompt .ui"); //gives namespace of .sfswe-prompt
  1687. }
  1688.  
  1689. function environInit(environ) { // returns false if GM environment is there, otherwise it calls main when ready and immediately returns true.
  1690. 	environ.plat_chrome=false; environ.plat_msedge=false;        //chrome standalone, ie, not under tamper in chrome.	// environ.plat_msedge=/Edge[\d./]+$/i.test(navigator.userAgent);
  1691. 	if (/Chrome/.test(navigator.userAgent)) environ.plat_chrome=true;
  1692. 	environ.plat_mac = /^Mac/.test(navigator.platform);
  1693.  
  1694. 	try { environ.nonGMmode= (typeof GM == "undefined"); } // || "Barychelidae"!=GM_getValue("arachnoidal","Barychelidae"); }
  1695. 	catch(e) { environ.nonGMmode=true; }; //eg, chromium stadalone
  1696.  
  1697. 	//environ.nonjQ = !window.jQuery || parseFloat(jQuery.fn.jquery) < 3.1;
  1698. 	
  1699. 	if (nonGMmode){ // chromium bare, ie, w/o tamper.
  1700. 		console.info("WebEraser userscript in non GM_ mode at "+location.href, "typeof GM:",typeof GM, "nonGMmode",nonGMmode);
  1701. 		environ.unsafeWindow=window;
  1702. 		environ.old_GM_getValue=environ.GM_getValue;
  1703. 		try { localStorage["anothervariable"]=32; }	catch(e) {
  1704. 			window.nostorage=true;
  1705. 			if(!iframe) console.error("No local storage, no GM storage, use Tampermonkey to include this script on page:",location.href);
  1706. 			window.localStorage={};
  1707. 		}
  1708. 		//if(!window.nostorage) console.log("Have local storage",localStorage.anothervariable);
  1709. 		environ.GM_getValue=function(a,b) { return localStorage[a]||b; };
  1710. 		environ.GM_setValue=function(a,b) { localStorage[a]=b; };
  1711. 		environ.GM_getResourceURL=function(url) {
  1712. 			var ext="Dbl"; if (url.endsWith("Orig")) ext=".orig"; else if (url.endsWith("Xsm")) ext="ExSm"; else if (url.endsWith("Trpl")) ext="Trpl";
  1713. 			return "https://raw.githubusercontent.com/SloaneFox/imgstore/master/whiteCurtains"+ ext +".jpg";
  1714. 		};
  1715. 		//environ.GM_registerMenuCommand=x=>null;
  1716. 		environ.GM_addStyle=function(cssSheet) { $("head").append("<style>"+cssSheet+"</style>"); };
  1717. 		environ.uneval=function(x) { return "("+JSON.stringify(x)+")";  }; //Diff is that uneval brackets string and json excludes code only data allowed in json.
  1718. 		var xhr_queue=[], xhr=new XMLHttpRequest();
  1719. 		xhr.onload=x=> { //arrow function means this remains window not xhr (as a function would).
  1720. 			//console.log(xhr.responseURL,"onload to eval in window, jQuery in window? ",!!window.jQuery,!!window.$,!!this.jQuery);
  1721. 			var synop=(xhr.response||"").substr(0,40);
  1722. 			try {
  1723. 				eval.call(window,xhr.response); } catch(e) {  console.error("Can't eval Error:"+e,".  Response:",xhr.response?xhr.response.substr(0,60)+"[60chars]":"No response text",x,xhr,", Queue:",xhr_queue); }
  1724. 			if (xhr_queue.length) {  xhr.open('GET', xhr_queue.shift()); xhr.send(); }
  1725. 			else if (!iframe) main.call(window); //////////////////
  1726. 			
  1727. 		};
  1728. 		xhr.onerror=e=> {
  1729. 			console.log("W/e XHR Error: "+e,", E:",e,"XHR:",xhr,"After error queue:",xhr_queue);
  1730. 			if (xhr_queue.length) xhr.open('GET', xhr_queue.shift()); xhr.send();
  1731. 		};
  1732. 		var jq_versions_prior={ 
  1733. 			core: parseFloat(environ.$ && environ.$.fn && environ.$.fn.jquery) || 0,
  1734. 			ui: parseFloat(environ.$ && environ.$.ui && environ.$.ui.version) || 0 
  1735. 		};
  1736. 		
  1737. 		if(jq_versions_prior.core < 1.7)
  1738. 			xhr_queue.push("https://code.jquery.com/jquery-1.7.2.js");
  1739. 		if(jq_versions_prior.ui < 1.12)
  1740. 			xhr_queue.push("https://code.jquery.com/ui/1.12.1/jquery-ui.js");
  1741. 		xhr_queue.push("https://raw.githubusercontent.com/SloaneFox/code/master/gm4-polyfill-1.0.1.js");
  1742. 		xhr_queue.push("https://raw.githubusercontent.com/SloaneFox/code/master/gm-popup-menus-1.3.7.js");
  1743. 		xhr_queue.push("https://raw.githubusercontent.com/SloaneFox/code/master/sfs-utils-0.1.5.js");
  1744. 		xhr.open('GET', xhr_queue.shift()); xhr.send();
  1745. 		return true; 
  1746. 	} else return false;              //if (nonGM || nonJQ)
  1747. }
  1748. ttimer("end globs setup");
  1749.