☰

Voat Enhancement

A simple script to provide some basic enhancement for voat. Includes auto-pagination, info bar detachment, and extra embedding for comments.

  1. // ==UserScript==
  2. // @name        Voat Enhancement
  3. // @namespace   septus.info
  4. // @include		http://voat.co/*
  5. // @include		http://*.voat.co/*
  6. // @include		https://voat.co/*
  7. // @include		https://*.voat.co/*
  8. // @version		1.0.5
  9. // @grant		GM_getValue
  10. // @grant		GM_setValue
  11. // @require		https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
  12. // @description:en	A simple script to provide some basic enhancement for voat. Includes auto-pagination, info bar detachment, and extra embedding for comments.
  13. // @description A simple script to provide some basic enhancement for voat. Includes auto-pagination, info bar detachment, and extra embedding for comments.
  14. // ==/UserScript==
  15.  
  16. var PostProcessSubmissions = function(submissions){
  17. 	/*
  18. 	var toolTipsterData = {
  19.     content: "Loading user info...",
  20.     contentAsHTML: "true",
  21.     functionBefore: function(n, t) {
  22.       t();
  23.       n.data("ajax") !== "cached" && $.ajax({
  24.         type: "GET",
  25.         url: "/ajaxhelpers/userinfo/" + n.attr("data-username"),
  26.         success: function(t) {
  27.           n.tooltipster("content", t).data("ajax", "cached");
  28.         }
  29.       });
  30.     }
  31. 	};
  32. 	
  33. 	for(var i = 0; i < submissions.length; i++){
  34. 		$(submissions[i]).find(".userinfo").tooltipster(toolTipsterData);
  35. 	}
  36. 	*/
  37. };
  38.  
  39.  
  40. function Plugin_UserTag(framework){
  41. 	var _this = this;
  42. 	
  43. 	var defaults = {
  44. 		tags: {
  45. 			pathogenxd: "VES Creator"
  46. 		}
  47. 	}
  48. 	
  49. 	if(GM_getValue('Plugin_UserTag') === null){
  50. 		GM_setValue('Plugin_UserTag', JSON.stringify(defaults));
  51. 	}
  52. 	
  53. 	this.settings = JSON.parse(GM_getValue('Plugin_UserTag'));
  54. 	//console.log(this.settings);
  55. 	
  56. 	$(document).on("comments-loaded", function(event){
  57. 		
  58. 		for(var i = 0; i < event.comments.length; i++){
  59. 			var username = $($(event.comments[i]).find("p.tagline a.author")[0]).text().toLowerCase();
  60. 			//console.log(username);
  61. 			
  62. 			if(_this.settings.tags[username] !== undefined)
  63. 			{
  64. 				var userattrsElement = $(event.comments[i]).find("p.tagline span.userattrs")[0];
  65. 				$(userattrsElement).after("&nbsp;<span style='color: blue;'>" + _this.settings.tags[username] + "</span>");
  66. 			}
  67. 			
  68. 			var buttons = $(event.comments[i]).find("ul.buttons")[0];
  69. 			var button = $('<li><a>tag user</a></li>').on('click', function(event){
  70. 				var usernameToTag = $(event.currentTarget).attr('data-username');
  71. 				var newTag = prompt('Custom tag for '+usernameToTag);
  72. 				if(newTag !== null){
  73. 					_this.settings.tags[usernameToTag] = newTag;
  74. 					GM_setValue('Plugin_UserTag', JSON.stringify(_this.settings));
  75. 				}
  76. 			});
  77. 			button.attr('data-username', username);
  78. 			//console.log(button);
  79. 			$(buttons).append(button);
  80. 		}
  81. 	});
  82. }
  83.  
  84. function Plugin_AutoPaginate(framework){
  85. 	this.framework = framework;
  86. 	this.currentPage = framework.page.currentPage;
  87. 	this.contentLoading = false;
  88. 	this.morePages = true;
  89. 	this.postIdLoaded = {};
  90. 	var _this = this;
  91. 	
  92. 	if(this.framework.page.type === "subverse"){
  93. 		this.HandleSubverse();
  94. 	}
  95. 	
  96. }
  97. Plugin_AutoPaginate.prototype.HandleSubverse = function(){
  98. 	var _this = this;
  99. 	if(! ($("li.btn-whoaverse-paging > a[rel^='next']")[0])){
  100. 		this.morePages = false;
  101. 	}
  102. 	//console.log(this.morePages);
  103. 	
  104. 	var url = "";
  105. 	if(this.framework.page.subverse === ""){
  106. 		url = "/"+this.framework.page.sorting;
  107. 	}
  108. 	else{
  109. 		url = "/v/" + this.framework.page.subverse +"/" + this.framework.page.sorting;
  110. 	}
  111. 	//console.log(url);
  112. 	
  113. 	$(document).on("submissions-loaded", function(event){
  114. 		// Hide duplicate posts as they appear
  115. 		for(var i = 0; i < event.submissions.length; i++){
  116. 			var postId = $(event.submissions[i]).attr('data-fullname');
  117. 			if(!_this.postIdLoaded[postId]){
  118. 				_this.postIdLoaded[postId] = true;
  119. 				
  120. 			}
  121. 			else{
  122. 				$(event.submissions[i]).css({display: "none"});
  123. 				//console.log("post id " + postId + " hidden");
  124. 			}
  125. 		}
  126. 	});
  127. 	
  128. 	$(document).on("scroll", function(event){
  129. 		var distanceToNewPage = $("div.pagination-container").offset().top - 
  130. 			(window.pageYOffset + $(window).height()) - 600;
  131. 		//console.log(distanceToNewPage + " " + _this.contentLoading + " " + _this.morePages);
  132. 		
  133. 		if(distanceToNewPage < 0 && !_this.contentLoading && _this.morePages){
  134. 			
  135. 			_this.contentLoading = true;
  136. 			_this.currentPage++;
  137. 			//console.log("Loading page " + _this.currentPage);
  138. 			
  139. 			$.get( url, {page: _this.currentPage} )
  140. 				.done(function( data ) {
  141. 					var loadedDocument = $(data);
  142. 					var loadedSubmissions = null;
  143. 					
  144. 					if(_this.framework.page.subverse === ""){
  145. 						loadedSubmissions = loadedDocument.find("div.sitetable > div.submission");
  146. 						var paginationContainer = $("div.pagination-container");
  147. 						for(var i = 0; i < loadedSubmissions.length; i++){
  148. 							paginationContainer.before(loadedSubmissions[i]);
  149. 						}
  150. 					}
  151. 					else{
  152. 						loadedSubmissions = loadedDocument.find("div.linklisting > div.submission");
  153. 						var linklisting = $("div.linklisting");
  154. 						for(var i = 0; i < loadedSubmissions.length; i++){
  155. 							linklisting.append(loadedSubmissions[i]);
  156. 						}
  157. 					}
  158. 					
  159. 					if(!loadedDocument.find("li.btn-whoaverse-paging > a[rel^='next']")[0]){
  160. 						_this.morePages = false;
  161. 					}
  162. 					_this.contentLoading = false;
  163. 					
  164. 					PostProcessSubmissions(loadedSubmissions);
  165. 					
  166. 					$.event.trigger({
  167. 						type: "submissions-loaded",
  168. 						submissions: loadedSubmissions
  169. 					});
  170. 				})
  171. 				.fail(function(error) {
  172. 					//console.log( error );
  173. 				});
  174. 		}
  175. 	});
  176. };
  177.  
  178. var SaveStyles = function(domObject, styleObject){
  179. 	for (var property in styleObject) {
  180. 		styleObject[property] = $(domObject).css(property);
  181. 	}
  182. };
  183.  
  184. function Plugin_DetachedInfoBar(framework){
  185. 	var infoBar = $("div#header-account > div:nth-child(1)");
  186. 	var infoBarTop = infoBar.offset().top;
  187. 	var infoBarRight = $(window).width() - (infoBar.offset().left + infoBar.width());
  188. 	var infoBarDetached = false;
  189. 	var detachedStyle = {"position": "fixed", "top": "0px", "right": "0px"};
  190. 	var originalStyle = {"position": "", "top": "", "right": ""};
  191. 	SaveStyles(infoBar, originalStyle);
  192. 	
  193. 	//console.log(originalStyle);
  194. 	var changingState = false;
  195. 	$(document).on("scroll", function(event){
  196. 		if(!changingState){
  197. 			if(!infoBarDetached && window.pageYOffset - infoBarTop > 0){
  198. 				changingState = true;
  199. 				var animateBeginStyle = jQuery.extend(true, {}, detachedStyle);
  200. 				animateBeginStyle["right"] = infoBarRight + "px";
  201. 				
  202. 				infoBar.css(animateBeginStyle);
  203. 				infoBar.animate(detachedStyle, 200, function(){
  204. 					infoBarDetached = true;
  205. 					changingState = false;
  206. 				});
  207. 				//console.log("Info bar detached");
  208. 			}
  209. 			else if(infoBarDetached && window.pageYOffset - infoBarTop <= 0){
  210. 				changingState = true;
  211. 				var animateEndStyle = jQuery.extend(true, {}, detachedStyle);
  212. 				animateEndStyle["right"] = infoBarRight + "px";
  213. 				//console.log(animateEndStyle);
  214. 				infoBar.animate(animateEndStyle, 200, function(){
  215. 					infoBar.css(originalStyle);
  216. 					infoBarDetached = false;
  217. 					changingState = false;
  218. 					//console.log("complete");
  219. 				});
  220. 			}
  221. 		}
  222. 		
  223. 	});
  224. }
  225.  
  226. function Plugin_LinkEmbedder(framework){
  227. 	var collapsedButtonStyle = {
  228. 		"background": "transparent url(\"/Graphics/Light-SpriteSheet.png\") repeat scroll 0px -44px"
  229. 	};
  230. 	var uncollapsedButtonStyle = {
  231. 		"background": "transparent url(\"/Graphics/Light-SpriteSheet.png\") repeat scroll 0px -60px"
  232. 	};
  233. 	
  234. 	var EmbedRules = [
  235. 		//Imgur Album
  236. 		function(href){
  237. 			var result = {handled: false, embedHtml: ""};
  238. 			var match = null;
  239. 			
  240. 			match = href.match(/^https?:\/\/([^\.]*\.)?imgur\.com\/(gallery\/)?([a-zA-Z0-9]+)$/);
  241. 			if(match){
  242. 				result.handled = true;
  243. 				result.embedHtml = "<blockquote class=\"imgur-embed-pub\" lang=\"en\" data-id=\"a/"+ match[3] +"\"></blockquote><script async src=\"//s.imgur.com/min/embed.js\" charset=\"utf-8\"></script>";
  244. 			}
  245. 			
  246. 			return result;
  247. 		},
  248. 		//Daily motion
  249. 		function(href){
  250. 			var result = {handled: false, embedHtml: ""};
  251. 			var match = null;
  252. 			
  253. 			match = href.match(/^https?:\/\/www\.dailymotion\.com\/video\/([a-zA-Z0-9]+)_.*$/);
  254. 			if(match){
  255. 				result.handled = true;
  256. 				result.embedHtml = "<iframe frameborder=\"0\" width=\"480\" height=\"270\" src=\"//www.dailymotion.com/embed/video/" + match[1] + "\" allowfullscreen></iframe>";
  257. 			}
  258. 			
  259. 			return result;
  260. 		}
  261. 	];
  262. 	
  263. 	
  264. 	$(document).on("submissions-loaded", function(event){
  265. 		//console.log("We need to process loaded submissions to attach embedded content");
  266. 		for(var i = 0; i < event.submissions.length; i++){
  267. 			
  268. 		}
  269. 	});
  270. 	
  271. 	$(document).on("comments-loaded", function(event){
  272. 		for(var i = 0; i < event.comments.length; i++){
  273. 			var links = $($(event.comments[i]).find("div.entry")[0]).find("div.md a");
  274. 			links.each(function(){
  275. 				for(var i = 0; i < EmbedRules.length; i++){
  276. 					var result = EmbedRules[i](this["href"]);
  277. 					if(result.handled === true){
  278. 						var embedDiv = $("<div class=\"embed-container\" style=\"display: block;\">" + result.embedHtml + "</div>");
  279. 						
  280. 						var button = $("<div></div>").css({
  281. 							"width": "16px",
  282. 							"height": "16px",
  283. 							"display": "inline-block"
  284. 						});
  285. 						button.css(collapsedButtonStyle);
  286. 						var buttonCollapsed = true;
  287. 						
  288. 						button.on("click", function(event){
  289. 							if(buttonCollapsed){
  290. 								buttonCollapsed = false;
  291. 								if(button.next().length === 0 || button.next()[0].tagName != 'DIV'){
  292. 									button.after(embedDiv);
  293. 								}
  294. 								else{
  295. 									button.next().css({"display": "block"});
  296. 								}
  297. 								button.css(uncollapsedButtonStyle);
  298. 								
  299. 							}
  300. 							else{
  301. 								buttonCollapsed = true;
  302. 								button.next().css({"display": "none"});
  303. 								button.css(collapsedButtonStyle);
  304. 							}
  305. 						});
  306. 						
  307. 						$(this).after(button);
  308. 						
  309. 						break;
  310. 					}
  311. 				}
  312. 			});
  313. 		}
  314. 	});
  315. 	
  316. 	
  317. 	
  318. }
  319.  
  320. function Framework(){
  321. 	function SubversePage(){
  322. 		this.type = "subverse";
  323. 		this.subverse = null;
  324. 		this.currentPage = 0;
  325. 		this.sorting = null;
  326. 	}
  327. 	SubversePage.prototype.TriggerInitialEvents = function(){
  328. 		loadedSubmission = null;
  329. 		if(this.subverse === ""){
  330. 			loadedSubmissions = $("div.sitetable > div.submission");
  331. 		}
  332. 		else{
  333. 			loadedSubmissions = $("div.linklisting > div.submission");
  334. 		}
  335. 		
  336. 		$.event.trigger({
  337. 			type: "submissions-loaded",
  338. 			submissions: loadedSubmissions
  339. 		});
  340. 	};
  341.  
  342. 	function SubmissionPage(){
  343. 		this.type = "submission";
  344. 		this.subverse = null;
  345. 		this.id = null;
  346. 		this.loadedParentComments = null;
  347. 	}
  348. 	SubmissionPage.prototype.TriggerInitialEvents = function(){
  349. 		var _this = this;
  350. 		$.event.trigger({
  351. 			type: "comments-loaded",
  352. 			comments: $("div.commentarea div.child")
  353. 		});
  354. 		
  355. 		this.loadedParentComments = $("div.commentarea > div.sitetable > div.child").length;
  356. 		//console.log(this.loadedParentComments);
  357. 		window.setInterval(function(){
  358. 			var temp = $("div.commentarea > div.sitetable > div.child");
  359. 			if(temp.length > _this.loadedParentComments){
  360. 				//("More comments loaded..." + _this.loadedParentComments + " " + temp.length);
  361. 				
  362. 				var event = {
  363. 					type: "comments-loaded",
  364. 					comments: []
  365. 				};
  366. 				for(var i = _this.loadedParentComments; i < temp.length; i++){
  367. 					event.comments.push(temp[i]);
  368. 					var temp2 = $(temp[i]).find("div.child");
  369. 					for(var j = 0; j < temp2.length; j++){
  370. 						event.comments.push(temp2[j]);
  371. 					}
  372. 				}
  373. 				
  374. 				$.event.trigger(event);
  375. 				//console.log(event);
  376. 				
  377. 				_this.loadedParentComments = temp.length;
  378. 			}
  379. 		}, 16);
  380. 	};
  381.  
  382. 	function PermalinkPage(){
  383. 		this.type = "permalink";
  384. 		this.subverse = null;
  385. 		this.submissionId = null;
  386. 		this.id = null;
  387. 	}
  388.  
  389. 	function UserSubmissionsPage(){
  390. 		this.type = "user-submissions";
  391. 		this.username = null;
  392. 		this.currentPage = 0;
  393. 	}
  394.  
  395. 	function UserCommentsPage(){
  396. 		this.type = "user-comments";
  397. 		this.username = null;
  398. 		this.currentPage = 0;
  399. 	}
  400.  
  401. 	function OtherPage(){
  402. 		this.type = "other";
  403. 	}
  404. 	
  405. 	//Find out what our page type is plus any useful information
  406. 	this.page = null;
  407. 	
  408. 	var urlHandled = false;
  409. 	
  410. 	var match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co(\/(new))?\/?$/);
  411. 	if(!urlHandled && match !== null){
  412. 		this.page = new SubversePage();
  413. 		this.page.subverse = "";
  414. 		if(match[3]){
  415. 			this.page.sorting = match[3];
  416. 		}
  417. 		else{
  418. 			this.page.sorting = "";
  419. 		}
  420. 		urlHandled = true;
  421. 	}
  422. 	
  423. 	match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co\/v\/([a-zA-Z0-9_]+)(\/(new|top))?$/);
  424. 	if(!urlHandled && match !== null){
  425. 		this.page = new SubversePage();
  426. 		this.page.subverse = match[2];
  427. 		if(match[4]){
  428. 			this.page.sorting = match[4];
  429. 		}
  430. 		else{
  431. 			this.page.sorting = "";
  432. 		}
  433. 		urlHandled = true;
  434. 	}
  435. 	
  436. 	match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co\/v\/([a-zA-Z0-9_]+)\/comments\/([0-9]+)$/);
  437. 	if(!urlHandled && match !== null){
  438. 		this.page = new SubmissionPage();
  439. 		this.page.subverse = match[2];
  440. 		this.page.id = match[3];
  441. 		urlHandled = true;
  442. 	}
  443. 	
  444. 	match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co\/v\/([a-zA-Z0-9_]+)\/comments\/([0-9]+)\/([0-9]+)$/);
  445. 	if(!urlHandled && match !== null){
  446. 		this.page = new PermalinkPage();
  447. 		this.page.subverse = match[2];
  448. 		this.page.submissionId = match[3];
  449. 		this.page.id = match[4];
  450. 		urlHandled = true;
  451. 	}
  452. 	
  453. 	match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co\/user\/([a-zA-Z0-9_]+)\/submissions$/);
  454. 	if(!urlHandled && match !== null){
  455. 		this.page = new UserSubmissionsPage();
  456. 		this.page.username = match[2];
  457. 		urlHandled = true;
  458. 	}
  459. 	
  460. 	match = window.location.href.match(/^https?:\/\/(www\.)?voat\.co\/user\/([a-zA-Z0-9_]+)\/comments$/);
  461. 	if(!urlHandled && match !== null){
  462. 		this.page = new UserCommentsPage();
  463. 		this.page.username = match[2];
  464. 		urlHandled = true;
  465. 	}
  466. 	
  467. 	if(!urlHandled){
  468. 		this.page = new OtherPage();
  469. 	}
  470. 	console.log(this.page);
  471. 	
  472. 	new Plugin_AutoPaginate(this);
  473. 	new Plugin_DetachedInfoBar(this);
  474. 	new Plugin_LinkEmbedder(this);
  475. 	new Plugin_UserTag(this);
  476. 	
  477. 	if(this.page.TriggerInitialEvents){
  478. 		this.page.TriggerInitialEvents();
  479. 	}
  480. 	
  481. 	
  482. 	// $.event.trigger({
  483. 		// type: "submissions-loaded",
  484. 		// submissions: []
  485. 	// });
  486. }
  487. Framework.EventTypes = ["submissions-loaded", "comments-loaded"];
  488.  
  489. $(document).ready(function(){
  490. 	//console.log("test");
  491. 	var framework = new Framework();
  492. 	
  493. 	
  494. 	//InitializeAutoPaginate();
  495. 	//InitializeDetachedInfoBar();
  496. 	//InitializeLinkEmbedder();
  497. });