☰

Blur Title Reddit

Blurring a title which marked as spoiler in reddit, just like in fallout subreddit.

  1. // ==UserScript==
  2. // @name        Blur Title Reddit
  3. // @namespace   https://greasyfork.org/users/102866
  4. // @description Blurring a title which marked as spoiler in reddit, just like in fallout subreddit.
  5. // @include     https://*.reddit.com/*
  6. // @include     http://*.reddit.com/*
  7. // @exclude     https://*.reddit.com/r/*/comments/*
  8. // @exclude     http://*.reddit.com/r/*/comments/*
  9. // @author      TiLied
  10. // @version     0.8.00
  11. // @grant       GM_listValues
  12. // @grant       GM_getValue
  13. // @grant       GM_setValue
  14. // @grant       GM_deleteValue
  15. // @require     https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
  16. // @grant       GM.listValues
  17. // @grant       GM.getValue
  18. // @grant       GM.setValue
  19. // @grant       GM.deleteValue
  20. // ==/UserScript==
  21.  
  22. class BlurTitleReddit
  23. {
  24. 	constructor()
  25. 	{
  26. 		console.log("Blur Title Reddit v" + GM.info.script.version + " initialization");
  27.  
  28. 		this.Debug = false;
  29.  
  30. 		this.btr_pTitle = false;
  31. 		this.asterisk = true;
  32. 		
  33. 		this.Scroll = 1;
  34.  
  35. 		this._FirstTime();
  36. 		this._SetCSS();
  37. 	}
  38.  
  39. 	_SetCSS()
  40. 	{
  41. 		document.head.append("<!--Start of Blur Title Reddit v" + GM.info.script.version + " CSS-->");
  42.  
  43. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">bdi.btr_title:hover \
  44. 	{                                         \
  45. 		color:inherit!important;          \
  46. 		background:transparent!important;     \
  47. 		text-decoration:none!important;       \
  48. 		text-shadow:0 0.1px 0 #dcddce         \
  49. 	}</style>`);
  50.  
  51. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">bdi.btr_title   { \
  52. 		color:rgba(255,60,231,0) !important;        \
  53. 		text-shadow: 0px 0px 1em black;               \
  54. 		padding: 0 2px;                               \
  55. 	}</style>`);
  56.  
  57. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">bdi.btr_trans                             \
  58. 	{                                         \
  59. 		transition: all 0.5s ease;            \
  60. 	}</style>`);
  61.  
  62. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">.btr_closeButton\
  63. 	{                         \
  64. 		cursor: pointer; \
  65. 		text-align: center; \
  66. 		font-size: 11px; \
  67. 		float:right;                           \
  68. 		margin-top:0px;                     \
  69. 		border:1px solid #AAA;               \
  70. 		width:16px;                         \
  71. 		height:16px;                        \
  72. 	}</style>`);
  73.  
  74. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">.btr_closeButton:hover                             \
  75. 	{                         \
  76. 		border:1px solid #999;               \
  77. 		background-color: #ddd;                          \
  78. 	}</style>`);
  79.  
  80. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">.title                                    \
  81. 	{                                         \
  82. 		overflow: visible !important;         \
  83. 	}</style>`);
  84.  
  85. 		document.head.insertAdjacentHTML("beforeend", `<style type="text/css">"div.btr_opt { \
  86. 	position: fixed; bottom: 0; right: 0; border: 0; z-index: 500;\
  87. 	}</style>`);
  88.  
  89. 		document.head.append("<!--End of Blur Title Reddit v" + GM.info.script.version + " CSS-->");
  90. 	}
  91.  
  92. 	async _FirstTime()
  93. 	{
  94. 		if (this.HasValueGM("btr_GMTitle", false))
  95. 		{
  96. 			this.btr_pTitle = await GM.getValue("btr_GMTitle");
  97. 		}
  98.  
  99. 		if (this.HasValueGM("btr_asterisk", true))
  100. 		{
  101. 			this.asterisk = await GM.getValue("btr_asterisk");
  102. 		}
  103.  
  104. 		//Console log prefs with value
  105. 		console.log("*prefs:");
  106. 		console.log("*-----*");
  107. 		let vals = await GM.listValues();
  108.  
  109. 		//Find out that var in for block is not local... Seriously js?
  110. 		for (let i = 0; i < vals.length; i++)
  111. 		{
  112. 			console.log("*" + vals[i] + ":" + await GM.getValue(vals[i]));
  113. 		}
  114. 		console.log("*-----*");
  115. 	}
  116.  
  117. 	Main()
  118. 	{
  119. 		window.onscroll = function (ev)
  120. 		{
  121. 			if (window.pageYOffset >= window.innerHeight * btr.Scroll)
  122. 			{
  123. 				btr.Core();
  124.  
  125. 				btr.Scroll += 1;
  126. 			}
  127. 		};
  128.  
  129. 		this.Core();
  130.  
  131. 		//Set UI of settings
  132. 		//TODO UI!
  133. 		//this.OptionsUI();
  134. 	}
  135.  
  136. 	Core()
  137. 	{
  138. 		let _titlesDivQ = document.querySelectorAll("div.spoiler");
  139. 		let _titlesDiv = [];
  140.  
  141. 		if (_titlesDivQ.length == 0)
  142. 		{
  143. 			function _IsSpoiler(_el)
  144. 			{
  145. 				let _spans = _el.querySelectorAll("span");
  146.  
  147. 				if (btr.Debug)
  148. 					console.log(_el.querySelectorAll("span"));
  149.  
  150. 				for (let i = 0; i <= _spans.length; i++)
  151. 				{
  152. 					if (i == _spans.length)
  153. 						return false;
  154.  
  155. 					if (_spans[i].textContent == 'spoiler')
  156. 						return true;
  157. 				}
  158. 			}
  159.  
  160. 			let _titles = document.querySelectorAll(".Post");
  161.  
  162. 			for (let i = 0; i < _titles.length; i++)
  163. 			{
  164. 				if (_IsSpoiler(_titles[i]))
  165. 				{
  166. 					_titlesDiv.push(_titles[i]);
  167. 				}
  168. 			}
  169. 		} else
  170. 		{
  171. 			for (let i = 0; i < _titlesDivQ.length; i++)
  172. 			{
  173. 				_titlesDiv.push(_titlesDivQ[i]);
  174. 			}
  175. 		}
  176.  
  177. 		if (_titlesDiv != this.titlesDiv)
  178. 		{
  179. 			if (this.Debug)
  180. 				console.log(_titlesDiv);
  181.  
  182. 			this.titlesDiv = _titlesDiv;
  183.  
  184. 			for (let i = 0; i < _titlesDiv.length; i++)
  185. 			{
  186. 				if (_titlesDiv[i].querySelectorAll(".btr_title").length > 0)
  187. 					continue;
  188.  
  189. 				let _title = _titlesDiv[i].querySelectorAll("h3, a.title");
  190.  
  191. 				if (this.Debug)
  192. 					console.log(_title);
  193.  
  194. 				if (this.btr_pTitle == true)
  195. 				{
  196. 					let lengthOfIndexes = 0;
  197.  
  198. 					this.ChangeString(_title[0].textContent.length, _title[0].textContent, _title[0], lengthOfIndexes);
  199. 				}
  200. 				else if (this.asterisk == true)
  201. 				{
  202. 					let lengthOfIndexes = this.GetAllIndexes(_title[0].textContent, "[", "(").length;
  203.  
  204. 					lengthOfIndexes += this.GetAllIndexes(_title[0].textContent, "*", "even").length;
  205.  
  206. 					this.ChangeString(_title[0].textContent.length, _title[0].textContent, _title[0], lengthOfIndexes);
  207. 				} else
  208. 				{
  209. 					let lengthOfIndexes = this.GetAllIndexes(_title[0].textContent, "[", "(").length;
  210.  
  211. 					this.ChangeString(_title[0].textContent.length, _title[0].textContent, _title[0], lengthOfIndexes);
  212. 				}
  213. 			}
  214. 		}
  215. 	}
  216.  
  217. 	ChangeString(l, sArr, tTitle, amountL)
  218. 	{
  219. 		const stringStartbdi = '<bdi class = "btr_main btr_title btr_trans">',
  220. 			stringEndbdi = '</bdi>';
  221.  
  222. 		let amount = amountL;
  223.  
  224. 		let string = "";
  225.  
  226. 		if (amount > 3)
  227. 			amount = 1;
  228.  
  229. 		let arrBeg = this.GetAllIndexes(sArr, "[", "(");
  230. 		let arrEnd = this.GetAllIndexes(sArr, "]", ")");
  231.  
  232. 		if (this.asterisk === true)
  233. 		{
  234. 			arrBeg = arrBeg.concat(this.GetAllIndexes(sArr, "*", "even"));
  235. 			arrEnd = arrEnd.concat(this.GetAllIndexes(sArr, "*", "odd"));
  236. 		}
  237.  
  238. 		arrBeg.sort(function (a, b)
  239. 		{
  240. 			return a - b;
  241. 		});
  242.  
  243. 		arrEnd.sort(function (a, b)
  244. 		{
  245. 			return a - b;
  246. 		});
  247.  
  248. 		if (amount === 0)
  249. 		{
  250. 			string = stringStartbdi + ' ' + sArr + ' ' + stringEndbdi;
  251. 			if (this.Debug)
  252. 			{
  253. 				console.info(string);
  254. 			}
  255. 			tTitle.innerHTML = string;
  256. 			return;
  257. 		}
  258.  
  259. 		if (amount === 1)
  260. 		{
  261. 			if (this.Debug)
  262. 			{
  263. 				console.log("*words in brackets :", sArr.substring(arrBeg[0], arrEnd[0] + 1));
  264. 			}
  265. 			//IF WHOLE TITLE IN BRACKETS
  266. 			if (arrBeg[0] <= 2 && arrEnd[0] >= l - 2)
  267. 			{
  268. 				string = stringStartbdi + ' ' + sArr + ' ' + stringEndbdi;
  269. 				if (this.Debug)
  270. 				{
  271. 					console.info(string);
  272. 				}
  273. 				tTitle.innerHTML = string;
  274. 				return;
  275. 			}
  276.  
  277. 			if (arrBeg[0] <= 2)
  278. 			{
  279. 				string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, l) + ' ' + stringEndbdi;
  280. 				if (this.Debug)
  281. 				{
  282. 					console.info(string);
  283. 				}
  284. 				tTitle.innerHTML = string;
  285. 				return;
  286. 			} else if (arrEnd[0] >= l - 2)
  287. 			{
  288. 				string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], l);
  289. 				if (this.Debug)
  290. 				{
  291. 					console.info(string);
  292. 				}
  293. 				tTitle.innerHTML = string;
  294. 				return;
  295. 			} else
  296. 			{
  297. 				string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, l) + ' ' + stringEndbdi;
  298. 				if (this.Debug)
  299. 				{
  300. 					console.info(string);
  301. 				}
  302. 				tTitle.innerHTML = string;
  303. 				return;
  304. 			}
  305. 		}
  306.  
  307. 		if (amount === 2)
  308. 		{
  309. 			let s = '';
  310. 			for (let a = 0; a < arrBeg.length; a++)
  311. 			{
  312. 				s += sArr.substring(arrBeg[a], arrEnd[a] + 1) + ' ';
  313. 			}
  314. 			if (this.Debug)
  315. 			{
  316. 				console.log("*words in brackets :", s);
  317. 			}
  318.  
  319. 			//IF TITLE HAS ONE BRACKET WITHOUT CLOSING ONE
  320. 			if (arrBeg.length !== arrEnd.length)
  321. 			{
  322. 				ChangeString(l, sArr, tTitle, 1);
  323. 				return;
  324. 			}
  325.  
  326. 			//IF WHOLE TITLE IN BRACKETS, NOT WORKING CORRECTLY TODO!
  327. 			if ((arrBeg[0] <= 2 && arrEnd[0] >= l - 2) || (arrBeg[1] <= 2 && arrEnd[1] >= l - 2))
  328. 			{
  329. 				string = stringStartbdi + ' ' + sArr + ' ' + stringEndbdi;
  330. 				if (this.Debug)
  331. 				{
  332. 					console.info(string);
  333. 				}
  334. 				tTitle.innerHTML = string;
  335. 				return;
  336. 			}
  337.  
  338. 			if (arrBeg[0] <= 2)
  339. 			{
  340. 				if (arrEnd[0] + 4 > arrBeg[1])
  341. 				{
  342. 					string = sArr.substring(arrBeg[0], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, l) + ' ' + stringEndbdi;
  343. 					if (this.Debug)
  344. 					{
  345. 						console.info(string);
  346. 					}
  347. 					tTitle.innerHTML = string;
  348. 					return;
  349. 				} else if (arrEnd[1] >= l - 2)
  350. 				{
  351. 					string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], l);
  352. 					if (this.Debug)
  353. 					{
  354. 						console.info(string);
  355. 					}
  356. 					tTitle.innerHTML = string;
  357. 					return;
  358. 				} else
  359. 				{
  360. 					string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, l) + ' ' + stringEndbdi;
  361. 					if (this.Debug)
  362. 					{
  363. 						console.info(string);
  364. 					}
  365. 					tTitle.innerHTML = string;
  366. 					return;
  367. 				}
  368. 			} else if (arrEnd[1] >= l - 2)
  369. 			{
  370. 				if (arrBeg[1] - 4 < arrEnd[0])
  371. 				{
  372. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], l);
  373. 					if (this.Debug)
  374. 					{
  375. 						console.info(string);
  376. 					}
  377. 					tTitle.innerHTML = string;
  378. 					return;
  379. 				} else if (arrBeg[0] <= 2)
  380. 				{
  381. 					string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], l);
  382. 					if (this.Debug)
  383. 					{
  384. 						console.info(string);
  385. 					}
  386. 					tTitle.innerHTML = string;
  387. 					return;
  388. 				} else
  389. 				{
  390. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], l);
  391. 					if (this.Debug)
  392. 					{
  393. 						console.info(string);
  394. 					}
  395. 					tTitle.innerHTML = string;
  396. 					return;
  397. 				}
  398. 			} else
  399. 			{
  400. 				if (arrEnd[0] + 3 >= arrBeg[1])
  401. 				{
  402. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, l) + ' ' + stringEndbdi;
  403. 					if (this.Debug)
  404. 					{
  405. 						console.info(string);
  406. 					}
  407. 					tTitle.innerHTML = string;
  408. 					return;
  409. 				} else
  410. 				{
  411. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, l) + ' ' + stringEndbdi;
  412. 					if (this.Debug)
  413. 					{
  414. 						console.info(string);
  415. 					}
  416. 					tTitle.innerHTML = string;
  417. 					return;
  418. 				}
  419. 			}
  420. 		}
  421.  
  422. 		//Three groups of brackets
  423. 		//example sentence: "[spoiler0]_text1_[spoiler1]_text2_[spoiler2]"
  424. 		if (amount === 3)
  425. 		{
  426. 			let s = '';
  427. 			for (let a = 0; a < arrBeg.length; a++)
  428. 			{
  429. 				s += sArr.substring(arrBeg[a], arrEnd[a] + 1) + ' ';
  430. 			}
  431. 			if (this.Debug)
  432. 			{
  433. 				console.log("*words in brackets :", s);
  434. 			}
  435.  
  436. 			//IF TITLE HAS ONE BRACKET WITHOUT CLOSING ONE
  437. 			if (arrBeg.length !== arrEnd.length)
  438. 			{
  439. 				ChangeString(l, sArr, tTitle, 1);
  440. 				return;
  441. 			}
  442.  
  443. 			//IF WHOLE TITLE IN BRACKETS, NOT WORKING CORRECTLY TODO!
  444. 			if ((arrBeg[0] <= 2 && arrEnd[0] >= l - 2) || (arrBeg[1] <= 2 && arrEnd[1] >= l - 2) || (arrBeg[2] <= 2 && arrEnd[2] >= l - 2))
  445. 			{
  446. 				string = stringStartbdi + ' ' + sArr + ' ' + stringEndbdi;
  447. 				if (this.Debug)
  448. 				{
  449. 					console.info(string);
  450. 				}
  451. 				tTitle.innerHTML = string;
  452. 				return;
  453. 			}
  454.  
  455. 			//case one:"[spoiler0]..."
  456. 			if (arrBeg[0] <= 2)
  457. 			{
  458. 				//case one:one:"[spoiler0][spoiler1]..."
  459. 				if (arrEnd[0] + 4 > arrBeg[1])
  460. 				{
  461. 					//case one:one:one:"[spoiler0][spoiler1][spoiler2]_text"
  462. 					if (arrEnd[1] + 4 > arrBeg[2])
  463. 					{
  464. 						//"[spoiler0][spoiler1][spoiler2]<blur>text</blur>"
  465. 						string = sArr.substring(arrBeg[0], arrEnd[2] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[2] + 1, l) + ' ' + stringEndbdi;
  466. 						if (this.Debug)
  467. 						{
  468. 							console.info(string);
  469. 						}
  470. 						tTitle.innerHTML = string;
  471. 						return;
  472. 						//case one:one:two:"[spoiler0][spoiler1]_text_[spoiler2]"
  473. 					} else if (arrEnd[2] >= l - 2)
  474. 					{
  475. 						//"[spoiler0][spoiler1]<blur>text</blur>[spoiler2]"
  476. 						string = sArr.substring(arrBeg[0], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], l);
  477. 						if (this.Debug)
  478. 						{
  479. 							console.info(string);
  480. 						}
  481. 						tTitle.innerHTML = string;
  482. 						return;
  483. 						//case one:one:three:"[spoiler0][spoiler1]_text1_[spoiler2]_text2"
  484. 					} else
  485. 					{
  486. 						//"[spoiler0][spoiler1]<blur>text1</blur>[spoiler2]<blur>text2</blur>"
  487. 						string = sArr.substring(arrBeg[0], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], arrEnd[2] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[2] + 1, l) + ' ' + stringEndbdi;
  488. 						if (this.Debug)
  489. 						{
  490. 							console.info(string);
  491. 						}
  492. 						tTitle.innerHTML = string;
  493. 						return;
  494. 					}
  495. 					//case one:two:"[spoiler0]...[spoiler2]"
  496. 					//"[spoiler0]...[spoiler1]":NEVER HAPPEND
  497. 				} else if (arrEnd[2] >= l - 2)
  498. 				{
  499. 					//case one:two:one:"[spoiler0]_text_[spoiler1][spoiler2]"
  500. 					if (arrEnd[1] + 4 > arrBeg[2])
  501. 					{
  502. 						//"[spoiler0]<blur>text</blur>[spoiler1][spoiler2]"
  503. 						string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], l);
  504. 						if (this.Debug)
  505. 						{
  506. 							console.info(string);
  507. 						}
  508. 						tTitle.innerHTML = string;
  509. 						return;
  510. 					}
  511. 					//case one:two:two:"[spoiler0]_text1_[spoiler1]_text2_[spoiler2]"
  512. 					else
  513. 					{
  514. 						//"[spoiler0]<blur>text1</blur>[spoiler1]<blur>text2</blur>[spoiler2]"
  515. 						string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], l);
  516. 						if (this.Debug)
  517. 						{
  518. 							console.info(string);
  519. 						}
  520. 						tTitle.innerHTML = string;
  521. 						return;
  522. 					}
  523. 					//case one:three:"[spoiler0]_text1_[spoiler1]_text2_[spoiler2]_text3"
  524. 				} else
  525. 				{
  526. 					//"[spoiler0]<blur>text1</blur>[spoiler1]<blur>text2</blur>[spoiler2]<blur>text3</blur>"
  527. 					string = sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], arrEnd[2] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[2] + 1, l) + ' ' + stringEndbdi;
  528. 					if (this.Debug)
  529. 					{
  530. 						console.info(string);
  531. 					}
  532. 					tTitle.innerHTML = string;
  533. 					return;
  534. 				}
  535. 				//case two:"...[spoiler2]"
  536. 			} else if (arrEnd[2] >= l - 2)
  537. 			{
  538. 				//case two:one:"...[spoiler1][spoiler2]"
  539. 				if (arrEnd[1] + 4 > arrBeg[2])
  540. 				{
  541. 					//case two:one:one:"text_[spoiler0][spoiler1][spoiler2]"
  542. 					if (arrEnd[0] + 4 > arrBeg[1])
  543. 					{
  544. 						//"<blur>text</blur>[spoiler0][spoiler1][spoiler2]"
  545. 						string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], l);
  546. 						if (this.Debug)
  547. 						{
  548. 							console.info(string);
  549. 						}
  550. 						tTitle.innerHTML = string;
  551. 						return;
  552. 						//case two:one:one:"text1_[spoiler0]_text2_[spoiler1][spoiler2]"
  553. 						//"[spoiler0]_text_[spoiler1][spoiler2]":NEVER HAPPEND
  554. 					} else
  555. 					{
  556. 						//"<blur>text1</blur>[spoiler0]<blur>text2</blur>[spoiler1][spoiler2]"
  557. 						string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrEnd[1] + 1, l);
  558. 						if (this.Debug)
  559. 						{
  560. 							console.info(string);
  561. 						}
  562. 						tTitle.innerHTML = string;
  563. 						return;
  564. 					}
  565. 					//case two:two:"text1_[spoiler0][spoiler1]_text2_[spoiler2]"
  566. 				} else if (arrEnd[0] + 4 > arrBeg[1])
  567. 				{
  568. 					//"<blur>text1</blur>[spoiler0][spoiler1]<blur>text2</blur>[spoiler2]"
  569. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrEnd[2] + 1, l);
  570. 					if (this.Debug)
  571. 					{
  572. 						console.info(string);
  573. 					}
  574. 					tTitle.innerHTML = string;
  575. 					return;
  576. 					//case two:two:"text1_[spoiler0]_text2_[spoiler1]_text3_[spoiler2]"
  577. 				} else
  578. 				{
  579. 					//"<blur>text1</blur>[spoiler0]<blur>text2</blur>[spoiler1]<blur>text3</blur>[spoiler2]"
  580. 					string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], l);
  581. 					if (this.Debug)
  582. 					{
  583. 						console.info(string);
  584. 					}
  585. 					tTitle.innerHTML = string;
  586. 					return;
  587. 				}
  588. 				//case three:"text1_[spoiler0]_text2_[spoiler1]_text3_[spoiler2]_text4"
  589. 				//DO I NEED ALL CASES??? TODO!
  590. 			} else
  591. 			{
  592. 				//"<blur>text1</blur>[spoiler0]<blur>text2</blur>[spoiler1]<blur>text3</blur>[spoiler2]<blur>text4</blur>"
  593. 				string = stringStartbdi + ' ' + sArr.substring(0, arrBeg[0]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[0], arrEnd[0] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[0] + 1, arrBeg[1]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[1], arrEnd[1] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[1] + 1, arrBeg[2]) + ' ' + stringEndbdi + ' ' + sArr.substring(arrBeg[2], arrEnd[2] + 1) + ' ' + stringStartbdi + ' ' + sArr.substring(arrEnd[2] + 1, l) + ' ' + stringEndbdi;
  594. 				if (this.Debug)
  595. 				{
  596. 					console.info(string);
  597. 				}
  598. 				tTitle.innerHTML = string;
  599. 				return;
  600. 			}
  601.  
  602. 		}
  603. 	}
  604.  
  605. 	//second value can be "even" or "odd"
  606. 	GetAllIndexes(arr, val1, val2)
  607. 	{
  608. 		let indexes = [], temp = [], x, i;
  609. 		switch (val2)
  610. 		{
  611. 			case "even":
  612. 				for (x = 0; x < arr.length; x++)
  613. 					if (arr[x] === val1)
  614. 						temp.push(x);
  615. 				for (i = 0; i < temp.length; i++)
  616. 				{
  617. 					if (this.IsEven(i))
  618. 					{
  619. 						indexes.push(temp[i]);
  620. 					}
  621. 				}
  622. 				break;
  623. 			case "odd":
  624. 				for (x = 0; x < arr.length; x++)
  625. 					if (arr[x] === val1)
  626. 						temp.push(x);
  627. 				for (i = 0; i < temp.length; i++)
  628. 				{
  629. 					if (!this.IsEven(i))
  630. 					{
  631. 						indexes.push(temp[i]);
  632. 					}
  633. 				}
  634. 				break;
  635. 			default:
  636. 				for (x = 0; x < arr.length; x++)
  637. 					if (arr[x] === val1 || arr[x] === val2)
  638. 						indexes.push(x);
  639. 				break;
  640. 		}
  641. 		return indexes;
  642. 	}
  643.  
  644. 	IsEven(n)
  645. 	{
  646. 		return n === parseFloat(n) ? !(n % 2) : void 0;
  647. 	}
  648.  
  649. 	OptionsUI()
  650. 	{
  651. 		document.body.insertAdjacentHTML("beforeend", `<div id=btrSettings class='side jAyrXr'><div class=spaser ><div class=sidecontentbox><span class=btr_closeButton>&times</span> \
  652.   <div class=title><h1>Settings of Blur Title Reddit` + GM.info.script.version + `</h1></div>\
  653.   <ul class=content><li> \
  654.   <form> \
  655.   <br> \
  656.   <p>Bluring option:</p>\
  657.   <input type=radio name=title id=btr_showTitle >Show brackets</input><br> \
  658.   <input type=radio name=title id=btr_hideTitle >Hide brackets</input><br><br> \
  659. 	<input type=checkbox name=asterisk id=asterisk >Show what between asterisks like brackets</input><br><br> \
  660.   <input type=checkbox name=debug id=debug >Debug</input><br> \
  661.   </form> <br> \
  662.   <button id=btr_hide class=hauwm>Hide Settings</button></li></ul></div></div></div>`);
  663.  
  664.  
  665. 		//SET UI SETTINGS
  666. 		document.getElementById("debug").setAttribute("checked", this.Debug);
  667. 		document.getElementById("asterisk").setAttribute("checked", this.asterisk);
  668. 		
  669.  
  670. 		if (this.btr_pTitle === true)
  671. 		{
  672. 			document.getElementById("btr_hideTitle").setAttribute("checked", true);
  673. 		} else
  674. 		{
  675. 			document.getElementById("btr_showTitle").setAttribute("checked", true);
  676. 		}
  677.  
  678. 		document.getElementById("btrSettings").style.display = "none";
  679.  
  680. 		//CHANGE SETTINGS BY INTERACT WITH UI
  681. 		document.getElementById("debug").addEventListener("click", async (e) =>
  682. 		{
  683. 			if (btr.Debug === true)
  684. 			{
  685. 				GM.setValue("btr_debug", false);
  686. 				btr.Debug = await GM.getValue("btr_debug");
  687. 			} else
  688. 			{
  689. 				GM.setValue("btr_debug", true);
  690. 				btr.Debug = await GM.getValue("btr_debug");
  691. 			}
  692.  
  693. 			confirm("Settings has been changed.");
  694. 			if (btr.Debug)
  695. 			{
  696. 				console.log('debug: ' + await GM.getValue("btr_debug") + ' and debug: ' + btr.Debug);
  697. 			}
  698. 		});
  699.  
  700. 		document.getElementById("asterisk").addEventListener("click", async (e) =>
  701. 		{
  702. 			if (btr.asterisk === true)
  703. 			{
  704. 				GM.setValue("btr_asterisk", false);
  705. 				btr.asterisk = await GM.getValue("btr_asterisk");
  706. 			} else
  707. 			{
  708. 				GM.setValue("btr_asterisk", true);
  709. 				btr.asterisk = await GM.getValue("btr_asterisk");
  710. 			}
  711.  
  712. 			confirm("Settings has been changed.");
  713. 			if (btr.Debug)
  714. 			{
  715. 				console.log('btr_asterisk: ' + await GM.getValue("btr_asterisk") + ' and asterisk: ' + btr.asterisk);
  716. 			}
  717. 		});
  718.  
  719. 		/* TODO!
  720. 		document.getElementById("#btr_showTitle").onclick((e) =>
  721. 		{
  722. 			GM.setValue("btr_GMTitle", false);
  723. 			btr_pTitle = await GM.getValue("btr_GMTitle");
  724. 			ReplaceOriginalTitles();
  725. 			MyFunction();
  726. 			alert("Settings has been changed. Now brackets showing.");
  727. 			if (debug)
  728. 			{
  729. 				console.log('btr_GMTitle: ' + await GM.getValue("btr_GMTitle") + ' and btr_pTitle: ' + btr_pTitle);
  730. 			}
  731. 		});
  732. 		
  733.  
  734. 		$("#btr_hideTitle").change(async function ()
  735. 		{
  736. 			GM.setValue("btr_GMTitle", true);
  737. 			btr_pTitle = await GM.getValue("btr_GMTitle");
  738. 			ReplaceOriginalTitles();
  739. 			MyFunction();
  740. 			alert("Settings has been changed. Now brackets hiding.");
  741. 			if (debug)
  742. 			{
  743. 				console.log('btr_GMTitle: ' + await GM.getValue("btr_GMTitle") + ' and btr_pTitle: ' + btr_pTitle);
  744. 			}
  745. 		});
  746. 		*/
  747.  
  748. 		//TODO ???
  749. 		//$(".side").append("<div class=spacer><div class=sidecontentbox><div class=title><h1>BLUR TITLE REDDIT</h1></div><ul class=content><li><button id=btr_show >Show settings</button></li></ul></div></div>");
  750. 		//console.log(currentLocation.pathname);
  751. 		//if (currentLocation.pathname === "/r/Steam")
  752. 		//{
  753. 		//    $(".debuginfo").after("<p><a id=btr_show style={float=right;}>show settings blur title reddit</a></p>");
  754. 		//} else {
  755. 		//$(".side").append("<div class=spacer><div class=account-activity-box><p><a id=btr_show >show settings blur title reddit</a></p></div></div>");
  756. 		//}
  757.  
  758. 		document.querySelector("div[data-testid='subreddit-sidebar'], div.side").insertAdjacentHTML("beforeend", `<div class=spacer><div class=account-activity-box style=cursor:pointer;><p><a id=btr_show >show settings for blur title reddit</a></p></div></div>`);
  759.  
  760. 		document.getElementById("btr_hide").addEventListener("click", (e) =>
  761. 		{
  762. 			document.getElementById("btrSettings").style.display = "none";
  763. 		});
  764.  
  765. 		document.querySelector(".btr_closeButton").addEventListener("click", (e) =>
  766. 		{
  767. 			document.getElementById("btrSettings").style.display = "none";
  768. 		});
  769.  
  770. 		document.getElementById("btr_show").addEventListener("click", (e) =>
  771. 		{
  772. 			document.getElementById("btrSettings").style.display = "block";
  773.  
  774. 			if (!document.getElementById("btrSettings").classList.contains("btr_opt"))
  775. 				document.getElementById("btrSettings").className += " btr_opt";
  776. 		});
  777. 	}
  778.  
  779. 	//Start
  780. 	//async Methods/Functions GM_VALUE
  781. 	async HasValueGM(nameVal, optValue)
  782. 	{
  783. 		let vals = await GM.listValues();
  784.  
  785. 		if (vals.length === 0)
  786. 		{
  787. 			if (optValue !== undefined)
  788. 			{
  789. 				GM.setValue(nameVal, optValue);
  790. 				return true;
  791. 			} else
  792. 			{
  793. 				return false;
  794. 			}
  795. 		}
  796.  
  797. 		if (typeof nameVal !== "string")
  798. 		{
  799. 			return alert("name of value: '" + nameVal + "' are not string");
  800. 		}
  801.  
  802. 		for (let i = 0; i < vals.length; i++)
  803. 		{
  804. 			if (vals[i] === nameVal)
  805. 			{
  806. 				return true;
  807. 			}
  808. 		}
  809.  
  810. 		if (optValue !== undefined)
  811. 		{
  812. 			GM.setValue(nameVal, optValue);
  813. 			return true;
  814. 		} else
  815. 		{
  816. 			return false;
  817. 		}
  818. 	}
  819. 	async DeleteValuesGM(nameVal)
  820. 	{
  821. 		let vals = await GM.listValues();
  822.  
  823. 		if (vals.length === 0 || typeof nameVal !== "string")
  824. 		{
  825. 			return;
  826. 		}
  827.  
  828. 		switch (nameVal)
  829. 		{
  830. 			case "all":
  831. 				for (let i = 0; i < vals.length; i++)
  832. 				{
  833. 					if (vals[i] !== "adm")
  834. 					{
  835. 						GM.deleteValue(vals[i]);
  836. 					}
  837. 				}
  838. 				break;
  839. 			case "old":
  840. 				for (let i = 0; i < vals.length; i++)
  841. 				{
  842. 					if (vals[i] === "debug" || vals[i] === "debugA")
  843. 					{
  844. 						GM.deleteValue(vals[i]);
  845. 					}
  846. 				}
  847. 				break;
  848. 			default:
  849. 				for (let i = 0; i < vals.length; i++)
  850. 				{
  851. 					if (vals[i] === nameVal)
  852. 					{
  853. 						GM.deleteValue(nameVal);
  854. 					}
  855. 				}
  856. 				break;
  857. 		}
  858. 	}
  859. 	async UpdateGM(what)
  860. 	{
  861. 		var gmVal;
  862.  
  863. 		switch (what)
  864. 		{
  865. 			case "options":
  866. 				gmVal = JSON.stringify(options.values);
  867. 				GM.setValue("pp_options", gmVal);
  868. 				break;
  869. 			default:
  870. 				alert("class:Options.UpdateGM(" + what + "). default switch");
  871. 				break;
  872. 		}
  873. 	}
  874. 	//async Methods/Functions GM_VALUE
  875. 	//End
  876. }
  877.  
  878. let btr;
  879.  
  880. window.onload = function ()
  881. {
  882. 	btr = new BlurTitleReddit();
  883.  
  884. 	setTimeout(() =>
  885. 	{
  886. 		btr.Main();
  887. 		console.log(btr);
  888. 	}, 1000);
  889. };