mw.loader.using( ['mediawiki.api', 'mediawiki.user', 'mediawiki.util'] , function() {  	const storageKeyName = 'watchlistwatcher-newestclicked'; 	var api = new mw.Api( { cache: false } ), 		titles, 		items, 		newest = 0, 		watchButton,  		watchwButtonAnchor, 		timer, 		storage = window.localStorage; 	 	function i18n( key ) { 		switch ( mw.user.options.get( 'language' ) ) { 			case 'he': 				switch ( key ) { 					case 'title' : return 'רשימת המעקב שלך'; 				} 				break; 			case 'en': 				switch ( key ) { 					case 'title': return 'Your watchlist'; 				} 				break; 		} 		return key; 	} 	 	function updateStorageAndRefresh() { 		storage.setItem( storageKeyName, newest ); // remember the click: only items newer than latest click will trigger coloring the bubble. 		triggerQuery( 0 );	// initiate click, so when it returns we can color the icon accordingly 	} 	 	function showWatchlistDialog( e ) { 		e.stopImmediatePropagation(); 		e.preventDefault();  		updateStorageAndRefresh();		  		var $this = $( this ), 			width60 = $( 'body' ).width() * 0.6, 			height60 = $( 'body' ).height() * 0.6; 		 		$.ajax( { url: mw.util.getUrl( 'Special:Watchlist' ) } ) 			.done( function( data ) { 				mw.loader.using( 'jquery.ui' ).done ( function() { 					var content = $( data ).find( '.mw-changeslist' ), 						cl = ''; 					 					content 						.parents() 						.each( function() {  							if ( $( this ).length )  								cl += $this.attr( 'class' ) + ' ';  						} ); 					 					$( '<div>' ) 						.addClass( 'mw-changeslist ' + cl ) 						.dialog( { 							position: { 								my: "center top", 								at: "center bottom", 								of: $this 							}, 							width: width60, 							height: height60, 							close: function() { $( this ).remove(); } 						} ) 						.css( { overflow: 'auto' } ) 						.append( content ); 				} ); 			} ); 	} 	 	function announce() { 		const new_id = 'pt-notifications-watchlist'; 		var count = titles.length; 		if ( ! watchButton ) { 			var url, 				notif = $( '#pt-notifications-notice, #pt-notifications-alert' ).eq(-1); 				 			if ( ! notif.length ) 				return;  			watchButton = notif.clone() 				.attr( { id: new_id } ) 				.insertAfter( notif ); 			watchwButtonAnchor = watchButton.find( 'a' ) 				.removeClass('oo-ui-icon-tray') 				.click( showWatchlistDialog ) 				.attr( { href: mw.util.getUrl( 'Special:Watchlist' ), title: i18n( 'title' ) } ); 		} 		var lastClicked = parseInt( storage.getItem( storageKeyName ) ) || 0, 			toColor = newest > lastClicked; 			 		watchwButtonAnchor 			.toggleClass( 'mw-echo-notifications-badge-unseen', toColor ) 			.toggleClass( 'mw-echo-notifications-badge-all-read', count === 0 ) 			.attr( { 'data-counter-text': count || '', 'data-counter-num': count } ); 	}  	function calcParams() { 		var  			opts = { 				/* watchlisthideown: we do not care about this one, since "unread" will never have own edits anyway */ 				watchlisthideanons: '!anon', 				watchlisthidebots:	'!bot', 				watchlisthideliu: 	'anon',  /* this strangely named option means "hide regitered users", IOW, show anons */ 				watchlisthideminor:	'!minor', 				watchlisthidepatrolled: '!patrolled' 			}, 			show = Object.keys( opts ) 				.filter( function( k ) {return mw.user.options.get( k ); } ) 				.map( function( k ) { return opts[k]; } ) 				.concat( 'unread' ) 				.join( '|' ); 		return {  			list: 'watchlist',  			wlprop: 'ids|user|title|timestamp|notificationtimestamp',  			wlshow: show,  			wltype: mw.user.options.get( 'watchlisthidecategorization' ) ? 'edit|new|log' : 'edit|new|log|categorize', 			wllimit: window.script88limit || 50  		}; 	} 	 	function triggerQuery( timeout ) { 		clearTimeout( timer ); 		if ( typeof(timeout) != 'number') 			timeout = 1000; 		timer = setTimeout( queryAndUpdate, timeout );		 	} 	 	function queryAndUpdate() { 		api.get( calcParams() ) 			.done( function(data) { 				var counts = {}; 				if ( data && data.query && data.query.watchlist ) { 					items = data.query.watchlist; 					items.forEach( function( item ) { counts[item.title] = ( counts[item.title] || 0 ) + 1; } ); 					newest = items.map( function( item ) { return new Date( item.timestamp ).getTime(); } ).sort().pop(); 					titles = Object.keys( counts );  					announce(); 					triggerQuery( 60000 ); 				} 			} ); // done 	} // queryandupdate  	//load css page. would do it locally, but javascript does not support multiline strings, and putting all the CSS locally is just too much.  	mw.loader.load( '//he.wikipedia.org/w/index.php?title=מדיה_ויקי:סקריפטים/88.css&action=raw&ctype=text/css', 'text/css' ); 	queryAndUpdate(); 	$('#mw-watchlist-resetbutton').submit( triggerQuery ); 	$( 'body ').on( 'script-88-refresh', triggerQuery ); 	mw.hook('wikipage.content').add( triggerQuery ); 	$('.oo-ui-buttonElement-button').click( triggerQuery ); 	$( 'body ').on( 'script-88-pretend-clicked', updateStorageAndRefresh ); } );