// ==UserScript== // @name 4chan x // @version 2.33.8 // @namespace aeosynth // @description Adds various features. // @copyright 2009-2011 James Campos // @copyright 2012 Nicolas Stepien // @license MIT; http://en.wikipedia.org/wiki/Mit_license // @include http://boards.4chan.org/* // @include https://boards.4chan.org/* // @include http://images.4chan.org/* // @include https://images.4chan.org/* // @include http://sys.4chan.org/* // @include https://sys.4chan.org/* // @run-at document-start // @updateURL https://github.com/MayhemYDG/4chan-x/raw/stable/4chan_x.user.js // @downloadURL https://github.com/MayhemYDG/4chan-x/raw/stable/4chan_x.user.js // @icon http://mayhemydg.github.com/4chan-x/favicon.gif // ==/UserScript== /* LICENSE * * Copyright (c) 2009-2011 James Campos * Copyright (c) 2012 Nicolas Stepien * http://mayhemydg.github.com/4chan-x/ * 4chan X 2.33.8 * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * HACKING * * 4chan X is written in CoffeeScript[1], and developed on GitHub[2]. * * [1]: http://coffeescript.org/ * [2]: https://github.com/MayhemYDG/4chan-x * * CONTRIBUTORS * * noface - unique ID fixes * desuwa - Firefox filename upload fix * seaweed - bottom padding for image hover * e000 - cooldown sanity check * ahodesuka - scroll back when unexpanding images, file info formatting * Shou- - pentadactyl fixes * ferongr - new favicons * xat- - new favicons * Zixaphir - fix qr textarea - captcha-image gap * Ongpot - sfw favicon * thisisanon - nsfw + 404 favicons * Anonymous - empty favicon * Seiba - chrome quick reply focusing * herpaderpderp - recaptcha fixes * WakiMiko - recaptcha tab order http://userscripts.org/scripts/show/82657 * btmcsweeney - allow users to specify text for sauce links * * All the people who've taken the time to write bug reports. * * Thank you. */ (function() { var $, $$, Anonymize, ArchiveLink, AutoGif, Conf, Config, DeleteLink, DownloadLink, ExpandComment, ExpandThread, Favicon, FileInfo, Filter, Get, ImageExpand, ImageHover, Keybinds, Main, Menu, Nav, Options, QR, QuoteBacklink, QuoteCT, QuoteInline, QuoteOP, QuotePreview, Quotify, Redirect, ReplyHiding, ReportLink, RevealSpoilers, Sauce, StrikethroughQuotes, ThreadHiding, ThreadStats, Time, TitlePost, UI, Unread, Updater, Watcher, d, g, _base; Config = { main: { Enhancing: { '404 Redirect': [true, 'Redirect dead threads and images'], 'Keybinds': [true, 'Binds actions to keys'], 'Time Formatting': [true, 'Arbitrarily formatted timestamps, using your local time'], 'File Info Formatting': [true, 'Reformats the file information'], 'Comment Expansion': [true, 'Expand too long comments'], 'Thread Expansion': [true, 'View all replies'], 'Index Navigation': [true, 'Navigate to previous / next thread'], 'Reply Navigation': [false, 'Navigate to top / bottom of thread'], 'Check for Updates': [true, 'Check for updated versions of 4chan X'] }, Filtering: { 'Anonymize': [false, 'Make everybody anonymous'], 'Filter': [true, 'Self-moderation placebo'], 'Recursive Filtering': [true, 'Filter replies of filtered posts, recursively'], 'Reply Hiding': [true, 'Hide single replies'], 'Thread Hiding': [true, 'Hide entire threads'], 'Show Stubs': [true, 'Of hidden threads / replies'] }, Imaging: { 'Image Auto-Gif': [false, 'Animate gif thumbnails'], 'Image Expansion': [true, 'Expand images'], 'Image Hover': [false, 'Show full image on mouseover'], 'Sauce': [true, 'Add sauce to images'], 'Reveal Spoilers': [false, 'Replace spoiler thumbnails by the original thumbnail'], 'Expand From Current': [false, 'Expand images from current position to thread end.'] }, Menu: { 'Menu': [true, 'Add a drop-down menu in posts.'], 'Report Link': [true, 'Add a report link to the menu.'], 'Delete Link': [true, 'Add a delete link to the menu.'], 'Download Link': [true, 'Add a download with original filename link to the menu. Chrome-only currently.'], 'Archive Link': [true, 'Add an archive link to the menu.'] }, Monitoring: { 'Thread Updater': [true, 'Update threads. Has more options in its own dialog.'], 'Unread Count': [true, 'Show unread post count in tab title'], 'Unread Favicon': [true, 'Show a different favicon when there are unread posts'], 'Post in Title': [true, 'Show the op\'s post in the tab title'], 'Thread Stats': [true, 'Display reply and image count'], 'Thread Watcher': [true, 'Bookmark threads'], 'Auto Watch': [true, 'Automatically watch threads that you start'], 'Auto Watch Reply': [false, 'Automatically watch threads that you reply to'] }, Posting: { 'Quick Reply': [true, 'Reply without leaving the page.'], 'Cooldown': [true, 'Prevent "flood detected" errors.'], 'Persistent QR': [false, 'The Quick reply won\'t disappear after posting.'], 'Auto Hide QR': [true, 'Automatically hide the quick reply when posting.'], 'Open Reply in New Tab': [false, 'Open replies in a new tab that are made from the main board.'], 'Remember QR size': [false, 'Remember the size of the Quick reply (Firefox only).'], 'Remember Subject': [false, 'Remember the subject field, instead of resetting after posting.'], 'Remember Spoiler': [false, 'Remember the spoiler state, instead of resetting after posting.'], 'Hide Original Post Form': [true, 'Replace the normal post form with a shortcut to open the QR.'] }, Quoting: { 'Quote Backlinks': [true, 'Add quote backlinks'], 'OP Backlinks': [false, 'Add backlinks to the OP'], 'Quote Highlighting': [true, 'Highlight the previewed post'], 'Quote Inline': [true, 'Show quoted post inline on quote click'], 'Quote Preview': [true, 'Show quote content on hover'], 'Resurrect Quotes': [true, 'Linkify dead quotes to archives'], 'Indicate OP quote': [true, 'Add \'(OP)\' to OP quotes'], 'Indicate Cross-thread Quotes': [true, 'Add \'(Cross-thread)\' to cross-threads quotes'], 'Forward Hiding': [true, 'Hide original posts of inlined backlinks'] } }, filter: { name: ['# Filter any namefags:', '#/^(?!Anonymous$)/'].join('\n'), uniqueid: ['# Filter a specific ID:', '#/Txhvk1Tl/'].join('\n'), tripcode: ['# Filter any tripfags', '#/^!/'].join('\n'), mod: ['# Set a custom class for mods:', '#/Mod$/;highlight:mod;op:yes', '# Set a custom class for moot:', '#/Admin$/;highlight:moot;op:yes'].join('\n'), email: ['# Filter any e-mails that are not `sage` on /a/ and /jp/:', '#/^(?!sage$)/;boards:a,jp'].join('\n'), subject: ['# Filter Generals on /v/:', '#/general/i;boards:v;op:only'].join('\n'), comment: ['# Filter Stallman copypasta on /g/:', '#/what you\'re refer+ing to as linux/i;boards:g'].join('\n'), country: [''].join('\n'), filename: [''].join('\n'), dimensions: ['# Highlight potential wallpapers:', '#/1920x1080/;op:yes;highlight;top:no;boards:w,wg'].join('\n'), filesize: [''].join('\n'), md5: [''].join('\n') }, sauces: ['http://iqdb.org/?url=$1', 'http://www.google.com/searchbyimage?image_url=$1', '#http://tineye.com/search?url=$1', '#http://saucenao.com/search.php?db=999&url=$1', '#http://3d.iqdb.org/?url=$1', '#http://regex.info/exif.cgi?imgurl=$2', '# uploaders:', '#http://imgur.com/upload?url=$2;text:Upload to imgur', '#http://omploader.org/upload?url1=$2;text:Upload to omploader', '# "View Same" in archives:', '#http://archive.foolz.us/search/image/$3/;text:View same on foolz', '#http://archive.foolz.us/$4/search/image/$3/;text:View same on foolz /$4/', '#https://archive.installgentoo.net/$4/image/$3;text:View same on installgentoo /$4/'].join('\n'), time: '%m/%d/%y(%a)%H:%M', backlink: '>>%id', fileInfo: '%l (%p%s, %r)', favicon: 'ferongr', hotkeys: { openQR: ['i', 'Open QR with post number inserted'], openEmptyQR: ['I', 'Open QR without post number inserted'], openOptions: ['ctrl+o', 'Open Options'], close: ['Esc', 'Close Options or QR'], spoiler: ['ctrl+s', 'Quick spoiler tags'], code: ['alt+c', 'Quick code tags'], submit: ['alt+s', 'Submit post'], watch: ['w', 'Watch thread'], update: ['u', 'Update now'], unreadCountTo0: ['z', 'Reset unread status'], expandImage: ['m', 'Expand selected image'], expandAllImages: ['M', 'Expand all images'], zero: ['0', 'Jump to page 0'], nextPage: ['L', 'Jump to the next page'], previousPage: ['H', 'Jump to the previous page'], nextThread: ['n', 'See next thread'], previousThread: ['p', 'See previous thread'], expandThread: ['e', 'Expand thread'], openThreadTab: ['o', 'Open thread in current tab'], openThread: ['O', 'Open thread in new tab'], nextReply: ['J', 'Select next reply'], previousReply: ['K', 'Select previous reply'], hide: ['x', 'Hide thread'] }, updater: { checkbox: { 'Scrolling': [false, 'Scroll updated posts into view. Only enabled at bottom of page.'], 'Scroll BG': [false, 'Scroll background tabs'], 'Verbose': [true, 'Show countdown timer, new post count'], 'Auto Update': [true, 'Automatically fetch new posts'] }, 'Interval': 30 } }; Conf = {}; d = document; g = {}; UI = { dialog: function(id, position, html) { var el; el = d.createElement('div'); el.className = 'reply dialog'; el.innerHTML = html; el.id = id; el.style.cssText = localStorage.getItem("" + Main.namespace + id + ".position") || position; el.querySelector('.move').addEventListener('mousedown', UI.dragstart, false); return el; }, dragstart: function(e) { var el, rect; e.preventDefault(); UI.el = el = this.parentNode; d.addEventListener('mousemove', UI.drag, false); d.addEventListener('mouseup', UI.dragend, false); rect = el.getBoundingClientRect(); UI.dx = e.clientX - rect.left; UI.dy = e.clientY - rect.top; UI.width = d.documentElement.clientWidth - rect.width; return UI.height = d.documentElement.clientHeight - rect.height; }, drag: function(e) { var left, style, top; left = e.clientX - UI.dx; top = e.clientY - UI.dy; left = left < 10 ? '0px' : UI.width - left < 10 ? null : left + 'px'; top = top < 10 ? '0px' : UI.height - top < 10 ? null : top + 'px'; style = UI.el.style; style.left = left; style.top = top; style.right = left === null ? '0px' : null; return style.bottom = top === null ? '0px' : null; }, dragend: function() { localStorage.setItem("" + Main.namespace + UI.el.id + ".position", UI.el.style.cssText); d.removeEventListener('mousemove', UI.drag, false); d.removeEventListener('mouseup', UI.dragend, false); return delete UI.el; }, hover: function(e) { var clientHeight, clientWidth, clientX, clientY, height, style, top, _ref; clientX = e.clientX, clientY = e.clientY; style = UI.el.style; _ref = d.documentElement, clientHeight = _ref.clientHeight, clientWidth = _ref.clientWidth; height = UI.el.offsetHeight; top = clientY - 120; style.top = clientHeight <= height || top <= 0 ? '0px' : top + height >= clientHeight ? clientHeight - height + 'px' : top + 'px'; if (clientX <= clientWidth - 400) { style.left = clientX + 45 + 'px'; return style.right = null; } else { style.left = null; return style.right = clientWidth - clientX + 45 + 'px'; } }, hoverend: function() { $.rm(UI.el); return delete UI.el; } }; /* loosely follows the jquery api: http://api.jquery.com/ not chainable */ $ = function(selector, root) { if (root == null) { root = d.body; } return root.querySelector(selector); }; $.extend = function(object, properties) { var key, val; for (key in properties) { val = properties[key]; object[key] = val; } }; $.extend($, { SECOND: 1000, MINUTE: 1000 * 60, HOUR: 1000 * 60 * 60, DAY: 1000 * 60 * 60 * 24, log: typeof (_base = console.log).bind === "function" ? _base.bind(console) : void 0, engine: /WebKit|Presto|Gecko/.exec(navigator.userAgent)[0].toLowerCase(), ready: function(fc) { var cb; if (/interactive|complete/.test(d.readyState)) { return setTimeout(fc); } cb = function() { $.off(d, 'DOMContentLoaded', cb); return fc(); }; return $.on(d, 'DOMContentLoaded', cb); }, sync: function(key, cb) { return $.on(window, 'storage', function(e) { if (e.key === ("" + Main.namespace + key)) { return cb(JSON.parse(e.newValue)); } }); }, id: function(id) { return d.getElementById(id); }, formData: function(arg) { var fd, key, val; if (arg instanceof HTMLFormElement) { fd = new FormData(arg); } else { fd = new FormData(); for (key in arg) { val = arg[key]; if (val) { fd.append(key, val); } } } return fd; }, ajax: function(url, callbacks, opts) { var form, headers, key, r, type, upCallbacks, val; if (opts == null) { opts = {}; } type = opts.type, headers = opts.headers, upCallbacks = opts.upCallbacks, form = opts.form; r = new XMLHttpRequest(); type || (type = form && 'post' || 'get'); r.open(type, url, true); for (key in headers) { val = headers[key]; r.setRequestHeader(key, val); } $.extend(r, callbacks); $.extend(r.upload, upCallbacks); r.send(form); return r; }, cache: function(url, cb) { var req; if (req = $.cache.requests[url]) { if (req.readyState === 4) { return cb.call(req); } else { return req.callbacks.push(cb); } } else { req = $.ajax(url, { onload: function() { var _i, _len, _ref, _results; _ref = this.callbacks; _results = []; for (_i = 0, _len = _ref.length; _i < _len; _i++) { cb = _ref[_i]; _results.push(cb.call(this)); } return _results; }, onabort: function() { return delete $.cache.requests[url]; }, onerror: function() { return delete $.cache.requests[url]; } }); req.callbacks = [cb]; return $.cache.requests[url] = req; } }, cb: { checked: function() { $.set(this.name, this.checked); return Conf[this.name] = this.checked; }, value: function() { $.set(this.name, this.value.trim()); return Conf[this.name] = this.value; } }, addStyle: function(css) { var style; style = $.el('style', { textContent: css }); $.add(d.head, style); return style; }, x: function(path, root) { if (root == null) { root = d.body; } return d.evaluate(path, root, null, 8, null).singleNodeValue; }, addClass: function(el, className) { return el.classList.add(className); }, rmClass: function(el, className) { return el.classList.remove(className); }, rm: function(el) { return el.parentNode.removeChild(el); }, tn: function(s) { return d.createTextNode(s); }, nodes: function(nodes) { var frag, node, _i, _len; if (nodes instanceof Node) { return nodes; } frag = d.createDocumentFragment(); for (_i = 0, _len = nodes.length; _i < _len; _i++) { node = nodes[_i]; frag.appendChild(node); } return frag; }, add: function(parent, children) { return parent.appendChild($.nodes(children)); }, prepend: function(parent, children) { return parent.insertBefore($.nodes(children), parent.firstChild); }, after: function(root, el) { return root.parentNode.insertBefore($.nodes(el), root.nextSibling); }, before: function(root, el) { return root.parentNode.insertBefore($.nodes(el), root); }, replace: function(root, el) { return root.parentNode.replaceChild($.nodes(el), root); }, el: function(tag, properties) { var el; el = d.createElement(tag); if (properties) { $.extend(el, properties); } return el; }, on: function(el, events, handler) { var event, _i, _len, _ref; _ref = events.split(' '); for (_i = 0, _len = _ref.length; _i < _len; _i++) { event = _ref[_i]; el.addEventListener(event, handler, false); } }, off: function(el, events, handler) { var event, _i, _len, _ref; _ref = events.split(' '); for (_i = 0, _len = _ref.length; _i < _len; _i++) { event = _ref[_i]; el.removeEventListener(event, handler, false); } }, open: function(url) { return (GM_openInTab || window.open)(location.protocol + url, '_blank'); }, event: function(el, e) { return el.dispatchEvent(e); }, globalEval: function(code) { var script; script = $.el('script', { textContent: code }); $.add(d.head, script); return $.rm(script); }, bytesToString: function(size) { var unit; unit = 0; while (size >= 1024) { size /= 1024; unit++; } size = unit > 1 ? Math.round(size * 100) / 100 : Math.round(size); return "" + size + " " + ['B', 'KB', 'MB', 'GB'][unit]; } }); $.cache.requests = {}; $.extend($, typeof GM_deleteValue !== "undefined" && GM_deleteValue !== null ? { "delete": function(name) { name = Main.namespace + name; return GM_deleteValue(name); }, get: function(name, defaultValue) { var value; name = Main.namespace + name; if (value = GM_getValue(name)) { return JSON.parse(value); } else { return defaultValue; } }, set: function(name, value) { name = Main.namespace + name; localStorage.setItem(name, JSON.stringify(value)); return GM_setValue(name, JSON.stringify(value)); } } : { "delete": function(name) { return localStorage.removeItem(Main.namespace + name); }, get: function(name, defaultValue) { var value; if (value = localStorage.getItem(Main.namespace + name)) { return JSON.parse(value); } else { return defaultValue; } }, set: function(name, value) { return localStorage.setItem(Main.namespace + name, JSON.stringify(value)); } }); $$ = function(selector, root) { if (root == null) { root = d.body; } return Array.prototype.slice.call(root.querySelectorAll(selector)); }; Filter = { filters: {}, init: function() { var boards, filter, hl, key, op, regexp, stub, top, _i, _len, _ref, _ref1, _ref2, _ref3, _ref4; for (key in Config.filter) { this.filters[key] = []; _ref = Conf[key].split('\n'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { filter = _ref[_i]; if (filter[0] === '#') { continue; } if (!(regexp = filter.match(/\/(.+)\/(\w*)/))) { continue; } filter = filter.replace(regexp[0], ''); boards = ((_ref1 = filter.match(/boards:([^;]+)/)) != null ? _ref1[1].toLowerCase() : void 0) || 'global'; if (boards !== 'global' && boards.split(',').indexOf(g.BOARD) === -1) { continue; } try { if (key === 'md5') { regexp = regexp[1]; } else { regexp = RegExp(regexp[1], regexp[2]); } } catch (e) { alert(e.message); continue; } op = ((_ref2 = filter.match(/[^t]op:(yes|no|only)/)) != null ? _ref2[1] : void 0) || 'no'; stub = (function() { var _ref3; switch ((_ref3 = filter.match(/stub:(yes|no)/)) != null ? _ref3[1] : void 0) { case 'yes': return true; case 'no': return false; default: return Conf['Show Stubs']; } })(); if (hl = /highlight/.test(filter)) { hl = ((_ref3 = filter.match(/highlight:(\w+)/)) != null ? _ref3[1] : void 0) || 'filter_highlight'; top = ((_ref4 = filter.match(/top:(yes|no)/)) != null ? _ref4[1] : void 0) || 'yes'; top = top === 'yes'; } this.filters[key].push(this.createFilter(regexp, op, stub, hl, top)); } if (!this.filters[key].length) { delete this.filters[key]; } } if (Object.keys(this.filters).length) { return Main.callbacks.push(this.node); } }, createFilter: function(regexp, op, stub, hl, top) { var settings, test; test = typeof regexp === 'string' ? function(value) { return regexp === value; } : function(value) { return regexp.test(value); }; settings = { hide: !hl, stub: stub, "class": hl, top: top }; return function(value, isOP) { if (isOP && op === 'no' || !isOP && op === 'only') { return false; } if (!test(value)) { return false; } return settings; }; }, node: function(post) { var filter, firstThread, isOP, key, result, root, thisThread, value, _i, _len, _ref; if (post.isInlined) { return; } isOP = post.ID === post.threadID; root = post.root; for (key in Filter.filters) { value = Filter[key](post); if (value === false) { continue; } _ref = Filter.filters[key]; for (_i = 0, _len = _ref.length; _i < _len; _i++) { filter = _ref[_i]; if (!(result = filter(value, isOP))) { continue; } if (result.hide) { if (isOP) { if (!g.REPLY) { ThreadHiding.hide(root.parentNode, result.stub); } else { continue; } } else { ReplyHiding.hide(root, result.stub); } return; } $.addClass(root, result["class"]); if (isOP && result.top && !g.REPLY) { thisThread = root.parentNode; if (firstThread = $('div[class="postContainer opContainer"]').parentNode) { $.before(firstThread, [thisThread, thisThread.nextElementSibling]); } } } } }, name: function(post) { return $('.name', post.el).textContent; }, uniqueid: function(post) { var uid; if (uid = $('.posteruid', post.el)) { return uid.textContent.slice(5, -1); } return false; }, tripcode: function(post) { var trip; if (trip = $('.postertrip', post.el)) { return trip.textContent; } return false; }, mod: function(post) { var mod; if (mod = $('.capcode', post.el)) { return mod.textContent; } return false; }, email: function(post) { var mail; if (mail = $('.useremail', post.el)) { return mail.href.slice(7); } return false; }, subject: function(post) { return $('.postInfo .subject', post.el).textContent || false; }, comment: function(post) { var data, i, nodes, text, _i, _ref; text = []; nodes = d.evaluate('.//br|.//text()', post.blockquote, null, 7, null); for (i = _i = 0, _ref = nodes.snapshotLength; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) { text.push((data = nodes.snapshotItem(i).data) ? data : '\n'); } return text.join(''); }, country: function(post) { var flag; if (flag = $('.countryFlag', post.el)) { return flag.title.replace('Country: ', ''); } return false; }, filename: function(post) { var file, fileInfo; fileInfo = post.fileInfo; if (fileInfo) { if (file = $('.fileText > span', fileInfo)) { return file.title; } else { return fileInfo.firstElementChild.dataset.filename; } } return false; }, dimensions: function(post) { var fileInfo, match; fileInfo = post.fileInfo; if (fileInfo && (match = fileInfo.textContent.match(/\d+x\d+/))) { return match[0]; } return false; }, filesize: function(post) { var img; img = post.img; if (img) { return img.alt; } return false; }, md5: function(post) { var img; img = post.img; if (img) { return img.dataset.md5; } return false; }, menuInit: function() { var div, entry, type, _i, _len, _ref; div = $.el('div'); entry = { el: div, open: function() { div.textContent = 'Filter'; return true; }, children: [] }; _ref = [['Name', 'name'], ['Unique ID', 'uniqueid'], ['Tripcode', 'tripcode'], ['Admin/Mod', 'mod'], ['E-mail', 'email'], ['Subject', 'subject'], ['Comment', 'comment'], ['Country', 'country'], ['Filename', 'filename'], ['Image dimensions', 'dimensions'], ['Filesize', 'filesize'], ['Image MD5', 'md5']]; for (_i = 0, _len = _ref.length; _i < _len; _i++) { type = _ref[_i]; entry.children.push(Filter.createSubEntry(type[0], type[1])); } return Menu.addEntry(entry); }, createSubEntry: function(text, type) { var el, onclick, open; el = $.el('a', { href: 'javascript:;', textContent: text }); onclick = null; open = function(post) { var value; value = Filter[type](post); if (value === false) { return false; } $.off(el, 'click', onclick); onclick = function() { var re, save, select, ta, tl; re = type === 'md5' ? value : value.replace(/\/|\\|\^|\$|\n|\.|\(|\)|\{|\}|\[|\]|\?|\*|\+|\|/g, function(c) { if (c === '\n') { return '\\n'; } else if (c === '\\') { return '\\\\'; } else { return "\\" + c; } }); if (type !== 'md5') { re = "/^" + re + "$/"; } if (/\bop\b/.test(post["class"])) { re += ';op:yes'; } save = (save = $.get(type, '')) ? "" + save + "\n" + re : re; $.set(type, save); Options.dialog(); select = $('select[name=filter]', $.id('options')); select.value = type; $.event(select, new Event('change')); $.id('filter_tab').checked = true; ta = select.nextElementSibling; tl = ta.textLength; ta.setSelectionRange(tl, tl); return ta.focus(); }; $.on(el, 'click', onclick); return true; }; return { el: el, open: open }; } }; StrikethroughQuotes = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var el, quote, show_stub, _i, _len, _ref; if (post.isInlined) { return; } _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if ((el = $.id(quote.hash.slice(1))) && el.hidden) { $.addClass(quote, 'filtered'); if (Conf['Recursive Filtering']) { show_stub = !!$.x('preceding-sibling::div[contains(@class,"stub")]', el); ReplyHiding.hide(post.root, show_stub); } } } } }; ExpandComment = { init: function() { var a, _i, _len, _ref; _ref = $$('.abbr'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { a = _ref[_i]; $.on(a.firstElementChild, 'click', ExpandComment.expand); } }, expand: function(e) { var a, replyID, threadID, _, _ref; e.preventDefault(); _ref = this.href.match(/(\d+)#p(\d+)/), _ = _ref[0], threadID = _ref[1], replyID = _ref[2]; this.textContent = "Loading " + replyID + "..."; a = this; return $.cache(this.pathname, function() { return ExpandComment.parse(this, a, threadID, replyID); }); }, parse: function(req, a, threadID, replyID) { var doc, href, node, post, quote, quotes, _i, _len; if (req.status !== 200) { a.textContent = "" + req.status + " " + req.statusText; return; } doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = req.response; node = d.importNode(doc.getElementById("m" + replyID), true); quotes = node.getElementsByClassName('quotelink'); for (_i = 0, _len = quotes.length; _i < _len; _i++) { quote = quotes[_i]; href = quote.getAttribute('href'); if (href[0] === '/') { continue; } quote.href = "res/" + href; } post = { blockquote: node, threadID: threadID, quotes: quotes, backlinks: [] }; if (Conf['Resurrect Quotes']) { Quotify.node(post); } if (Conf['Quote Preview']) { QuotePreview.node(post); } if (Conf['Quote Inline']) { QuoteInline.node(post); } if (Conf['Indicate OP quote']) { QuoteOP.node(post); } if (Conf['Indicate Cross-thread Quotes']) { QuoteCT.node(post); } $.replace(a.parentNode.parentNode, node); return Main.prettify(node); } }; ExpandThread = { init: function() { var a, span, _i, _len, _ref, _results; _ref = $$('.summary'); _results = []; for (_i = 0, _len = _ref.length; _i < _len; _i++) { span = _ref[_i]; a = $.el('a', { textContent: "+ " + span.textContent, className: 'summary desktop', href: 'javascript:;' }); $.on(a, 'click', function() { return ExpandThread.toggle(this.parentNode); }); _results.push($.replace(span, a)); } return _results; }, toggle: function(thread) { var a, num, pathname, replies, reply, _i, _len; pathname = "/" + g.BOARD + "/res/" + thread.id.slice(1); a = $('.summary', thread); switch (a.textContent[0]) { case '+': a.textContent = a.textContent.replace('+', '× Loading...'); $.cache(pathname, function() { return ExpandThread.parse(this, thread, a); }); break; case '×': a.textContent = a.textContent.replace('× Loading...', '+'); $.cache.requests[pathname].abort(); break; case '-': a.textContent = a.textContent.replace('-', '+'); num = (function() { switch (g.BOARD) { case 'b': case 'vg': return 3; case 't': return 1; default: return 5; } })(); replies = $$('.replyContainer', thread); replies.splice(replies.length - num, num); for (_i = 0, _len = replies.length; _i < _len; _i++) { reply = replies[_i]; $.rm(reply); } } }, parse: function(req, thread, a) { var backlink, doc, href, id, link, nodes, post, quote, reply, threadID, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3; if (req.status !== 200) { a.textContent = "" + req.status + " " + req.statusText; $.off(a, 'click', ExpandThread.cb.toggle); return; } a.textContent = a.textContent.replace('× Loading...', '-'); doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = req.response; threadID = thread.id.slice(1); nodes = []; _ref = $$('.replyContainer', doc); for (_i = 0, _len = _ref.length; _i < _len; _i++) { reply = _ref[_i]; reply = d.importNode(reply, true); _ref1 = $$('.quotelink', reply); for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { quote = _ref1[_j]; href = quote.getAttribute('href'); if (href[0] === '/') { continue; } quote.href = "res/" + href; } id = reply.id.slice(2); link = $('.postNum > a[title="Highlight this post"]', reply); link.href = "res/" + threadID + "#p" + id; link.nextSibling.href = "res/" + threadID + "#q" + id; nodes.push(reply); } _ref2 = $$('.summary ~ .replyContainer', a.parentNode); for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { post = _ref2[_k]; $.rm(post); } _ref3 = $$('.backlink', a.previousElementSibling); for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) { backlink = _ref3[_l]; if (!$.id(backlink.hash.slice(1))) { $.rm(backlink); } } return $.after(a, nodes); } }; ThreadHiding = { init: function() { var a, hiddenThreads, thread, _i, _len, _ref; hiddenThreads = $.get("hiddenThreads/" + g.BOARD + "/", {}); _ref = $$('.thread'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { thread = _ref[_i]; a = $.el('a', { className: 'hide_thread_button', innerHTML: '[ - ]', href: 'javascript:;' }); $.on(a, 'click', ThreadHiding.cb); $.prepend(thread, a); if (thread.id.slice(1) in hiddenThreads) { ThreadHiding.hide(thread); } } }, cb: function() { return ThreadHiding.toggle($.x('ancestor::div[parent::div[@class="board"]]', this)); }, toggle: function(thread) { var hiddenThreads, id; hiddenThreads = $.get("hiddenThreads/" + g.BOARD + "/", {}); id = thread.id.slice(1); if (thread.hidden || /\bhidden_thread\b/.test(thread.firstChild.className)) { ThreadHiding.show(thread); delete hiddenThreads[id]; } else { ThreadHiding.hide(thread); hiddenThreads[id] = Date.now(); } return $.set("hiddenThreads/" + g.BOARD + "/", hiddenThreads); }, hide: function(thread, show_stub) { var a, menuButton, num, opInfo, span, stub, text; if (show_stub == null) { show_stub = Conf['Show Stubs']; } if (!show_stub) { thread.hidden = true; thread.nextElementSibling.hidden = true; return; } if (/\bhidden_thread\b/.test(thread.firstChild.className)) { return; } num = 0; if (span = $('.summary', thread)) { num = Number(span.textContent.match(/\d+/)); } num += $$('.opContainer ~ .replyContainer', thread).length; text = num === 1 ? '1 reply' : "" + num + " replies"; opInfo = $('.op > .postInfo > .nameBlock', thread).textContent; stub = $.el('div', { className: 'hide_thread_button hidden_thread', innerHTML: '[ + ] ' }); a = stub.firstChild; $.on(a, 'click', ThreadHiding.cb); $.add(a, $.tn("" + opInfo + " (" + text + ")")); if (Conf['Menu']) { menuButton = Menu.a.cloneNode(true); $.on(menuButton, 'click', Menu.toggle); $.add(stub, [$.tn(' '), menuButton]); } return $.prepend(thread, stub); }, show: function(thread) { var stub; if (stub = $('.hidden_thread', thread)) { $.rm(stub); } thread.hidden = false; return thread.nextElementSibling.hidden = false; } }; ReplyHiding = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var side; if (post.isInlined || post.ID === post.threadID) { return; } side = $('.sideArrows', post.root); $.addClass(side, 'hide_reply_button'); side.innerHTML = '[ - ]'; $.on(side.firstChild, 'click', ReplyHiding.toggle); if (post.ID in g.hiddenReplies) { return ReplyHiding.hide(post.root); } }, toggle: function() { var button, id, quote, quotes, root, _i, _j, _len, _len1; button = this.parentNode; root = button.parentNode; id = root.id.slice(2); quotes = $$(".quotelink[href$='#p" + id + "'], .backlink[href$='#p" + id + "']"); if (/\bstub\b/.test(button.className)) { ReplyHiding.show(root); for (_i = 0, _len = quotes.length; _i < _len; _i++) { quote = quotes[_i]; $.rmClass(quote, 'filtered'); } delete g.hiddenReplies[id]; } else { ReplyHiding.hide(root); for (_j = 0, _len1 = quotes.length; _j < _len1; _j++) { quote = quotes[_j]; $.addClass(quote, 'filtered'); } g.hiddenReplies[id] = Date.now(); } return $.set("hiddenReplies/" + g.BOARD + "/", g.hiddenReplies); }, hide: function(root, show_stub) { var a, el, menuButton, side, stub; if (show_stub == null) { show_stub = Conf['Show Stubs']; } side = $('.sideArrows', root); if (side.hidden) { return; } side.hidden = true; el = side.nextElementSibling; el.hidden = true; if (!show_stub) { return; } stub = $.el('div', { className: 'hide_reply_button stub', innerHTML: '[ + ] ' }); a = stub.firstChild; $.on(a, 'click', ReplyHiding.toggle); $.add(a, $.tn($('.nameBlock', el).textContent)); if (Conf['Menu']) { menuButton = Menu.a.cloneNode(true); $.on(menuButton, 'click', Menu.toggle); $.add(stub, [$.tn(' '), menuButton]); } return $.prepend(root, stub); }, show: function(root) { var stub; if (stub = $('.stub', root)) { $.rm(stub); } $('.sideArrows', root).hidden = false; return $('.post', root).hidden = false; } }; Menu = { entries: [], init: function() { this.a = $.el('a', { className: 'menu_button', href: 'javascript:;', innerHTML: '[]' }); this.el = $.el('div', { className: 'reply dialog', id: 'menu', tabIndex: 0 }); $.on(this.el, 'click', function(e) { return e.stopPropagation(); }); $.on(this.el, 'keydown', this.keybinds); return Main.callbacks.push(this.node); }, node: function(post) { var a; if (post.isInlined && !post.isCrosspost) { a = $('.menu_button', post.el); } else { a = Menu.a.cloneNode(true); $.add($('.postInfo', post.el), a); } return $.on(a, 'click', Menu.toggle); }, toggle: function(e) { var lastOpener, post; e.preventDefault(); e.stopPropagation(); if (Menu.el.parentNode) { lastOpener = Menu.lastOpener; Menu.close(); if (lastOpener === this) { return; } } Menu.lastOpener = this; post = /\bhidden_thread\b/.test(this.parentNode.className) ? $.x('ancestor::div[parent::div[@class="board"]]/child::div[contains(@class,"opContainer")]', this) : $.x('ancestor::div[contains(@class,"postContainer")][1]', this); return Menu.open(this, Main.preParse(post)); }, open: function(button, post) { var bLeft, bRect, bTop, el, entry, funk, mRect, _i, _len, _ref; el = Menu.el; el.setAttribute('data-id', post.ID); el.setAttribute('data-rootid', post.root.id); funk = function(entry, parent) { var child, children, open, subMenu, _i, _len; open = entry.open, children = entry.children; if (!open(post)) { return; } $.add(parent, entry.el); if (!children) { return; } subMenu = $.el('div', { className: 'reply dialog subMenu' }); $.add(entry.el, subMenu); for (_i = 0, _len = children.length; _i < _len; _i++) { child = children[_i]; funk(child, subMenu); } }; _ref = Menu.entries; for (_i = 0, _len = _ref.length; _i < _len; _i++) { entry = _ref[_i]; funk(entry, el); } Menu.focus($('.entry', Menu.el)); $.on(d, 'click', Menu.close); $.add(d.body, el); mRect = el.getBoundingClientRect(); bRect = button.getBoundingClientRect(); bTop = d.documentElement.scrollTop + d.body.scrollTop + bRect.top; bLeft = d.documentElement.scrollLeft + d.body.scrollLeft + bRect.left; el.style.top = bRect.top + bRect.height + mRect.height < d.documentElement.clientHeight ? bTop + bRect.height + 2 + 'px' : bTop - mRect.height - 2 + 'px'; el.style.left = bRect.left + mRect.width < d.documentElement.clientWidth ? bLeft + 'px' : bLeft + bRect.width - mRect.width + 'px'; return el.focus(); }, close: function() { var el, focused, _i, _len, _ref; el = Menu.el; $.rm(el); _ref = $$('.focused.entry', el); for (_i = 0, _len = _ref.length; _i < _len; _i++) { focused = _ref[_i]; $.rmClass(focused, 'focused'); } el.innerHTML = null; el.removeAttribute('style'); delete Menu.lastOpener; delete Menu.focusedEntry; return $.off(d, 'click', Menu.close); }, keybinds: function(e) { var el, next, subMenu; el = Menu.focusedEntry; switch (Keybinds.keyCode(e) || e.keyCode) { case 'Esc': Menu.lastOpener.focus(); Menu.close(); break; case 13: case 32: el.click(); break; case 'Up': if (next = el.previousElementSibling) { Menu.focus(next); } break; case 'Down': if (next = el.nextElementSibling) { Menu.focus(next); } break; case 'Right': if ((subMenu = $('.subMenu', el)) && (next = subMenu.firstElementChild)) { Menu.focus(next); } break; case 'Left': if (next = $.x('parent::*[contains(@class,"subMenu")]/parent::*', el)) { Menu.focus(next); } break; default: return; } e.preventDefault(); return e.stopPropagation(); }, focus: function(el) { var focused, _i, _len, _ref; if (focused = $.x('parent::*/child::*[contains(@class,"focused")]', el)) { $.rmClass(focused, 'focused'); } _ref = $$('.focused', el); for (_i = 0, _len = _ref.length; _i < _len; _i++) { focused = _ref[_i]; $.rmClass(focused, 'focused'); } Menu.focusedEntry = el; return $.addClass(el, 'focused'); }, addEntry: function(entry) { var funk; funk = function(entry) { var child, children, el, _i, _len, _ref; el = entry.el, children = entry.children; $.addClass(el, 'entry'); $.on(el, 'focus mouseover', function(e) { e.stopPropagation(); return Menu.focus(this); }); _ref = children || []; for (_i = 0, _len = _ref.length; _i < _len; _i++) { child = _ref[_i]; funk(child); } }; funk(entry); return Menu.entries.push(entry); } }; Keybinds = { init: function() { var node, _i, _len, _ref; _ref = $$('[accesskey]'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { node = _ref[_i]; node.removeAttribute('accesskey'); } return $.on(d, 'keydown', Keybinds.keydown); }, keydown: function(e) { var key, link, o, target, thread; if (!(key = Keybinds.keyCode(e))) { return; } target = e.target; if (/TEXTAREA|INPUT/.test(target.nodeName)) { if (!((key === 'Esc') || (/\+/.test(key)))) { return; } } thread = Nav.getThread(); switch (key) { case Conf.openQR: Keybinds.qr(thread, true); break; case Conf.openEmptyQR: Keybinds.qr(thread); break; case Conf.openOptions: if (!$.id('overlay')) { Options.dialog(); } break; case Conf.close: if (o = $.id('overlay')) { Options.close.call(o); } else if (QR.el) { QR.close(); } break; case Conf.submit: if (QR.el && !QR.status()) { QR.submit(); } break; case Conf.spoiler: if (target.nodeName !== 'TEXTAREA') { return; } Keybinds.tags('spoiler', target); break; case Conf.code: if (target.nodeName !== 'TEXTAREA') { return; } Keybinds.tags('code', target); break; case Conf.watch: Watcher.toggle(thread); break; case Conf.update: Updater.update(); break; case Conf.unreadCountTo0: Unread.replies = []; Unread.update(true); break; case Conf.expandImage: Keybinds.img(thread); break; case Conf.expandAllImages: Keybinds.img(thread, true); break; case Conf.zero: window.location = "/" + g.BOARD + "/0#delform"; break; case Conf.nextPage: if (link = $('link[rel=next]', d.head)) { window.location = link.href; } break; case Conf.previousPage: if (link = $('link[rel=prev]', d.head)) { window.location.href = link.href; } break; case Conf.nextThread: if (g.REPLY) { return; } Nav.scroll(+1); break; case Conf.previousThread: if (g.REPLY) { return; } Nav.scroll(-1); break; case Conf.expandThread: ExpandThread.toggle(thread); break; case Conf.openThread: Keybinds.open(thread); break; case Conf.openThreadTab: Keybinds.open(thread, true); break; case Conf.nextReply: Keybinds.hl(+1, thread); break; case Conf.previousReply: Keybinds.hl(-1, thread); break; case Conf.hide: if (/\bthread\b/.test(thread.className)) { ThreadHiding.toggle(thread); } break; default: return; } return e.preventDefault(); }, keyCode: function(e) { var c, kc, key; key = (function() { switch (kc = e.keyCode) { case 8: return ''; case 27: return 'Esc'; case 37: return 'Left'; case 38: return 'Up'; case 39: return 'Right'; case 40: return 'Down'; case 48: case 49: case 50: case 51: case 52: case 53: case 54: case 55: case 56: case 57: case 65: case 66: case 67: case 68: case 69: case 70: case 71: case 72: case 73: case 74: case 75: case 76: case 77: case 78: case 79: case 80: case 81: case 82: case 83: case 84: case 85: case 86: case 87: case 88: case 89: case 90: c = String.fromCharCode(kc); if (e.shiftKey) { return c; } else { return c.toLowerCase(); } break; default: return null; } })(); if (key) { if (e.altKey) { key = 'alt+' + key; } if (e.ctrlKey) { key = 'ctrl+' + key; } if (e.metaKey) { key = 'meta+' + key; } } return key; }, tags: function(tag, ta) { var range, selEnd, selStart, value; value = ta.value; selStart = ta.selectionStart; selEnd = ta.selectionEnd; ta.value = value.slice(0, selStart) + ("[" + tag + "]") + value.slice(selStart, selEnd) + ("[/" + tag + "]") + value.slice(selEnd); range = ("[" + tag + "]").length + selEnd; ta.setSelectionRange(range, range); return $.event(ta, new Event('input')); }, img: function(thread, all) { var thumb; if (all) { return $.id('imageExpand').click(); } else { thumb = $('img[data-md5]', $('.post.highlight', thread) || thread); return ImageExpand.toggle(thumb.parentNode); } }, qr: function(thread, quote) { if (quote) { QR.quote.call($('.postNum > a[title="Quote this post"]', $('.post.highlight', thread) || thread)); } else { QR.open(); } return $('textarea', QR.el).focus(); }, open: function(thread, tab) { var id, url; id = thread.id.slice(1); url = "//boards.4chan.org/" + g.BOARD + "/res/" + id; if (tab) { return $.open(url); } else { return location.href = url; } }, hl: function(delta, thread) { var next, post, rect, replies, reply, _i, _len; if (post = $('.reply.highlight', thread)) { $.rmClass(post, 'highlight'); post.removeAttribute('tabindex'); rect = post.getBoundingClientRect(); if (rect.bottom >= 0 && rect.top <= d.documentElement.clientHeight) { next = $.x('child::div[contains(@class,"post reply")]', delta === +1 ? post.parentNode.nextElementSibling : post.parentNode.previousElementSibling); if (!next) { this.focus(post); return; } if (!(g.REPLY || $.x('ancestor::div[parent::div[@class="board"]]', next) === thread)) { return; } rect = next.getBoundingClientRect(); if (rect.top < 0 || rect.bottom > d.documentElement.clientHeight) { next.scrollIntoView(delta === -1); } this.focus(next); return; } } replies = $$('.reply', thread); if (delta === -1) { replies.reverse(); } for (_i = 0, _len = replies.length; _i < _len; _i++) { reply = replies[_i]; rect = reply.getBoundingClientRect(); if (delta === +1 && rect.top >= 0 || delta === -1 && rect.bottom <= d.documentElement.clientHeight) { this.focus(reply); return; } } }, focus: function(post) { $.addClass(post, 'highlight'); post.tabIndex = 0; return post.focus(); } }; Nav = { init: function() { var next, prev, span; span = $.el('span', { id: 'navlinks' }); prev = $.el('a', { textContent: '▲', href: 'javascript:;' }); next = $.el('a', { textContent: '▼', href: 'javascript:;' }); $.on(prev, 'click', this.prev); $.on(next, 'click', this.next); $.add(span, [prev, $.tn(' '), next]); return $.add(d.body, span); }, prev: function() { if (g.REPLY) { return window.scrollTo(0, 0); } else { return Nav.scroll(-1); } }, next: function() { if (g.REPLY) { return window.scrollTo(0, d.body.scrollHeight); } else { return Nav.scroll(+1); } }, getThread: function(full) { var bottom, i, rect, thread, _i, _len, _ref; Nav.threads = $$('.thread:not([hidden])'); _ref = Nav.threads; for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) { thread = _ref[i]; rect = thread.getBoundingClientRect(); bottom = rect.bottom; if (bottom > 0) { if (full) { return [thread, i, rect]; } return thread; } } return $('.board'); }, scroll: function(delta) { var i, rect, thread, top, _ref, _ref1; _ref = Nav.getThread(true), thread = _ref[0], i = _ref[1], rect = _ref[2]; top = rect.top; if (!((delta === -1 && Math.ceil(top) < 0) || (delta === +1 && top > 1))) { i += delta; } top = (_ref1 = Nav.threads[i]) != null ? _ref1.getBoundingClientRect().top : void 0; return window.scrollBy(0, top); } }; QR = { init: function() { if (!$.id('postForm')) { return; } Main.callbacks.push(this.node); return setTimeout(this.asyncInit); }, asyncInit: function() { var link; if (Conf['Hide Original Post Form']) { link = $.el('h1', { innerHTML: "" + (g.REPLY ? 'Reply to Thread' : 'Start a Thread') + "" }); $.on(link.firstChild, 'click', function() { QR.open(); if (!g.REPLY) { $('select', QR.el).value = 'new'; } return $('textarea', QR.el).focus(); }); $.before($.id('postForm'), link); } if (Conf['Persistent QR']) { QR.dialog(); if (Conf['Auto Hide QR']) { QR.hide(); } } $.on(d, 'dragover', QR.dragOver); $.on(d, 'drop', QR.dropFile); return $.on(d, 'dragstart dragend', QR.drag); }, node: function(post) { return $.on($('.postNum > a[title="Quote this post"]', post.el), 'click', QR.quote); }, open: function() { if (QR.el) { QR.el.hidden = false; return QR.unhide(); } else { return QR.dialog(); } }, close: function() { var i, spoiler, _i, _len, _ref; QR.el.hidden = true; QR.abort(); d.activeElement.blur(); $.rmClass(QR.el, 'dump'); _ref = QR.replies; for (_i = 0, _len = _ref.length; _i < _len; _i++) { i = _ref[_i]; QR.replies[0].rm(); } QR.cooldown.auto = false; QR.status(); QR.resetFileInput(); if (!Conf['Remember Spoiler'] && (spoiler = $.id('spoiler')).checked) { spoiler.click(); } return QR.cleanError(); }, hide: function() { d.activeElement.blur(); $.addClass(QR.el, 'autohide'); return $.id('autohide').checked = true; }, unhide: function() { $.rmClass(QR.el, 'autohide'); return $.id('autohide').checked = false; }, toggleHide: function() { return this.checked && QR.hide() || QR.unhide(); }, error: function(err) { var el; el = $('.warning', QR.el); if (typeof err === 'string') { el.textContent = err; } else { el.innerHTML = null; $.add(el, err); } QR.open(); if (/captcha|verification/i.test(el.textContent)) { $('[autocomplete]', QR.el).focus(); } if (d.hidden || d.oHidden || d.mozHidden || d.webkitHidden) { return alert(el.textContent); } }, cleanError: function() { return $('.warning', QR.el).textContent = null; }, status: function(data) { var disabled, input, value; if (data == null) { data = {}; } if (!QR.el) { return; } if (g.dead) { value = 404; disabled = true; QR.cooldown.auto = false; } value = QR.cooldown.seconds || data.progress || value; input = QR.status.input; input.value = QR.cooldown.auto && Conf['Cooldown'] ? value ? "Auto " + value : 'Auto' : value || 'Submit'; return input.disabled = disabled || false; }, cooldown: { init: function() { if (!Conf['Cooldown']) { return; } QR.cooldown.start($.get("/" + g.BOARD + "/cooldown", 0)); return $.sync("/" + g.BOARD + "/cooldown", QR.cooldown.start); }, start: function(timeout) { var seconds; seconds = Math.floor((timeout - Date.now()) / 1000); return QR.cooldown.count(seconds); }, set: function(seconds) { if (!Conf['Cooldown']) { return; } QR.cooldown.count(seconds); return $.set("/" + g.BOARD + "/cooldown", Date.now() + seconds * $.SECOND); }, count: function(seconds) { if (!((0 <= seconds && seconds <= 60))) { return; } setTimeout(QR.cooldown.count, 1000, seconds - 1); QR.cooldown.seconds = seconds; if (seconds === 0) { $["delete"]("/" + g.BOARD + "/cooldown"); if (QR.cooldown.auto) { QR.submit(); } } return QR.status(); } }, quote: function(e) { var caretPos, id, range, s, sel, ta, text, _ref; if (e != null) { e.preventDefault(); } QR.open(); if (!g.REPLY) { $('select', QR.el).value = $.x('ancestor::div[parent::div[@class="board"]]', this).id.slice(1); } id = this.previousSibling.hash.slice(2); text = ">>" + id + "\n"; sel = window.getSelection(); if ((s = sel.toString()) && id === ((_ref = $.x('ancestor-or-self::blockquote', sel.anchorNode)) != null ? _ref.id.match(/\d+$/)[0] : void 0)) { if ($.engine === 'presto') { s = d.getSelection(); } s = s.replace(/\n/g, '\n>'); text += ">" + s + "\n"; } ta = $('textarea', QR.el); caretPos = ta.selectionStart; ta.value = ta.value.slice(0, caretPos) + text + ta.value.slice(ta.selectionEnd); ta.focus(); range = caretPos + text.length; if ($.engine === 'presto') { range += text.match(/\n/g).length; } ta.setSelectionRange(range, range); return $.event(ta, new Event('input')); }, characterCount: function() { var count, counter; counter = QR.charaCounter; count = this.textLength; counter.textContent = count; counter.hidden = count < 1000; return (count > 1500 ? $.addClass : $.rmClass)(counter, 'warning'); }, drag: function(e) { var i; i = e.type === 'dragstart' ? 'off' : 'on'; $[i](d, 'dragover', QR.dragOver); return $[i](d, 'drop', QR.dropFile); }, dragOver: function(e) { e.preventDefault(); return e.dataTransfer.dropEffect = 'copy'; }, dropFile: function(e) { if (!e.dataTransfer.files.length) { return; } e.preventDefault(); QR.open(); QR.fileInput.call(e.dataTransfer); return $.addClass(QR.el, 'dump'); }, fileInput: function() { var file, _i, _len, _ref; QR.cleanError(); if (this.files.length === 1) { file = this.files[0]; if (file.size > this.max) { QR.error('File too large.'); QR.resetFileInput(); } else if (-1 === QR.mimeTypes.indexOf(file.type)) { QR.error('Unsupported file type.'); QR.resetFileInput(); } else { QR.selected.setFile(file); } return; } _ref = this.files; for (_i = 0, _len = _ref.length; _i < _len; _i++) { file = _ref[_i]; if (file.size > this.max) { QR.error("File " + file.name + " is too large."); break; } else if (-1 === QR.mimeTypes.indexOf(file.type)) { QR.error("" + file.name + ": Unsupported file type."); break; } if (!QR.replies[QR.replies.length - 1].file) { QR.replies[QR.replies.length - 1].setFile(file); } else { new QR.reply().setFile(file); } } $.addClass(QR.el, 'dump'); return QR.resetFileInput(); }, resetFileInput: function() { var clone, input; input = $('[type=file]', QR.el); input.value = null; if ($.engine !== 'presto') { return; } clone = $.el('input', { type: 'file', accept: input.accept, max: input.max, multiple: input.multiple, size: input.size, title: input.title }); $.on(clone, 'change', QR.fileInput); $.on(clone, 'click', function(e) { if (e.shiftKey) { return QR.selected.rmFile() || e.preventDefault(); } }); return $.replace(input, clone); }, replies: [], reply: (function() { function _Class() { var persona, prev, _this = this; prev = QR.replies[QR.replies.length - 1]; persona = $.get('QR.persona', {}); this.name = prev ? prev.name : persona.name || null; this.email = prev && !/^sage$/.test(prev.email) ? prev.email : persona.email || null; this.sub = prev && Conf['Remember Subject'] ? prev.sub : Conf['Remember Subject'] ? persona.sub : null; this.spoiler = prev && Conf['Remember Spoiler'] ? prev.spoiler : false; this.com = null; this.el = $.el('a', { className: 'thumbnail', draggable: true, href: 'javascript:;', innerHTML: '×' }); $('input', this.el).checked = this.spoiler; $.on(this.el, 'click', function() { return _this.select(); }); $.on($('.remove', this.el), 'click', function(e) { e.stopPropagation(); return _this.rm(); }); $.on($('label', this.el), 'click', function(e) { return e.stopPropagation(); }); $.on($('input', this.el), 'change', function(e) { _this.spoiler = e.target.checked; if (_this.el.id === 'selected') { return $.id('spoiler').checked = _this.spoiler; } }); $.before($('#addReply', QR.el), this.el); $.on(this.el, 'dragstart', this.dragStart); $.on(this.el, 'dragenter', this.dragEnter); $.on(this.el, 'dragleave', this.dragLeave); $.on(this.el, 'dragover', this.dragOver); $.on(this.el, 'dragend', this.dragEnd); $.on(this.el, 'drop', this.drop); QR.replies.push(this); } _Class.prototype.setFile = function(file) { var fileUrl, img, url, _this = this; this.file = file; this.el.title = "" + file.name + " (" + ($.bytesToString(file.size)) + ")"; if (QR.spoiler) { $('label', this.el).hidden = false; } if (!/^image/.test(file.type)) { this.el.style.backgroundImage = null; return; } url = window.URL || window.webkitURL; if (typeof url.revokeObjectURL === "function") { url.revokeObjectURL(this.url); } fileUrl = url.createObjectURL(file); img = $.el('img'); $.on(img, 'load', function() { var bb, c, data, i, l, s, ui8a, _i; s = 90 * 3; if (img.height < s || img.width < s) { _this.url = fileUrl; _this.el.style.backgroundImage = "url(" + _this.url + ")"; return; } if (img.height <= img.width) { img.width = s / img.height * img.width; img.height = s; } else { img.height = s / img.width * img.height; img.width = s; } c = $.el('canvas'); c.height = img.height; c.width = img.width; c.getContext('2d').drawImage(img, 0, 0, img.width, img.height); data = atob(c.toDataURL().split(',')[1]); l = data.length; ui8a = new Uint8Array(l); for (i = _i = 0; 0 <= l ? _i < l : _i > l; i = 0 <= l ? ++_i : --_i) { ui8a[i] = data.charCodeAt(i); } bb = new (window.MozBlobBuilder || window.WebKitBlobBuilder)(); bb.append(ui8a.buffer); _this.url = url.createObjectURL(bb.getBlob('image/png')); _this.el.style.backgroundImage = "url(" + _this.url + ")"; return typeof url.revokeObjectURL === "function" ? url.revokeObjectURL(fileUrl) : void 0; }); return img.src = fileUrl; }; _Class.prototype.rmFile = function() { var _base1; QR.resetFileInput(); delete this.file; this.el.title = null; this.el.style.backgroundImage = null; if (QR.spoiler) { $('label', this.el).hidden = true; } return typeof (_base1 = window.URL || window.webkitURL).revokeObjectURL === "function" ? _base1.revokeObjectURL(this.url) : void 0; }; _Class.prototype.select = function() { var data, rectEl, rectList, _i, _len, _ref, _ref1; if ((_ref = QR.selected) != null) { _ref.el.id = null; } QR.selected = this; this.el.id = 'selected'; rectEl = this.el.getBoundingClientRect(); rectList = this.el.parentNode.getBoundingClientRect(); this.el.parentNode.scrollLeft += rectEl.left + rectEl.width / 2 - rectList.left - rectList.width / 2; _ref1 = ['name', 'email', 'sub', 'com']; for (_i = 0, _len = _ref1.length; _i < _len; _i++) { data = _ref1[_i]; $("[name=" + data + "]", QR.el).value = this[data]; } QR.characterCount.call($('textarea', QR.el)); return $('#spoiler', QR.el).checked = this.spoiler; }; _Class.prototype.dragStart = function() { return $.addClass(this, 'drag'); }; _Class.prototype.dragEnter = function() { return $.addClass(this, 'over'); }; _Class.prototype.dragLeave = function() { return $.rmClass(this, 'over'); }; _Class.prototype.dragOver = function(e) { e.preventDefault(); return e.dataTransfer.dropEffect = 'move'; }; _Class.prototype.drop = function() { var el, index, newIndex, oldIndex, reply; el = $('.drag', this.parentNode); index = function(el) { return Array.prototype.slice.call(el.parentNode.children).indexOf(el); }; oldIndex = index(el); newIndex = index(this); if (oldIndex < newIndex) { $.after(this, el); } else { $.before(this, el); } reply = QR.replies.splice(oldIndex, 1)[0]; return QR.replies.splice(newIndex, 0, reply); }; _Class.prototype.dragEnd = function() { var el; $.rmClass(this, 'drag'); if (el = $('.over', this.parentNode)) { return $.rmClass(el, 'over'); } }; _Class.prototype.rm = function() { var index, _base1; QR.resetFileInput(); $.rm(this.el); index = QR.replies.indexOf(this); if (QR.replies.length === 1) { new QR.reply().select(); } else if (this.el.id === 'selected') { (QR.replies[index - 1] || QR.replies[index + 1]).select(); } QR.replies.splice(index, 1); if (typeof (_base1 = window.URL || window.webkitURL).revokeObjectURL === "function") { _base1.revokeObjectURL(this.url); } return delete this; }; return _Class; })(), captcha: { init: function() { var _this = this; if (!(QR.captchaIsEnabled = !!$.id('captchaFormPart'))) { return; } if ($.id('recaptcha_challenge_field_holder')) { return this.ready(); } else { this.onready = function() { return _this.ready(); }; return $.on($.id('recaptcha_widget_div'), 'DOMNodeInserted', this.onready); } }, ready: function() { var _this = this; if (this.challenge = $.id('recaptcha_challenge_field_holder')) { $.off($.id('recaptcha_widget_div'), 'DOMNodeInserted', this.onready); delete this.onready; } else { return; } $.after($('.textarea', QR.el), $.el('div', { className: 'captchaimg', title: 'Reload', innerHTML: '' })); $.after($('.captchaimg', QR.el), $.el('div', { className: 'captchainput', innerHTML: '' })); this.img = $('.captchaimg > img', QR.el); this.input = $('.captchainput > input', QR.el); $.on(this.img.parentNode, 'click', this.reload); $.on(this.input, 'keydown', this.keydown); $.on(this.challenge, 'DOMNodeInserted', function() { return _this.load(); }); $.sync('captchas', function(arr) { return _this.count(arr.length); }); this.count($.get('captchas', []).length); return this.reload(); }, save: function() { var captcha, captchas, response; if (!(response = this.input.value)) { return; } captchas = $.get('captchas', []); while ((captcha = captchas[0]) && captcha.time < Date.now()) { captchas.shift(); } captchas.push({ challenge: this.challenge.firstChild.value, response: response, time: this.timeout }); $.set('captchas', captchas); this.count(captchas.length); return this.reload(); }, load: function() { var challenge; this.timeout = Date.now() + 4 * $.MINUTE; challenge = this.challenge.firstChild.value; this.img.alt = challenge; this.img.src = "//www.google.com/recaptcha/api/image?c=" + challenge; return this.input.value = null; }, count: function(count) { this.input.placeholder = (function() { switch (count) { case 0: return 'Verification (Shift + Enter to cache)'; case 1: return 'Verification (1 cached captcha)'; default: return "Verification (" + count + " cached captchas)"; } })(); return this.input.alt = count; }, reload: function(focus) { window.location = 'javascript:Recaptcha.reload("t")'; if (focus) { return QR.captcha.input.focus(); } }, keydown: function(e) { var c; c = QR.captcha; if (e.keyCode === 8 && !c.input.value) { c.reload(); } else if (e.keyCode === 13 && e.shiftKey) { c.save(); } else { return; } return e.preventDefault(); } }, dialog: function() { var fileInput, id, mimeTypes, name, spoiler, ta, thread, threads, _i, _j, _len, _len1, _ref, _ref1; QR.el = UI.dialog('qr', 'top:0;right:0;', '\
\ Quick Reply \ ×\
\
\
\ \
\
\ \
\
'); if (Conf['Remember QR size'] && $.engine === 'gecko') { $.on(ta = $('textarea', QR.el), 'mouseup', function() { return $.set('QR.size', this.style.cssText); }); ta.style.cssText = $.get('QR.size', ''); } mimeTypes = $('ul.rules').firstElementChild.textContent.trim().match(/: (.+)/)[1].toLowerCase().replace(/\w+/g, function(type) { switch (type) { case 'jpg': return 'image/jpeg'; case 'pdf': return 'application/pdf'; case 'swf': return 'application/x-shockwave-flash'; default: return "image/" + type; } }); QR.mimeTypes = mimeTypes.split(', '); QR.mimeTypes.push(''); fileInput = $('input[type=file]', QR.el); fileInput.max = $('input[name=MAX_FILE_SIZE]').value; if ($.engine !== 'presto') { fileInput.accept = mimeTypes; } QR.spoiler = !!$('input[name=spoiler]'); spoiler = $('#spoilerLabel', QR.el); spoiler.hidden = !QR.spoiler; QR.charaCounter = $('#charCount', QR.el); ta = $('textarea', QR.el); if (!g.REPLY) { threads = ''; _ref = $$('.thread'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { thread = _ref[_i]; id = thread.id.slice(1); threads += ""; } $.prepend($('.move > span', QR.el), $.el('select', { innerHTML: threads, title: 'Create a new thread / Reply to a thread' })); $.on($('select', QR.el), 'mousedown', function(e) { return e.stopPropagation(); }); } $.on($('#autohide', QR.el), 'change', QR.toggleHide); $.on($('.close', QR.el), 'click', QR.close); $.on($('#dump', QR.el), 'click', function() { return QR.el.classList.toggle('dump'); }); $.on($('#addReply', QR.el), 'click', function() { return new QR.reply().select(); }); $.on($('form', QR.el), 'submit', QR.submit); $.on(ta, 'input', function() { return QR.selected.el.lastChild.textContent = this.value; }); $.on(ta, 'input', QR.characterCount); $.on(fileInput, 'change', QR.fileInput); $.on(fileInput, 'click', function(e) { if (e.shiftKey) { return QR.selected.rmFile() || e.preventDefault(); } }); $.on(spoiler.firstChild, 'change', function() { return $('input', QR.selected.el).click(); }); $.on($('.warning', QR.el), 'click', QR.cleanError); new QR.reply().select(); _ref1 = ['name', 'email', 'sub', 'com']; for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { name = _ref1[_j]; $.on($("[name=" + name + "]", QR.el), 'input', function() { var _ref2; QR.selected[this.name] = this.value; if (QR.cooldown.auto && QR.selected === QR.replies[0] && (0 < (_ref2 = QR.cooldown.seconds) && _ref2 < 6)) { return QR.cooldown.auto = false; } }); } QR.status.input = $('input[type=submit]', QR.el); QR.status(); QR.cooldown.init(); QR.captcha.init(); $.add(d.body, QR.el); return $.event(QR.el, new CustomEvent('QRDialogCreation', { bubbles: true })); }, submit: function(e) { var callbacks, captcha, captchas, challenge, err, m, opts, post, reply, response, threadID; if (e != null) { e.preventDefault(); } if (QR.cooldown.seconds) { QR.cooldown.auto = !QR.cooldown.auto; QR.status(); return; } QR.abort(); reply = QR.replies[0]; threadID = g.THREAD_ID || $('select', QR.el).value; if (!(threadID === 'new' && reply.file || threadID !== 'new' && (reply.com || reply.file))) { err = 'No file selected.'; } else if (QR.captchaIsEnabled) { captchas = $.get('captchas', []); while ((captcha = captchas[0]) && captcha.time < Date.now()) { captchas.shift(); } if (captcha = captchas.shift()) { challenge = captcha.challenge; response = captcha.response; } else { challenge = QR.captcha.img.alt; if (response = QR.captcha.input.value) { QR.captcha.reload(); } } $.set('captchas', captchas); QR.captcha.count(captchas.length); if (!response) { err = 'No valid captcha.'; } } if (err) { QR.cooldown.auto = false; QR.status(); QR.error(err); return; } QR.cleanError(); QR.cooldown.auto = QR.replies.length > 1; if (Conf['Auto Hide QR'] && !QR.cooldown.auto) { QR.hide(); } if (Conf['Thread Watcher'] && Conf['Auto Watch Reply'] && threadID !== 'new') { Watcher.watch(threadID); } if (!QR.cooldown.auto && $.x('ancestor::div[@id="qr"]', d.activeElement)) { d.activeElement.blur(); } QR.status({ progress: '...' }); post = { resto: threadID, name: reply.name, email: reply.email, sub: reply.sub, com: reply.com, upfile: reply.file, spoiler: reply.spoiler, mode: 'regist', pwd: (m = d.cookie.match(/4chan_pass=([^;]+)/)) ? decodeURIComponent(m[1]) : $('input[name=pwd]').value, recaptcha_challenge_field: challenge, recaptcha_response_field: response + ' ' }; callbacks = { onload: function() { return QR.response(this.response); }, onerror: function() { QR.status(); return QR.error($.el('a', { href: '//www.4chan.org/banned', target: '_blank', textContent: 'Connection error, or you are banned.' })); } }; opts = { form: $.formData(post), upCallbacks: { onload: function() { return QR.status({ progress: '...' }); }, onprogress: function(e) { return QR.status({ progress: "" + (Math.round(e.loaded / e.total * 100)) + "%" }); } } }; return QR.ajax = $.ajax($.id('postForm').parentNode.action, callbacks, opts); }, response: function(html) { var bs, doc, err, msg, persona, postID, reply, threadID, _, _ref; doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = html; if (doc.title === '4chan - Banned') { bs = $$('b', doc); err = $.el('span', { innerHTML: /^You were issued a warning/.test($('.boxcontent', doc).textContent.trim()) ? "You were issued a warning on " + bs[0].innerHTML + " as " + bs[3].innerHTML + ".
Warning reason: " + bs[1].innerHTML : "You are banned! ;_;
Please click HERE to see the reason." }); } else if (msg = doc.getElementById('errmsg')) { err = msg.textContent; if (msg.firstChild.tagName) { err = msg.firstChild; err.target = '_blank'; } } else if (!(msg = $('b', doc))) { err = 'Connection error with sys.4chan.org.'; } if (err) { if (/captcha|verification/i.test(err) || err === 'Connection error with sys.4chan.org.') { QR.cooldown.auto = !!$.get('captchas', []).length; QR.cooldown.set(2); } else { QR.cooldown.auto = false; } QR.status(); QR.error(err); return; } reply = QR.replies[0]; persona = $.get('QR.persona', {}); persona = { name: reply.name, email: /^sage$/.test(reply.email) ? persona.email : reply.email, sub: Conf['Remember Subject'] ? reply.sub : null }; $.set('QR.persona', persona); _ref = msg.lastChild.textContent.match(/thread:(\d+),no:(\d+)/), _ = _ref[0], threadID = _ref[1], postID = _ref[2]; $.event(QR.el, new CustomEvent('QRPostSuccessful', { detail: { threadID: threadID, postID: postID } })); if (threadID === '0') { if (Conf['Thread Watcher'] && Conf['Auto Watch']) { $.set('autoWatch', postID); } location.pathname = "/" + g.BOARD + "/res/" + postID; } else { QR.cooldown.auto = QR.replies.length > 1; QR.cooldown.set(/sage/i.test(reply.email) ? 60 : 30); if (Conf['Open Reply in New Tab'] && !g.REPLY && !QR.cooldown.auto) { $.open("//boards.4chan.org/" + g.BOARD + "/res/" + threadID + "#p" + postID); } } if (Conf['Persistent QR'] || QR.cooldown.auto) { reply.rm(); } else { QR.close(); } if (g.REPLY && (Conf['Unread Count'] || Conf['Unread Favicon'])) { Unread.foresee.push(postID); } if (g.REPLY && Conf['Thread Updater'] && Conf['Auto Update This']) { Updater.update(); } QR.status(); return QR.resetFileInput(); }, abort: function() { var _ref; if ((_ref = QR.ajax) != null) { _ref.abort(); } delete QR.ajax; return QR.status(); } }; Options = { init: function() { var a, home, _i, _len, _ref; _ref = [$.id('navtopr'), $.id('navbotr')]; for (_i = 0, _len = _ref.length; _i < _len; _i++) { home = _ref[_i]; a = $.el('a', { textContent: '4chan X Settings', href: 'javascript:;' }); $.on(a, 'click', Options.dialog); $.replace(home.firstElementChild, a); } if (!$.get('firstrun')) { if (!Favicon.el) { Favicon.init(); } $.set('firstrun', true); return Options.dialog(); } }, dialog: function() { var arr, back, checked, description, dialog, favicon, fileInfo, filter, hiddenNum, hiddenThreads, indicator, indicators, input, key, li, obj, overlay, sauce, time, tr, ul, _i, _len, _ref, _ref1, _ref2; dialog = $.el('div', { id: 'options', className: 'reply dialog', innerHTML: '
\ \
\ \ | \ | \ | \ | \
\
\
\
\ \
\ \
\
Sauce is disabled.
\ Lines starting with a # will be ignored.
\ You can specify a certain display text by appending ;text:[text] to the url.\
    These parameters will be replaced by their corresponding values:\
  • $1: Thumbnail url.
    • \
  • $2: Full image url.
    • \
  • $3: MD5 hash.
    • \
  • $4: Current board.
    • \
