From 2808b1b8b2afe30126c26cd3dc35a5a81e765668 Mon Sep 17 00:00:00 2001
From: marktaiwan <mark.taiwan@gmail.com>
Date: Tue, 17 Feb 2015 14:40:04 +0800
Subject: [PATCH] post-filter

Adds a dropdown menu to each post that allows for filtering by:
- post
- post and all replies to it
- poster ID
- poster ID and all replies to it
- name
- tripcode

In the options panel, adds a new tab for adding/removing name and
tripcode filters.
---
 js/post-filter.js | 755 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 755 insertions(+)
 create mode 100644 js/post-filter.js

diff --git a/js/post-filter.js b/js/post-filter.js
new file mode 100644
index 00000000..151a6f5d
--- /dev/null
+++ b/js/post-filter.js
@@ -0,0 +1,755 @@
+if (active_page === 'thread' || active_page === 'index') {
+	$(document).ready(function () {
+		'use strict';
+		// returns blacklist object from storage
+		function getList() {
+			return JSON.parse(localStorage.postFilter);
+		}
+
+		// stores blacklist into storage and reruns the filter
+		function setList(blacklist) {
+			localStorage.postFilter = JSON.stringify(blacklist);
+			$(document).trigger('filter_page');
+		}
+
+		// unit: seconds
+		function timestamp() {
+			return Math.floor((new Date()).getTime() / 1000);
+		}
+
+		function initList(list, boardId, threadId) {
+			if (typeof list.postFilter[boardId] == 'undefined')
+				list.postFilter[boardId] = {};
+				list.nextPurge[boardId] = {};
+			if (typeof list.postFilter[boardId][threadId] == 'undefined') {
+				list.postFilter[boardId][threadId] = [];
+				list.nextPurge[boardId][threadId] = {timestamp: timestamp(), interval: 86400};  // 86400 seconds == 1 day
+			}
+		}
+
+		var blacklist = {
+			add: {
+				name: function (posterName) {
+					var list = getList();
+					var filter = list.nameFilter;
+
+					for (var i in filter) {
+						if (filter[i].name == posterName) return;
+					}
+					filter.push({
+						name: posterName
+					});
+					setList(list);
+					drawFilterList();
+				},
+				trip: function (posterTrip) {
+					var list = getList();
+					var filter = list.nameFilter;
+
+					for (var i in filter) {
+						if (filter[i].trip == posterTrip) return;
+					}
+					filter.push({
+						trip: posterTrip
+					});
+					setList(list);
+					drawFilterList();
+				},
+				post: function (boardId, threadId, postId, hideReplies) {
+					var list = getList();
+					var filter = list.postFilter;
+
+					initList(list, boardId, threadId);
+
+					for (var i in filter[boardId][threadId]) {
+						if (filter[boardId][threadId][i].post == postId) return;
+					}
+					filter[boardId][threadId].push({
+						post: postId,
+						hideReplies: hideReplies
+					});
+					setList(list);
+				},
+				uid: function (boardId, threadId, uniqueId, hideReplies) {
+					var list = getList();
+					var filter = list.postFilter;
+
+					initList(list, boardId, threadId);
+
+					for (var i in filter[boardId][threadId]) {
+						if (filter[boardId][threadId][i].uid == uniqueId) return;
+					}
+					filter[boardId][threadId].push({
+						uid: uniqueId,
+						hideReplies: hideReplies
+					});
+					setList(list);
+				}
+			},
+			remove: {
+				name: function (posterName) {
+					var list = getList();
+					var filter = list.nameFilter;
+
+					for (var i=0; i<filter.length; i++) {
+						if (filter[i].name == posterName) {
+							filter.splice(i, 1);
+							break;
+						}
+					}
+					setList(list);
+					drawFilterList();
+				},
+				trip: function (posterTrip) {
+					var list = getList();
+					var filter = list.nameFilter;
+
+					for (var i=0; i<filter.length; i++) {
+						if (filter[i].trip == posterTrip) {
+							filter.splice(i, 1);
+							break;
+						}
+					}
+					setList(list);
+					drawFilterList();
+				},
+				post: function (boardId, threadId, postId) {
+					var list = getList();
+					var filter = list.postFilter;
+
+					// thread already pruned
+					if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
+						return;
+
+					for (var i=0; i<filter[boardId][threadId].length; i++) {
+						if (filter[boardId][threadId][i].post == postId) {
+							filter[boardId][threadId].splice(i, 1);
+							break;
+						}
+					}
+					setList(list);
+				},
+				uid: function (boardId, threadId, uniqueId) {
+					var list = getList();
+					var filter = list.postFilter;
+
+					// thread already pruned
+					if (typeof filter[boardId] == 'undefined' || typeof filter[boardId][threadId] == 'undefined')
+						return;
+
+					for (var i=0; i<filter[boardId][threadId].length; i++) {
+						if (filter[boardId][threadId][i].uid == uniqueId) {
+							filter[boardId][threadId].splice(i, 1);
+							break;
+						}
+					}
+					setList(list);
+				}
+			}
+		};
+
+		/* 
+		 *  hide/show the specified thread/post
+		 */
+		function hide(ele) {
+			var $ele = $(ele);
+
+			if (ele.dataset.hidden == '1')
+				return;
+
+			ele.dataset.hidden = '1';
+			if ($ele.hasClass('op')) {
+				$ele.parent().find('.body, .files, .video-container').not($ele.children('.reply').children()).hide();
+
+				// hide thread replies on index view
+				if (active_page == 'index') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').hide();
+			} else {
+				// normal posts
+				$ele.children('.body, .files, .video-container').hide();
+			}
+		}
+		function show(ele) {
+			var $ele = $(ele);
+
+			ele.dataset.hidden = '0';
+			if ($ele.hasClass('op')) {
+				$ele.parent().find('.body, .files, .video-container').show();
+				if (active_page == 'index') $ele.parent().find('.omitted, .reply:not(.hidden), post_no, .mentioned, br').show();
+			} else {
+				// normal posts
+				$ele.children('.body, .files, .video-container').show();
+			}
+		}
+
+		/* 
+		 *  create filter menu when the button is clicked
+		 */
+		function addMenu(e, ele, threadId, pageData) {
+
+			var $ele = $(ele);
+			var $buffer;
+
+			var postId = $ele.find('.post_no').not('[id]').text();
+			if (pageData.hasUID) {
+				var postUid = $ele.find('.poster_id').text();
+			}
+			var postName;
+			var postTrip = '';
+			if (!pageData.forcedAnon) {
+				postName = (typeof $ele.find('.name').contents()[0] == 'undefined') ? '' : $ele.find('.name').contents()[0].nodeValue.trim();
+				postTrip = $ele.find('.trip').text();
+			}
+
+			//  get the button's position
+			var pos = $(e.target).offset();
+
+			$buffer = $('<div class="filter-menu"></div>').append(
+				$('<ul>').append(
+					$('<li>', {id: 'filter-menu-unhide'}).text('Unhide post'),
+					$('<li>', {id: 'filter-menu-add'}).append(
+						$('<ul>').append(
+							$('<li>', {class: 'filter-post'}).text('Post'),
+							$('<li>', {class: 'filter-post-plus', title: 'Hide post and all replies'}).text('Post +'),
+							$('<li>', {class: 'filter-id'}).text('ID'),
+							$('<li>', {class: 'filter-id-plus', title: 'Hide ID and all replies'}).text('ID +'),
+							$('<li>', {class: 'filter-name'}).text('Name'),
+							$('<li>', {class: 'filter-trip'}).text('Tripcode')
+						),
+						'Add filter',
+						$('<span>', {class: 'filter-menu-arrow'}).append('»')
+					),
+					$('<li>', {id: 'filter-menu-remove'}).append(
+						$('<ul>').append(
+							$('<li>', {class: 'filter-id'}).text('ID'),
+							$('<li>', {class: 'filter-name'}).text('Name'),
+							$('<li>', {class: 'filter-trip'}).text('Tripcode')
+						),
+						'Remove filter',
+						$('<span>', {class: 'filter-menu-arrow'}).append('»')
+					)
+				)
+			);
+
+			/*  display logic and bind click handlers
+			 */
+
+			 // unhide button
+			if (ele.dataset.hidden == '1' && ele.dataset.hiddenByUid == '0' &&
+				ele.dataset.hiddenByName == '0' && ele.dataset.hiddenByTrip == '0') {
+				$buffer.find('#filter-menu-unhide').click(function () {
+					//  if hidden due to post id, remove it from blacklist
+					//  otherwise just show this post
+					blacklist.remove.post(pageData.boardId, threadId, postId);
+					show(ele);
+				});
+			} else {
+				$buffer.find('#filter-menu-unhide').addClass('hidden');
+			}
+
+			//  post id
+			if (ele.dataset.hiddenByPost == '0') {
+				$buffer.find('#filter-menu-add .filter-post').click(function () {
+					blacklist.add.post(pageData.boardId, threadId, postId, false);
+				});
+				$buffer.find('#filter-menu-add .filter-post-plus').click(function () {
+					blacklist.add.post(pageData.boardId, threadId, postId, true);
+				});
+			} else {
+				$buffer.find('#filter-menu-add .filter-post').addClass('hidden');
+				$buffer.find('#filter-menu-add .filter-post-plus').addClass('hidden');
+			}
+
+			// UID
+			if (pageData.hasUID && ele.dataset.hiddenByUid == '0') {
+				$buffer.find('#filter-menu-add .filter-id').click(function () {
+					blacklist.add.uid(pageData.boardId, threadId, postUid, false);
+				});
+				$buffer.find('#filter-menu-add .filter-id-plus').click(function () {
+					blacklist.add.uid(pageData.boardId, threadId, postUid, true);
+				});
+
+				$buffer.find('#filter-menu-remove .filter-id').addClass('hidden');
+			} else  if (pageData.hasUID) {
+				$buffer.find('#filter-menu-remove .filter-id').click(function () {
+					blacklist.remove.uid(pageData.boardId, threadId, postUid);
+				});
+
+				$buffer.find('#filter-menu-add .filter-id').addClass('hidden');
+				$buffer.find('#filter-menu-add .filter-id-plus').addClass('hidden');
+			} else {
+				// board doesn't use UID
+				$buffer.find('#filter-menu-add .filter-id').addClass('hidden');
+				$buffer.find('#filter-menu-add .filter-id-plus').addClass('hidden');
+				$buffer.find('#filter-menu-remove .filter-id').addClass('hidden');
+			}
+
+			//  name
+			if (!pageData.forcedAnon && ele.dataset.hiddenByName == '0') {
+				$buffer.find('#filter-menu-add .filter-name').click(function () {
+					blacklist.add.name(postName);
+				});
+
+				$buffer.find('#filter-menu-remove .filter-name').addClass('hidden');
+			} else if (!pageData.forcedAnon) {
+				$buffer.find('#filter-menu-remove .filter-name').click(function () {
+					blacklist.remove.name(postName);
+				});
+
+				$buffer.find('#filter-menu-add .filter-name').addClass('hidden');
+			} else {
+				// board has forced anon
+				$buffer.find('#filter-menu-remove .filter-name').addClass('hidden');
+				$buffer.find('#filter-menu-add .filter-name').addClass('hidden');
+			}
+
+			//  tripcode
+			if (!pageData.forcedAnon && ele.dataset.hiddenByTrip == '0' && postTrip !== '') {
+				$buffer.find('#filter-menu-add .filter-trip').click(function () {
+					blacklist.add.trip(postTrip);
+				});
+
+				$buffer.find('#filter-menu-remove .filter-trip').addClass('hidden');
+			} else if (!pageData.forcedAnon && postTrip !== '') {
+				$buffer.find('#filter-menu-remove .filter-trip').click(function () {
+					blacklist.remove.trip(postTrip);
+				});
+
+				$buffer.find('#filter-menu-add .filter-trip').addClass('hidden');
+			} else {
+				// board has forced anon
+				$buffer.find('#filter-menu-remove .filter-trip').addClass('hidden');
+				$buffer.find('#filter-menu-add .filter-trip').addClass('hidden');
+			}
+
+			/*  hide sub menus if all items are hidden
+			 */
+			if (!$buffer.find('#filter-menu-remove > ul').children().not('.hidden').length) {
+				$buffer.find('#filter-menu-remove').addClass('hidden');
+			}
+			if (!$buffer.find('#filter-menu-add > ul').children().not('.hidden').length) {
+				$buffer.find('#filter-menu-add').addClass('hidden');
+			}
+
+			/*  set menu position
+			 */
+			 $buffer.css({top: pos.top + 20, left: pos.left});
+
+			/*  finally append to page
+			 */
+			$('body').append($buffer);
+		}
+
+		/* 
+		 *  add menu button to the thread/post
+		 */
+		function addMenuButton(ele, threadId, pageData) {
+			if ($(ele).find('.filter-btn').length)
+				$('.filter-btn').remove();
+
+			$(ele).find('.intro')
+				.append(
+					$('<a>', {href: '#', class: 'filter-btn', title: 'Filter menu'})
+						.text('▶')
+						.click(function (e) {
+							//  button toggle
+							e.preventDefault();
+							//  remove existing menu
+							$('.filter-menu').remove();
+
+							if ($(e.target).hasClass('filter-btn-open')) {
+								$('.filter-btn-open').removeClass('filter-btn-open');
+							} else {
+								//  close previous button
+								$('.filter-btn-open').removeClass('filter-btn-open');
+								//  mark the menu button as open
+								$(ele).find('.filter-btn').addClass('filter-btn-open');
+								addMenu(e, ele, threadId, pageData);
+							}
+						})
+				);
+		}
+
+		/*
+		 *  determine whether the reply post should be hidden
+		 *   - applies to all posts on page load or filtering rule change
+		 *   - apply to new posts on thread updates
+		 *   - must explicitly set the state of each attributes because filter will reapply to all posts after filtering rule change
+		 */
+		function filter(post, threadId, pageData) {
+			var $post = $(post);
+			var list = getList();
+			var postId = $post.find('.post_no').not('[id]').text();
+			var name, trip, uid;
+			var i, array;  // temp variables
+
+			var boardId     = pageData.boardId;
+			var localList   = pageData.localList;
+			var noReplyList = pageData.noReplyList;
+			var hasUID      = pageData.hasUID;
+			var forcedAnon  = pageData.forcedAnon;
+
+			post.dataset.hidden = '0';
+			post.dataset.hiddenByUid = '0';
+			post.dataset.hiddenByPost = '0';
+			post.dataset.hiddenByName = '0';
+			post.dataset.hiddenByTrip = '0';
+
+			// add post with matched UID to localList
+			if (hasUID &&
+				typeof list.postFilter[boardId] != 'undefined' &&
+				typeof list.postFilter[boardId][threadId] != 'undefined') {
+				uid = $post.find('.poster_id').text();
+				array = list.postFilter[boardId][threadId];
+
+				for (i=0; i<array.length; i++) {
+					if (array[i].uid == uid) {
+						post.dataset.hiddenByUid = '1';
+						localList.push(postId);
+						if (array[i].hideReplies) noReplyList.push(postId);
+						break;
+					}
+				}
+			}
+
+			// match localList
+			if (localList.length) {
+				if ($.inArray(postId, localList) != -1) {
+					if (post.dataset.hiddenByUid != '1') post.dataset.hiddenByPost = '1';
+					hide(post);
+				}
+			}
+
+			// match poster name and tripcode
+			if (!forcedAnon) {
+				name = (typeof $post.find('.name').contents()[0] == 'undefined') ? '' : $post.find('.name').contents()[0].nodeValue.trim();
+				if ($(list.nameFilter).filter(function(){if (this.name == name) return true;}).length) {
+					post.dataset.hiddenByName = '1';
+					hide(post);
+				}
+				if ($post.find('.trip').length) {
+					trip = $post.find('.trip').text();
+					if ($(list.nameFilter).filter(function(){if (this.trip == trip) return true;}).length) {
+						post.dataset.hiddenByTrip = '1';
+						hide(post);
+					}
+				}
+			}
+
+			// check for link to filtered posts
+			$post.find('.body a').not('[rel="nofollow"]').each(function () {
+				var replyId = $(this).text().match(/^>>(\d+)$/);
+
+				if (!replyId)
+					return;
+
+				replyId = replyId[1];
+				if ($.inArray(replyId, noReplyList) != -1) {
+					hide(post);
+				}
+			});
+
+			// post didn't match any filters
+			if ((typeof post.dataset.hidden == 'undefined' || post.dataset.hidden == '0') &&
+				post.dataset.hiddenByUid == '0' &&
+				post.dataset.hiddenByUid == post.dataset.hiddenByPost == post.dataset.hiddenByName == post.dataset.hiddenByTrip) {
+				show(post);
+			}
+		}
+		/*  (re)runs the filter on the entire page
+		 */
+		 function filterPage(pageData) {
+			var list = getList();
+
+			// empty the local and no-reply list
+			pageData.localList = [];
+			pageData.noReplyList = [];
+
+			$('.thread').each(function () {
+				var $thread = $(this);
+				// disregard the hidden threads constructed by post-hover.js
+				if ($thread.css('display') == 'none')
+					return;
+
+				var threadId = $thread.attr('id').replace('thread_', '');
+				var op = $thread.children('.op')[0];
+				var i, array;  // temp variables
+
+				// add posts to localList and noReplyList
+				if (typeof list.postFilter[pageData.boardId] != 'undefined') {
+					array = list.postFilter[pageData.boardId][threadId];
+					if (typeof array != 'undefined') {
+						for (i=0; i<array.length; i++) {
+							if ( typeof array[i].post == 'undefined')
+								continue;
+
+							pageData.localList.push(array[i].post);
+							if (array[i].hideReplies) pageData.noReplyList.push(array[i].post);
+						}
+					}
+				}
+				// run filter on OP
+				filter(op, threadId, pageData);
+				addMenuButton(op, threadId, pageData);
+
+				// iterate filter over each post
+				if (op.dataset.hidden != '1' || active_page == 'thread') {
+					$thread.find('.reply').not('.hidden').each(function () {
+						filter(this, threadId, pageData);
+						addMenuButton(this, threadId, pageData);
+					});
+				}
+
+			});
+		 }
+
+		/* 
+		 *  
+		 */
+		function initStyle() {
+			var $ele, cssStyle, cssString;
+
+			$ele = $('<div>').addClass('post reply').hide().appendTo('body');
+			cssStyle = $ele.css(['background-color', 'border-color']);
+			cssStyle.hoverBg = $('body').css('background-color');
+			$ele.remove();
+
+			cssString =
+				'\n/*** Generated by post-filter ***/\n' +
+				'.filter-menu {position: absolute; font-size: 12px; line-height: 1.3em;}\n' +
+				'.filter-menu ul {\n' +
+				'    background-color: '+ cssStyle['background-color'] +'; border: 1px solid '+ cssStyle['border-color'] +'; border-right-width: 2px;\n' +
+				'    list-style: none; padding: 0; margin: 0; white-space: nowrap;\n}\n' +
+				'.filter-menu li {cursor: pointer; position: relative; padding: 4px 4px; vertical-align: middle; border-bottom: 1px solid '+ cssStyle['border-color'] +';}\n' +
+				'.filter-menu li:hover {background-color: '+ cssStyle.hoverBg +';}\n' +
+				'.filter-menu ul ul {display: none; position: absolute;}\n' +
+				'.filter-menu li:hover ul {display: block; left: 100%; margin-top: -3px;}\n' +
+				'.filter-menu-arrow {float: right; margin-left: 10px;}\n' +
+				'.filter-menu.hidden, .filter-menu .hidden {display: none;}\n' +
+				'.filter-btn {transition: transform 0.1s; width: 15px; text-align: center; font-size: 12pt; opacity: 0.8; text-decoration: none; margin: -6px 0px; display: inline-block;}\n' +
+				'.filter-btn:hover {opacity: 1;}\n' +
+				'.filter-btn-open {transform: rotate(90deg);}\n';
+			cssString +=
+				'#filter-control #clear {float: right;}\n' +
+				'#filter-container {margin-top: 20px; border: 1px solid; height: 270px; overflow: auto;}\n' +
+				'#filter-list {width: 100%; border-collapse: collapse;}\n' +
+				'#filter-list th {text-align: center; height: 20px; font-size: 14px; border-bottom: 1px solid;}\n' +
+				'#filter-list th:nth-child(1) {text-align: center; width: 70px;}\n' +
+				'#filter-list th:nth-child(2) {text-align: left;}\n' +
+				'#filter-list th:nth-child(3) {text-align: center; width: 58px;}\n' +
+				'#filter-list tr:not(#header) {height: 22px;}\n' +
+				'#filter-list tr:nth-child(even) {background-color:rgba(255, 255, 255, 0.5);}\n' +
+				'#filter-list td:nth-child(1) {text-align: center; width: 70px;}\n' +
+				'#filter-list td:nth-child(3) {text-align: center; width: 58px;}\n' +
+				'#confirm {text-align: right; margin-bottom: -18px; padding-top: 2px; font-size: 14px; color: #FF0000;}';
+
+			if (!$('style.generated-css').length) $('<style class="generated-css">').appendTo('head');
+			$('style.generated-css').html($('style.generated-css').html() + cssString);
+		}
+
+		function drawFilterList() {
+			var list = getList().nameFilter;
+			var $ele = $('#filter-list');
+			var $row;
+			var type, val;
+			var i, length, obj;
+
+			$ele.empty();
+
+			$ele.append('<tr id="header"><th>Type</th><th>Content</th><th>Remove</th></tr>');
+			for (i = 0, length = list.length; i < length; i++) {
+				obj = list[i];
+				for (type in obj) {
+					val = obj[type];
+					$row = $('<tr>');
+					$row.append(
+								'<td>'+ type +'</td>',
+								'<td>'+ val +'</td>',
+								$('<td>').append(
+									$('<a>').html('X')
+										.addClass('del-btn')
+										.attr('href', '#')
+										.attr('data-type', type)
+										.attr('data-val', val)
+								)
+							);
+					$ele.append($row);
+				}
+			}
+		}
+
+		function initOptionsPanel() {
+			if (window.Options && !Options.get_tab('filter')) {
+				Options.add_tab('filter', 'list', 'Filters');
+				Options.extend_tab('filter',
+					'<div id="filter-control">' +
+						'<input id="input" type="text"></input>' +
+						'<button id="name">Add Name</button>' +
+						'<button id="trip">Add Tripcode</button>' +
+						'<button id="clear">Clear all filters</button>' +
+						'<div id="confirm" class="hidden">' +
+							'This will clear all filtering rules including hidden posts. <a id="confirm-y" href="#">yes</a> | <a id="confirm-n" href="#">no</a>' +
+						'</div>' +
+					'</div>' +
+					'<div id="filter-container"><table id="filter-list"></table></div>'
+				);
+				drawFilterList();
+
+				// control buttons
+				$('#filter-control').on('click', '#name', function () {
+					var str = $('#filter-control #input').val().trim();
+					$('#filter-control #input').val('');
+					blacklist.add.name(str);
+				});
+				$('#filter-control').on('click', '#trip', function () {
+					var str = $('#filter-control #input').val().trim();
+					$('#filter-control #input').val('');
+					blacklist.add.trip(str);
+				});
+				$('#filter-control').on('click', '#clear', function () {
+					$('#filter-control #clear').addClass('hidden');
+					$('#filter-control #confirm').removeClass('hidden');
+				});
+				$('#filter-control').on('click', '#confirm-y', function (e) {
+					e.preventDefault();
+
+					$('#filter-control #clear').removeClass('hidden');
+					$('#filter-control #confirm').addClass('hidden');
+					setList({
+						nameFilter: [],
+						postFilter: {},
+						nextPurge: {},
+						lastPurge: timestamp()
+					});
+					drawFilterList();
+				});
+				$('#filter-control').on('click', '#confirm-n', function (e) {
+					e.preventDefault();
+
+					$('#filter-control #clear').removeClass('hidden');
+					$('#filter-control #confirm').addClass('hidden');
+				});
+
+
+				// remove button
+				$('#filter-list').on('click', '.del-btn', function (e) {
+					e.preventDefault();
+
+					var $ele = $(e.target);
+					var type = $ele.attr('data-type');
+					var val = $ele.attr('data-val');
+					blacklist.remove[type](val);
+				});
+			}
+		}
+
+		/* 
+		 *  clear out pruned threads
+		 */
+		function purge() {
+			var list = getList();
+			var board, thread, boardId, threadId;
+			var deferred;
+			var requestArray = [];
+
+			var successHandler = function (boardId, threadId) {
+				return function () {
+					// thread still alive, keep it in the list and increase the time between checks.
+					var list = getList();
+					var thread = list.nextPurge[boardId][threadId];
+
+					thread.timestamp = timestamp();
+					thread.interval = Math.floor(thread.interval * 1.5);
+					setList(list);
+				};
+			};
+			var errorHandler = function (boardId, threadId) {
+				return function (xhr) {
+					if (xhr.status == 404) {
+						var list = getList();
+
+						delete list.nextPurge[boardId][threadId];
+						delete list.postFilter[boardId][threadId];
+						if ($.isEmptyObject(list.nextPurge[boardId])) delete list.nextPurge[boardId];
+						if ($.isEmptyObject(list.postFilter[boardId])) delete list.postFilter[boardId];
+						setList(list);
+					}
+				};
+			};
+
+			if ((timestamp() - list.lastPurge) < 86400)  // less than 1 day
+				return;
+			
+			for (boardId in list.nextPurge) {
+				board = list.nextPurge[boardId];
+				for (threadId in board) {
+					thread = board[threadId];
+					if (timestamp() > (thread.timestamp + thread.interval)) {
+						// check if thread is pruned
+						deferred = $.ajax({
+							cache: false,
+							url: '/'+ boardId +'/res/'+ threadId +'.json',
+							success: successHandler(boardId, threadId),
+							error: errorHandler(boardId, threadId)
+						});
+						requestArray.push(deferred);
+					}
+				}
+			}
+
+			// when all requests complete
+			$.when.apply($, requestArray).always(function () {
+				var list = getList();
+				list.lastPurge = timestamp();
+				setList(list);
+			});
+		}
+
+		function init() {
+			if (typeof localStorage.postFilter === 'undefined') {
+				localStorage.postFilter = JSON.stringify({
+					nameFilter: [],
+					postFilter: {},
+					nextPurge: {},
+					lastPurge: timestamp()
+				});
+			}
+
+			var pageData = {
+				boardId: board_name,  // get the id from the global variable
+				localList: [],  // all the blacklisted post IDs or UIDs that apply to the current page
+				noReplyList: [],  // any posts that replies to the contents of this list shall be hidden
+				hasUID: (document.getElementsByClassName('poster_id').length > 0),
+				forcedAnon: ($('th:contains(Name)').length === 0)  // tests by looking for the Name label on the reply form
+			};
+
+			initStyle();
+			initOptionsPanel();
+			filterPage(pageData);
+
+			// menu close click handler
+			$(document).on('click', function (e){
+				if ($(e.target).hasClass('filter-btn'))
+					return;
+
+				$('.filter-menu').remove();
+				$('.filter-btn-open').removeClass('filter-btn-open');
+			});
+
+			// on new posts
+			$(document).on('new_post', function (e, post) {
+				var threadId = $(post).parent().attr('id').replace('thread_', '');
+
+				filter(post, threadId, pageData);
+				addMenuButton(post, threadId, pageData);
+			});
+
+			$(document).on('filter_page', function () {
+				filterPage(pageData);
+			});
+
+			// clear out the old threads
+			purge();
+		}
+		init();
+	});
+}