☰

Greasy Fork is available in English.

Twitter last read

Keep track of your read tweets.

  1. // ==UserScript==
  2. // @name           Twitter last read
  3. // @namespace      http://armeagle.nl
  4. // @description    Keep track of your read tweets.
  5. // @include        http*://twitter.com/*
  6. // @version        2.8
  7. // @grant          none
  8. // ==/UserScript==
  9.  
  10. // This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License by Alex Haan (http://creativecommons.org/licenses/by-nc-sa/3.0/)
  11.  
  12. /*
  13.  - Adds buttons to the top tab list (with the Home and Connect buttons). Clicking the icon on the left that mark all (visible) tweets as read and stores that. Upon clicking the second icon the right the page will scroll down until the last read tweet is found (or stops at the 100th tweet).
  14.  
  15. Whenever read tweets are loaded and displayed they will be marked (background color changed). Also works separately on the notifications tab.
  16.  
  17.  - Hides "While you were away" and "Who to follow" sections.
  18.  - Adds overlay to embedded YouTube videos so you can simply open them in a new tab/window. Can be disabled with the 'addYoutubeOverlay' setting.
  19.  
  20.  - Only tested on Firefox.
  21. */
  22.  
  23. function DOM_script() {
  24. 	// 2014-08-13: Twitter introduced (more) hotkeys that now break normal interaction (Ctrl+r), fixing that!
  25. 	window.addEventListener("keypress", function(event) { event.stopPropagation(); }, true);
  26. 	
  27. //	var script = document.getElementsByTagName('head')[0].appendChild(document.createElement('script'));
  28. //	script.setAttribute('type', 'text/javascript');
  29. //	return script.textContent=DOM_script.toString().replace(/[\s\S]*"\$1"\);([\s\S]*)}/,"$1");
  30.  
  31. 	// create container Object to prevent variables and function from going global
  32. 	var AEG = {};
  33. 	// Whether to show the confirm dialog when marking tweets read (for when the last-read tweet isn't loaded).
  34. 	AEG.markTweetsUseConfirm = true;
  35. 	// Whether to add an overlay to embedded YouTube videos that forces opening of the youtube video in a new tab.
  36. 	AEG.addYoutubeOverlay = true;
  37.  
  38. 	AEG.debug = false;
  39. 	// is scrolling
  40. 	AEG.isScrolling = false;
  41. 	// prevent (near) infinite loops when scrolling to last read tweet
  42. 	AEG.maxScrollInjects = 100;
  43. 	// counter for above
  44. 	AEG.countScrollInjects = -1;
  45. 	// timeout, so not calling scrollintoview too often, reset on new inject and start new timer
  46. 	AEG.scrollInjectTimer = null;
  47.  
  48. 	AEG.streamItemCount = -1;
  49.  
  50. 	/* Hook on nodeinsert events for the timeline
  51. 	 *  Do it a few steps up, cause switching 'tabs' causes it to rebuild the tree.
  52. 	 *  Checking for the actualy tweet elements anyway.
  53. 	 */
  54. 	//document.querySelector('.stream-manager')
  55. 	//alert(document.getElementsByTagName("body")[0]);
  56. 	document.getElementsByTagName("body")[0].addEventListener("DOMNodeInserted", function(event) {AEG.tweetInsertHandler(event)}, false);
  57.  
  58. 	AEG.addButtonBar = function() {
  59. 		// add "Mark All Read" to the top of the timeline, next to the Tweets header
  60. 		var buttonbar = document.querySelector('#global-actions');
  61. 		var li_buttonbar = document.createElement('li');
  62. 		li_buttonbar.setAttribute('id', 'AEG-button-bar');
  63.  
  64. 		var li_buttonbar_box = document.createElement('div');
  65. 		li_buttonbar_box.className = 'box';
  66.  
  67. 		var li_markall = document.createElement('i');
  68. 		li_markall.className = 'button';
  69. 		li_markall.setAttribute('id', 'mark-all');
  70. 		li_markall.setAttribute('title', 'Mark all tweets read');
  71. 		li_buttonbar_box.appendChild(li_markall);
  72. 		var li_scrolltolast = document.createElement('i');
  73. 		li_scrolltolast.className = 'button';
  74. 		li_scrolltolast.setAttribute('id', 'scroll-to-last');
  75. 		li_scrolltolast.setAttribute('title', 'Scroll to last read tweet');
  76. 		li_buttonbar_box.appendChild(li_scrolltolast);
  77.  
  78. 		li_buttonbar.appendChild(li_buttonbar_box);
  79.  
  80. 		buttonbar.appendChild(li_buttonbar);
  81.  
  82. 		li_scrolltolast.addEventListener('click', function(event) {AEG.scrollToLastReadHandler(event)}, false);
  83. 		li_markall.addEventListener('click', function(event) {AEG.setLastRead(event)}, false);
  84. 	}
  85.  
  86. 	AEG.addButtonBarOrig = function() {
  87. 		// add "Mark All Read" to the top of the timeline, next to the Tweets header
  88. 		var buttonbar = document.querySelector('#global-actions');
  89.  
  90. 		var li_buttonbar = document.createElement('li');
  91. 		li_buttonbar.setAttribute('id', 'AEG-button-bar');
  92.  
  93. 		var li_buttonbar_box = document.createElement('div');
  94. 		li_buttonbar_box.className = 'box';
  95.  
  96. 		var li_markall = document.createElement('i');
  97. 		li_markall.className = 'button';
  98. 		li_markall.setAttribute('id', 'mark-all');
  99. 		li_markall.setAttribute('title', 'Mark all tweets read');
  100. 		li_buttonbar_box.appendChild(li_markall);
  101. 		var li_scrolltolast = document.createElement('i');
  102. 		li_scrolltolast.className = 'button';
  103. 		li_scrolltolast.setAttribute('id', 'scroll-to-last');
  104. 		li_scrolltolast.setAttribute('title', 'Scroll to last read tweet');
  105. 		li_buttonbar_box.appendChild(li_scrolltolast);
  106.  
  107. 		li_buttonbar.appendChild(li_buttonbar_box);
  108.  
  109. 		buttonbar.appendChild(li_buttonbar);
  110.  
  111. 		li_scrolltolast.addEventListener('click', function(event) {AEG.scrollToLastReadHandler(event)}, false);
  112. 		li_markall.addEventListener('click', function(event) {AEG.setLastRead(event)}, false);
  113. 	}
  114.  
  115. 	AEG.tweetInsertHandler = function(event) {
  116. 		var tweet = event.target;
  117. 		if ( ! tweet || ! tweet.className || tweet.className.indexOf("stream-item") < 0) {
  118. 			return;
  119. 		}
  120. 		//AEG.quotedRetweetLinkifier(tweet);
  121. 		// mark if old
  122. 		var lastReadID = AEG.getLastUrlReadID();
  123. 		if ( lastReadID != null ) {
  124. 			AEG.testAndMarkTweet(tweet, MyBigNumber(lastReadID));
  125. 			//console.log('post');
  126. 		} else {
  127. 			//console.log(['post', event.target, event.target.className.indexOf("stream-item")]);
  128. 		}
  129. 		// YouTube clickable
  130. 		AEG.makeClickableYoutube(tweet);
  131. 	}
  132. 	
  133. 	// handle quoted retweets and allow opening of the base tweet manually.
  134. 	AEG.quotedRetweetLinkifier = function(tweet) {
  135. 		//console.log(['aa', tweet, typeof tweet ]);
  136. 		/*return;
  137. 		// find quotedTweet
  138. 		var quotedTweet = tweet.querySelector('.QuoteTweet');
  139. 		if ( ! quotedTweet ) {
  140. 			return;
  141. 		}
  142. 		console.log(['bb', tweet, quotedTweet]);*/
  143. 	}
  144.  
  145. 	// lookup the last tweet and store that ID in a cookie, then color all those tweets as read
  146. 	AEG.setLastRead = function(event) {
  147. 		try {
  148. 			// check whether the last read tweet is loaded, to prevent marking by accident
  149. 			var lastChild = document.querySelector('.stream > .stream-items > .stream-item:last-child');
  150. 			var oldestTweetID = AEG.getTweetIDFromElement(lastChild);
  151. 			if ( oldestTweetID <= AEG.getLastUrlReadID() || !AEG.markTweetsUseConfirm || confirm('Are you sure you want to mark all tweets read? \nThe last read tweet is not loaded.') ) {
  152. 				var firstChild = document.querySelector('.stream > .stream-items > .stream-item:first-child');
  153. 				while (firstChild.querySelector('div.tweet').hasAttribute('data-promoted')
  154. 					|| firstChild.className.indexOf('before-expanded') >= 0
  155. 					|| firstChild.className.indexOf('has-recap') >= 0) {
  156. 					firstChild = firstChild.nextElementSibling;
  157. 				}
  158. 				var lastTweetID = AEG.getTweetIDFromElement(firstChild);
  159.  
  160. 				AEG.setLastUrlReadID(lastTweetID);
  161. 				AEG.markRead(lastTweetID);
  162. 			}
  163. 		} catch (exc) {
  164. 			AEG.debugHandleException('AEG.setLastRead', exc);
  165. 		}
  166. 		event.stopPropagation();
  167. 	}
  168.  
  169. 	/*
  170. 	 * Mark tweets with ID equal or lower than 'id' as read. If 'true' is passed as second parameter, promoted tweets will not be marked as we'l' hide them anyway.
  171. 	 * Also make tweets with YouTube video clickable.
  172. 	 * param id MyBigNumber or null
  173. 	 */
  174. 	AEG.markRead = function(id) {
  175. 		try {
  176. 			var tweets = document.querySelectorAll('.stream > .stream-items > .stream-item');
  177. 			// from last to first
  178. 			for ( var ind = tweets.length-1; ind >= 0; ind-- ) {
  179. 				var tweet = tweets[ind];
  180. 				// skip non-tweets
  181. 				if ( tweet.className.indexOf('separated-module') >= 0 ) {
  182. 					continue;
  183. 				}
  184. 				if ( null !== id ) {
  185. 					AEG.testAndMarkTweet(tweet, id);
  186. 				}
  187. 				// YouTube clickable
  188. 				AEG.makeClickableYoutube(tweet);
  189. 			}
  190. 		} catch (exc) {
  191. 			AEG.debugHandleException('AEG.markAllRead', exc);
  192. 		}
  193. 	}
  194. 	// mark the tweet if its ID is lower or equal to id
  195. 	// @element : the insterted DOM element
  196. 	// @id : lastReadID
  197. 	AEG.testAndMarkTweet = function(element, id) {
  198. 		try {
  199. 			var tweetID = AEG.getTweetIDFromElement(element);
  200. 			if (tweetID == 0) {
  201. 				// could be liked tweet, test (again)
  202. 				if (AEG.isLikedTweet(element)) {
  203. 					element.classList.add('is-read-liked');
  204. 				}
  205. 				// skip promoted tweets
  206. 				if (AEG.isPromotedTweet(element)) {
  207. 					element.classList.add('is-promoted');
  208. 				}
  209. 				// happens with newly injected tweets. Since they're new, they don't have to be marked anyway.
  210. 				return;
  211. 			}
  212. 			//console.log(['tt', element]);
  213.  
  214. 			
  215. 			// mark tweet if it's old
  216. 			if ( tweetID <= id ) {
  217. 				try {
  218. 					element.classList.add('is-read');
  219. 				} catch ( e2 ) {
  220. 					return; // error for some reason // TODO ignore instead of return? doesn't seem to happen anymore anyway
  221. 				}
  222. 			}
  223. 			if ( AEG.isScrolling ) {
  224. 				if ( element.querySelector('div.tweet').hasAttribute('data-promoted') || tweetID >= id ) {
  225. 					// Scroll this element into view, would automatically stop when the tweet we're looking for is found.
  226. 					// But just limit it to prevent an endless run
  227. 					if ( AEG.countScrollInjects++ < AEG.maxScrollInjects ) {
  228. 						window.clearTimeout(AEG.scrollInjectTimer);
  229. 						AEG.scrollInjectTimer = window.setTimeout(function(elem) {
  230. 							elem.scrollIntoView(false);
  231. 						}, 100, element);
  232. 					} else {
  233. 						window.clearTimeout(AEG.scrollInjectTimer);
  234. 						// didn't find the torrent in time, add a notice in the timeline
  235. 						AEG.isScrolling = false;
  236. 						var d = document.createElement('div');
  237. 						d.setAttribute('style', 'color: red; padding-left: 5px; font-weight: bold; border-bottom: 1px solid #EBEBEB');
  238. 						d.appendChild(document.createTextNode('max amount of repeats ('+ AEG.maxScrollInjects +') exceeded, tweet not found'));
  239. 						document.querySelector('.stream-items').insertBefore(d, element.nextSibling);
  240. 						d.scrollIntoView(false);
  241. 					}
  242. 				} else {
  243. 					AEG.isScrolling = false;
  244. 					// scroll this one into view
  245. 					window.clearTimeout(AEG.scrollInjectTimer);
  246. 					element.scrollIntoView(false);
  247. 				}
  248. 			}
  249. 		} catch (exc) {
  250. 			AEG.debugHandleException('AEG.testAndMarkTweet', exc);
  251. 		}
  252. 	}
  253. 	/*
  254. 	 * Keep scrolling down till the last read tweet is in view (or should be, scrolling till we find
  255. 	 *	a tweet with ID smaller or equal to the stored one.
  256. 	 *
  257. 	 * Use the 'dom-inserted-handler in a few ways:
  258. 	 * - checking for 'old' tweet(s) and marking that, also stopping the search
  259. 	 * - when scrolling we scroll to the last tweet in the timeline, then wait for tweets to be injected;
  260. 	 *   - we scroll every new tweet into view, until we hit a max (to prevent endless loop), or find
  261. 	 *     an 'old' tweet and then stop scrolling them into view.
  262. 	 *
  263. 	 * Using the following 'global' settings:
  264. 	 *  AEG.maxScrollInjects : (int) sets the max amount of tweets we allow to be loaded before we stop to scroll
  265. 	 */
  266. 	AEG.scrollToLastReadHandler = function(event) {
  267. 		var lastReadID = AEG.getLastUrlReadID();
  268. 		if ( lastReadID === undefined ) {
  269. 			return;
  270. 		}
  271.  
  272. 		// Only initiate if the last read tweet isn't already in the list (last tweet is newer (larger ID than) lastTweet(ID)).
  273. 		var lastChild = document.querySelector('.stream > .stream-items > .stream-item:last-child');
  274.  
  275. 		//var tweetChild = lastChild.querySelector('div.js-stream-tweet');
  276. 		var tweetID = AEG.getTweetIDFromElement(lastChild, false); // 3 Nov 2012, before this used to use tweetChild
  277.  
  278. 		if ( tweetID > lastReadID ) {
  279. 			AEG.countScrollInjects = 0;
  280. 			AEG.isScrolling = true;
  281.  
  282. 			lastChild.scrollIntoView(false);
  283. 		} else {
  284. 			// the last-read tweet is on the current page already, find it and scroll to it
  285. 			// Ignore retweets, liked tweets and the "while you were away" block.
  286. 			var lastReadTweet = document.querySelector('.stream > .stream-items > .stream-item.is-read:not([data-component-context="follow_activity"]):not(.has-recap):not(.is-liked)');
  287. 			lastReadTweet.scrollIntoView(false);
  288. 		}
  289.  
  290. 		// stop the other click listener (on parent 'a' element) from being called
  291. 		event.stopPropagation();
  292. 	}
  293. 	AEG.createCookie = function(name,value,days) {
  294. 		try {
  295. 			var expires = "";
  296. 			if (days) {
  297. 				var date = new Date();
  298. 				date.setTime(date.getTime()+(days*24*60*60*1000));
  299. 				expires = "; expires="+date.toGMTString();
  300. 			}
  301. 			document.cookie = name+"="+value.replace(/"/g,'\'')+expires+"; path=/"; // replace the JSON double quotes with single ones
  302. 		} catch (exc) {
  303. 			AEG.debugHandleException('AEG.createCookie', exc);
  304. 		}
  305. 	};
  306. 	AEG.readCookie = function(name) {
  307. 		try {
  308. 			var nameEQ = name + "=";
  309. 			var ca = document.cookie.split(';');
  310. 			for( var i=0; i < ca.length; i++ ) {
  311. 				var c = ca[i];
  312. 				while ( c.charAt(0) == ' ' ) {
  313. 					c = c.substring(1,c.length);
  314. 				}
  315. 				if ( c.indexOf(nameEQ) === 0 ) {
  316. 					return c.substring(nameEQ.length,c.length).replace(/'/g, '"');
  317. 				}
  318. 			}
  319. 			return null;
  320. 		} catch (exc) {
  321. 			AEG.debugHandleException('AEG.readCookie', exc);
  322. 		}
  323. 	};
  324. 	AEG.eraseCookie = function(name) {
  325. 		try {
  326. 			createCookie(name,"",-1);
  327. 		} catch (exc) {
  328. 			AEG.debugHandleException('AEG.eraseCookie', exc);
  329. 		}
  330. 	};
  331. 	AEG.debugHandleException = function(title, message) {
  332. 		if ( AEG.debug ) {
  333. 			alert(title +'\n\n'+ message);
  334. 		}
  335. 	}
  336. 	AEG.log = function(log) {
  337. 		try {
  338. 			if ( AEG.debug && console != null ) {
  339. 				console.log(log);
  340. 			}
  341. 		} catch (e) {
  342. 			// silent
  343. 		}
  344. 	}
  345. 	// get the last read Tweet ID based on the URL (to support lists)
  346. 	AEG.getLastUrlReadID = function() {
  347. 		try {
  348. 			var lastRead = AEG.getLastReadID();
  349. 			return lastRead[AEG.getPageKey()];
  350. 		} catch (e) {
  351. 			AEG.log(e);
  352. 		}
  353. 	}
  354. 	// set the last read Tweet ID based on the URL (to support lists)
  355. 	AEG.setLastUrlReadID = function(id) {
  356. 		try {
  357. 			var lastRead = AEG.getLastReadID();
  358. 			lastRead[AEG.getPageKey()] = id;
  359. 			AEG.createCookie('AEG_lastReadID', JSON.stringify(lastRead), 365);
  360. 		} catch (e) {
  361. 			AEG.log(e);
  362. 		}
  363. 	}
  364. 	// returns the object from a cookie, used by both get and set
  365. 	AEG.getLastReadID = function() {
  366. 		try {
  367. 			// if this is just a number, convert it to the new structure
  368. 			var lastRead = AEG.readCookie('AEG_lastReadID');
  369. 			if (null == lastRead) {
  370. 				return {};
  371. 			} else if ( !isNaN(MyBigNumber(lastRead)) ) {
  372. 				lastRead = {'twitter.com/': lastRead};
  373. 				AEG.createCookie('AEG_lastReadID', JSON.stringify(lastRead), 365);
  374. 				return lastRead;
  375. 			} else {
  376. 				return JSON.parse(lastRead);
  377. 			}
  378. 		} catch (e) {
  379. 			AEG.log(e);
  380. 		}
  381. 		return {};
  382. 	}
  383. 	// get key of lastRead by 'page'
  384. 	AEG.getPageKey = function() {
  385. 		var key = location.href.replace('http://','').replace('https://','').replace('#', '').replace('!/', '');
  386. 		return key;
  387. 	}
  388.  
  389. 	// get the correct tweet ID from a tweet div
  390. 	/**
  391. 	 * param element DOM_Element : to get the ID from
  392. 	 * param use_base boolean    : return the 'data-item-id' even when this element is a retweet. This is needed for checking whether the last-read tweet is in view, because the retweet-id will be higher than the data-item-id
  393. 	 * return int|MyBigNumber : MyBigNumber for normal tweets, or 0
  394. 	 */
  395. 	AEG.getTweetIDFromElement = function(element, use_base) {
  396. 		var child = element.querySelector('div.original-tweet');
  397. 		if ( ! child || ! child.hasAttribute('data-item-id')) {
  398. 			return 0;
  399. 		}
  400. 		// Ignore liked tweets
  401. 		if (AEG.isLikedTweet(element)) {
  402. 			return 0;
  403. 		}
  404. 		// Ignore promoted tweets
  405. 		if (AEG.isPromotedTweet(element)) {
  406. 			return 0;
  407. 		}
  408. 		
  409. 		var tweetID = child.getAttribute('data-item-id').replace('-promoted', ''); //default value
  410. 		if ( tweetID.indexOf('_') > 0 ) {
  411. 			tweetID = tweetID.split('_')[3]; //@todo don't know what this is for anymore
  412. 		} else if ( !use_base ) {
  413. 			// try to see whether this is a retweet, if so set this tweet's id to the original ID
  414. 			if ( child.hasAttribute('data-retweet-id') ) {
  415. 				tweetID = child.getAttribute('data-retweet-id').replace('-promoted', '');
  416. 			}
  417. 		}
  418. 		return MyBigNumber(tweetID);
  419. 	}
  420. 	
  421. 	/**
  422. 	 * param element DOM_Element : root tweet element to test
  423. 	 * return boolean : true if the tweet is a retweet (and the tweet id can be very old, so needs special treatment).
  424. 	 */
  425. 	AEG.isLikedTweet = function(element) {
  426. 		// Test liked tweets. See https://github.com/ArmEagle/userscripts/issues/3 
  427. 		var context = element.querySelector('.context');
  428. 		return context && context.textContent.indexOf(' liked') >= 0;
  429. 	}
  430. 	
  431. 	/**
  432. 	 * param element DOM_Element : root tweet element to test
  433. 	 * return boolean : true if the tweet is a promoted tweet
  434. 	 */
  435. 	AEG.isPromotedTweet = function(element) {
  436. 		return element.querySelector('div.tweet').hasAttribute('data-promoted');
  437. 	}
  438. 	
  439. 	/**
  440. 	 * Make youtube embeds in tweets clickable such that you can open it in a new tab instead of opening
  441. 	 * a local version (first).
  442. 	 * Lazy overlay so the link isn't somehow hijacked. That completely disables the default funtionality.
  443. 	 *  Whereas the initial goal was to only have middle-click do its default job and keep the original
  444. 	 *  functionality on normal click. But I won't be using that anyway.
  445. 	 * param element DOM_Element : tweet element to look for youtube video in.
  446. 	 */
  447. 	AEG.makeClickableYoutube = function(element) {
  448. 		// Check script setting
  449. 		if (!AEG.addYoutubeOverlay) { return; }
  450. 		
  451. 		var player = element.querySelector('.card-type-player');
  452. 		if (!player) { return; }
  453. 		
  454. 		var url = player.getAttribute('data-card-url');
  455. 		if (!url) { return; }
  456. 		
  457. 		// no duplicates on rerun
  458. 		if (element.querySelector('.aeg-tweet-youtube-link')) {
  459. 			return;
  460. 		}
  461. 		
  462. 		var el_a = document.createElement('a');
  463. 		el_a.setAttribute('href', url);
  464. 		el_a.setAttribute('target', '_blank');
  465. 		el_a.setAttribute('class', 'aeg-tweet-youtube-link');
  466. 		// store parent of element so we can wrap it in our el_a.
  467. 		var el_parent = player.parentNode;
  468. 		el_a.appendChild(player);
  469. 		el_parent.appendChild(el_a);
  470. 		
  471. 		// add the transparent overlay.
  472. 		el_overlay = document.createElement('div');
  473. 		el_overlay.setAttribute('class', 'aeg-tweet-youtube-overlay');
  474. 		el_a.appendChild(el_overlay);
  475. 	}
  476.  
  477. 	// mark all read tweets (static content loaded with the page itself)
  478. 	var lastReadID = AEG.getLastUrlReadID();
  479. 	AEG.markRead(MyBigNumber(lastReadID), false);
  480.  
  481. 	function MyBigNumber(value) {
  482. 		function BigNumber(value) {
  483. 			var valueSize = 24; // number of 'digits' to use so we can always do string comparison of tweet id's by prepending zero's
  484. 			var value = String(value);
  485.  
  486. 			this.padzeros = function(val) {
  487. 				while (val.length < valueSize) {
  488. 					val = '0' + val;
  489. 				}
  490. 				return val;
  491. 			}
  492. 			this.toJSON = this.toString = this.valueOf = function() {
  493. 				return this.padzeros(value);
  494. 			}
  495. 		}
  496. 		return new BigNumber(value);
  497. 	}
  498.  
  499. 	AEG.addButtonBar();
  500. }
  501.  
  502. function CSS_script() {
  503. 	var style = document.getElementsByTagName('head')[0].appendChild(document.createElement('style'));
  504. 	style.textContent = "\
  505. 	.stream-item.is-read {\
  506. 		opacity: 0.8;\
  507. 		border-top: 1px solid #e8e8e8;\
  508. 		border-left: 3px solid #3377ee;\
  509. 	}\
  510. 	.stream-item.is-read ~ .stream-item.is-read-liked {\
  511. 		border-left: 3px solid #9955ee;\
  512. 	}\
  513. 	.stream-item.is-read:hover {\
  514. 		opacity: 1.0;\
  515. 	}\
  516. 	.stream-item:first-child,\
  517. 	.stream-item.is-read ~ .stream-item.is-read {\
  518. 		border-top: 0;\
  519. 		margin-top: 0 !important;\
  520. 	}\
  521. 	.stream-item.is-read.open {\
  522. 		opacity: 0.9;\
  523. 	}\
  524. 	.stream-item.open > .expansion-container > .original-tweet {\
  525. 		border-left: 3px solid;\
  526. 		border-right: 3px solid;\
  527. 		border-radius: 0;\
  528. 	}\
  529. 	#AEG-button-bar .box {\
  530. 		padding: 3px 12px 15px;\
  531. 	}\
  532. 	#AEG-button-bar .button {\
  533. 		display: inline-block;\
  534. 		margin: 10px 5px;\
  535. 		width: 24px;\
  536. 		height: 24px;\
  537. 		cursor: pointer;\
  538. 	}\
  539. 	#AEG-button-bar .button:hover {\
  540. 		opacity:0.7;\
  541. 	}\
  542. 	#AEG-button-bar #scroll-to-last {\
  543. 		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC9UlEQVRIid2VQYgcRRSGv38RCSGEJeSwrMsyIHhTNBACXgQxRBYRYsSjojCNIqLiNBEXu+mRGEJPQDCg1EDQmwbjIYgYIupNYyQQyEEwyBDWJSyyhCUMewj5PUz3TO3MhA3etKCp5tX//v+9V/Wq4L8+tB2g2cp3STwF7Lc9D0JixXBR8EMoi/6/EkjSfDewbPtVYLcE9gTspqRTwIlQFrfuWaDZyvZJOgs0MJuGc4gLgh4wAzSMDwk9A9wPXLN9uNtpX91WIEmzfTY/DqLW1zZvdDvF6vQss0XMJ0hLwLrNE91OsUVEWx3yWdtXgEVJH4KXQ9mexh2LzNg6CX4LuCb0WOiMynXfGD6XtAicAZZD2abZyh6V9Mg0ctuXQ9m+mqT5O6CHgCXgKPD+RAZV9H9JwvaD3U77RmVfsH1F0h7bVOtIWgMeDmWxVpfL5g9JfeCB+nTNRNE8Dey0/VVNDhDKYkXweoSrf5s1+QDXvg58Y3vW9pO1fSgg6YAkEOcnSoG+AM5IovpOh7I4N46TdL5aPzAhACzYRqY37tjtFBi/BqwCf9p+exxTZdcbzCzUti2bLAngTmxrptmc0GxFcALoS5pP0nzeeL1bttcigjuDaeQfC6xWm9cAfhn6oAXbP4OG2GofNoX2A2sjLI2KY9g3cYkuVc4H4wxCWfwGfFBHpVF4y2GsqcAHq/VL0wS+lbQp6YWkle2N3QZNx681uaSfJH0UY5ppNg96FtgAvp8QCGWxDpy22QWcTNIszuI28JLtvu0NzMuhLIZ7laQ5mI9t77D9aXzxxRkA5BI3DC+C3k3SPBb5HTgqeDN0it6IPAM4Juk5oCfpWEy4RSCUxd+2j1TdeBz4PC6XpFNIn0VlmQN9CbxXleZIKIuNmHPqdZ2k+eO2z4LmwLcYNNmF6pzPSGrYPgQ8D+wErks6HMri8jjX3R+cVr4XUdh+BdgR3UGjGfqCABShLG5O49n+yUzzPbKXkKonEyStABeB7+5G/P8Z/wACzV4hetnLFgAAAABJRU5ErkJggg==);\
  544. 	}\
  545. 	#AEG-button-bar #mark-all {\
  546. 		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC5ElEQVRIidWVT2gdVRTGf18IEksIQbqQUMpDshEqSKAUuhRDpahQKll2EXiDoKLiuypG5jJTqi3zCm8p80AQ3RjUIkqwRBQ3QikIUtyIiyAlZFFKCSGELPK5ePPa92doirseuByY+53vO+fMuffC4246DJCEOAt+CXTK9jEkBJuGm4K1ssju/i+BHjHRdgIckcAeg+0Bnwti2c7vPLJAs5UuSLoGHMfsGn+DdF2wARwYGphFiSVgGtiyfb7bzn8/VCAJccH2r8CMpFXbb3fb+VZtla30KOIq6AKwa3txVGRIIAlxxvafQAP4RNJKWWR13IPVIvGhzafAFvBcd6BdkyP4FUkN4DvwSllkJCHO256qI5e0XxbZ30krvQx6VuICkAFv9DET9zMJcdr268CezVtlkQNg/D1wS9KtGr8OULZzhN+zvQMsJyE+NVaB7BcNM7ZXu+1880EPFcCz1QA9Y/tJ0F+V+k4fV7bzO0krXbW9DJwFvhpukXRSAPb6YBvKIlsDSFrpJNJvwBSQlUW2X9OzdcEycLIvMDGwPWcb90Zx3KSW7dPAAhDrILY3Kj/X/zYogCQkTYzEkYT4PJBJ94fu/STE02M50IsdwA0J3HbvqDYGg5ohTtn+0uYJ21Rr0vYXzVY6PaLQqDhu1wncqMo7MxzDReBEP6l+dpLmQcVIEWeq/Rt1Ar9Iuifp5WYrPQ6QhHTG9gTQ6S/bHUkd2x3wXhLi0Qr7NPAasAv8NJDgA0tCvGjzsfAa4pWyyA94BEtCxPbXwBLQ6bbzd+sqALgi8Y/hrNHVJMSxH15HDlyStAT8K2nobhkiKItsB/ucpLuCd4AfmqHXrnrydA74FvgI2AbOlUV2bxBTf12HeAL7GmgevA/8KOl6NecHkhq2F4FX6R28DUnnyyL7Y5TrYQ/ONPCB7TeBWUnYZsjDtuAz4FJZZNt1PIc+mc0QjwheAE7ZHAMjaRO4CfxcFtnOIRSPuf0HkqRKoOco5hIAAAAASUVORK5CYII=);\
  547. 	}\
  548. 	.aeg-tweet-youtube-link {\
  549. 		position:relative;\
  550. 		width:100%;\
  551. 		display:inline-block;\
  552. 	}\
  553. 	.aeg-tweet-youtube-overlay {\
  554. 		position: absolute;\
  555. 		left:0;\
  556. 		top:0;\
  557. 		width:100%;\
  558. 		height:100%;\
  559. 	}\
  560. 	.separated-module.has-recap, .tweet.promoted-tweet {\
  561. 		display: none;\
  562. 	}\
  563. 	li[data-component-context=suggest_who_to_follow] {\
  564. 		display: none;\
  565. 	}\
  566. 	";
  567. }
  568. CSS_script();
  569.  
  570. function init() {
  571. 	trigger = document.querySelector('.stream > .stream-items > .stream-item:first-child div.tweet');
  572. 	if ( trigger != null ) {
  573. //	if (document.querySelector('.stream > .stream-items > .stream-item:first-child div.tweet')) {
  574. 		try {
  575. 			DOM_script();
  576. 			console.log('twitter last read user is done loading');
  577. 		} catch(e) {
  578. 			console.log(e);
  579. 		}
  580. //	}
  581. 	} else {
  582. 		window.setTimeout(function() {init();}, 1000);
  583. 	}
  584. }
  585. init();