\ \
\ \
\
Filter is disabled.
\ \
\ \
\
Quote Backlinks are disabled.
\
    \ Backlink formatting\
  • :
    • \
\
Time Formatting is disabled.
\
    \ Time formatting\
  • :
    • \
  • Supported format specifiers:
    • \
  • Day: %a, %A, %d, %e
    • \
  • Month: %m, %b, %B
    • \
  • Year: %y
    • \
  • Hour: %k, %H, %l (lowercase L), %I (uppercase i), %p, %P
    • \
  • Minutes: %M
    • \
  • Seconds: %S
    • \
\
File Info Formatting is disabled.
\
    \ File Info Formatting\
  • :
    • \
  • Link (with original file name): %l (lowercase L, truncated), %L (untruncated)
    • \
  • Original file name: %n (Truncated), %N (Untruncated)
    • \
  • Spoiler indicator: %p
    • \
  • Size: %B (Bytes), %K (KB), %M (MB), %s (4chan default)
    • \
  • Resolution: %r (Displays PDF on /po/, for PDFs)
    • \
\
Unread Favicon is disabled.
\ Unread favicons
\ \ \
\ \
\
Keybinds are disabled.
\
Allowed keys: Ctrl, Alt, Meta, a-z, A-Z, 0-9, Up, Down, Right, Left.
\ \ \
ActionsKeybinds
\
\
' }); _ref = Config.main; for (key in _ref) { obj = _ref[key]; ul = $.el('ul', { textContent: key }); for (key in obj) { arr = obj[key]; checked = $.get(key, Conf[key]) ? 'checked' : ''; description = arr[1]; li = $.el('li', { innerHTML: ": " + description + "" }); $.on($('input', li), 'click', $.cb.checked); $.add(ul, li); } $.add($('#main_tab + div', dialog), ul); } hiddenThreads = $.get("hiddenThreads/" + g.BOARD + "/", {}); hiddenNum = Object.keys(g.hiddenReplies).length + Object.keys(hiddenThreads).length; li = $.el('li', { innerHTML: " : Forget all hidden posts. Useful if you accidentally hide a post and have \"Show Stubs\" disabled." }); $.on($('button', li), 'click', Options.clearHidden); $.add($('ul:nth-child(2)', dialog), li); filter = $('select[name=filter]', dialog); $.on(filter, 'change', Options.filter); sauce = $('#sauces', dialog); sauce.value = $.get(sauce.name, Conf[sauce.name]); $.on(sauce, 'change', $.cb.value); (back = $('[name=backlink]', dialog)).value = $.get('backlink', Conf['backlink']); (time = $('[name=time]', dialog)).value = $.get('time', Conf['time']); (fileInfo = $('[name=fileInfo]', dialog)).value = $.get('fileInfo', Conf['fileInfo']); $.on(back, 'input', $.cb.value); $.on(back, 'input', Options.backlink); $.on(time, 'input', $.cb.value); $.on(time, 'input', Options.time); $.on(fileInfo, 'input', $.cb.value); $.on(fileInfo, 'input', Options.fileInfo); favicon = $('select[name=favicon]', dialog); favicon.value = $.get('favicon', Conf['favicon']); $.on(favicon, 'change', $.cb.value); $.on(favicon, 'change', Options.favicon); _ref1 = Config.hotkeys; for (key in _ref1) { arr = _ref1[key]; tr = $.el('tr', { innerHTML: "" + arr[1] + "" }); input = $('input', tr); input.value = $.get(key, Conf[key]); $.on(input, 'keydown', Options.keybind); $.add($('#keybinds_tab + div tbody', dialog), tr); } indicators = {}; _ref2 = $$('.warning', dialog); for (_i = 0, _len = _ref2.length; _i < _len; _i++) { indicator = _ref2[_i]; key = indicator.firstChild.textContent; indicator.hidden = $.get(key, Conf[key]); indicators[key] = indicator; $.on($("[name='" + key + "']", dialog), 'click', function() { return indicators[this.name].hidden = this.checked; }); } overlay = $.el('div', { id: 'overlay' }); $.on(overlay, 'click', Options.close); $.on(dialog, 'click', function(e) { return e.stopPropagation(); }); $.add(overlay, dialog); $.add(d.body, overlay); d.body.style.setProperty('width', "" + d.body.clientWidth + "px", null); $.addClass(d.body, 'unscroll'); Options.filter.call(filter); Options.backlink.call(back); Options.time.call(time); Options.fileInfo.call(fileInfo); return Options.favicon.call(favicon); }, close: function() { $.rm(this); d.body.style.removeProperty('width'); return $.rmClass(d.body, 'unscroll'); }, clearHidden: function() { $["delete"]("hiddenReplies/" + g.BOARD + "/"); $["delete"]("hiddenThreads/" + g.BOARD + "/"); this.textContent = "hidden: 0"; return g.hiddenReplies = {}; }, keybind: function(e) { var key; if (e.keyCode === 9) { return; } e.preventDefault(); e.stopPropagation(); if ((key = Keybinds.keyCode(e)) == null) { return; } this.value = key; return $.cb.value.call(this); }, filter: function() { var el, name, ta; el = this.nextSibling; if ((name = this.value) !== 'guide') { ta = $.el('textarea', { name: name, className: 'field', value: $.get(name, Conf[name]) }); $.on(ta, 'change', $.cb.value); $.replace(el, ta); return; } if (el) { $.rm(el); } return $.after(this, $.el('article', { innerHTML: '

Use regular expressions, one per line.
\ Lines starting with a # will be ignored.
\ For example, /weeaboo/i will filter posts containing the string `weeaboo`, case-insensitive.

\
    You can use these settings with each regular expression, separate them with semicolons:\
  • \ Per boards, separate them with commas. It is global if not specified.
    \ For example: boards:a,jp;.\
    • \
  • \ Filter OPs only along with their threads (`only`), replies only (`no`, this is default), or both (`yes`).
    \ For example: op:only;, op:no; or op:yes;.\
    • \
  • \ Overrule the `Show Stubs` setting if specified: create a stub (`yes`) or not (`no`).
    \ For example: stub:yes; or stub:no;.\
    • \
  • \ Highlight instead of hiding. You can specify a class name to use with a userstyle.
    \ For example: highlight; or highlight:wallpaper;.\
    • \
  • \ Highlighted OPs will have their threads put on top of board pages by default.
    \ For example: top:yes; or top:no;.\
    • \
' })); }, time: function() { Time.foo(); Time.date = new Date(); return $.id('timePreview').textContent = Time.funk(Time); }, backlink: function() { return $.id('backlinkPreview').textContent = Conf['backlink'].replace(/%id/, '123456789'); }, fileInfo: function() { FileInfo.data = { link: 'javascript:;', spoiler: true, size: '276', unit: 'KB', resolution: '1280x720', fullname: 'd9bb2efc98dd0df141a94399ff5880b7.jpg', shortname: 'd9bb2efc98dd0df141a94399ff5880(...).jpg' }; FileInfo.setFormats(); return $.id('fileInfoPreview').innerHTML = FileInfo.funk(FileInfo); }, favicon: function() { Favicon["switch"](); Unread.update(true); return this.nextElementSibling.innerHTML = " "; } }; Updater = { init: function() { var checkbox, checked, dialog, html, input, name, title, _i, _len, _ref; html = "
-" + Conf['Interval'] + "
"; checkbox = Config.updater.checkbox; for (name in checkbox) { title = checkbox[name][1]; checked = Conf[name] ? 'checked' : ''; html += "
"; } checked = Conf['Auto Update'] ? 'checked' : ''; html += "
"; dialog = UI.dialog('updater', 'bottom: 0; right: 0;', html); this.count = $('#count', dialog); this.timer = $('#timer', dialog); this.thread = $.id("t" + g.THREAD_ID); _ref = $$('input', dialog); for (_i = 0, _len = _ref.length; _i < _len; _i++) { input = _ref[_i]; if (input.type === 'checkbox') { $.on(input, 'click', $.cb.checked); if (input.name === 'Scroll BG') { $.on(input, 'click', this.cb.scrollBG); this.cb.scrollBG.call(input); } if (input.name === 'Verbose') { $.on(input, 'click', this.cb.verbose); this.cb.verbose.call(input); } else if (input.name === 'Auto Update This') { $.on(input, 'click', this.cb.autoUpdate); this.cb.autoUpdate.call(input); Conf[input.name] = input.checked; } } else if (input.name === 'Interval') { $.on(input, 'input', this.cb.interval); } else if (input.type === 'button') { $.on(input, 'click', this.update); } } $.add(d.body, dialog); this.retryCoef = 10; return this.lastModified = 0; }, cb: { interval: function() { var val; val = parseInt(this.value, 10); this.value = val > 0 ? val : 1; return $.cb.value.call(this); }, verbose: function() { if (Conf['Verbose']) { Updater.count.textContent = '+0'; return Updater.timer.hidden = false; } else { $.extend(Updater.count, { className: '', textContent: 'Thread Updater' }); return Updater.timer.hidden = true; } }, autoUpdate: function() { if (this.checked) { return Updater.timeoutID = setTimeout(Updater.timeout, 1000); } else { return clearTimeout(Updater.timeoutID); } }, scrollBG: function() { return Updater.scrollBG = this.checked ? function() { return true; } : function() { return !(d.hidden || d.oHidden || d.mozHidden || d.webkitHidden); }; }, update: function() { var count, doc, id, lastPost, nodes, reply, scroll, _i, _len, _ref, _ref1; if (this.status === 404) { Updater.timer.textContent = ''; Updater.count.textContent = 404; Updater.count.className = 'warning'; clearTimeout(Updater.timeoutID); g.dead = true; if (Conf['Unread Count']) { Unread.title = Unread.title.match(/^.+-/)[0] + ' 404'; } else { d.title = d.title.match(/^.+-/)[0] + ' 404'; } Unread.update(true); QR.abort(); return; } if ((_ref = this.status) !== 0 && _ref !== 200 && _ref !== 304) { Updater.retryCoef += 10 * (Updater.retryCoef < 120); if (Conf['Verbose']) { Updater.count.textContent = this.statusText; Updater.count.className = 'warning'; } return; } Updater.retryCoef = 10; Updater.timer.textContent = "-" + Conf['Interval']; /* Status Code 304: Not modified By sending the `If-Modified-Since` header we get a proper status code, and no response. This saves bandwidth for both the user and the servers, avoid unnecessary computation, and won't load images and scripts when parsing the response. */ if (this.status === 304) { if (Conf['Verbose']) { Updater.count.textContent = '+0'; Updater.count.className = null; } return; } Updater.lastModified = this.getResponseHeader('Last-Modified'); doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = this.response; lastPost = Updater.thread.lastElementChild; id = lastPost.id.slice(2); nodes = []; _ref1 = $$('.replyContainer', doc).reverse(); for (_i = 0, _len = _ref1.length; _i < _len; _i++) { reply = _ref1[_i]; if (reply.id.slice(2) <= id) { break; } nodes.push(reply); } count = nodes.length; scroll = Conf['Scrolling'] && Updater.scrollBG() && count && lastPost.getBoundingClientRect().bottom - d.documentElement.clientHeight < 25; if (Conf['Verbose']) { Updater.count.textContent = "+" + count; Updater.count.className = count ? 'new' : null; } $.add(Updater.thread, nodes.reverse()); if (scroll) { return nodes[0].scrollIntoView(); } } }, timeout: function() { var n; Updater.timeoutID = setTimeout(Updater.timeout, 1000); n = 1 + Number(Updater.timer.textContent); if (n === 0) { return Updater.update(); } else if (n === Updater.retryCoef) { Updater.retryCoef += 10 * (Updater.retryCoef < 120); return Updater.retry(); } else { return Updater.timer.textContent = n; } }, retry: function() { this.count.textContent = 'Retry'; this.count.className = null; return this.update(); }, update: function() { var url, _ref; Updater.timer.textContent = 0; if ((_ref = Updater.request) != null) { _ref.abort(); } url = location.pathname + '?' + Date.now(); return Updater.request = $.ajax(url, { onload: Updater.cb.update }, { headers: { 'If-Modified-Since': Updater.lastModified } }); } }; Watcher = { init: function() { var favicon, html, input, _i, _len, _ref; html = '
Thread Watcher
'; this.dialog = UI.dialog('watcher', 'top: 50px; left: 0px;', html); $.add(d.body, this.dialog); _ref = $$('.op input'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { input = _ref[_i]; favicon = $.el('img', { className: 'favicon' }); $.on(favicon, 'click', this.cb.toggle); $.before(input, favicon); } if (g.THREAD_ID === $.get('autoWatch', 0)) { this.watch(g.THREAD_ID); $["delete"]('autoWatch'); } else { this.refresh(); } return $.sync('watched', this.refresh); }, refresh: function(watched) { var board, div, favicon, id, link, nodes, props, watchedBoard, x, _i, _j, _len, _len1, _ref, _ref1, _ref2; watched || (watched = $.get('watched', {})); nodes = []; for (board in watched) { _ref = watched[board]; for (id in _ref) { props = _ref[id]; x = $.el('a', { textContent: '×', href: 'javascript:;' }); $.on(x, 'click', Watcher.cb.x); link = $.el('a', props); link.title = link.textContent; div = $.el('div'); $.add(div, [x, $.tn(' '), link]); nodes.push(div); } } _ref1 = $$('div:not(.move)', Watcher.dialog); for (_i = 0, _len = _ref1.length; _i < _len; _i++) { div = _ref1[_i]; $.rm(div); } $.add(Watcher.dialog, nodes); watchedBoard = watched[g.BOARD] || {}; _ref2 = $$('.favicon'); for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) { favicon = _ref2[_j]; id = favicon.nextSibling.name; if (id in watchedBoard) { favicon.src = Favicon["default"]; } else { favicon.src = Favicon.empty; } } }, cb: { toggle: function() { return Watcher.toggle(this.parentNode); }, x: function() { var thread; thread = this.nextElementSibling.pathname.split('/'); return Watcher.unwatch(thread[3], thread[1]); } }, toggle: function(thread) { var id; id = $('.favicon + input', thread).name; return Watcher.watch(id) || Watcher.unwatch(id, g.BOARD); }, unwatch: function(id, board) { var watched; watched = $.get('watched', {}); delete watched[board][id]; $.set('watched', watched); return Watcher.refresh(); }, watch: function(id) { var thread, watched, _name; thread = $.id("t" + id); if ($('.favicon', thread).src === Favicon["default"]) { return false; } watched = $.get('watched', {}); watched[_name = g.BOARD] || (watched[_name] = {}); watched[g.BOARD][id] = { href: "/" + g.BOARD + "/res/" + id, textContent: Get.title(thread) }; $.set('watched', watched); Watcher.refresh(); return true; } }; Anonymize = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var name, parent, trip; if (post.isInlined && !post.isCrosspost) { return; } name = $('.postInfo .name', post.el); name.textContent = 'Anonymous'; if ((trip = name.nextElementSibling) && trip.className === 'postertrip') { $.rm(trip); } if ((parent = name.parentNode).className === 'useremail' && !/^mailto:sage$/i.test(parent.href)) { return $.replace(parent, name); } } }; Sauce = { init: function() { var link, _i, _len, _ref; if (g.BOARD === 'f') { return; } this.links = []; _ref = Conf['sauces'].split('\n'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { link = _ref[_i]; if (link[0] === '#') { continue; } this.links.push(this.createSauceLink(link.trim())); } if (!this.links.length) { return; } return Main.callbacks.push(this.node); }, createSauceLink: function(link) { var domain, el, href, m; link = link.replace(/(\$\d)/g, function(parameter) { switch (parameter) { case '$1': return "' + (isArchived ? img.firstChild.src : 'http://thumbs.4chan.org' + img.pathname.replace(/src(\\/\\d+).+$/, 'thumb$1s.jpg')) + '"; case '$2': return "' + img.href + '"; case '$3': return "' + encodeURIComponent(img.firstChild.dataset.md5) + '"; case '$4': return g.BOARD; default: return parameter; } }); domain = (m = link.match(/;text:(.+)$/)) ? m[1] : link.match(/(\w+)\.\w+\//)[1]; href = link.replace(/;text:.+$/, ''); href = Function('img', 'isArchived', "return '" + href + "'"); el = $.el('a', { target: '_blank', textContent: domain }); return function(img, isArchived) { var a; a = el.cloneNode(true); a.href = href(img, isArchived); return a; }; }, node: function(post) { var img, link, nodes, _i, _len, _ref; img = post.img; if (post.isInlined && !post.isCrosspost || !img) { return; } img = img.parentNode; nodes = []; _ref = Sauce.links; for (_i = 0, _len = _ref.length; _i < _len; _i++) { link = _ref[_i]; nodes.push($.tn('\u00A0'), link(img, post.isArchived)); } return $.add(post.fileInfo, nodes); } }; RevealSpoilers = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var img, s; img = post.img; if (!(img && /^Spoiler/.test(img.alt)) || post.isInlined && !post.isCrosspost || post.isArchived) { return; } img.removeAttribute('style'); s = img.style; s.maxHeight = s.maxWidth = /\bop\b/.test(post["class"]) ? '250px' : '125px'; return img.src = "//thumbs.4chan.org" + (img.parentNode.pathname.replace(/src(\/\d+).+$/, 'thumb$1s.jpg')); } }; Time = { init: function() { Time.foo(); return Main.callbacks.push(this.node); }, node: function(post) { var node; if (post.isInlined && !post.isCrosspost) { return; } node = $('.postInfo > .dateTime', post.el); Time.date = new Date(node.dataset.utc * 1000); return node.textContent = Time.funk(Time); }, foo: function() { var code; code = Conf['time'].replace(/%([A-Za-z])/g, function(s, c) { if (c in Time.formatters) { return "' + Time.formatters." + c + "() + '"; } else { return s; } }); return Time.funk = Function('Time', "return '" + code + "'"); }, day: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], month: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], zeroPad: function(n) { if (n < 10) { return '0' + n; } else { return n; } }, formatters: { a: function() { return Time.day[Time.date.getDay()].slice(0, 3); }, A: function() { return Time.day[Time.date.getDay()]; }, b: function() { return Time.month[Time.date.getMonth()].slice(0, 3); }, B: function() { return Time.month[Time.date.getMonth()]; }, d: function() { return Time.zeroPad(Time.date.getDate()); }, e: function() { return Time.date.getDate(); }, H: function() { return Time.zeroPad(Time.date.getHours()); }, I: function() { return Time.zeroPad(Time.date.getHours() % 12 || 12); }, k: function() { return Time.date.getHours(); }, l: function() { return Time.date.getHours() % 12 || 12; }, m: function() { return Time.zeroPad(Time.date.getMonth() + 1); }, M: function() { return Time.zeroPad(Time.date.getMinutes()); }, p: function() { if (Time.date.getHours() < 12) { return 'AM'; } else { return 'PM'; } }, P: function() { if (Time.date.getHours() < 12) { return 'am'; } else { return 'pm'; } }, S: function() { return Time.zeroPad(Time.date.getSeconds()); }, y: function() { return Time.date.getFullYear() - 2000; } } }; FileInfo = { init: function() { if (g.BOARD === 'f') { return; } this.setFormats(); return Main.callbacks.push(this.node); }, node: function(post) { var alt, node, span; if (post.isInlined && !post.isCrosspost || !post.fileInfo) { return; } node = post.fileInfo.firstElementChild; alt = post.img.alt; span = $('span', node); FileInfo.data = { link: post.img.parentNode.href, spoiler: /^Spoiler/.test(alt), size: alt.match(/\d+\.?\d*/)[0], unit: alt.match(/\w+$/)[0], resolution: span.previousSibling.textContent.match(/\d+x\d+|PDF/)[0], fullname: span.title, shortname: span.textContent }; node.setAttribute('data-filename', span.title); return node.innerHTML = FileInfo.funk(FileInfo); }, setFormats: function() { var code; code = Conf['fileInfo'].replace(/%([BKlLMnNprs])/g, function(s, c) { if (c in FileInfo.formatters) { return "' + f.formatters." + c + "() + '"; } else { return s; } }); return this.funk = Function('f', "return '" + code + "'"); }, convertUnit: function(unitT) { var i, size, unitF, units; size = this.data.size; unitF = this.data.unit; if (unitF !== unitT) { units = ['B', 'KB', 'MB']; i = units.indexOf(unitF) - units.indexOf(unitT); if (unitT === 'B') { unitT = 'Bytes'; } if (i > 0) { while (i-- > 0) { size *= 1024; } } else if (i < 0) { while (i++ < 0) { size /= 1024; } } if (size < 1 && size.toString().length > size.toFixed(2).length) { size = size.toFixed(2); } } return "" + size + " " + unitT; }, formatters: { l: function() { return "" + (this.n()) + ""; }, L: function() { return "" + (this.N()) + ""; }, n: function() { if (FileInfo.data.fullname === FileInfo.data.shortname) { return FileInfo.data.fullname; } else { return "" + FileInfo.data.shortname + "" + FileInfo.data.fullname + ""; } }, N: function() { return FileInfo.data.fullname; }, p: function() { if (FileInfo.data.spoiler) { return 'Spoiler, '; } else { return ''; } }, s: function() { return "" + FileInfo.data.size + " " + FileInfo.data.unit; }, B: function() { return FileInfo.convertUnit('B'); }, K: function() { return FileInfo.convertUnit('KB'); }, M: function() { return FileInfo.convertUnit('MB'); }, r: function() { return FileInfo.data.resolution; } } }; Get = { post: function(board, threadID, postID, root, cb) { var post, url; if (board === g.BOARD && (post = $.id("pc" + postID))) { $.add(root, Get.cleanPost(post.cloneNode(true))); return; } root.textContent = "Loading post No." + postID + "..."; if (threadID) { return $.cache("/" + board + "/res/" + threadID, function() { return Get.parsePost(this, board, threadID, postID, root, cb); }); } else if (url = Redirect.post(board, postID)) { return $.cache(url, function() { return Get.parseArchivedPost(this, board, postID, root, cb); }); } }, parsePost: function(req, board, threadID, postID, root, cb) { var doc, href, link, pc, quote, status, url, _i, _len, _ref; status = req.status; if (status !== 200) { if (url = Redirect.post(board, postID)) { $.cache(url, function() { return Get.parseArchivedPost(this, board, postID, root, cb); }); } else { root.textContent = status === 404 ? "Thread No." + threadID + " has not been found." : "Error " + req.status + ": " + req.statusText + "."; } return; } doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = req.response; if (!(pc = doc.getElementById("pc" + postID))) { if (url = Redirect.post(board, postID)) { $.cache(url, function() { return Get.parseArchivedPost(this, board, postID, root, cb); }); } else { root.textContent = "Post No." + postID + " has not been found."; } return; } pc = Get.cleanPost(d.importNode(pc, true)); _ref = $$('.quotelink', pc); for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; href = quote.getAttribute('href'); if (href[0] === '/') { continue; } quote.href = "/" + board + "/res/" + href; } link = $('.postNum > a[title="Highlight this post"]', pc); link.href = "/" + board + "/res/" + threadID + "#p" + postID; link.nextSibling.href = "/" + board + "/res/" + threadID + "#q" + postID; $.replace(root.firstChild, pc); if (cb) { return cb(); } }, parseArchivedPost: function(req, board, postID, root, cb) { var bq, br, capcode, data, email, file, filename, filesize, isOP, max, name, nameBlock, pc, pi, piM, span, spoiler, subject, threadID, thumb_src, timestamp, trip; data = JSON.parse(req.response); $.addClass(root, 'archivedPost'); if (data.error) { root.textContent = data.error; return; } threadID = data.thread_num; isOP = postID === threadID; name = data.name, trip = data.trip, timestamp = data.timestamp; subject = data.title; piM = $.el('div', { id: "pim" + postID, className: 'postInfoM mobile', innerHTML: "
" + data.fourchan_date + "
No." + postID + "" }); $('.name', piM).textContent = name; $('.subject', piM).textContent = subject; br = $('br', piM); if (trip) { $.before(br, [ $.tn(' '), $.el('span', { className: 'postertrip', textContent: trip }) ]); } capcode = data.capcode; if (capcode !== 'N') { $.addClass(br.parentNode, capcode === 'A' ? 'capcodeAdmin' : 'capcodeMod'); $.before(br, [ $.tn(' '), $.el('strong', { className: 'capcode', textContent: capcode === 'A' ? '## Admin' : '## Mod' }), $.tn(' '), $.el('img', { src: capcode === 'A' ? '//static.4chan.org/image/adminicon.gif' : '//static.4chan.org/image/modicon.gif', alt: capcode === 'A' ? 'This user is the 4chan Administrator.' : 'This user is a 4chan Moderator.', title: capcode === 'A' ? 'This user is the 4chan Administrator.' : 'This user is a 4chan Moderator.', className: 'identityIcon' }) ]); } pi = $.el('div', { id: "pi" + postID, className: 'postInfo desktop', innerHTML: " data.fourchan_date No." + postID + "" + (isOP ? '   ' : '') + " " }); $('.subject', pi).textContent = subject; nameBlock = $('.nameBlock', pi); if (data.email) { email = $.el('a', { className: 'useremail', href: "mailto:" + data.email }); $.add(nameBlock, email); nameBlock = email; } $.add(nameBlock, $.el('span', { className: 'name', textContent: data.name })); if (trip) { $.add(nameBlock, [ $.tn(' '), $.el('span', { className: 'postertrip', textContent: trip }) ]); } if (capcode !== 'N') { $.add(nameBlock, [ $.tn(' '), $.el('strong', { className: capcode === 'A' ? 'capcode capcodeAdmin' : 'capcode', textContent: capcode === 'A' ? '## Admin' : '## Mod' }) ]); nameBlock = $('.nameBlock', pi); $.addClass(nameBlock, capcode === 'A' ? 'capcodeAdmin' : 'capcodeMod'); $.add(nameBlock, [ $.tn(' '), $.el('img', { src: capcode === 'A' ? '//static.4chan.org/image/adminicon.gif' : '//static.4chan.org/image/modicon.gif', alt: capcode === 'A' ? 'This user is the 4chan Administrator.' : 'This user is a 4chan Moderator.', title: capcode === 'A' ? 'This user is the 4chan Administrator.' : 'This user is a 4chan Moderator.', className: 'identityIcon' }) ]); } bq = $.el('blockquote', { id: "m" + postID, className: 'postMessage', textContent: data.comment }); bq.innerHTML = bq.innerHTML.replace(/\n|\[\/?b\]|\[\/?spoiler\]|\[\/?code\]|\[\/?moot\]|\[\/?banned\]/g, function(text) { switch (text) { case '\n': return '
'; case '[b]': return ''; case '[/b]': return ''; case '[spoiler]': return ''; case '[/spoiler]': return ''; case '[code]': return '
';
          case '[/code]':
            return '
'; case '[moot]': return '
'; case '[/moot]': return '
'; case '[banned]': return ''; case '[/banned]': return ''; } }); bq.innerHTML = bq.innerHTML.replace(/(^|>)(>[^<$]+)(<|$)/g, '$1$2$3'); pc = $.el('div', { id: "pc" + postID, className: "postContainer " + (isOP ? 'op' : 'reply') + "Container", innerHTML: "
" }); $.add(pc.firstChild, [piM, pi, bq]); if (filename = data.media_filename) { file = $.el('div', { id: "f" + postID, className: 'file' }); spoiler = data.spoiler === '1'; filesize = $.bytesToString(data.media_size); $.add(file, $.el('div', { className: 'fileInfo', innerHTML: "File: " + data.media_orig + "-(" + (spoiler ? 'Spoiler Image, ' : '') + filesize + ", " + data.media_w + "x" + data.media_h + ", )" })); span = $('span[title]', file); span.title = filename; max = isOP ? 40 : 30; span.textContent = filename.replace(/\.\w+$/, '').length > max ? "" + filename.slice(0, max) + "(...)" + (filename.match(/\.\w+$/)) : filename; thumb_src = data.media_status === 'available' ? "src=" + data.thumb_link : ''; $.add(file, $.el('a', { className: spoiler ? 'fileThumb imgspoiler' : 'fileThumb', href: data.media_link || data.remote_media_link, target: '_blank', innerHTML: "" + (data.media_status !== " })); $.after((isOP ? piM : pi), file); } $.replace(root.firstChild, Get.cleanPost(pc)); if (cb) { return cb(); } }, cleanPost: function(root) { var child, el, els, inline, inlined, now, post, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2; post = $('.post', root); _ref = Array.prototype.slice.call(root.childNodes); for (_i = 0, _len = _ref.length; _i < _len; _i++) { child = _ref[_i]; if (child !== post) { $.rm(child); } } _ref1 = $$('.inline', post); for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { inline = _ref1[_j]; $.rm(inline); } _ref2 = $$('.inlined', post); for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { inlined = _ref2[_k]; $.rmClass(inlined, 'inlined'); } now = Date.now(); els = $$('[id]', root); els.push(root); for (_l = 0, _len3 = els.length; _l < _len3; _l++) { el = els[_l]; el.id = "" + now + "_" + el.id; } $.rmClass(root, 'forwarded'); $.rmClass(root, 'qphl'); $.rmClass(post, 'highlight'); $.rmClass(post, 'qphl'); root.hidden = post.hidden = false; return root; }, title: function(thread) { var el, op, span; op = $('.op', thread); el = $('.subject', op); if (!el.textContent) { el = $('blockquote', op); if (!el.textContent) { el = $('.nameBlock', op); } } span = $.el('span', { innerHTML: el.innerHTML.replace(/
/g, ' ') }); return "/" + g.BOARD + "/ - " + (span.textContent.trim()); } }; TitlePost = { init: function() { return d.title = Get.title(); } }; QuoteBacklink = { init: function() { var format; format = Conf['backlink'].replace(/%id/g, "' + id + '"); this.funk = Function('id', "return '" + format + "'"); return Main.callbacks.push(this.node); }, node: function(post) { var a, container, el, link, qid, quote, quotes, _i, _len, _ref; if (post.isInlined) { return; } quotes = {}; _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (qid = quote.hash.slice(2)) { quotes[qid] = true; } } a = $.el('a', { href: "/" + g.BOARD + "/res/" + post.threadID + "#p" + post.ID, className: post.el.hidden ? 'filtered backlink' : 'backlink', textContent: QuoteBacklink.funk(post.ID) }); for (qid in quotes) { if (!(el = $.id("pi" + qid)) || !Conf['OP Backlinks'] && /\bop\b/.test(el.parentNode.className)) { continue; } link = a.cloneNode(true); if (Conf['Quote Preview']) { $.on(link, 'mouseover', QuotePreview.mouseover); } if (Conf['Quote Inline']) { $.on(link, 'click', QuoteInline.toggle); } else { link.setAttribute('onclick', "replyhl('" + post.ID + "');"); } if (!(container = $.id("blc" + qid))) { container = $.el('span', { className: 'container', id: "blc" + qid }); $.add(el, container); } $.add(container, [$.tn(' '), link]); } } }; QuoteInline = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var quote, _i, _j, _len, _len1, _ref, _ref1; _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (!(quote.hash || /\bdeadlink\b/.test(quote.className))) { continue; } quote.removeAttribute('onclick'); $.on(quote, 'click', QuoteInline.toggle); } _ref1 = post.backlinks; for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { quote = _ref1[_j]; $.on(quote, 'click', QuoteInline.toggle); } }, toggle: function(e) { var id; if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || e.button !== 0) { return; } e.preventDefault(); id = this.dataset.id || this.hash.slice(2); if (/\binlined\b/.test(this.className)) { QuoteInline.rm(this, id); } else { if ($.x("ancestor::div[contains(@id,'p" + id + "')]", this)) { return; } QuoteInline.add(this, id); } return this.classList.toggle('inlined'); }, add: function(q, id) { var board, el, i, inline, isBacklink, path, postID, root, threadID; if (q.host === 'boards.4chan.org') { path = q.pathname.split('/'); board = path[1]; threadID = path[3]; postID = id; } else { board = q.dataset.board; threadID = 0; postID = q.dataset.id; } el = board === g.BOARD ? $.id("p" + postID) : false; inline = $.el('div', { id: "i" + postID, className: el ? 'inline' : 'inline crosspost' }); root = (isBacklink = /\bbacklink\b/.test(q.className)) ? q.parentNode : $.x('ancestor-or-self::*[parent::blockquote][1]', q); $.after(root, inline); Get.post(board, threadID, postID, inline); if (!el) { return; } if (isBacklink && Conf['Forward Hiding']) { $.addClass(el.parentNode, 'forwarded'); ++el.dataset.forwarded || (el.dataset.forwarded = 1); } if ((i = Unread.replies.indexOf(el)) !== -1) { Unread.replies.splice(i, 1); return Unread.update(true); } }, rm: function(q, id) { var div, inlined, _i, _len, _ref; div = $.x("following::div[@id='i" + id + "']", q); $.rm(div); if (!Conf['Forward Hiding']) { return; } _ref = $$('.backlink.inlined', div); for (_i = 0, _len = _ref.length; _i < _len; _i++) { inlined = _ref[_i]; div = $.id(inlined.hash.slice(1)); if (!--div.dataset.forwarded) { $.rmClass(div.parentNode, 'forwarded'); } } if (/\bbacklink\b/.test(q.className)) { div = $.id("p" + id); if (!--div.dataset.forwarded) { return $.rmClass(div.parentNode, 'forwarded'); } } } }; QuotePreview = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var quote, _i, _j, _len, _len1, _ref, _ref1; _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (quote.hash || /\bdeadlink\b/.test(quote.className)) { $.on(quote, 'mouseover', QuotePreview.mouseover); } } _ref1 = post.backlinks; for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { quote = _ref1[_j]; $.on(quote, 'mouseover', QuotePreview.mouseover); } }, mouseover: function(e) { var board, el, path, postID, qp, quote, quoterID, threadID, _i, _len, _ref; if (/\binlined\b/.test(this.className)) { return; } if (qp = $.id('qp')) { if (qp === UI.el) { delete UI.el; } $.rm(qp); } if (UI.el) { return; } if (this.host === 'boards.4chan.org') { path = this.pathname.split('/'); board = path[1]; threadID = path[3]; postID = this.hash.slice(2); } else { board = this.dataset.board; threadID = 0; postID = this.dataset.id; } qp = UI.el = $.el('div', { id: 'qp', className: 'reply dialog' }); UI.hover(e); $.add(d.body, qp); if (board === g.BOARD) { el = $.id("p" + postID); } Get.post(board, threadID, postID, qp, function() { var bq, img, post; bq = $('blockquote', qp); Main.prettify(bq); post = { el: qp, blockquote: bq, isArchived: /\barchivedPost\b/.test(qp.className) }; if (img = $('img[data-md5]', qp)) { post.fileInfo = img.parentNode.previousElementSibling; post.img = img; } if (Conf['Reveal Spoilers']) { RevealSpoilers.node(post); } if (Conf['Image Auto-Gif']) { AutoGif.node(post); } if (Conf['Time Formatting']) { Time.node(post); } if (Conf['File Info Formatting']) { FileInfo.node(post); } if (Conf['Resurrect Quotes']) { return Quotify.node(post); } }); $.on(this, 'mousemove', UI.hover); $.on(this, 'mouseout click', QuotePreview.mouseout); if (!el) { return; } if (Conf['Quote Highlighting']) { if (/\bop\b/.test(el.className)) { $.addClass(el.parentNode, 'qphl'); } else { $.addClass(el, 'qphl'); } } quoterID = $.x('ancestor::*[@id][1]', this).id.match(/\d+$/)[0]; _ref = $$('.quotelink, .backlink', qp); for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (quote.hash.slice(2) === quoterID) { $.addClass(quote, 'forwardlink'); } } }, mouseout: function(e) { var el; UI.hoverend(); if (el = $.id(this.hash.slice(1))) { $.rmClass(el, 'qphl'); $.rmClass(el.parentNode, 'qphl'); } $.off(this, 'mousemove', UI.hover); return $.off(this, 'mouseout click', QuotePreview.mouseout); } }; QuoteOP = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var quote, _i, _len, _ref; if (post.isInlined && !post.isCrosspost) { return; } _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (quote.hash.slice(2) === post.threadID) { $.add(quote, $.tn('\u00A0(OP)')); } } } }; QuoteCT = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var path, quote, _i, _len, _ref; if (post.isInlined && !post.isCrosspost) { return; } _ref = post.quotes; for (_i = 0, _len = _ref.length; _i < _len; _i++) { quote = _ref[_i]; if (!quote.hash) { continue; } path = quote.pathname.split('/'); if (path[1] === g.BOARD && path[3] !== post.threadID) { $.add(quote, $.tn('\u00A0(Cross-thread)')); } } } }; Quotify = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { var a, board, data, i, id, index, m, node, nodes, quote, quotes, snapshot, text, _i, _j, _len, _ref; if (post.isInlined && !post.isCrosspost) { return; } snapshot = d.evaluate('.//text()[not(parent::a)]', post.blockquote, null, 6, null); for (i = _i = 0, _ref = snapshot.snapshotLength; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) { node = snapshot.snapshotItem(i); data = node.data; if (!(quotes = data.match(/>>(>\/[a-z\d]+\/)?\d+/g))) { continue; } nodes = []; for (_j = 0, _len = quotes.length; _j < _len; _j++) { quote = quotes[_j]; index = data.indexOf(quote); if (text = data.slice(0, index)) { nodes.push($.tn(text)); } id = quote.match(/\d+$/)[0]; board = (m = quote.match(/^>>>\/([a-z\d]+)/)) ? m[1] : $('.postNum > a[title="Highlight this post"]', post.el).pathname.split('/')[1]; nodes.push(a = $.el('a', { textContent: "" + quote + "\u00A0(Dead)" })); if (board === g.BOARD && $.id("p" + id)) { a.href = "#p" + id; a.className = 'quotelink'; a.setAttribute('onclick', "replyhl('" + id + "');"); } else { a.href = Redirect.thread(board, 0, id); a.className = 'deadlink'; a.target = '_blank'; if (Redirect.post(board, id)) { $.addClass(a, 'quotelink'); a.setAttribute('data-board', board); a.setAttribute('data-id', id); } } data = data.slice(index + quote.length); } if (data) { nodes.push($.tn(data)); } $.replace(node, nodes); } } }; DeleteLink = { init: function() { var a; a = $.el('a', { className: 'delete_link', href: 'javascript:;' }); return Menu.addEntry({ el: a, open: function(post) { if (post.isArchived) { return false; } a.textContent = 'Delete this post'; $.on(a, 'click', DeleteLink["delete"]); return true; } }); }, "delete": function() { var board, form, id, m, pwd, self; $.off(this, 'click', DeleteLink["delete"]); this.textContent = 'Deleting...'; pwd = (m = d.cookie.match(/4chan_pass=([^;]+)/)) ? decodeURIComponent(m[1]) : $.id('delPassword').value; id = this.parentNode.dataset.id; board = $('.postNum > a[title="Highlight this post"]', $.id(this.parentNode.dataset.rootid)).pathname.split('/')[1]; self = this; form = { mode: 'usrdel', pwd: pwd }; form[id] = 'delete'; return $.ajax($.id('delform').action.replace("/" + g.BOARD + "/", "/" + board + "/"), { onload: function() { return DeleteLink.load(self, this.response); }, onerror: function() { return DeleteLink.error(self); } }, { form: $.formData(form) }); }, load: function(self, html) { var doc, msg, s; doc = d.implementation.createHTMLDocument(''); doc.documentElement.innerHTML = html; if (doc.title === '4chan - Banned') { s = 'Banned!'; } else if (msg = doc.getElementById('errmsg')) { s = msg.textContent; $.on(self, 'click', DeleteLink["delete"]); } else { s = 'Deleted'; } return self.textContent = s; }, error: function(self) { self.textContent = 'Connection error, please retry.'; return $.on(self, 'click', DeleteLink["delete"]); } }; ReportLink = { init: function() { var a; a = $.el('a', { className: 'report_link', href: 'javascript:;', textContent: 'Report this post' }); $.on(a, 'click', this.report); return Menu.addEntry({ el: a, open: function(post) { return post.isArchived === false; } }); }, report: function() { var a, id, set, url; a = $('.postNum > a[title="Highlight this post"]', $.id(this.parentNode.dataset.rootid)); url = "//sys.4chan.org/" + (a.pathname.split('/')[1]) + "/imgboard.php?mode=report&no=" + this.parentNode.dataset.id; id = Date.now(); set = "toolbar=0,scrollbars=0,location=0,status=1,menubar=0,resizable=1,width=685,height=200"; return window.open(url, id, set); } }; DownloadLink = { init: function() { var a; if ($.el('a').download === void 0) { return; } a = $.el('a', { className: 'download_link', textContent: 'Download file' }); return Menu.addEntry({ el: a, open: function(post) { var fileText; if (!post.img) { return false; } a.href = post.img.parentNode.href; fileText = post.fileInfo.firstElementChild; a.download = Conf['File Info Formatting'] ? fileText.dataset.filename : $('span', fileText).title; return true; } }); } }; ArchiveLink = { init: function() { var a; a = $.el('a', { className: 'archive_link', target: '_blank', textContent: 'Archived post' }); return Menu.addEntry({ el: a, open: function(post) { var href, path; path = $('.postNum > a[title="Highlight this post"]', post.el).pathname.split('/'); if ((href = Redirect.thread(path[1], path[3], post.ID)) === ("//boards.4chan.org/" + path[1] + "/")) { return false; } a.href = href; return true; } }); } }; ThreadStats = { init: function() { var dialog; dialog = UI.dialog('stats', 'bottom: 0; left: 0;', '
0 / 0
'); dialog.className = 'dialog'; $.add(d.body, dialog); this.posts = this.images = 0; this.imgLimit = (function() { switch (g.BOARD) { case 'a': case 'b': case 'v': case 'co': case 'mlp': return 251; case 'vg': return 501; default: return 151; } })(); return Main.callbacks.push(this.node); }, node: function(post) { var imgcount; if (post.isInlined) { return; } $.id('postcount').textContent = ++ThreadStats.posts; if (!post.img) { return; } imgcount = $.id('imagecount'); imgcount.textContent = ++ThreadStats.images; if (ThreadStats.images > ThreadStats.imgLimit) { return $.addClass(imgcount, 'warning'); } } }; Unread = { init: function() { this.title = d.title; this.update(); $.on(window, 'scroll', Unread.scroll); return Main.callbacks.push(this.node); }, replies: [], foresee: [], node: function(post) { var count, el, index; if ((index = Unread.foresee.indexOf(post.ID)) !== -1) { Unread.foresee.splice(index, 1); return; } el = post.el; if (el.hidden || /\bop\b/.test(post["class"]) || post.isInlined) { return; } count = Unread.replies.push(el); return Unread.update(count === 1); }, scroll: function() { var bottom, height, i, reply, _i, _len, _ref; height = d.documentElement.clientHeight; _ref = Unread.replies; for (i = _i = 0, _len = _ref.length; _i < _len; i = ++_i) { reply = _ref[i]; bottom = reply.getBoundingClientRect().bottom; if (bottom > height) { break; } } if (i === 0) { return; } Unread.replies = Unread.replies.slice(i); return Unread.update(Unread.replies.length === 0); }, setTitle: function(count) { if (this.scheduled) { clearTimeout(this.scheduled); delete Unread.scheduled; this.setTitle(count); return; } return this.scheduled = setTimeout((function() { return d.title = "(" + count + ") " + Unread.title; }), 5); }, update: function(updateFavicon) { var count; if (!g.REPLY) { return; } count = this.replies.length; if (Conf['Unread Count']) { this.setTitle(count); } if (!(Conf['Unread Favicon'] && updateFavicon)) { return; } if ($.engine === 'presto') { $.rm(Favicon.el); } Favicon.el.href = g.dead ? count ? Favicon.unreadDead : Favicon.dead : count ? Favicon.unread : Favicon["default"]; if (g.dead) { $.addClass(Favicon.el, 'dead'); } else { $.rmClass(Favicon.el, 'dead'); } if (count) { $.addClass(Favicon.el, 'unread'); } else { $.rmClass(Favicon.el, 'unread'); } if ($.engine !== 'webkit') { return $.add(d.head, Favicon.el); } } }; Favicon = { init: function() { var href; if (this.el) { return; } this.el = $('link[rel="shortcut icon"]', d.head); this.el.type = 'image/x-icon'; href = this.el.href; this.SFW = /ws.ico$/.test(href); this["default"] = href; return this["switch"](); }, "switch": function() { switch (Conf['favicon']) { case 'ferongr': this.unreadDead = 'data:image/gif;base64,R0lGODlhEAAQAOMHAOgLAnMFAL8AAOgLAukMA/+AgP+rq////////////////////////////////////yH5BAEKAAcALAAAAAAQABAAAARZ8MhJ6xwDWIBv+AM1fEEIBIVRlNKYrtpIECuGzuwpCLg974EYiXUYkUItjGbC6VQ4omXFiKROA6qSy0A8nAo9GS3YCswIWnOvLAi0be23Z1QtdSUaqXcviQAAOw=='; this.unreadSFW = 'data:image/gif;base64,R0lGODlhEAAQAOMHAADX8QBwfgC2zADX8QDY8nnl8qLp8v///////////////////////////////////yH5BAEKAAcALAAAAAAQABAAAARZ8MhJ6xwDWIBv+AM1fEEIBIVRlNKYrtpIECuGzuwpCLg974EYiXUYkUItjGbC6VQ4omXFiKROA6qSy0A8nAo9GS3YCswIWnOvLAi0be23Z1QtdSUaqXcviQAAOw=='; this.unreadNSFW = 'data:image/gif;base64,R0lGODlhEAAQAOMHAFT+ACh5AEncAFT+AFX/Acz/su7/5v///////////////////////////////////yH5BAEKAAcALAAAAAAQABAAAARZ8MhJ6xwDWIBv+AM1fEEIBIVRlNKYrtpIECuGzuwpCLg974EYiXUYkUItjGbC6VQ4omXFiKROA6qSy0A8nAo9GS3YCswIWnOvLAi0be23Z1QtdSUaqXcviQAAOw=='; break; case 'xat-': this.unreadDead = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2ElEQVQ4y61TQQrCMBDMQ8WDIEV6LbT2A4og2Hq0veo7fIAH04dY9N4xmyYlpGmI2MCQTWYy3Wy2DAD7B2wWAzWgcTgVeZKlZRxHNYFi2jM18oBh0IcKtC6ixf22WT4IFLs0owxswXu9egm0Ls6bwfCFfNsJYJKfqoEkd3vgUgFVLWObtzNgVKyruC+ljSzr5OEnBzjvjcQecaQhbZgBb4CmGQw+PoMkTUtdbd8VSEPakcGxPOcsoIgUKy0LecY29BmdBrqRfjIwZ93KLs5loHvBnL3cLH/jF+C/+z5dgUysAAAAAElFTkSuQmCC'; this.unreadSFW = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA30lEQVQ4y2P4//8/AyWYgSoGQMF/GJ7Y11VVUVoyKTM9ey4Ig9ggMWQ1YA1IBvzXm34YjkH8mPyJB+Nqlp8FYRAbmxoMF6ArSNrw6T0Qf8Amh9cFMEWVR/7/A+L/uORxhgEIt5/+/3/2lf//5wAxiI0uj+4CBlBgxVUvOwtydgXQZpDmi2/+/7/0GmIQSAwkB1IDUkuUAZeABlx+g2zAZ9wGlAOjChba+LwAUgNSi2HA5Am9VciBhSsQQWyoWgZiovEDsdGI1QBYQiLJAGQalpSxyWEzAJYWkGm8clTJjQCZ1hkoVG0CygAAAABJRU5ErkJggg=='; this.unreadNSFW = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA4ElEQVQ4y2P4//8/AyWYgSoGQMF/GJ7YNbGqrKRiUnp21lwQBrFBYshqwBqQDPifdsYYjkH8mInxB+OWx58FYRAbmxoMF6ArKPmU9B6IP2CTw+sCmKKe/5X/gPg/LnmcYQDCs/63/1/9fzYQzwGz0eXRXcAACqy4ZfFnQc7u+V/xD6T55v+LQHwJbBBIDCQHUgNSS5QBt4Cab/2/jDDgMx4DykrKJ8FCG58XQGpAajEMmNw7uQo5sHAFIogNVctATDR+IDYasRoAS0gkGYBMw5IyNjlsBsDSAjKNV44quREAx58Mr9vt5wQAAAAASUVORK5CYII='; break; case 'Mayhem': this.unreadDead = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABIUlEQVQ4jZ2ScWuDMBDFgw4pIkU0WsoQkWAYIkXZH4N9/+/V3dmfXSrKYIFHwt17j8vdGWNMIkgFuaDgzgQnwRs4EQs5KdolUQtagRN0givEDBTEOjgtGs0Zq8F7cKqqusVxrMQLaDUWcjBSrXkn8gs51tpJSWLk9b3HUa0aNIL5gPBR1/V4kJvR7lTwl8GmAm1Gf9+c3S+89qBHa8502AsmSrtBaEBPbIbj0ah2madlNAPEccdgJDfAtWifBjqWKShRBT6KoiH8QlEUn/qt0CCjnNdmPUwmFWzj9Oe6LpKuZXcwqq88z78Pch3aZU3dPwwc2sWlfZKCW5tWluV8kGvXClLm6dYN4/aUqfCbnEOzNDGhGZbNargvxCzvMGfRJD8UaDVvgkzo6QAAAABJRU5ErkJggg=='; this.unreadSFW = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCElEQVQ4jZ2S4crCMAxF+0OGDJEPKYrIGKOsiJSx/fJRfSAfTJNyKqXfiuDg0C25N2RJjTGmEVrhTzhw7oStsIEtsVzT4o2Jo9ALThiEM8IdHIgNaHo8mjNWg6/ske8bohPo+63QOLzmooHp8fyAICBSQkVz0QKdsFQEV6WSW/D+7+BbgbIDHcb4Kp61XyjyI16zZ8JemGltQtDBSGxB4/GoN+7TpkkjDCsFArm0IYv3U0BbnYtf8BCy+JytsE0X6VyuKhPPK/GAJ14kvZZDZVV3pZIb8MZr6n4o4PDGKn0S5SdDmyq5PnXQsk+Xbhinp03FFzmHJw6xYRiWm9VxnohZ3vOcxdO8ARmXRvbWdtzQAAAAAElFTkSuQmCC'; this.unreadNSFW = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCklEQVQ4jZ2S0WrDMAxF/TBCCKWMYhZKCSGYmFJMSNjD/mhf239qJXNcjBdTWODgRLpXKJKNMaYROuFTOHEehFb4gJZYrunwxsSXMApOmIQzwgOciE1oRjyaM1aDj+yR7xuiHvT9VmgcXnPRwO/9+wWCgEgJFc1FCwzCVhFclUpuw/u3g3cFyg50GPOjePZ+ocjPeM2RCXthpbUFwQAzsQ2Nx6PeuE+bJo0w7BQI5NKGLN5XAW11LX7BQ8jia7bCLl2kc7mqTLzuxAOeeJH0Wk6VVf0oldyEN15T948CDm+sMiZRfjK0pZIbUwcd+3TphnF62lR8kXN44hAbhmG5WQNnT8zynucsnuYJhFpBfkMzqD4AAAAASUVORK5CYII='; break; case 'Original': this.unreadDead = 'data:image/gif;base64,R0lGODlhEAAQAKECAAAAAP8AAP///////yH5BAEKAAMALAAAAAAQABAAAAI/nI95wsqygIRxDgGCBhTrwF3Zxowg5H1cSopS6FrGQ82PU1951ckRmYKJVCXizLRC9kAnT0aIiR6lCFT1cigAADs='; this.unreadSFW = 'data:image/gif;base64,R0lGODlhEAAQAKECAAAAAC6Xw////////yH5BAEKAAMALAAAAAAQABAAAAI/nI95wsqygIRxDgGCBhTrwF3Zxowg5H1cSopS6FrGQ82PU1951ckRmYKJVCXizLRC9kAnT0aIiR6lCFT1cigAADs='; this.unreadNSFW = 'data:image/gif;base64,R0lGODlhEAAQAKECAAAAAGbMM////////yH5BAEKAAMALAAAAAAQABAAAAI/nI95wsqygIRxDgGCBhTrwF3Zxowg5H1cSopS6FrGQ82PU1951ckRmYKJVCXizLRC9kAnT0aIiR6lCFT1cigAADs='; } return this.unread = this.SFW ? this.unreadSFW : this.unreadNSFW; }, empty: 'data:image/gif;base64,R0lGODlhEAAQAJEAAAAAAP///9vb2////yH5BAEAAAMALAAAAAAQABAAAAIvnI+pq+D9DBAUoFkPFnbs7lFZKIJOJJ3MyraoB14jFpOcVMpzrnF3OKlZYsMWowAAOw==', dead: 'data:image/gif;base64,R0lGODlhEAAQAKECAAAAAP8AAP///////yH5BAEKAAIALAAAAAAQABAAAAIvlI+pq+D9DAgUoFkPDlbs7lFZKIJOJJ3MyraoB14jFpOcVMpzrnF3OKlZYsMWowAAOw==' }; Redirect = { image: function(board, filename) { switch (board) { case 'a': case 'jp': case 'm': case 'sp': case 'tg': case 'vg': return "//archive.foolz.us/" + board + "/full_image/" + filename; case 'u': return "//nsfw.foolz.us/" + board + "/full_image/" + filename; } }, post: function(board, postID) { switch (board) { case 'a': case 'co': case 'jp': case 'm': case 'sp': case 'tg': case 'tv': case 'v': case 'vg': case 'dev': case 'foolz': return "//archive.foolz.us/api/chan/post/board/" + board + "/num/" + postID + "/format/json"; case 'u': case 'kuku': return "//nsfw.foolz.us/api/chan/post/board/" + board + "/num/" + postID + "/format/json"; } }, thread: function(board, threadID, postID) { var path, url; if (postID) { postID = postID.match(/\d+/)[0]; } path = threadID ? "" + board + "/thread/" + threadID : "" + board + "/post/" + postID; switch (board) { case 'a': case 'co': case 'jp': case 'm': case 'sp': case 'tg': case 'tv': case 'v': case 'vg': case 'dev': case 'foolz': url = "//archive.foolz.us/" + path + "/"; if (threadID && postID) { url += "#" + postID; } break; case 'u': case 'kuku': url = "//nsfw.foolz.us/" + path + "/"; if (threadID && postID) { url += "#" + postID; } break; case 'ck': case 'lit': url = "//fuuka.warosu.org/" + path; if (threadID && postID) { url += "#p" + postID; } break; case 'diy': case 'g': case 'k': case 'sci': url = "//archive.installgentoo.net/" + path; if (threadID && postID) { url += "#p" + postID; } break; case 'cgl': case 'mu': case 'soc': case 'w': url = "//archive.rebeccablacktech.com/" + path; if (threadID && postID) { url += "#p" + postID; } break; case 'an': case 'r9k': case 'toy': case 'x': url = "http://archive.maidlab.jp/" + path; if (threadID && postID) { url += "#p" + postID; } break; case 'e': url = "https://md401.homelinux.net/4chan/cgi-board.pl/" + path; if (threadID && postID) { url += "#p" + postID; } break; default: if (threadID) { url = "//boards.4chan.org/" + board + "/"; } } return url || null; } }; ImageHover = { init: function() { return Main.callbacks.push(this.node); }, node: function(post) { if (!post.img) { return; } return $.on(post.img, 'mouseover', ImageHover.mouseover); }, mouseover: function() { var el; if (el = $.id('ihover')) { if (el === UI.el) { delete UI.el; } $.rm(el); } if (UI.el) { return; } el = UI.el = $.el('img', { id: 'ihover', src: this.parentNode.href }); $.add(d.body, el); $.on(el, 'load', ImageHover.load); $.on(el, 'error', ImageHover.error); $.on(this, 'mousemove', UI.hover); return $.on(this, 'mouseout', ImageHover.mouseout); }, load: function() { var style; if (!this.parentNode) { return; } style = this.style; return UI.hover({ clientX: -45 + parseInt(style.left), clientY: 120 + parseInt(style.top) }); }, error: function() { var src, timeoutID, url, _this = this; src = this.src.replace(/\?\d+$/, '').split('/'); if (!(src[2] === 'images.4chan.org' && (url = Redirect.image(src[3], src[5])))) { if (g.dead) { return; } url = "//images.4chan.org/" + src[3] + "/src/" + src[5] + "?" + (Date.now()); } if ($.engine !== 'webkit' && url.split('/')[2] === 'images.4chan.org') { return; } timeoutID = setTimeout((function() { return _this.src = url; }), 3000); if ($.engine !== 'webkit' || url.split('/')[2] !== 'images.4chan.org') { return; } return $.ajax(url, { onreadystatechange: (function() { if (this.status === 404) { return clearTimeout(timeoutID); } }) }, { type: 'head' }); }, mouseout: function() { UI.hoverend(); $.off(this, 'mousemove', UI.hover); return $.off(this, 'mouseout', ImageHover.mouseout); } }; AutoGif = { init: function() { var _ref; if ((_ref = g.BOARD) === 'gif' || _ref === 'wsg') { return; } return Main.callbacks.push(this.node); }, node: function(post) { var gif, img, src; img = post.img; if (post.el.hidden || !img) { return; } src = img.parentNode.href; if (/gif$/.test(src) && !/spoiler/.test(img.src)) { gif = $.el('img'); $.on(gif, 'load', function() { return img.src = src; }); return gif.src = src; } } }; ImageExpand = { init: function() { Main.callbacks.push(this.node); return this.dialog(); }, node: function(post) { var a; if (!post.img) { return; } a = post.img.parentNode; $.on(a, 'click', ImageExpand.cb.toggle); if (ImageExpand.on && !post.el.hidden) { return ImageExpand.expand(post.img); } }, cb: { toggle: function(e) { if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || e.button !== 0) { return; } e.preventDefault(); return ImageExpand.toggle(this); }, all: function() { var i, thumb, thumbs, _i, _j, _k, _len, _len1, _len2, _ref; ImageExpand.on = this.checked; if (ImageExpand.on) { thumbs = $$('img[data-md5]'); if (Conf['Expand From Current']) { for (i = _i = 0, _len = thumbs.length; _i < _len; i = ++_i) { thumb = thumbs[i]; if (thumb.getBoundingClientRect().top > 0) { break; } } thumbs = thumbs.slice(i); } for (_j = 0, _len1 = thumbs.length; _j < _len1; _j++) { thumb = thumbs[_j]; ImageExpand.expand(thumb); } } else { _ref = $$('img[data-md5][hidden]'); for (_k = 0, _len2 = _ref.length; _k < _len2; _k++) { thumb = _ref[_k]; ImageExpand.contract(thumb); } } }, typeChange: function() { var klass; switch (this.value) { case 'full': klass = ''; break; case 'fit width': klass = 'fitwidth'; break; case 'fit height': klass = 'fitheight'; break; case 'fit screen': klass = 'fitwidth fitheight'; } $.id('delform').className = klass; if (/\bfitheight\b/.test(klass)) { $.on(window, 'resize', ImageExpand.resize); if (!ImageExpand.style) { ImageExpand.style = $.addStyle(''); } return ImageExpand.resize(); } else if (ImageExpand.style) { return $.off(window, 'resize', ImageExpand.resize); } } }, toggle: function(a) { var rect, thumb; thumb = a.firstChild; if (thumb.hidden) { rect = a.getBoundingClientRect(); if ($.engine === 'webkit') { if (rect.top < 0) { d.body.scrollTop += rect.top - 42; } if (rect.left < 0) { d.body.scrollLeft += rect.left; } } else { if (rect.top < 0) { d.documentElement.scrollTop += rect.top - 42; } if (rect.left < 0) { d.documentElement.scrollLeft += rect.left; } } return ImageExpand.contract(thumb); } else { return ImageExpand.expand(thumb); } }, contract: function(thumb) { thumb.hidden = false; thumb.nextSibling.hidden = true; return $.rmClass(thumb.parentNode.parentNode.parentNode, 'image_expanded'); }, expand: function(thumb, url) { var a, img; if ($.x('ancestor-or-self::*[@hidden]', thumb)) { return; } thumb.hidden = true; $.addClass(thumb.parentNode.parentNode.parentNode, 'image_expanded'); if (img = thumb.nextSibling) { img.hidden = false; return; } a = thumb.parentNode; img = $.el('img', { src: url || a.href }); $.on(img, 'error', ImageExpand.error); return $.add(a, img); }, error: function() { var src, thumb, timeoutID, url; thumb = this.previousSibling; ImageExpand.contract(thumb); $.rm(this); src = this.src.replace(/\?\d+$/, '').split('/'); if (!(src[2] === 'images.4chan.org' && (url = Redirect.image(src[3], src[5])))) { if (g.dead) { return; } url = "//images.4chan.org/" + src[3] + "/src/" + src[5] + "?" + (Date.now()); } if ($.engine !== 'webkit' && url.split('/')[2] === 'images.4chan.org') { return; } timeoutID = setTimeout(ImageExpand.expand, 10000, thumb, url); if ($.engine !== 'webkit' || url.split('/')[2] !== 'images.4chan.org') { return; } return $.ajax(url, { onreadystatechange: (function() { if (this.status === 404) { return clearTimeout(timeoutID); } }) }, { type: 'head' }); }, dialog: function() { var controls, imageType, select; controls = $.el('div', { id: 'imgControls', innerHTML: "" }); imageType = $.get('imageType', 'full'); select = $('select', controls); select.value = imageType; ImageExpand.cb.typeChange.call(select); $.on(select, 'change', $.cb.value); $.on(select, 'change', ImageExpand.cb.typeChange); $.on($('input', controls), 'click', ImageExpand.cb.all); return $.prepend($.id('delform'), controls); }, resize: function() { return ImageExpand.style.textContent = ".fitheight img[data-md5] + img {max-height:" + d.documentElement.clientHeight + "px;}"; } }; Main = { init: function() { var cutoff, hiddenThreads, id, key, now, path, pathname, temp, timestamp, val, _ref; Main.flatten(null, Config); path = location.pathname; pathname = path.slice(1).split('/'); g.BOARD = pathname[0], temp = pathname[1]; if (temp === 'res') { g.REPLY = true; g.THREAD_ID = pathname[2]; } for (key in Conf) { val = Conf[key]; Conf[key] = $.get(key, val); } switch (location.hostname) { case 'sys.4chan.org': if (/report/.test(location.search)) { $.ready(function() { return $.on($.id('recaptcha_response_field'), 'keydown', function(e) { if (e.keyCode === 8 && !e.target.value) { return window.location = 'javascript:Recaptcha.reload()'; } }); }); } return; case 'images.4chan.org': $.ready(function() { var url; if (/^4chan - 404/.test(d.title) && Conf['404 Redirect']) { path = location.pathname.split('/'); url = Redirect.image(path[1], path[3]); if (url) { return location.href = url; } } }); return; } $.ready(Options.init); if (Conf['Quick Reply'] && Conf['Hide Original Post Form']) { Main.css += '#postForm { display: none; }'; } Main.addStyle(); now = Date.now(); if (Conf['Check for Updates'] && $.get('lastUpdate', 0) < now - 6 * $.HOUR) { $.ready(function() { $.on(window, 'message', Main.message); $.set('lastUpdate', now); return $.add(d.head, $.el('script', { src: 'https://github.com/MayhemYDG/4chan-x/raw/master/latest.js' })); }); } g.hiddenReplies = $.get("hiddenReplies/" + g.BOARD + "/", {}); if ($.get('lastChecked', 0) < now - 1 * $.DAY) { $.set('lastChecked', now); cutoff = now - 7 * $.DAY; hiddenThreads = $.get("hiddenThreads/" + g.BOARD + "/", {}); for (id in hiddenThreads) { timestamp = hiddenThreads[id]; if (timestamp < cutoff) { delete hiddenThreads[id]; } } _ref = g.hiddenReplies; for (id in _ref) { timestamp = _ref[id]; if (timestamp < cutoff) { delete g.hiddenReplies[id]; } } $.set("hiddenThreads/" + g.BOARD + "/", hiddenThreads); $.set("hiddenReplies/" + g.BOARD + "/", g.hiddenReplies); } if (Conf['Filter']) { Filter.init(); } if (Conf['Reply Hiding']) { ReplyHiding.init(); } if (Conf['Filter'] || Conf['Reply Hiding']) { StrikethroughQuotes.init(); } if (Conf['Anonymize']) { Anonymize.init(); } if (Conf['Time Formatting']) { Time.init(); } if (Conf['File Info Formatting']) { FileInfo.init(); } if (Conf['Sauce']) { Sauce.init(); } if (Conf['Reveal Spoilers']) { RevealSpoilers.init(); } if (Conf['Image Auto-Gif']) { AutoGif.init(); } if (Conf['Image Hover']) { ImageHover.init(); } if (Conf['Menu']) { Menu.init(); if (Conf['Report Link']) { ReportLink.init(); } if (Conf['Delete Link']) { DeleteLink.init(); } if (Conf['Filter']) { Filter.menuInit(); } if (Conf['Download Link']) { DownloadLink.init(); } if (Conf['Archive Link']) { ArchiveLink.init(); } } if (Conf['Resurrect Quotes']) { Quotify.init(); } if (Conf['Quote Inline']) { QuoteInline.init(); } if (Conf['Quote Preview']) { QuotePreview.init(); } if (Conf['Quote Backlinks']) { QuoteBacklink.init(); } if (Conf['Indicate OP quote']) { QuoteOP.init(); } if (Conf['Indicate Cross-thread Quotes']) { QuoteCT.init(); } return $.ready(Main.ready); }, ready: function() { var MutationObserver, a, board, nav, node, nodes, observer, _i, _j, _len, _len1, _ref, _ref1; if (/^4chan - 404/.test(d.title)) { if (Conf['404 Redirect'] && /^\d+$/.test(g.THREAD_ID)) { location.href = Redirect.thread(g.BOARD, g.THREAD_ID, location.hash); } return; } if (!$.id('navtopr')) { return; } $.addClass(d.body, $.engine); $.addClass(d.body, 'fourchan_x'); _ref = ['boardNavDesktop', 'boardNavDesktopFoot']; for (_i = 0, _len = _ref.length; _i < _len; _i++) { nav = _ref[_i]; if (a = $("a[href$='/" + g.BOARD + "/']", $.id(nav))) { $.addClass(a, 'current'); } } Favicon.init(); if (Conf['Quick Reply']) { QR.init(); } if (Conf['Image Expansion']) { ImageExpand.init(); } if (Conf['Thread Watcher']) { setTimeout(function() { return Watcher.init(); }); } if (Conf['Keybinds']) { setTimeout(function() { return Keybinds.init(); }); } if (g.REPLY) { if (Conf['Thread Updater']) { setTimeout(function() { return Updater.init(); }); } if (Conf['Thread Stats']) { ThreadStats.init(); } if (Conf['Reply Navigation']) { setTimeout(function() { return Nav.init(); }); } if (Conf['Post in Title']) { TitlePost.init(); } if (Conf['Unread Count'] || Conf['Unread Favicon']) { Unread.init(); } } else { if (Conf['Thread Hiding']) { ThreadHiding.init(); } if (Conf['Thread Expansion']) { setTimeout(function() { return ExpandThread.init(); }); } if (Conf['Comment Expansion']) { setTimeout(function() { return ExpandComment.init(); }); } if (Conf['Index Navigation']) { setTimeout(function() { return Nav.init(); }); } } board = $('.board'); nodes = []; _ref1 = $$('.postContainer', board); for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { node = _ref1[_j]; nodes.push(Main.preParse(node)); } Main.node(nodes, true); Main.hasCodeTags = !!$('script[src="//static.4chan.org/js/prettify/prettify.js"]'); if (MutationObserver = window.WebKitMutationObserver || window.MozMutationObserver || window.OMutationObserver || window.MutationObserver) { observer = new MutationObserver(Main.observer); observer.observe(board, { childList: true, subtree: true }); } else { $.on(board, 'DOMNodeInserted', Main.listener); } }, flatten: function(parent, obj) { var key, val; if (obj instanceof Array) { Conf[parent] = obj[0]; } else if (typeof obj === 'object') { for (key in obj) { val = obj[key]; Main.flatten(key, val); } } else { Conf[parent] = obj; } }, addStyle: function() { $.off(d, 'DOMNodeInserted', Main.addStyle); if (d.head) { return $.addStyle(Main.css); } else { return $.on(d, 'DOMNodeInserted', Main.addStyle); } }, message: function(e) { var version; version = e.data.version; if (version && version !== Main.version && confirm('An updated version of 4chan X is available, would you like to install it now?')) { return window.location = "https://raw.github.com/mayhemydg/4chan-x/" + version + "/4chan_x.user.js"; } }, preParse: function(node) { var el, img, parentClass, post; parentClass = node.parentNode.className; el = $('.post', node); post = { root: node, el: el, "class": el.className, ID: el.id.match(/\d+$/)[0], threadID: g.THREAD_ID || $.x('ancestor::div[parent::div[@class="board"]]', node).id.match(/\d+$/)[0], isArchived: /\barchivedPost\b/.test(parentClass), isInlined: /\binline\b/.test(parentClass), isCrosspost: /\bcrosspost\b/.test(parentClass), blockquote: el.lastElementChild, quotes: el.getElementsByClassName('quotelink'), backlinks: el.getElementsByClassName('backlink'), fileInfo: false, img: false }; if (img = $('img[data-md5]', el)) { post.fileInfo = img.parentNode.previousElementSibling; post.img = img; } Main.prettify(post.blockquote); return post; }, node: function(nodes, notify) { var callback, node, _i, _j, _len, _len1, _ref; _ref = Main.callbacks; for (_i = 0, _len = _ref.length; _i < _len; _i++) { callback = _ref[_i]; try { for (_j = 0, _len1 = nodes.length; _j < _len1; _j++) { node = nodes[_j]; callback(node); } } catch (err) { if (notify) { alert("4chan X (" + Main.version + ") error: " + err.message + "\nReport the bug at mayhemydg.github.com/4chan-x/#bug-report\n\nURL: " + window.location + "\n" + err.stack); } } } }, observer: function(mutations) { var addedNode, mutation, nodes, _i, _j, _len, _len1, _ref; nodes = []; for (_i = 0, _len = mutations.length; _i < _len; _i++) { mutation = mutations[_i]; _ref = mutation.addedNodes; for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) { addedNode = _ref[_j]; if (/\bpostContainer\b/.test(addedNode.className)) { nodes.push(Main.preParse(addedNode)); } } } if (nodes.length) { return Main.node(nodes); } }, listener: function(e) { var target; target = e.target; if (/\bpostContainer\b/.test(target.className)) { return Main.node([Main.preParse(target)]); } }, prettify: function(bq) { var code; if (!Main.hasCodeTags) { return; } code = function() { var pre, _i, _len, _ref; _ref = document.getElementById('_id_').getElementsByClassName('prettyprint'); for (_i = 0, _len = _ref.length; _i < _len; _i++) { pre = _ref[_i]; pre.innerHTML = prettyPrintOne(pre.innerHTML.replace(/\s/g, ' ')); } }; return $.globalEval(("(" + code + ")()").replace('_id_', bq.id)); }, namespace: '4chan_x.', version: '2.33.8', callbacks: [], css: '\ /* dialog styling */\ .dialog.reply {\ display: block;\ border: 1px solid rgba(0,0,0,.25);\ padding: 0;\ }\ .move {\ cursor: move;\ }\ label, .favicon {\ cursor: pointer;\ }\ a[href="javascript:;"] {\ text-decoration: none;\ }\ .warning {\ color: red;\ }\ \ .hide_thread_button:not(.hidden_thread) {\ float: left;\ }\ \ .thread > .hidden_thread ~ *,\ [hidden],\ #content > [name=tab]:not(:checked) + div,\ #updater:not(:hover) > :not(.move),\ .autohide:not(:hover) > form,\ #qp input, #qp .inline, .forwarded {\ display: none !important;\ }\ \ .menu_button {\ display: inline-block;\ }\ .menu_button > span {\ border-top: .5em solid;\ border-right: .3em solid transparent;\ border-left: .3em solid transparent;\ display: inline-block;\ margin: 2px;\ vertical-align: middle;\ }\ #menu {\ position: absolute;\ outline: none;\ }\ .entry {\ border-bottom: 1px solid rgba(0, 0, 0, .25);\ cursor: pointer;\ display: block;\ outline: none;\ padding: 3px 7px;\ position: relative;\ text-decoration: none;\ white-space: nowrap;\ }\ .entry:last-child {\ border: none;\ }\ .focused.entry {\ background: rgba(255, 255, 255, .33);\ }\ .entry:not(.focused) > .subMenu {\ display: none;\ }\ .subMenu {\ position: absolute;\ left: 100%;\ top: 0;\ margin-top: -1px;\ }\ \ h1 {\ text-align: center;\ }\ #qr > .move {\ min-width: 300px;\ overflow: hidden;\ box-sizing: border-box;\ -moz-box-sizing: border-box;\ padding: 0 2px;\ }\ #qr > .move > span {\ float: right;\ }\ #autohide, .close, #qr select, #dump, .remove, .captchaimg, #qr div.warning {\ cursor: pointer;\ }\ #qr select,\ #qr > form {\ margin: 0;\ }\ #dump {\ background: -webkit-linear-gradient(#EEE, #CCC);\ background: -moz-linear-gradient(#EEE, #CCC);\ background: -o-linear-gradient(#EEE, #CCC);\ background: linear-gradient(#EEE, #CCC);\ width: 10%;\ padding: -moz-calc(1px) 0 2px;\ }\ #dump:hover, #dump:focus {\ background: -webkit-linear-gradient(#FFF, #DDD);\ background: -moz-linear-gradient(#FFF, #DDD);\ background: -o-linear-gradient(#FFF, #DDD);\ background: linear-gradient(#FFF, #DDD);\ }\ #dump:active, .dump #dump:not(:hover):not(:focus) {\ background: -webkit-linear-gradient(#CCC, #DDD);\ background: -moz-linear-gradient(#CCC, #DDD);\ background: -o-linear-gradient(#CCC, #DDD);\ background: linear-gradient(#CCC, #DDD);\ }\ #qr:not(.dump) #replies, .dump > form > label {\ display: none;\ }\ #replies {\ display: block;\ height: 100px;\ position: relative;\ -webkit-user-select: none;\ -moz-user-select: none;\ -o-user-select: none;\ user-select: none;\ }\ #replies > div {\ counter-reset: thumbnails;\ top: 0; right: 0; bottom: 0; left: 0;\ margin: 0; padding: 0;\ overflow: hidden;\ position: absolute;\ white-space: pre;\ }\ #replies > div:hover {\ bottom: -10px;\ overflow-x: auto;\ z-index: 1;\ }\ .thumbnail {\ background-color: rgba(0,0,0,.2) !important;\ background-position: 50% 20% !important;\ background-size: cover !important;\ border: 1px solid #666;\ box-sizing: border-box;\ -moz-box-sizing: border-box;\ cursor: move;\ display: inline-block;\ height: 90px; width: 90px;\ margin: 5px; padding: 2px;\ opacity: .5;\ outline: none;\ overflow: hidden;\ position: relative;\ text-shadow: 0 1px 1px #000;\ -webkit-transition: opacity .25s ease-in-out;\ -moz-transition: opacity .25s ease-in-out;\ -o-transition: opacity .25s ease-in-out;\ transition: opacity .25s ease-in-out;\ vertical-align: top;\ }\ .thumbnail:hover, .thumbnail:focus {\ opacity: .9;\ }\ .thumbnail#selected {\ opacity: 1;\ }\ .thumbnail::before {\ counter-increment: thumbnails;\ content: counter(thumbnails);\ color: #FFF;\ font-weight: 700;\ padding: 3px;\ position: absolute;\ top: 0;\ right: 0;\ text-shadow: 0 0 3px #000, 0 0 8px #000;\ }\ .thumbnail.drag {\ box-shadow: 0 0 10px rgba(0,0,0,.5);\ }\ .thumbnail.over {\ border-color: #FFF;\ }\ .thumbnail > span {\ color: #FFF;\ }\ .remove {\ background: none;\ color: #E00;\ font-weight: 700;\ padding: 3px;\ }\ .remove:hover::after {\ content: " Remove";\ }\ .thumbnail > label {\ background: rgba(0,0,0,.5);\ color: #FFF;\ right: 0; bottom: 0; left: 0;\ position: absolute;\ text-align: center;\ }\ .thumbnail > label > input {\ margin: 0;\ }\ #addReply {\ color: #333;\ font-size: 3.5em;\ line-height: 100px;\ }\ #addReply:hover, #addReply:focus {\ color: #000;\ }\ .field {\ border: 1px solid #CCC;\ box-sizing: border-box;\ -moz-box-sizing: border-box;\ color: #333;\ font: 13px sans-serif;\ margin: 0;\ padding: 2px 4px 3px;\ -webkit-transition: color .25s, border .25s;\ -moz-transition: color .25s, border .25s;\ -o-transition: color .25s, border .25s;\ transition: color .25s, border .25s;\ }\ .field:-moz-placeholder,\ .field:hover:-moz-placeholder {\ color: #AAA;\ }\ .field:hover, .field:focus {\ border-color: #999;\ color: #000;\ outline: none;\ }\ #qr > form > div:first-child > .field:not(#dump) {\ width: 30%;\ }\ #qr textarea.field {\ display: -webkit-box;\ min-height: 120px;\ min-width: 100%;\ }\ .textarea {\ position: relative;\ }\ #charCount {\ color: #000;\ background: hsla(0, 0%, 100%, .5);\ position: absolute;\ top: 100%;\ right: 0;\ }\ #charCount.warning {\ color: red;\ }\ .captchainput > .field {\ min-width: 100%;\ }\ .captchaimg {\ background: #FFF;\ outline: 1px solid #CCC;\ outline-offset: -1px;\ text-align: center;\ }\ .captchaimg > img {\ display: block;\ height: 57px;\ width: 300px;\ }\ #qr [type=file] {\ margin: 1px 0;\ width: 70%;\ }\ #qr [type=submit] {\ margin: 1px 0;\ padding: 1px; /* not Gecko */\ padding: 0 -moz-calc(1px); /* Gecko does not respect box-sizing: border-box */\ width: 30%;\ }\ \ .fileText:hover .fntrunc,\ .fileText:not(:hover) .fnfull {\ display: none;\ }\ .fitwidth img[data-md5] + img {\ max-width: 100%;\ }\ .gecko .fitwidth img[data-md5] + img,\ .presto .fitwidth img[data-md5] + img {\ width: 100%;\ }\ \ #qr, #qp, #updater, #stats, #ihover, #overlay, #navlinks {\ position: fixed;\ }\ \ #ihover {\ max-height: 97%;\ max-width: 75%;\ padding-bottom: 18px;\ }\ \ #navlinks {\ font-size: 16px;\ top: 25px;\ right: 5px;\ }\ \ body {\ box-sizing: border-box;\ -moz-box-sizing: border-box;\ }\ body.unscroll {\ overflow: hidden;\ }\ #overlay {\ top: 0;\ right: 0;\ left: 0;\ bottom: 0;\ text-align: center;\ background: rgba(0,0,0,.5);\ z-index: 1;\ }\ #overlay::after {\ content: "";\ display: inline-block;\ height: 100%;\ vertical-align: middle;\ }\ #options {\ display: inline-block;\ padding: 5px;\ text-align: left;\ vertical-align: middle;\ width: 600px;\ }\ #credits {\ float: right;\ }\ #options ul {\ padding: 0;\ }\ #options article li {\ margin: 10px 0 10px 2em;\ }\ #options code {\ background: hsla(0, 0%, 100%, .5);\ color: #000;\ padding: 0 1px;\ }\ #options label {\ text-decoration: underline;\ }\ #content {\ height: 450px;\ overflow: auto;\ }\ #content textarea {\ font-family: monospace;\ min-height: 350px;\ resize: vertical;\ width: 100%;\ }\ \ #updater {\ text-align: right;\ }\ #updater:not(:hover) {\ border: none;\ background: transparent;\ }\ .new {\ background: lime;\ }\ \ #watcher {\ padding-bottom: 5px;\ position: absolute;\ overflow: hidden;\ white-space: nowrap;\ }\ #watcher:not(:hover) {\ max-height: 220px;\ }\ #watcher > div {\ max-width: 200px;\ overflow: hidden;\ padding-left: 5px;\ padding-right: 5px;\ text-overflow: ellipsis;\ }\ #watcher > .move {\ padding-top: 5px;\ text-decoration: underline;\ }\ \ #qp {\ padding: 2px 2px 5px;\ }\ #qp .post {\ border: none;\ margin: 0;\ padding: 0;\ }\ #qp img {\ max-height: 300px;\ max-width: 500px;\ }\ .qphl {\ outline: 2px solid rgba(216, 94, 49, .7);\ }\ .inlined {\ opacity: .5;\ }\ .inline {\ background-color: rgba(255, 255, 255, 0.15);\ border: 1px solid rgba(128, 128, 128, 0.5);\ display: table;\ margin: 2px;\ padding: 2px;\ }\ .inline .post {\ background: none;\ border: none;\ margin: 0;\ padding: 0;\ }\ div.opContainer {\ display: block !important;\ }\ .opContainer.filter_highlight {\ box-shadow: inset 5px 0 rgba(255,0,0,0.5);\ }\ .filter_highlight > .reply {\ box-shadow: -5px 0 rgba(255,0,0,0.5);\ }\ .filtered {\ text-decoration: underline line-through;\ }\ .quotelink.forwardlink,\ .backlink.forwardlink {\ text-decoration: none;\ border-bottom: 1px dashed;\ }\ ' }; Main.init(); }).call(this);