2798 lines
97 KiB
JavaScript
2798 lines
97 KiB
JavaScript
// ==UserScript==
|
|
// @name 4chan X alpha
|
|
// @version 3.0.0
|
|
// @description Adds various features.
|
|
// @copyright 2009-2011 James Campos <james.r.campos@gmail.com>
|
|
// @copyright 2012 Nicolas Stepien <stepien.nicolas@gmail.com>
|
|
// @license MIT; http://en.wikipedia.org/wiki/Mit_license
|
|
// @match *://boards.4chan.org/*
|
|
// @match *://images.4chan.org/*
|
|
// @match *://sys.4chan.org/*
|
|
// @match *://api.4chan.org/*
|
|
// @match *://*.foolz.us/api/*
|
|
// @grant GM_getValue
|
|
// @grant GM_setValue
|
|
// @grant GM_deleteValue
|
|
// @grant GM_openInTab
|
|
// @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 data:image/gif;base64,R0lGODlhEAAQAKECAAAAAGbMM////////yH5BAEKAAIALAAAAAAQABAAAAIxlI+pq+D9DAgUoFkPDlbs7lGiI2bSVnKglnJMOL6omczxVZK3dH/41AG6Lh7i6qUoAAA7
|
|
// ==/UserScript==
|
|
|
|
/* LICENSE
|
|
*
|
|
* Copyright (c) 2009-2011 James Campos <james.r.campos@gmail.com>
|
|
* Copyright (c) 2012 Nicolas Stepien <stepien.nicolas@gmail.com>
|
|
* http://mayhemydg.github.com/4chan-x/
|
|
* 4chan X 3.0.0
|
|
*
|
|
* 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 $, $$, AutoGIF, Board, Build, Clone, Conf, Config, FileInfo, Get, ImageHover, Main, Post, QuoteBacklink, QuoteCT, QuoteInline, QuoteOP, QuotePreview, Quotify, Redirect, RevealSpoilers, Sauce, Thread, ThreadUpdater, Time, UI, d, g,
|
|
__hasProp = {}.hasOwnProperty,
|
|
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
|
|
|
|
Config = {
|
|
main: {
|
|
Enhancing: {
|
|
'Disable 4chan\'s extension': [true, 'Avoid conflicts between 4chan X and 4chan\'s inline extension.'],
|
|
'404 Redirect': [true, 'Redirect dead threads and images.'],
|
|
'Keybinds': [true, 'Bind actions to keyboard shortcuts.'],
|
|
'Time Formatting': [true, 'Localize and format timestamps arbitrarily.'],
|
|
'File Info Formatting': [true, 'Reformat the file information.'],
|
|
'Comment Expansion': [true, 'Can expand too long comments.'],
|
|
'Thread Expansion': [true, 'Can expand threads to view all replies.'],
|
|
'Index Navigation': [false, '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, 'Turn everyone 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.'],
|
|
'Stubs': [true, 'Make stubs of hidden threads / replies.']
|
|
},
|
|
Imaging: {
|
|
'Auto-GIF': [false, 'Animate GIF thumbnails.'],
|
|
'Image Expansion': [true, 'Expand images.'],
|
|
'Expand From Position': [true, 'Expand all images only from current position to thread end.'],
|
|
'Image Hover': [false, 'Show full image on mouseover.'],
|
|
'Sauce': [true, 'Add sauce links to images.'],
|
|
'Reveal Spoilers': [false, 'Reveal spoiler thumbnails.']
|
|
},
|
|
Menu: {
|
|
'Menu': [true, 'Add a drop-down menu in posts.'],
|
|
'Report Link': [true, 'Add a report link to the menu.'],
|
|
'Delete Link': [true, 'Add post and image deletion links 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, 'Fetch and insert new replies. Has more options in its own dialog.'],
|
|
'Unread Count': [true, 'Show the unread posts count in the tab title.'],
|
|
'Unread Favicon': [true, 'Show a different favicon when there are unread posts.'],
|
|
'Post in Title': [true, 'Show the thread\'s subject 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, 'WMD.'],
|
|
'Persistent QR': [false, 'The Quick reply won\'t disappear after posting.'],
|
|
'Auto Hide QR': [false, 'Automatically hide the quick reply when posting.'],
|
|
'Open Reply in New Tab': [false, 'Open replies posted from the board pages in a new tab.'],
|
|
'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 Inline': [true, 'Inline quoted post on click.'],
|
|
'Forward Hiding': [true, 'Hide original posts of inlined backlinks.'],
|
|
'Quote Preview': [true, 'Show quoted post on hover.'],
|
|
'Quote Highlighting': [true, 'Highlight the previewed post.'],
|
|
'Resurrect Quotes': [true, 'Linkify dead quotes to archives.'],
|
|
'Indicate OP Quotes': [true, 'Add \'(OP)\' to OP quotes.'],
|
|
'Indicate Cross-thread Quotes': [true, 'Add \'(Cross-thread)\' to cross-threads quotes.']
|
|
}
|
|
},
|
|
filter: {
|
|
name: ['# Filter any namefags:', '#/^(?!Anonymous$)/'].join('\n'),
|
|
uniqueid: ['# Filter a specific ID:', '#/Txhvk1Tl/'].join('\n'),
|
|
tripcode: ['# Filter any tripfags', '#/^!/'].join('\n'),
|
|
capcode: ['# 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'),
|
|
flag: [''].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=%turl', 'http://www.google.com/searchbyimage?image_url=%turl', '#http://tineye.com/search?url=%turl', '#http://saucenao.com/search.php?db=999&url=%turl', '#http://3d.iqdb.org/?url=%turl', '#http://regex.info/exif.cgi?imgurl=%url', '# uploaders:', '#http://imgur.com/upload?url=%url;text:Upload to imgur', '#http://omploader.org/upload?url1=%url;text:Upload to omploader', '# "View Same" in archives:', '#//archive.foolz.us/_/search/image/%md5/;text:View same on foolz', '#//archive.foolz.us/%board/search/image/%md5/;text:View same on foolz /%board/', '#//archive.installgentoo.net/%board/image/%md5;text:View same on installgentoo /%board/'].join('\n'),
|
|
time: '%m/%d/%y(%a)%H:%M:%S',
|
|
backlink: '>>%id',
|
|
fileInfo: '%l (%p%s, %r)',
|
|
favicon: 'ferongr',
|
|
hotkeys: {
|
|
'open QR': ['q', 'Open QR with post number inserted.'],
|
|
'open empty QR': ['Q', 'Open QR without post number inserted.'],
|
|
'open options': ['alt+o', 'Open Options.'],
|
|
'close': ['Esc', 'Close Options or QR.'],
|
|
'spoiler tags': ['ctrl+s', 'Insert spoiler tags.'],
|
|
'code tags': ['alt+c', 'Insert code tags.'],
|
|
'submit QR': ['alt+s', 'Submit post.'],
|
|
'watch': ['w', 'Watch thread.'],
|
|
'update': ['u', 'Update the thread now.'],
|
|
'read thread': ['r', 'Mark thread as read.'],
|
|
'expand image': ['E', 'Expand selected image.'],
|
|
'expand images': ['e', 'Expand all images.'],
|
|
'front page': ['0', 'Jump to page 0.'],
|
|
'next page': ['Right', 'Jump to the next page.'],
|
|
'previous page': ['Left', 'Jump to the previous page.'],
|
|
'next thread': ['Down', 'See next thread.'],
|
|
'previous thread': ['Up', 'See previous thread.'],
|
|
'expand thread': ['ctrl+e', 'Expand thread.'],
|
|
'open thread': ['o', 'Open thread in current tab.'],
|
|
'open thread tab': ['O', 'Open thread in new tab.'],
|
|
'next reply': ['j', 'Select next reply.'],
|
|
'previous reply': ['k', 'Select previous reply.'],
|
|
'hide': ['x', 'Hide thread.']
|
|
},
|
|
updater: {
|
|
checkbox: {
|
|
'Auto Scroll': [false, 'Scroll updated posts into view. Only enabled at bottom of page.'],
|
|
'Scroll BG': [false, 'Auto-scroll background tabs.'],
|
|
'Auto Update': [true, 'Automatically fetch new posts.']
|
|
},
|
|
'Interval': 30
|
|
},
|
|
imageFit: 'fit width'
|
|
};
|
|
|
|
if (!/^(boards|images|sys)\.4chan\.org$/.test(location.hostname)) {
|
|
return;
|
|
}
|
|
|
|
Conf = {};
|
|
|
|
d = document;
|
|
|
|
g = {
|
|
VERSION: '3.0.0',
|
|
NAMESPACE: '4chan_X.',
|
|
boards: {},
|
|
threads: {},
|
|
posts: {}
|
|
};
|
|
|
|
UI = (function() {
|
|
var dialog, drag, dragend, dragstart, hover, hoverend, hoverstart, touchend, touchmove;
|
|
dialog = function(id, position, html) {
|
|
var el, move;
|
|
el = d.createElement('div');
|
|
el.className = 'reply dialog';
|
|
el.innerHTML = html;
|
|
el.id = id;
|
|
el.style.cssText = localStorage.getItem("" + g.NAMESPACE + id + ".position") || position;
|
|
move = el.querySelector('.move');
|
|
move.addEventListener('touchstart', dragstart, false);
|
|
move.addEventListener('mousedown', dragstart, false);
|
|
return el;
|
|
};
|
|
dragstart = function(e) {
|
|
var el, isTouching, o, rect, screenHeight, screenWidth;
|
|
e.preventDefault();
|
|
el = this.parentNode;
|
|
if (isTouching = e.type === 'touchstart') {
|
|
e = e.changedTouches[e.changedTouches.length - 1];
|
|
}
|
|
rect = el.getBoundingClientRect();
|
|
screenHeight = d.documentElement.clientHeight;
|
|
screenWidth = d.documentElement.clientWidth;
|
|
o = {
|
|
id: el.id,
|
|
style: el.style,
|
|
dx: e.clientX - rect.left,
|
|
dy: e.clientY - rect.top,
|
|
height: screenHeight - rect.height,
|
|
width: screenWidth - rect.width,
|
|
screenHeight: screenHeight,
|
|
screenWidth: screenWidth,
|
|
isTouching: isTouching
|
|
};
|
|
if (isTouching) {
|
|
o.identifier = e.identifier;
|
|
o.move = touchmove.bind(o);
|
|
o.up = touchend.bind(o);
|
|
d.addEventListener('touchmove', o.move, false);
|
|
d.addEventListener('touchend', o.up, false);
|
|
return d.addEventListener('touchcancel', o.up, false);
|
|
} else {
|
|
o.move = drag.bind(o);
|
|
o.up = dragend.bind(o);
|
|
d.addEventListener('mousemove', o.move, false);
|
|
return d.addEventListener('mouseup', o.up, false);
|
|
}
|
|
};
|
|
touchmove = function(e) {
|
|
var touch, _i, _len, _ref;
|
|
_ref = e.changedTouches;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
touch = _ref[_i];
|
|
if (touch.identifier === this.identifier) {
|
|
drag.call(this, touch);
|
|
return;
|
|
}
|
|
}
|
|
};
|
|
drag = function(e) {
|
|
var left, top;
|
|
left = e.clientX - this.dx;
|
|
top = e.clientY - this.dy;
|
|
if (left < 10) {
|
|
left = 0;
|
|
} else if (this.width - left < 10) {
|
|
left = null;
|
|
}
|
|
if (top < 10) {
|
|
top = 0;
|
|
} else if (this.height - top < 10) {
|
|
top = null;
|
|
}
|
|
if (left === null) {
|
|
this.style.left = null;
|
|
this.style.right = '0%';
|
|
} else {
|
|
this.style.left = left / this.screenWidth * 100 + '%';
|
|
this.style.right = null;
|
|
}
|
|
if (top === null) {
|
|
this.style.top = null;
|
|
return this.style.bottom = '0%';
|
|
} else {
|
|
this.style.top = top / this.screenHeight * 100 + '%';
|
|
return this.style.bottom = null;
|
|
}
|
|
};
|
|
touchend = function(e) {
|
|
var touch, _i, _len, _ref;
|
|
_ref = e.changedTouches;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
touch = _ref[_i];
|
|
if (touch.identifier === this.identifier) {
|
|
dragend.call(this);
|
|
return;
|
|
}
|
|
}
|
|
};
|
|
dragend = function() {
|
|
if (this.isTouching) {
|
|
d.removeEventListener('touchmove', this.move, false);
|
|
d.removeEventListener('touchend', this.up, false);
|
|
d.removeEventListener('touchcancel', this.up, false);
|
|
} else {
|
|
d.removeEventListener('mousemove', this.move, false);
|
|
d.removeEventListener('mouseup', this.up, false);
|
|
}
|
|
return localStorage.setItem("" + g.NAMESPACE + this.id + ".position", this.style.cssText);
|
|
};
|
|
hoverstart = function(root, el, events, cb) {
|
|
var event, o, _i, _len, _ref;
|
|
o = {
|
|
root: root,
|
|
el: el,
|
|
style: el.style,
|
|
cb: cb,
|
|
events: events.split(' '),
|
|
clientHeight: d.documentElement.clientHeight,
|
|
clientWidth: d.documentElement.clientWidth
|
|
};
|
|
o.hover = hover.bind(o);
|
|
o.hoverend = hoverend.bind(o);
|
|
_ref = o.events;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
event = _ref[_i];
|
|
root.addEventListener(event, o.hoverend, false);
|
|
}
|
|
return root.addEventListener('mousemove', o.hover, false);
|
|
};
|
|
hover = function(e) {
|
|
var clientX, height, top;
|
|
height = this.el.offsetHeight;
|
|
top = e.clientY - height / 2;
|
|
this.style.top = this.clientHeight <= height || top <= 0 ? '0px' : top + height >= this.clientHeight ? this.clientHeight - height + 'px' : top + 'px';
|
|
clientX = e.clientX;
|
|
if (clientX <= this.clientWidth - 400) {
|
|
this.style.left = clientX + 45 + 'px';
|
|
return this.style.right = null;
|
|
} else {
|
|
this.style.left = null;
|
|
return this.style.right = this.clientWidth - clientX + 45 + 'px';
|
|
}
|
|
};
|
|
hoverend = function() {
|
|
var event, _i, _len, _ref;
|
|
this.el.parentNode.removeChild(this.el);
|
|
_ref = this.events;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
event = _ref[_i];
|
|
this.root.removeEventListener(event, this.hoverend, false);
|
|
}
|
|
this.root.removeEventListener('mousemove', this.hover, false);
|
|
if (this.cb) {
|
|
return this.cb.call(this);
|
|
}
|
|
};
|
|
return {
|
|
dialog: dialog,
|
|
hover: hoverstart
|
|
};
|
|
})();
|
|
|
|
/*
|
|
loosely follows the jquery api:
|
|
http://api.jquery.com/
|
|
not chainable
|
|
*/
|
|
|
|
|
|
$ = function(selector, root) {
|
|
if (root == null) {
|
|
root = d.body;
|
|
}
|
|
return root.querySelector(selector);
|
|
};
|
|
|
|
$$ = function(selector, root) {
|
|
if (root == null) {
|
|
root = d.body;
|
|
}
|
|
return Array.prototype.slice.call(root.querySelectorAll(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: console.log.bind(console),
|
|
engine: /WebKit|Presto|Gecko/.exec(navigator.userAgent)[0].toLowerCase(),
|
|
id: function(id) {
|
|
return d.getElementById(id);
|
|
},
|
|
ready: function(fc) {
|
|
var cb;
|
|
if (/interactive|complete/.test(d.readyState)) {
|
|
$.queueTask(fc);
|
|
return;
|
|
}
|
|
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 === ("" + g.NAMESPACE + key)) {
|
|
return cb(JSON.parse(e.newValue));
|
|
}
|
|
});
|
|
},
|
|
formData: function(form) {
|
|
var fd, key, val;
|
|
if (form instanceof HTMLFormElement) {
|
|
return new FormData(form);
|
|
}
|
|
fd = new FormData();
|
|
for (key in form) {
|
|
val = form[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.withCredentials = type === 'post';
|
|
r.send(form);
|
|
return r;
|
|
},
|
|
cache: (function() {
|
|
var reqs;
|
|
reqs = {};
|
|
return function(url, cb) {
|
|
var req;
|
|
if (req = reqs[url]) {
|
|
if (req.readyState === 4) {
|
|
cb.call(req);
|
|
} else {
|
|
req.callbacks.push(cb);
|
|
}
|
|
return;
|
|
}
|
|
req = $.ajax(url, {
|
|
onload: function() {
|
|
var _i, _len, _ref;
|
|
_ref = this.callbacks;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
cb = _ref[_i];
|
|
cb.call(this);
|
|
}
|
|
return delete this.callbacks;
|
|
},
|
|
onabort: function() {
|
|
return delete reqs[url];
|
|
},
|
|
onerror: function() {
|
|
return delete reqs[url];
|
|
}
|
|
});
|
|
req.callbacks = [cb];
|
|
return reqs[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 f, style;
|
|
style = $.el('style', {
|
|
textContent: css
|
|
});
|
|
f = function() {
|
|
var root;
|
|
if (root = d.head || d.documentElement) {
|
|
return $.add(root, style);
|
|
} else {
|
|
return setTimeout(f, 20);
|
|
}
|
|
};
|
|
f();
|
|
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);
|
|
},
|
|
hasClass: function(el, className) {
|
|
return el.classList.contains(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 Array)) {
|
|
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, el) {
|
|
return parent.appendChild($.nodes(el));
|
|
},
|
|
prepend: function(parent, el) {
|
|
return parent.insertBefore($.nodes(el), 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)(url, '_blank');
|
|
},
|
|
queueTask: (function() {
|
|
var execTask, taskChannel, taskQueue;
|
|
taskQueue = [];
|
|
execTask = function() {
|
|
var args, func, task;
|
|
task = taskQueue.shift();
|
|
func = task[0];
|
|
args = Array.prototype.slice.call(task, 1);
|
|
return func.apply(func, args);
|
|
};
|
|
if (window.MessageChannel) {
|
|
taskChannel = new MessageChannel();
|
|
taskChannel.port1.onmessage = execTask;
|
|
return function() {
|
|
taskQueue.push(arguments);
|
|
return taskChannel.port2.postMessage(null);
|
|
};
|
|
} else {
|
|
return function() {
|
|
taskQueue.push(arguments);
|
|
return setTimeout(execTask, 0);
|
|
};
|
|
}
|
|
})(),
|
|
globalEval: function(code) {
|
|
var script;
|
|
script = $.el('script', {
|
|
textContent: code
|
|
});
|
|
$.add(d.head, script);
|
|
return $.rm(script);
|
|
},
|
|
unsafeWindow: window.opera ? window : unsafeWindow !== window ? unsafeWindow : (function() {
|
|
var p;
|
|
p = d.createElement('p');
|
|
p.setAttribute('onclick', 'return window');
|
|
return p.onclick();
|
|
})(),
|
|
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];
|
|
}
|
|
});
|
|
|
|
$.extend($, typeof GM_deleteValue !== "undefined" && GM_deleteValue !== null ? {
|
|
"delete": function(name) {
|
|
return GM_deleteValue(g.NAMESPACE + name);
|
|
},
|
|
get: function(name, defaultValue) {
|
|
var value;
|
|
if (value = GM_getValue(g.NAMESPACE + name)) {
|
|
return JSON.parse(value);
|
|
} else {
|
|
return defaultValue;
|
|
}
|
|
},
|
|
set: function(name, value) {
|
|
name = g.NAMESPACE + name;
|
|
value = JSON.stringify(value);
|
|
localStorage.setItem(name, value);
|
|
return GM_setValue(name, value);
|
|
}
|
|
} : window.opera ? {
|
|
"delete": function(name) {
|
|
return delete opera.scriptStorage[g.NAMESPACE + name];
|
|
},
|
|
get: function(name, defaultValue) {
|
|
var value;
|
|
if (value = opera.scriptStorage[g.NAMESPACE + name]) {
|
|
return JSON.parse(value);
|
|
} else {
|
|
return defaultValue;
|
|
}
|
|
},
|
|
set: function(name, value) {
|
|
name = g.NAMESPACE + name;
|
|
value = JSON.stringify(value);
|
|
localStorage.setItem(name, value);
|
|
return opera.scriptStorage[name] = value;
|
|
}
|
|
} : {
|
|
"delete": function(name) {
|
|
return localStorage.removeItem(g.NAMESPACE + name);
|
|
},
|
|
get: function(name, defaultValue) {
|
|
var value;
|
|
if (value = localStorage.getItem(g.NAMESPACE + name)) {
|
|
return JSON.parse(value);
|
|
} else {
|
|
return defaultValue;
|
|
}
|
|
},
|
|
set: function(name, value) {
|
|
return localStorage.setItem(g.NAMESPACE + name, JSON.stringify(value));
|
|
}
|
|
});
|
|
|
|
Board = (function() {
|
|
|
|
Board.prototype.toString = function() {
|
|
return this.ID;
|
|
};
|
|
|
|
function Board(ID) {
|
|
this.ID = ID;
|
|
this.threads = {};
|
|
this.posts = {};
|
|
g.boards[this] = this;
|
|
}
|
|
|
|
return Board;
|
|
|
|
})();
|
|
|
|
Thread = (function() {
|
|
|
|
Thread.prototype.callbacks = [];
|
|
|
|
Thread.prototype.toString = function() {
|
|
return this.ID;
|
|
};
|
|
|
|
function Thread(ID, board) {
|
|
this.board = board;
|
|
this.ID = +ID;
|
|
this.posts = {};
|
|
g.threads["" + board + "." + this] = board.threads[this] = this;
|
|
}
|
|
|
|
return Thread;
|
|
|
|
})();
|
|
|
|
Post = (function() {
|
|
|
|
Post.prototype.callbacks = [];
|
|
|
|
Post.prototype.toString = function() {
|
|
return this.ID;
|
|
};
|
|
|
|
function Post(root, thread, board, that) {
|
|
var alt, anchor, bq, capcode, data, date, email, file, flag, i, info, name, node, nodes, post, quotelink, quotes, size, subject, text, thumb, tripcode, uniqueID, unit, _i, _j, _k, _len, _len1, _ref, _ref1, _ref2;
|
|
this.thread = thread;
|
|
this.board = board;
|
|
if (that == null) {
|
|
that = {};
|
|
}
|
|
this.ID = +root.id.slice(2);
|
|
post = $('.post', root);
|
|
info = $('.postInfo', post);
|
|
this.nodes = {
|
|
root: root,
|
|
post: post,
|
|
info: info,
|
|
comment: $('.postMessage', post),
|
|
quotelinks: [],
|
|
backlinks: info.getElementsByClassName('backlink')
|
|
};
|
|
this.info = {};
|
|
if (subject = $('.subject', info)) {
|
|
this.nodes.subject = subject;
|
|
this.info.subject = subject.textContent;
|
|
}
|
|
if (name = $('.name', info)) {
|
|
this.nodes.name = name;
|
|
this.info.name = name.textContent;
|
|
}
|
|
if (email = $('.useremail', info)) {
|
|
this.nodes.email = email;
|
|
this.info.email = decodeURIComponent(email.href.slice(7));
|
|
}
|
|
if (tripcode = $('.postertrip', info)) {
|
|
this.nodes.tripcode = tripcode;
|
|
this.info.tripcode = tripcode.textContent;
|
|
}
|
|
if (uniqueID = $('.posteruid', info)) {
|
|
this.nodes.uniqueID = uniqueID;
|
|
this.info.uniqueID = uniqueID.textContent;
|
|
}
|
|
if (capcode = $('.capcode', info)) {
|
|
this.nodes.capcode = capcode;
|
|
this.info.capcode = capcode.textContent;
|
|
}
|
|
if (flag = $('.countryFlag', info)) {
|
|
this.nodes.flag = flag;
|
|
this.info.flag = flag.title;
|
|
}
|
|
if (date = $('.dateTime', info)) {
|
|
this.nodes.date = date;
|
|
this.info.date = new Date(date.dataset.utc * 1000);
|
|
}
|
|
bq = this.nodes.comment.cloneNode(true);
|
|
_ref = $$('.abbr, .capcodeReplies, .exif, b', bq);
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
node = _ref[_i];
|
|
$.rm(node);
|
|
}
|
|
text = [];
|
|
nodes = d.evaluate('.//br|.//text()', bq, null, 7, null);
|
|
for (i = _j = 0, _ref1 = nodes.snapshotLength; 0 <= _ref1 ? _j < _ref1 : _j > _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
|
|
text.push((data = nodes.snapshotItem(i).data) ? data : '\n');
|
|
}
|
|
this.info.comment = text.join('').replace(/^\n+|\n+$| +(?=\n|$)/g, '');
|
|
quotes = {};
|
|
_ref2 = $$('.quotelink', this.nodes.comment);
|
|
for (_k = 0, _len1 = _ref2.length; _k < _len1; _k++) {
|
|
quotelink = _ref2[_k];
|
|
if (quotelink.hash) {
|
|
this.nodes.quotelinks.push(quotelink);
|
|
if (quotelink.parentNode.parentNode.className === 'capcodeReplies') {
|
|
continue;
|
|
}
|
|
quotes["" + (quotelink.pathname.split('/')[1]) + "." + quotelink.hash.slice(2)] = true;
|
|
}
|
|
}
|
|
this.quotes = Object.keys(quotes);
|
|
if ((file = $('.file', post)) && (thumb = $('img[data-md5]', file))) {
|
|
alt = thumb.alt;
|
|
anchor = thumb.parentNode;
|
|
this.file = {
|
|
info: $('.fileInfo', file),
|
|
text: $('.fileText', file),
|
|
thumb: thumb,
|
|
URL: anchor.href,
|
|
MD5: thumb.dataset.md5,
|
|
isSpoiler: $.hasClass(anchor, 'imgspoiler')
|
|
};
|
|
size = +alt.match(/\d+(\.\d+)?/)[0];
|
|
unit = ['B', 'KB', 'MB', 'GB'].indexOf(alt.match(/\w+$/)[0]);
|
|
while (unit--) {
|
|
size *= 1024;
|
|
}
|
|
this.file.size = size;
|
|
this.file.thumbURL = that.isArchived ? thumb.src : "" + location.protocol + "//thumbs.4chan.org/" + board + "/thumb/" + (this.file.URL.match(/(\d+)\./)[1]) + "s.jpg";
|
|
this.file.name = $('span[title]', this.file.info).title.replace(/%22/g, '"');
|
|
if (this.file.isImage = /(jpg|png|gif)$/i.test(this.file.name)) {
|
|
this.file.dimensions = this.file.text.textContent.match(/\d+x\d+/)[0];
|
|
}
|
|
}
|
|
this.isReply = $.hasClass(post, 'reply');
|
|
this.clones = [];
|
|
g.posts["" + board + "." + this] = thread.posts[this] = board.posts[this] = this;
|
|
if (that.isArchived) {
|
|
this.kill();
|
|
}
|
|
}
|
|
|
|
Post.prototype.kill = function(img) {
|
|
var ID, board, num, post, postID, quote, quotelink, quotelinks, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3, _ref4;
|
|
if (this.file && !this.file.isDead) {
|
|
this.file.isDead = true;
|
|
}
|
|
if (img) {
|
|
return;
|
|
}
|
|
this.isDead = true;
|
|
$.addClass(this.nodes.root, 'dead');
|
|
quotelinks = [];
|
|
num = "" + this.board + "." + this;
|
|
_ref = g.posts;
|
|
for (ID in _ref) {
|
|
post = _ref[ID];
|
|
if (-1 < post.quotes.indexOf(num)) {
|
|
_ref1 = [post].concat(post.clones);
|
|
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
|
|
post = _ref1[_i];
|
|
quotelinks.push.apply(quotelinks, post.nodes.quotelinks);
|
|
}
|
|
}
|
|
}
|
|
if (Conf['Quote Backlinks']) {
|
|
_ref2 = this.quotes;
|
|
for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
|
|
quote = _ref2[_j];
|
|
post = g.posts[quote];
|
|
_ref3 = [post].concat(post.clones);
|
|
for (_k = 0, _len2 = _ref3.length; _k < _len2; _k++) {
|
|
post = _ref3[_k];
|
|
quotelinks.push.apply(quotelinks, Array.prototype.slice.call(post.nodes.backlinks));
|
|
}
|
|
}
|
|
}
|
|
for (_l = 0, _len3 = quotelinks.length; _l < _len3; _l++) {
|
|
quotelink = quotelinks[_l];
|
|
if ($.hasClass(quotelink, 'deadlink')) {
|
|
continue;
|
|
}
|
|
_ref4 = Get.postDataFromLink(quotelink), board = _ref4.board, postID = _ref4.postID;
|
|
if (board === this.board.ID(postID === this.ID)) {
|
|
$.add(quotelink, $.tn('\u00A0(Dead)'));
|
|
$.addClass(quotelinks, 'deadlink');
|
|
}
|
|
}
|
|
};
|
|
|
|
Post.prototype.addClone = function(context) {
|
|
return new Clone(this, context);
|
|
};
|
|
|
|
Post.prototype.rmClone = function(index) {
|
|
var i, _i, _ref;
|
|
this.clones.splice(index, 1);
|
|
for (i = _i = index, _ref = this.clones.length; index <= _ref ? _i < _ref : _i > _ref; i = index <= _ref ? ++_i : --_i) {
|
|
this.clones[i].nodes.root.setAttribute('data-clone', i);
|
|
}
|
|
};
|
|
|
|
return Post;
|
|
|
|
})();
|
|
|
|
Clone = (function(_super) {
|
|
|
|
__extends(Clone, _super);
|
|
|
|
function Clone(origin, context) {
|
|
var file, index, info, inline, inlined, key, nodes, post, quotelink, root, val, _i, _j, _k, _l, _len, _len1, _len2, _len3, _ref, _ref1, _ref2, _ref3, _ref4;
|
|
this.origin = origin;
|
|
this.context = context;
|
|
_ref = ['ID', 'board', 'thread', 'info', 'quotes', 'isReply'];
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
key = _ref[_i];
|
|
this[key] = origin[key];
|
|
}
|
|
nodes = origin.nodes;
|
|
root = nodes.root.cloneNode(true);
|
|
post = $('.post', root);
|
|
info = $('.postInfo', post);
|
|
this.nodes = {
|
|
root: root,
|
|
post: post,
|
|
info: info,
|
|
comment: $('.postMessage', post),
|
|
quotelinks: [],
|
|
backlinks: info.getElementsByClassName('backlink')
|
|
};
|
|
_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');
|
|
}
|
|
$.rmClass(root, 'forwarded');
|
|
if (nodes.subject) {
|
|
this.nodes.subject = $('.subject', info);
|
|
}
|
|
if (nodes.name) {
|
|
this.nodes.name = $('.name', info);
|
|
}
|
|
if (nodes.email) {
|
|
this.nodes.email = $('.useremail', info);
|
|
}
|
|
if (nodes.tripcode) {
|
|
this.nodes.tripcode = $('.postertrip', info);
|
|
}
|
|
if (nodes.uniqueID) {
|
|
this.nodes.uniqueID = $('.posteruid', info);
|
|
}
|
|
if (nodes.capcode) {
|
|
this.nodes.capcode = $('.capcode', info);
|
|
}
|
|
if (nodes.flag) {
|
|
this.nodes.flag = $('.countryFlag', info);
|
|
}
|
|
if (nodes.date) {
|
|
this.nodes.date = $('.dateTime', info);
|
|
}
|
|
_ref3 = $$('.quotelink', this.nodes.comment);
|
|
for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
|
|
quotelink = _ref3[_l];
|
|
if (quotelink.hash || $.hasClass(quotelink, 'deadlink')) {
|
|
this.nodes.quotelinks.push(quotelink);
|
|
}
|
|
}
|
|
if (origin.file) {
|
|
this.file = {};
|
|
_ref4 = origin.file;
|
|
for (key in _ref4) {
|
|
val = _ref4[key];
|
|
this.file[key] = val;
|
|
}
|
|
file = $('.file', post);
|
|
this.file.info = $('.fileInfo', file);
|
|
this.file.text = $('.fileText', file);
|
|
this.file.thumb = $('img[data-md5]', file);
|
|
}
|
|
if (origin.isDead) {
|
|
this.isDead = true;
|
|
}
|
|
this.isClone = true;
|
|
index = origin.clones.push(this) - 1;
|
|
root.setAttribute('data-clone', index);
|
|
}
|
|
|
|
return Clone;
|
|
|
|
})(Post);
|
|
|
|
Main = {
|
|
init: function() {
|
|
var flatten, key, pathname, val;
|
|
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];
|
|
flatten(key, val);
|
|
}
|
|
} else {
|
|
Conf[parent] = obj;
|
|
}
|
|
};
|
|
flatten(null, Config);
|
|
for (key in Conf) {
|
|
val = Conf[key];
|
|
Conf[key] = $.get(key, val);
|
|
}
|
|
pathname = location.pathname.split('/');
|
|
g.BOARD = new Board(pathname[1]);
|
|
if (g.REPLY = pathname[2] === 'res') {
|
|
g.THREAD = +pathname[3];
|
|
}
|
|
switch (location.hostname) {
|
|
case 'boards.4chan.org':
|
|
Main.initHeader();
|
|
return Main.initFeatures();
|
|
case 'sys.4chan.org':
|
|
break;
|
|
case 'images.4chan.org':
|
|
$.ready(function() {
|
|
var path, url;
|
|
if (Conf['404 Redirect'] && d.title === '4chan - 404 Not Found') {
|
|
path = location.pathname.split('/');
|
|
url = Redirect.image(path[1], path[3]);
|
|
if (url) {
|
|
return location.href = url;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
initHeader: function() {
|
|
$.addStyle(Main.css);
|
|
Main.header = $.el('div', {
|
|
className: 'reply',
|
|
innerHTML: '<div class=extra></div>'
|
|
});
|
|
return $.ready(Main.initHeaderReady);
|
|
},
|
|
initHeaderReady: function() {
|
|
var header, nav, settings, _ref, _ref1, _ref2;
|
|
header = Main.header;
|
|
$.prepend(d.body, header);
|
|
if (nav = $.id('boardNavDesktop')) {
|
|
header.id = nav.id;
|
|
$.prepend(header, nav);
|
|
nav.id = nav.className = null;
|
|
nav.lastElementChild.hidden = true;
|
|
settings = $.el('span', {
|
|
id: 'settings',
|
|
innerHTML: '[<a href=javascript:;>Settings</a>]'
|
|
});
|
|
$.on(settings.firstElementChild, 'click', Main.settings);
|
|
$.add(nav, settings);
|
|
if ((_ref = $("a[href$='/" + g.BOARD + "/']", nav)) != null) {
|
|
_ref.className = 'current';
|
|
}
|
|
}
|
|
$.addClass(d.body, $.engine);
|
|
$.addClass(d.body, 'fourchan_x');
|
|
if ((_ref1 = $('link[href*=mobile]', d.head)) != null) {
|
|
_ref1.disabled = true;
|
|
}
|
|
return (_ref2 = $.id('boardNavDesktopFoot')) != null ? _ref2.hidden = true : void 0;
|
|
},
|
|
initFeatures: function() {
|
|
var settings;
|
|
if (Conf['Disable 4chan\'s extension']) {
|
|
settings = JSON.parse(localStorage.getItem('4chan-settings')) || {};
|
|
settings.disableAll = true;
|
|
localStorage.setItem('4chan-settings', JSON.stringify(settings));
|
|
}
|
|
if (Conf['Resurrect Quotes']) {
|
|
try {
|
|
Quotify.init();
|
|
} catch (err) {
|
|
$.log(err, 'Resurrect Quotes');
|
|
}
|
|
}
|
|
if (Conf['Quote Inline']) {
|
|
try {
|
|
QuoteInline.init();
|
|
} catch (err) {
|
|
$.log(err, 'Quote Inline');
|
|
}
|
|
}
|
|
if (Conf['Quote Preview']) {
|
|
try {
|
|
QuotePreview.init();
|
|
} catch (err) {
|
|
$.log(err, 'Quote Preview');
|
|
}
|
|
}
|
|
if (Conf['Quote Backlinks']) {
|
|
try {
|
|
QuoteBacklink.init();
|
|
} catch (err) {
|
|
$.log(err, 'Quote Backlinks');
|
|
}
|
|
}
|
|
if (Conf['Indicate OP Quotes']) {
|
|
try {
|
|
QuoteOP.init();
|
|
} catch (err) {
|
|
$.log(err, 'Indicate OP Quotes');
|
|
}
|
|
}
|
|
if (Conf['Indicate Cross-thread Quotes']) {
|
|
try {
|
|
QuoteCT.init();
|
|
} catch (err) {
|
|
$.log(err, 'Indicate Cross-thread Quotes');
|
|
}
|
|
}
|
|
if (Conf['Time Formatting']) {
|
|
try {
|
|
Time.init();
|
|
} catch (err) {
|
|
$.log(err, 'Time Formatting');
|
|
}
|
|
}
|
|
if (Conf['File Info Formatting']) {
|
|
try {
|
|
FileInfo.init();
|
|
} catch (err) {
|
|
$.log(err, 'File Info Formatting');
|
|
}
|
|
}
|
|
if (Conf['Sauce']) {
|
|
try {
|
|
Sauce.init();
|
|
} catch (err) {
|
|
$.log(err, 'Sauce');
|
|
}
|
|
}
|
|
if (Conf['Reveal Spoilers']) {
|
|
try {
|
|
RevealSpoilers.init();
|
|
} catch (err) {
|
|
$.log(err, 'Reveal Spoilers');
|
|
}
|
|
}
|
|
if (Conf['Auto-GIF']) {
|
|
try {
|
|
AutoGIF.init();
|
|
} catch (err) {
|
|
$.log(err, 'Auto-GIF');
|
|
}
|
|
}
|
|
if (Conf['Image Hover']) {
|
|
try {
|
|
ImageHover.init();
|
|
} catch (err) {
|
|
$.log(err, 'Image Hover');
|
|
}
|
|
}
|
|
if (Conf['Thread Updater']) {
|
|
try {
|
|
ThreadUpdater.init();
|
|
} catch (err) {
|
|
$.log(err, 'Thread Updater');
|
|
}
|
|
}
|
|
return $.ready(Main.initFeaturesReady);
|
|
},
|
|
initFeaturesReady: function() {
|
|
var boardChild, posts, thread, threadChild, threads, _i, _j, _len, _len1, _ref, _ref1;
|
|
if (d.title === '4chan - 404 Not Found') {
|
|
if (Conf['404 Redirect'] && g.REPLY) {
|
|
location.href = Redirect.thread(g.BOARD, g.THREAD, location.hash);
|
|
}
|
|
return;
|
|
}
|
|
if (!$.id('navtopright')) {
|
|
return;
|
|
}
|
|
threads = [];
|
|
posts = [];
|
|
_ref = $('.board').children;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
boardChild = _ref[_i];
|
|
if (!$.hasClass(boardChild, 'thread')) {
|
|
continue;
|
|
}
|
|
thread = new Thread(boardChild.id.slice(1), g.BOARD);
|
|
threads.push(thread);
|
|
_ref1 = boardChild.children;
|
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
|
threadChild = _ref1[_j];
|
|
if (!$.hasClass(threadChild, 'postContainer')) {
|
|
continue;
|
|
}
|
|
try {
|
|
posts.push(new Post(threadChild, thread, g.BOARD));
|
|
} catch (err) {
|
|
$.log(threadChild, err);
|
|
}
|
|
}
|
|
}
|
|
Main.callbackNodes(Thread, threads, true);
|
|
return Main.callbackNodes(Post, posts, true);
|
|
},
|
|
callbackNodes: function(klass, nodes, notify) {
|
|
var callback, i, len, _i, _j, _len, _ref;
|
|
len = nodes.length;
|
|
_ref = klass.prototype.callbacks;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
callback = _ref[_i];
|
|
try {
|
|
for (i = _j = 0; 0 <= len ? _j < len : _j > len; i = 0 <= len ? ++_j : --_j) {
|
|
callback.cb.call(nodes[i]);
|
|
}
|
|
} catch (err) {
|
|
$.log(callback.name, 'crashed. error:', err.message, nodes[i], err);
|
|
}
|
|
}
|
|
},
|
|
settings: function() {
|
|
return alert('Here be settings');
|
|
},
|
|
css: "/* general */\n.dialog.reply {\n display: block;\n border: 1px solid rgba(0, 0, 0, .25);\n padding: 0;\n}\n.move {\n cursor: move;\n}\nlabel {\n cursor: pointer;\n}\na[href=\"javascript:;\"] {\n text-decoration: none;\n}\n.warning {\n color: red;\n}\n\n/* 4chan style fixes */\n.opContainer, .op {\n display: block !important;\n}\n.post {\n overflow: visible !important;\n}\n\n/* fixed, z-index */\n#qp, #ihover,\n#updater, #stats,\n#boardNavDesktop.reply,\n#qr, #watcher {\n position: fixed;\n}\n#qp, #ihover {\n z-index: 100;\n}\n#updater, #stats {\n z-index: 90;\n}\n#boardNavDesktop.reply:hover {\n z-index: 80;\n}\n#qr {\n z-index: 50;\n}\n#watcher {\n z-index: 30;\n}\n#boardNavDesktop.reply {\n z-index: 10;\n}\n\n\n/* header */\nbody.fourchan_x {\n margin-top: 2.5em;\n}\n#boardNavDesktop.reply {\n border-width: 0 0 1px;\n padding: 4px;\n top: 0;\n right: 0;\n left: 0;\n transition: opacity .1s ease-in-out;\n -o-transition: opacity .1s ease-in-out;\n -moz-transition: opacity .1s ease-in-out;\n -webkit-transition: opacity .1s ease-in-out;\n}\n#boardNavDesktop.reply:not(:hover) {\n opacity: .4;\n transition: opacity 1.5s .5s ease-in-out;\n -o-transition: opacity 1.5s .5s ease-in-out;\n -moz-transition: opacity 1.5s .5s ease-in-out;\n -webkit-transition: opacity 1.5s .5s ease-in-out;\n}\n#boardNavDesktop.reply a {\n margin: -1px;\n}\n#settings {\n float: right;\n}\n\n/* thread updater */\n#updater {\n text-align: right;\n}\n#updater:not(:hover) {\n background: none;\n border: none;\n}\n#updater input[type=number] {\n width: 4em;\n}\n#updater:not(:hover) > div:not(.move) {\n display: none;\n}\n.new {\n color: limegreen;\n}\n\n/* quote */\n.quotelink.deadlink {\n text-decoration: underline !important;\n}\n.deadlink:not(.quotelink) {\n text-decoration: none !important;\n}\n.inlined {\n opacity: .5;\n}\n#qp input, .forwarded {\n display: none;\n}\n.quotelink.forwardlink,\n.backlink.forwardlink {\n text-decoration: none;\n border-bottom: 1px dashed;\n}\n.inline {\n border: 1px solid rgba(128, 128, 128, .5);\n display: table;\n margin: 2px 0;\n}\n.inline .post {\n border: 0 !important;\n display: table !important;\n margin: 0 !important;\n padding: 1px 2px !important;\n}\n#qp {\n padding: 2px 2px 5px;\n}\n#qp .post {\n border: none;\n margin: 0;\n padding: 0;\n}\n#qp img {\n max-height: 300px;\n max-width: 500px;\n}\n.qphl {\n box-shadow: 0 0 0 2px rgba(216, 94, 49, .7);\n}\n\n/* file */\n.fileText:hover .fntrunc,\n.fileText:not(:hover) .fnfull {\n display: none;\n}\n#ihover {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n max-height: 100%;\n max-width: 75%;\n padding-bottom: 16px;\n}"
|
|
};
|
|
|
|
Redirect = {
|
|
image: function(board, filename) {
|
|
switch (board) {
|
|
case 'a':
|
|
case 'co':
|
|
case 'jp':
|
|
case 'm':
|
|
case 'q':
|
|
case 'sp':
|
|
case 'tg':
|
|
case 'tv':
|
|
case 'v':
|
|
case 'vg':
|
|
case 'wsg':
|
|
return "//archive.foolz.us/" + board + "/full_image/" + filename;
|
|
case 'u':
|
|
return "//nsfw.foolz.us/" + board + "/full_image/" + filename;
|
|
case 'ck':
|
|
case 'lit':
|
|
return "//fuuka.warosu.org/" + board + "/full_image/" + filename;
|
|
case 'cgl':
|
|
case 'g':
|
|
case 'mu':
|
|
case 'soc':
|
|
case 'w':
|
|
return "//archive.rebeccablacktech.com/" + board + "/full_image/" + filename;
|
|
case 'an':
|
|
case 'fit':
|
|
case 'k':
|
|
case 'mlp':
|
|
case 'r9k':
|
|
case 'toy':
|
|
case 'x':
|
|
return "http://archive.heinessen.com/" + board + "/full_image/" + filename;
|
|
}
|
|
},
|
|
post: function(board, postID) {
|
|
switch (board) {
|
|
case 'a':
|
|
case 'co':
|
|
case 'jp':
|
|
case 'm':
|
|
case 'q':
|
|
case 'sp':
|
|
case 'tg':
|
|
case 'tv':
|
|
case 'v':
|
|
case 'vg':
|
|
case 'wsg':
|
|
case 'dev':
|
|
case 'foolz':
|
|
return "//archive.foolz.us/_/api/chan/post/?board=" + board + "&num=" + postID;
|
|
case 'u':
|
|
case 'kuku':
|
|
return "//nsfw.foolz.us/_/api/chan/post/?board=" + board + "&num=" + postID;
|
|
}
|
|
},
|
|
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 'q':
|
|
case 'sp':
|
|
case 'tg':
|
|
case 'tv':
|
|
case 'v':
|
|
case 'vg':
|
|
case 'wsg':
|
|
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 '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 'fit':
|
|
case 'k':
|
|
case 'mlp':
|
|
case 'r9k':
|
|
case 'toy':
|
|
case 'x':
|
|
url = "http://archive.heinessen.com/" + path;
|
|
if (threadID && postID) {
|
|
url += "#p" + postID;
|
|
}
|
|
break;
|
|
case 'e':
|
|
url = "https://www.cliché.net/4chan/cgi-board.pl/" + path;
|
|
if (threadID && postID) {
|
|
url += "#p" + postID;
|
|
}
|
|
break;
|
|
default:
|
|
if (threadID) {
|
|
url = "//boards.4chan.org/" + board + "/";
|
|
}
|
|
}
|
|
return url || '';
|
|
}
|
|
};
|
|
|
|
Build = {
|
|
spoilerRange: {},
|
|
shortFilename: function(filename, isReply) {
|
|
var threshold;
|
|
threshold = isReply ? 30 : 40;
|
|
if (filename.length - 4 > threshold) {
|
|
return "" + filename.slice(0, threshold - 5) + "(...)." + filename.slice(-3);
|
|
} else {
|
|
return filename;
|
|
}
|
|
},
|
|
postFromObject: function(data, board) {
|
|
var o;
|
|
o = {
|
|
postID: data.no,
|
|
threadID: data.resto || data.no,
|
|
board: board,
|
|
name: data.name,
|
|
capcode: data.capcode,
|
|
tripcode: data.trip,
|
|
uniqueID: data.id,
|
|
email: data.email ? encodeURIComponent(data.email.replace(/"/g, '"')) : '',
|
|
subject: data.sub,
|
|
flagCode: data.country,
|
|
flagName: data.country_name,
|
|
date: data.now,
|
|
dateUTC: data.time,
|
|
comment: data.com,
|
|
isSticky: !!data.sticky,
|
|
isClosed: !!data.closed
|
|
};
|
|
if (data.ext || data.filedeleted) {
|
|
o.file = {
|
|
name: data.filename + data.ext,
|
|
timestamp: "" + data.tim + data.ext,
|
|
url: "//images.4chan.org/" + board + "/src/" + data.tim + data.ext,
|
|
height: data.h,
|
|
width: data.w,
|
|
MD5: data.md5,
|
|
size: data.fsize,
|
|
turl: "//thumbs.4chan.org/" + board + "/thumb/" + data.tim + "s.jpg",
|
|
theight: data.tn_h,
|
|
twidth: data.tn_w,
|
|
isSpoiler: !!data.spoiler,
|
|
isDeleted: !!data.filedeleted
|
|
};
|
|
}
|
|
return Build.post(o);
|
|
},
|
|
post: function(o, isArchived) {
|
|
/*
|
|
This function contains code from 4chan-JS (https://github.com/4chan/4chan-JS).
|
|
@license: https://github.com/4chan/4chan-JS/blob/master/LICENSE
|
|
*/
|
|
|
|
var a, board, capcode, capcodeClass, capcodeStart, closed, comment, container, date, dateUTC, email, emailEnd, emailStart, ext, file, fileDims, fileHTML, fileInfo, fileSize, fileThumb, filename, flag, flagCode, flagName, href, imgSrc, isClosed, isOP, isSticky, name, postID, quote, shortFilename, spoilerRange, staticPath, sticky, subject, threadID, tripcode, uniqueID, userID, _i, _len, _ref;
|
|
postID = o.postID, threadID = o.threadID, board = o.board, name = o.name, capcode = o.capcode, tripcode = o.tripcode, uniqueID = o.uniqueID, email = o.email, subject = o.subject, flagCode = o.flagCode, flagName = o.flagName, date = o.date, dateUTC = o.dateUTC, isSticky = o.isSticky, isClosed = o.isClosed, comment = o.comment, file = o.file;
|
|
isOP = postID === threadID;
|
|
staticPath = '//static.4chan.org';
|
|
if (email) {
|
|
emailStart = '<a href="mailto:' + email + '" class="useremail">';
|
|
emailEnd = '</a>';
|
|
} else {
|
|
emailStart = '';
|
|
emailEnd = '';
|
|
}
|
|
subject = subject ? "<span class=subject>" + subject + "</span>" : '';
|
|
userID = !capcode && uniqueID ? (" <span class='posteruid id_" + uniqueID + "'>(ID: ") + ("<span class=hand title='Highlight posts by this ID'>" + uniqueID + "</span>)</span> ") : '';
|
|
switch (capcode) {
|
|
case 'admin':
|
|
case 'admin_highlight':
|
|
capcodeClass = " capcodeAdmin";
|
|
capcodeStart = " <strong class='capcode hand id_admin'" + "title='Highlight posts by the Administrator'>## Admin</strong>";
|
|
capcode = (" <img src='" + staticPath + "/image/adminicon.gif' ") + "alt='This user is the 4chan Administrator.' " + "title='This user is the 4chan Administrator.' class=identityIcon>";
|
|
break;
|
|
case 'mod':
|
|
capcodeClass = " capcodeMod";
|
|
capcodeStart = " <strong class='capcode hand id_mod' " + "title='Highlight posts by Moderators'>## Mod</strong>";
|
|
capcode = (" <img src='" + staticPath + "/image/modicon.gif' ") + "alt='This user is a 4chan Moderator.' " + "title='This user is a 4chan Moderator.' class=identityIcon>";
|
|
break;
|
|
case 'developer':
|
|
capcodeClass = " capcodeDeveloper";
|
|
capcodeStart = " <strong class='capcode hand id_developer' " + "title='Highlight posts by Developers'>## Developer</strong>";
|
|
capcode = (" <img src='" + staticPath + "/image/developericon.gif' ") + "alt='This user is a 4chan Developer.' " + "title='This user is a 4chan Developer.' class=identityIcon>";
|
|
break;
|
|
default:
|
|
capcodeClass = '';
|
|
capcodeStart = '';
|
|
capcode = '';
|
|
}
|
|
flag = flagCode ? (" <img src='" + staticPath + "/image/country/" + (board === 'pol' ? 'troll/' : '')) + flagCode.toLowerCase() + (".gif' alt=" + flagCode + " title='" + flagName + "' class=countryFlag>") : '';
|
|
if (file != null ? file.isDeleted : void 0) {
|
|
fileHTML = isOP ? ("<div class=file id=f" + postID + "><div class=fileInfo></div><span class=fileThumb>") + ("<img src='" + staticPath + "/image/filedeleted.gif' alt='File deleted.'>") + "</span></div>" : ("<div id=f" + postID + " class=file><span class=fileThumb>") + ("<img src='" + staticPath + "/image/filedeleted-res.gif' alt='File deleted.'>") + "</span></div>";
|
|
} else if (file) {
|
|
ext = file.name.slice(-3);
|
|
if (!file.twidth && !file.theight && ext === 'gif') {
|
|
file.twidth = file.width;
|
|
file.theight = file.height;
|
|
}
|
|
fileSize = $.bytesToString(file.size);
|
|
fileThumb = file.turl;
|
|
if (file.isSpoiler) {
|
|
fileSize = "Spoiler Image, " + fileSize;
|
|
if (!isArchived) {
|
|
fileThumb = '//static.4chan.org/image/spoiler';
|
|
if (spoilerRange = Build.spoilerRange[board]) {
|
|
fileThumb += ("-" + board) + Math.floor(1 + spoilerRange * Math.random());
|
|
}
|
|
fileThumb += '.png';
|
|
file.twidth = file.theight = 100;
|
|
}
|
|
}
|
|
imgSrc = ("<a class='fileThumb" + (file.isSpoiler ? ' imgspoiler' : '') + "' href='" + file.url + "' target=_blank>") + ("<img src='" + fileThumb + "' alt='" + fileSize + "' data-md5=" + file.MD5 + " style='width:" + file.twidth + "px;height:" + file.theight + "px'></a>");
|
|
a = $.el('a', {
|
|
innerHTML: file.name
|
|
});
|
|
filename = a.textContent.replace(/%22/g, '"');
|
|
a.textContent = Build.shortFilename(filename);
|
|
shortFilename = a.innerHTML;
|
|
a.textContent = filename;
|
|
filename = a.innerHTML.replace(/'/g, ''');
|
|
fileDims = ext === 'pdf' ? 'PDF' : "" + file.width + "x" + file.height;
|
|
fileInfo = ("<span class=fileText id=fT" + postID + (file.isSpoiler ? " title='" + filename + "'" : '') + ">File: <a href='" + file.url + "' target=_blank>" + file.timestamp + "</a>") + ("-(" + fileSize + ", " + fileDims + (file.isSpoiler ? '' : ", <span title='" + filename + "'>" + shortFilename + "</span>")) + ")</span>";
|
|
fileHTML = "<div id=f" + postID + " class=file><div class=fileInfo>" + fileInfo + "</div>" + imgSrc + "</div>";
|
|
} else {
|
|
fileHTML = '';
|
|
}
|
|
tripcode = tripcode ? " <span class=postertrip>" + tripcode + "</span>" : '';
|
|
sticky = isSticky ? ' <img src=//static.4chan.org/image/sticky.gif alt=Sticky title=Sticky style="height:16px;width:16px">' : '';
|
|
closed = isClosed ? ' <img src=//static.4chan.org/image/closed.gif alt=Closed title=Closed style="height:16px;width:16px">' : '';
|
|
container = $.el('div', {
|
|
id: "pc" + postID,
|
|
className: "postContainer " + (isOP ? 'op' : 'reply') + "Container",
|
|
innerHTML: (isOP ? '' : "<div class=sideArrows id=sa" + postID + ">>></div>") + ("<div id=p" + postID + " class='post " + (isOP ? 'op' : 'reply') + (capcode === 'admin_highlight' ? ' highlightPost' : '') + "'>") + ("<div class='postInfoM mobile' id=pim" + postID + ">") + ("<span class='nameBlock" + capcodeClass + "'>") + ("<span class=name>" + (name || '') + "</span>") + tripcode + capcodeStart + capcode + userID + flag + sticky + closed + ("<br>" + subject) + ("</span><span class='dateTime postNum' data-utc=" + dateUTC + ">" + date) + '<br><em>' + ("<a href=" + ("/" + board + "/res/" + threadID + "#p" + postID) + ">No.</a>") + ("<a href='" + (g.REPLY && g.THREAD_ID === threadID ? "javascript:quote(" + postID + ")" : "/" + board + "/res/" + threadID + "#q" + postID) + "'>" + postID + "</a>") + '</em></span>' + '</div>' + (isOP ? fileHTML : '') + ("<div class='postInfo desktop' id=pi" + postID + ">") + ("<input type=checkbox name=" + postID + " value=delete> ") + ("" + subject + " ") + ("<span class='nameBlock" + capcodeClass + "'>") + emailStart + ("<span class=name>" + (name || '') + "</span>") + tripcode + capcodeStart + emailEnd + capcode + userID + flag + sticky + closed + ' </span> ' + ("<span class=dateTime data-utc=" + dateUTC + ">" + date + "</span> ") + "<span class='postNum desktop'>" + ("<a href=" + ("/" + board + "/res/" + threadID + "#p" + postID) + " title='Highlight this post'>No.</a>") + ("<a href='" + (g.REPLY && +g.THREAD_ID === threadID ? "javascript:quote(" + postID + ")" : "/" + board + "/res/" + threadID + "#q" + postID) + "' title='Quote this post'>" + postID + "</a>") + '</span>' + '</div>' + (isOP ? '' : fileHTML) + ("<blockquote class=postMessage id=m" + postID + ">" + (comment || '') + "</blockquote> ") + '</div>'
|
|
});
|
|
_ref = $$('.quotelink', container);
|
|
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;
|
|
}
|
|
return container;
|
|
}
|
|
};
|
|
|
|
Get = {
|
|
postFromRoot: function(root) {
|
|
var board, index, link, post, postID;
|
|
link = $('a[title="Highlight this post"]', root);
|
|
board = link.pathname.split('/')[1];
|
|
postID = link.hash.slice(2);
|
|
index = root.dataset.clone;
|
|
post = g.posts["" + board + "." + postID];
|
|
if (index) {
|
|
return post.clones[index];
|
|
} else {
|
|
return post;
|
|
}
|
|
},
|
|
postDataFromLink: function(link) {
|
|
var board, path, postID, threadID;
|
|
if (link.host === 'boards.4chan.org') {
|
|
path = link.pathname.split('/');
|
|
board = path[1];
|
|
threadID = +path[3];
|
|
postID = +link.hash.slice(2);
|
|
} else {
|
|
board = link.dataset.board;
|
|
threadID = +link.dataset.threadid || '';
|
|
postID = +link.dataset.postid;
|
|
}
|
|
return {
|
|
board: board,
|
|
threadID: threadID,
|
|
postID: postID
|
|
};
|
|
},
|
|
postClone: function(board, threadID, postID, root, context) {
|
|
var post, url;
|
|
if (post = g.posts["" + board + "." + postID]) {
|
|
Get.insert(post, root, context);
|
|
return;
|
|
}
|
|
root.textContent = "Loading post No." + postID + "...";
|
|
if (threadID) {
|
|
return $.cache("//api.4chan.org/" + board + "/res/" + threadID + ".json", function() {
|
|
return Get.fetchedPost(this, board, threadID, postID, root, context);
|
|
});
|
|
} else if (url = Redirect.post(board, postID)) {
|
|
return $.cache(url, function() {
|
|
return Get.archivedPost(this, board, postID, root, context);
|
|
});
|
|
}
|
|
},
|
|
insert: function(post, root, context) {
|
|
var clone, nodes;
|
|
if (!root.parentNode) {
|
|
return;
|
|
}
|
|
clone = post.addClone(context);
|
|
Main.callbackNodes(Post, [clone]);
|
|
nodes = clone.nodes;
|
|
nodes.root.innerHTML = null;
|
|
$.add(nodes.root, nodes.post);
|
|
root.innerHTML = null;
|
|
return $.add(root, nodes.root);
|
|
},
|
|
fetchedPost: function(req, board, threadID, postID, root, context) {
|
|
var post, posts, spoilerRange, status, thread, url, _i, _len;
|
|
if (post = g.posts["" + board + "." + postID]) {
|
|
Get.insert(post, root, context);
|
|
return;
|
|
}
|
|
status = req.status;
|
|
if (status !== 200) {
|
|
if (url = Redirect.post(board, postID)) {
|
|
$.cache(url, function() {
|
|
return Get.archivedPost(this, board, postID, root, context);
|
|
});
|
|
} else {
|
|
$.addClass(root, 'warning');
|
|
root.textContent = status === 404 ? "Thread No." + threadID + " 404'd." : "Error " + req.status + ": " + req.statusText + ".";
|
|
}
|
|
return;
|
|
}
|
|
posts = JSON.parse(req.response).posts;
|
|
if (spoilerRange = posts[0].custom_spoiler) {
|
|
Build.spoilerRange[board] = spoilerRange;
|
|
}
|
|
postID = +postID;
|
|
for (_i = 0, _len = posts.length; _i < _len; _i++) {
|
|
post = posts[_i];
|
|
if (post.no === postID) {
|
|
break;
|
|
}
|
|
if (post.no > postID) {
|
|
if (url = Redirect.post(board, postID)) {
|
|
$.cache(url, function() {
|
|
return Get.archivedPost(this, board, postID, root, context);
|
|
});
|
|
} else {
|
|
$.addClass(root, 'warning');
|
|
root.textContent = "Post No." + postID + " was not found.";
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
board = g.boards[board] || new Board(board);
|
|
thread = g.threads["" + board + "." + threadID] || new Thread(threadID, board);
|
|
post = new Post(Build.postFromObject(post, board), thread, board);
|
|
Main.callbackNodes(Post, [post]);
|
|
return Get.insert(post, root, context);
|
|
},
|
|
archivedPost: function(req, board, postID, root, context) {
|
|
var bq, comment, data, o, post, thread, threadID, _ref;
|
|
if (post = g.posts["" + board + "." + postID]) {
|
|
Get.insert(post, root, context);
|
|
return;
|
|
}
|
|
data = JSON.parse(req.response);
|
|
if (data.error) {
|
|
$.addClass(root, 'warning');
|
|
root.textContent = data.error;
|
|
return;
|
|
}
|
|
bq = $.el('blockquote', {
|
|
textContent: data.comment
|
|
});
|
|
bq.innerHTML = bq.innerHTML.replace(/\n|\[\/?b\]|\[\/?spoiler\]|\[\/?code\]|\[\/?moot\]|\[\/?banned\]/g, function(text) {
|
|
switch (text) {
|
|
case '\n':
|
|
return '<br>';
|
|
case '[b]':
|
|
return '<b>';
|
|
case '[/b]':
|
|
return '</b>';
|
|
case '[spoiler]':
|
|
return '<span class=spoiler>';
|
|
case '[/spoiler]':
|
|
return '</span>';
|
|
case '[code]':
|
|
return '<pre class=prettyprint>';
|
|
case '[/code]':
|
|
return '</pre>';
|
|
case '[moot]':
|
|
return '<div style="padding:5px;margin-left:.5em;border-color:#faa;border:2px dashed rgba(255,0,0,.1);border-radius:2px">';
|
|
case '[/moot]':
|
|
return '</div>';
|
|
case '[banned]':
|
|
return '<b style="color: red;">';
|
|
case '[/banned]':
|
|
return '</b>';
|
|
}
|
|
});
|
|
comment = bq.innerHTML.replace(/(^|>)(>[^<$]+)(<|$)/g, '$1<span class=quote>$2</span>$3');
|
|
threadID = data.thread_num;
|
|
o = {
|
|
postID: "" + postID,
|
|
threadID: "" + threadID,
|
|
board: board,
|
|
name: data.name_processed,
|
|
capcode: (function() {
|
|
switch (data.capcode) {
|
|
case 'M':
|
|
return 'mod';
|
|
case 'A':
|
|
return 'admin';
|
|
case 'D':
|
|
return 'developer';
|
|
}
|
|
})(),
|
|
tripcode: data.trip,
|
|
uniqueID: data.poster_hash,
|
|
email: data.email ? encodeURIComponent(data.email) : '',
|
|
subject: data.title_processed,
|
|
flagCode: data.poster_country,
|
|
flagName: data.poster_country_name_processed,
|
|
date: data.fourchan_date,
|
|
dateUTC: data.timestamp,
|
|
comment: comment
|
|
};
|
|
if ((_ref = data.media) != null ? _ref.media_filename : void 0) {
|
|
o.file = {
|
|
name: data.media.media_filename_processed,
|
|
timestamp: data.media.media_orig,
|
|
url: data.media.media_link || data.media.remote_media_link,
|
|
height: data.media.media_h,
|
|
width: data.media.media_w,
|
|
MD5: data.media.media_hash,
|
|
size: data.media.media_size,
|
|
turl: data.media.thumb_link || ("//thumbs.4chan.org/" + board + "/thumb/" + data.media.preview_orig),
|
|
theight: data.media.preview_h,
|
|
twidth: data.media.preview_w,
|
|
isSpoiler: data.media.spoiler === '1'
|
|
};
|
|
}
|
|
board = g.boards[board] || new Board(board);
|
|
thread = g.threads["" + board + "." + threadID] || new Thread(threadID, board);
|
|
post = new Post(Build.post(o, true), thread, board, {
|
|
isArchived: true
|
|
});
|
|
Main.callbackNodes(Post, [post]);
|
|
return Get.insert(post, root, context);
|
|
}
|
|
};
|
|
|
|
Quotify = {
|
|
init: function() {
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Resurrect Quotes',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var ID, a, board, data, i, index, m, node, nodes, post, quote, quoteID, quotes, snapshot, text, _i, _j, _len, _ref;
|
|
if (this.isClone) {
|
|
return;
|
|
}
|
|
snapshot = d.evaluate('.//text()[not(parent::a)]', this.nodes.comment, 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] : this.board.ID;
|
|
quoteID = "" + board + "." + ID;
|
|
if (post = g.posts[quoteID]) {
|
|
if (post.isDead) {
|
|
a = $.el('a', {
|
|
href: Redirect.thread(board, 0, ID),
|
|
className: 'quotelink deadlink',
|
|
textContent: "" + quote + "\u00A0(Dead)",
|
|
target: '_blank'
|
|
});
|
|
a.setAttribute('data-board', board);
|
|
a.setAttribute('data-threadid', post.thread.ID);
|
|
a.setAttribute('data-postid', ID);
|
|
} else {
|
|
a = $.el('a', {
|
|
href: "/" + board + "/" + post.thread + "/res/#p" + ID,
|
|
className: 'quotelink',
|
|
textContent: quote
|
|
});
|
|
}
|
|
} else {
|
|
a = $.el('a', {
|
|
href: Redirect.thread(board, 0, ID),
|
|
className: 'deadlink',
|
|
target: '_blank',
|
|
textContent: "" + quote + "\u00A0(Dead)"
|
|
});
|
|
if (Redirect.post(board, ID)) {
|
|
$.addClass(a, 'quotelink');
|
|
a.setAttribute('data-board', board);
|
|
a.setAttribute('data-postid', ID);
|
|
}
|
|
}
|
|
if (this.quotes.indexOf(quoteID) === -1) {
|
|
this.quotes.push(quoteID);
|
|
}
|
|
if ($.hasClass(a, 'quotelink')) {
|
|
this.nodes.quotelinks.push(a);
|
|
}
|
|
nodes.push(a);
|
|
data = data.slice(index + quote.length);
|
|
}
|
|
if (data) {
|
|
nodes.push($.tn(data));
|
|
}
|
|
$.replace(node, nodes);
|
|
}
|
|
}
|
|
};
|
|
|
|
QuoteInline = {
|
|
init: function() {
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Quote Inline',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var link, _i, _j, _len, _len1, _ref, _ref1;
|
|
_ref = this.nodes.quotelinks;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
link = _ref[_i];
|
|
$.on(link, 'click', QuoteInline.toggle);
|
|
}
|
|
_ref1 = this.nodes.backlinks;
|
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
|
link = _ref1[_j];
|
|
$.on(link, 'click', QuoteInline.toggle);
|
|
}
|
|
},
|
|
toggle: function(e) {
|
|
var board, postID, threadID, _ref;
|
|
if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey || e.button !== 0) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
_ref = Get.postDataFromLink(this), board = _ref.board, threadID = _ref.threadID, postID = _ref.postID;
|
|
if ($.hasClass(this, 'inlined')) {
|
|
QuoteInline.rm(this, board, threadID, postID);
|
|
} else {
|
|
if ($.x("ancestor::div[@id='p" + postID + "']", this)) {
|
|
return;
|
|
}
|
|
QuoteInline.add(this, board, threadID, postID);
|
|
}
|
|
return this.classList.toggle('inlined');
|
|
},
|
|
add: function(quotelink, board, threadID, postID) {
|
|
var context, inline, isBacklink, post, root;
|
|
inline = $.el('div', {
|
|
id: "i" + postID,
|
|
className: 'inline'
|
|
});
|
|
root = (isBacklink = $.hasClass(quotelink, 'backlink')) ? quotelink.parentNode.parentNode : $.x('ancestor-or-self::*[parent::blockquote][1]', quotelink);
|
|
context = Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', quotelink));
|
|
$.after(root, inline);
|
|
Get.postClone(board, threadID, postID, inline, context);
|
|
if (!(board === g.BOARD.ID && $.x("ancestor::div[@id='t" + threadID + "']", quotelink))) {
|
|
return;
|
|
}
|
|
post = g.posts["" + board + "." + postID];
|
|
if (isBacklink && Conf['Forward Hiding']) {
|
|
$.addClass(post.nodes.root, 'forwarded');
|
|
return post.forwarded++ || (post.forwarded = 1);
|
|
}
|
|
},
|
|
rm: function(quotelink, board, threadID, postID) {
|
|
var el, inThreadID, inline, inlines, post, root, _i, _len, _ref;
|
|
root = $.hasClass(quotelink, 'backlink') ? quotelink.parentNode.parentNode : $.x('ancestor-or-self::*[parent::blockquote][1]', quotelink);
|
|
root = $.x("following-sibling::div[@id='i" + postID + "'][1]", root);
|
|
$.rm(root);
|
|
if (!(el = root.firstElementChild)) {
|
|
return;
|
|
}
|
|
post = g.posts["" + board + "." + postID];
|
|
post.rmClone(el.dataset.clone);
|
|
inThreadID = +$.x('ancestor::div[@class="thread"]', quotelink).id.slice(1);
|
|
if (Conf['Forward Hiding'] && board === g.BOARD.ID && threadID === inThreadID && $.hasClass(quotelink, 'backlink')) {
|
|
if (!--post.forwarded) {
|
|
delete post.forwarded;
|
|
$.rmClass(post.nodes.root, 'forwarded');
|
|
}
|
|
}
|
|
inlines = $$('.inlined', el);
|
|
for (_i = 0, _len = inlines.length; _i < _len; _i++) {
|
|
inline = inlines[_i];
|
|
_ref = Get.postDataFromLink(inline), board = _ref.board, threadID = _ref.threadID, postID = _ref.postID;
|
|
root = $.hasClass(inline, 'backlink') ? inline.parentNode.parentNode : $.x('ancestor-or-self::*[parent::blockquote][1]', inline);
|
|
root = $.x("following-sibling::div[@id='i" + postID + "'][1]", root);
|
|
if (!(el = root.firstElementChild)) {
|
|
continue;
|
|
}
|
|
post = g.posts["" + board + "." + postID];
|
|
post.rmClone(el.dataset.clone);
|
|
if (Conf['Forward Hiding'] && board === g.BOARD.ID && threadID === inThreadID && $.hasClass(inline, 'backlink')) {
|
|
if (!--post.forwarded) {
|
|
delete post.forwarded;
|
|
$.rmClass(post.nodes.root, 'forwarded');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
QuotePreview = {
|
|
init: function() {
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Quote Preview',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var link, _i, _j, _len, _len1, _ref, _ref1;
|
|
_ref = this.nodes.quotelinks;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
link = _ref[_i];
|
|
$.on(link, 'mouseover', QuotePreview.mouseover);
|
|
}
|
|
_ref1 = this.nodes.backlinks;
|
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
|
link = _ref1[_j];
|
|
$.on(link, 'mouseover', QuotePreview.mouseover);
|
|
}
|
|
},
|
|
mouseover: function(e) {
|
|
var board, clone, context, origin, post, postID, posts, qp, quote, quoterID, threadID, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2;
|
|
if ($.hasClass(this, 'inlined')) {
|
|
return;
|
|
}
|
|
_ref = Get.postDataFromLink(this), board = _ref.board, threadID = _ref.threadID, postID = _ref.postID;
|
|
qp = $.el('div', {
|
|
id: 'qp',
|
|
className: 'reply dialog'
|
|
});
|
|
context = Get.postFromRoot($.x('ancestor::div[parent::div[@class="thread"]][1]', this));
|
|
$.add(d.body, qp);
|
|
Get.postClone(board, threadID, postID, qp, context);
|
|
UI.hover(this, qp, 'mouseout click', QuotePreview.mouseout);
|
|
if (!(origin = g.posts["" + board + "." + postID])) {
|
|
return;
|
|
}
|
|
if (Conf['Quote Highlighting']) {
|
|
posts = [origin].concat(origin.clones);
|
|
posts.pop();
|
|
for (_i = 0, _len = posts.length; _i < _len; _i++) {
|
|
post = posts[_i];
|
|
$.addClass(post.nodes.post, 'qphl');
|
|
}
|
|
}
|
|
quoterID = $.x('ancestor::*[@id][1]', this).id.match(/\d+$/)[0];
|
|
clone = Get.postFromRoot(qp.firstChild);
|
|
_ref1 = clone.nodes.quotelinks;
|
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
|
quote = _ref1[_j];
|
|
if (quote.hash.slice(2) === quoterID) {
|
|
$.addClass(quote, 'forwardlink');
|
|
}
|
|
}
|
|
_ref2 = clone.nodes.backlinks;
|
|
for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
|
|
quote = _ref2[_k];
|
|
if (quote.hash.slice(2) === quoterID) {
|
|
$.addClass(quote, 'forwardlink');
|
|
}
|
|
}
|
|
},
|
|
mouseout: function() {
|
|
var clone, post, root, _i, _len, _ref;
|
|
root = this.el.firstElementChild;
|
|
if (!root) {
|
|
return;
|
|
}
|
|
clone = Get.postFromRoot(root);
|
|
post = clone.origin;
|
|
post.rmClone(root.dataset.clone);
|
|
if (!Conf['Quote Highlighting']) {
|
|
return;
|
|
}
|
|
_ref = [post].concat(post.clones);
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
post = _ref[_i];
|
|
$.rmClass(post.nodes.post, 'qphl');
|
|
}
|
|
}
|
|
};
|
|
|
|
QuoteBacklink = {
|
|
init: function() {
|
|
var format;
|
|
format = Conf['backlink'].replace(/%id/g, "' + id + '");
|
|
this.funk = Function('id', "return '" + format + "'");
|
|
this.containers = {};
|
|
Post.prototype.callbacks.push({
|
|
name: 'Quote Backlinking Part 1',
|
|
cb: this.firstNode
|
|
});
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Quote Backlinking Part 2',
|
|
cb: this.secondNode
|
|
});
|
|
},
|
|
firstNode: function() {
|
|
var a, clone, container, containers, link, post, quote, _i, _j, _k, _len, _len1, _len2, _ref, _ref1;
|
|
if (this.isClone || !this.quotes.length) {
|
|
return;
|
|
}
|
|
a = $.el('a', {
|
|
href: "/" + this.board + "/res/" + this.thread + "#p" + this,
|
|
className: 'backlink',
|
|
textContent: QuoteBacklink.funk(this.ID)
|
|
});
|
|
_ref = this.quotes;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
quote = _ref[_i];
|
|
containers = [QuoteBacklink.getContainer(quote)];
|
|
if (post = g.posts[quote]) {
|
|
_ref1 = post.clones;
|
|
for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
|
|
clone = _ref1[_j];
|
|
containers.push(clone.nodes.backlinkContainer);
|
|
}
|
|
}
|
|
for (_k = 0, _len2 = containers.length; _k < _len2; _k++) {
|
|
container = containers[_k];
|
|
link = a.cloneNode(true);
|
|
if (Conf['Quote Preview']) {
|
|
$.on(link, 'mouseover', QuotePreview.mouseover);
|
|
}
|
|
if (Conf['Quote Inline']) {
|
|
$.on(link, 'click', QuoteInline.toggle);
|
|
}
|
|
$.add(container, [$.tn(' '), link]);
|
|
}
|
|
}
|
|
},
|
|
secondNode: function() {
|
|
var container;
|
|
if (this.isClone && this.origin.nodes.backlinkContainer) {
|
|
this.nodes.backlinkContainer = $('.container', this.nodes.info);
|
|
return;
|
|
}
|
|
if (!(Conf['OP Backlinks'] || this.isReply)) {
|
|
return;
|
|
}
|
|
container = QuoteBacklink.getContainer("" + this.board + "." + this);
|
|
this.nodes.backlinkContainer = container;
|
|
return $.add(this.nodes.info, container);
|
|
},
|
|
getContainer: function(id) {
|
|
var _base;
|
|
return (_base = this.containers)[id] || (_base[id] = $.el('span', {
|
|
className: 'container'
|
|
}));
|
|
}
|
|
};
|
|
|
|
QuoteOP = {
|
|
init: function() {
|
|
this.text = '\u00A0(OP)';
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Indicate OP Quotes',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var board, op, postID, quote, quotelinks, quotes, thread, _i, _j, _len, _len1, _ref, _ref1;
|
|
if (this.isClone && this.thread === this.context.thread) {
|
|
return;
|
|
}
|
|
if (!(quotes = this.quotes).length) {
|
|
return;
|
|
}
|
|
quotelinks = this.nodes.quotelinks;
|
|
if (this.isClone && -1 < quotes.indexOf("" + this.board + "." + this.thread)) {
|
|
for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
|
|
quote = quotelinks[_i];
|
|
quote.textContent = quote.textContent.replace(QuoteOP.text, '');
|
|
}
|
|
}
|
|
_ref = this.isClone ? this.context : this, board = _ref.board, thread = _ref.thread;
|
|
op = "" + board + "." + thread;
|
|
if (!(-1 < quotes.indexOf(op))) {
|
|
return;
|
|
}
|
|
for (_j = 0, _len1 = quotelinks.length; _j < _len1; _j++) {
|
|
quote = quotelinks[_j];
|
|
_ref1 = Get.postDataFromLink(quote), board = _ref1.board, postID = _ref1.postID;
|
|
if (("" + board + "." + postID) === op) {
|
|
$.add(quote, $.tn(QuoteOP.text));
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
QuoteCT = {
|
|
init: function() {
|
|
this.text = '\u00A0(Cross-thread)';
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Indicate Cross-thread Quotes',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var board, data, quote, quotelinks, quotes, thread, _i, _len, _ref;
|
|
if (this.isClone && this.thread === this.context.thread) {
|
|
return;
|
|
}
|
|
if (!(quotes = this.quotes).length) {
|
|
return;
|
|
}
|
|
quotelinks = this.nodes.quotelinks;
|
|
_ref = this.isClone ? this.context : this, board = _ref.board, thread = _ref.thread;
|
|
for (_i = 0, _len = quotelinks.length; _i < _len; _i++) {
|
|
quote = quotelinks[_i];
|
|
data = Get.postDataFromLink(quote);
|
|
if (data.threadID === '') {
|
|
continue;
|
|
}
|
|
if (this.isClone) {
|
|
quote.textContent = quote.textContent.replace(QuoteCT.text, '');
|
|
}
|
|
if (data.board === board.ID && data.threadID !== thread.ID) {
|
|
$.add(quote, $.tn(QuoteCT.text));
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
Time = {
|
|
init: function() {
|
|
this.funk = this.createFunc(Conf['time']);
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Time Formatting',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
if (this.isClone) {
|
|
return;
|
|
}
|
|
return this.nodes.date.textContent = Time.funk(Time, this.info.date);
|
|
},
|
|
createFunc: function(format) {
|
|
var code;
|
|
code = format.replace(/%([A-Za-z])/g, function(s, c) {
|
|
if (c in Time.formatters) {
|
|
return "' + Time.formatters." + c + ".call(date) + '";
|
|
} else {
|
|
return s;
|
|
}
|
|
});
|
|
return Function('Time', 'date', "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[this.getDay()].slice(0, 3);
|
|
},
|
|
A: function() {
|
|
return Time.day[this.getDay()];
|
|
},
|
|
b: function() {
|
|
return Time.month[this.getMonth()].slice(0, 3);
|
|
},
|
|
B: function() {
|
|
return Time.month[this.getMonth()];
|
|
},
|
|
d: function() {
|
|
return Time.zeroPad(this.getDate());
|
|
},
|
|
e: function() {
|
|
return this.getDate();
|
|
},
|
|
H: function() {
|
|
return Time.zeroPad(this.getHours());
|
|
},
|
|
I: function() {
|
|
return Time.zeroPad(this.getHours() % 12 || 12);
|
|
},
|
|
k: function() {
|
|
return this.getHours();
|
|
},
|
|
l: function() {
|
|
return this.getHours() % 12 || 12;
|
|
},
|
|
m: function() {
|
|
return Time.zeroPad(this.getMonth() + 1);
|
|
},
|
|
M: function() {
|
|
return Time.zeroPad(this.getMinutes());
|
|
},
|
|
p: function() {
|
|
if (this.getHours() < 12) {
|
|
return 'AM';
|
|
} else {
|
|
return 'PM';
|
|
}
|
|
},
|
|
P: function() {
|
|
if (this.getHours() < 12) {
|
|
return 'am';
|
|
} else {
|
|
return 'pm';
|
|
}
|
|
},
|
|
S: function() {
|
|
return Time.zeroPad(this.getSeconds());
|
|
},
|
|
y: function() {
|
|
return this.getFullYear() - 2000;
|
|
}
|
|
}
|
|
};
|
|
|
|
FileInfo = {
|
|
init: function() {
|
|
this.funk = this.createFunc(Conf['fileInfo']);
|
|
return Post.prototype.callbacks.push({
|
|
name: 'File Info Formatting',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
if (!this.file || this.isClone) {
|
|
return;
|
|
}
|
|
return this.file.text.innerHTML = FileInfo.funk(FileInfo, this);
|
|
},
|
|
createFunc: function(format) {
|
|
var code;
|
|
code = format.replace(/%([BKlLMnNprs])/g, function(s, c) {
|
|
if (c in FileInfo.formatters) {
|
|
return "' + FileInfo.formatters." + c + ".call(post) + '";
|
|
} else {
|
|
return s;
|
|
}
|
|
});
|
|
return Function('FileInfo', 'post', "return '" + code + "'");
|
|
},
|
|
convertUnit: function(size, unit) {
|
|
var i;
|
|
if (unit === 'B') {
|
|
return "" + (size.toFixed()) + " Bytes";
|
|
}
|
|
i = 1 + ['KB', 'MB'].indexOf(unit);
|
|
while (i--) {
|
|
size /= 1024;
|
|
}
|
|
size = unit === 'MB' ? Math.round(size * 100) / 100 : size.toFixed();
|
|
return "" + size + " " + unit;
|
|
},
|
|
escape: function(name) {
|
|
return name.replace(/<|>/g, function(c) {
|
|
return c === '<' && '<' || '>';
|
|
});
|
|
},
|
|
formatters: {
|
|
l: function() {
|
|
return "<a href=" + this.file.URL + " target=_blank>" + (FileInfo.formatters.n.call(this)) + "</a>";
|
|
},
|
|
L: function() {
|
|
return "<a href=" + this.file.URL + " target=_blank>" + (FileInfo.formatters.N.call(this)) + "</a>";
|
|
},
|
|
n: function() {
|
|
var fullname, shortname;
|
|
fullname = this.file.name;
|
|
shortname = Build.shortFilename(this.file.name, this.isReply);
|
|
if (fullname === shortname) {
|
|
return FileInfo.escape(fullname);
|
|
} else {
|
|
return "<span class=fntrunc>" + (FileInfo.escape(shortname)) + "</span><span class=fnfull>" + (FileInfo.escape(fullname)) + "</span>";
|
|
}
|
|
},
|
|
N: function() {
|
|
return FileInfo.escape(this.file.name);
|
|
},
|
|
p: function() {
|
|
if (this.file.isSpoiler) {
|
|
return 'Spoiler, ';
|
|
} else {
|
|
return '';
|
|
}
|
|
},
|
|
s: function() {
|
|
return $.bytesToString(this.file.size);
|
|
},
|
|
B: function() {
|
|
return FileInfo.convertUnit(this.file.size, 'B');
|
|
},
|
|
K: function() {
|
|
return FileInfo.convertUnit(this.file.size, 'KB');
|
|
},
|
|
M: function() {
|
|
return FileInfo.convertUnit(this.file.size, 'MB');
|
|
},
|
|
r: function() {
|
|
if (this.file.isImage) {
|
|
return this.file.dimensions;
|
|
} else {
|
|
return 'PDF';
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
Sauce = {
|
|
init: function() {
|
|
var link, links, _i, _len, _ref;
|
|
links = [];
|
|
_ref = Conf['sauces'].split('\n');
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
link = _ref[_i];
|
|
if (link[0] === '#') {
|
|
continue;
|
|
}
|
|
links.push(this.createSauceLink(link.trim()));
|
|
}
|
|
if (!links.length) {
|
|
return;
|
|
}
|
|
this.links = links;
|
|
this.link = $.el('a', {
|
|
target: '_blank'
|
|
});
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Sauce',
|
|
cb: this.node
|
|
});
|
|
},
|
|
createSauceLink: function(link) {
|
|
var m, text;
|
|
link = link.replace(/%(t?url|md5|board)/g, function(parameter) {
|
|
switch (parameter) {
|
|
case '%turl':
|
|
return "' + post.file.thumbURL + '";
|
|
case '%url':
|
|
return "' + post.file.URL + '";
|
|
case '%md5':
|
|
return "' + encodeURIComponent(post.file.MD5) + '";
|
|
case '%board':
|
|
return "' + post.board + '";
|
|
default:
|
|
return parameter;
|
|
}
|
|
});
|
|
text = (m = link.match(/;text:(.+)$/)) ? m[1] : link.match(/(\w+)\.\w+\//)[1];
|
|
link = link.replace(/;text:.+$/, '');
|
|
return Function('post', 'a', "a.href = '" + link + "';\na.textContent = '" + text + "';\nreturn a;");
|
|
},
|
|
node: function() {
|
|
var link, nodes, _i, _len, _ref;
|
|
if (this.isClone || !this.file) {
|
|
return;
|
|
}
|
|
nodes = [];
|
|
_ref = Sauce.links;
|
|
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
|
|
link = _ref[_i];
|
|
nodes.push($.tn('\u00A0'), link(this, Sauce.link.cloneNode(true)));
|
|
}
|
|
return $.add(this.file.info, nodes);
|
|
}
|
|
};
|
|
|
|
RevealSpoilers = {
|
|
init: function() {
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Reveal Spoilers',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var thumb, _ref;
|
|
if (this.isClone || !((_ref = this.file) != null ? _ref.isSpoiler : void 0)) {
|
|
return;
|
|
}
|
|
thumb = this.file.thumb;
|
|
thumb.removeAttribute('style');
|
|
return thumb.src = this.file.thumbURL;
|
|
}
|
|
};
|
|
|
|
AutoGIF = {
|
|
init: function() {
|
|
var _ref;
|
|
if ((_ref = g.BOARD.ID) === 'gif' || _ref === 'wsg') {
|
|
return;
|
|
}
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Auto-GIF',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var URL, gif, style, thumb, _ref, _ref1;
|
|
if (this.isClone || !((_ref = this.file) != null ? _ref.isImage : void 0)) {
|
|
return;
|
|
}
|
|
_ref1 = this.file, thumb = _ref1.thumb, URL = _ref1.URL;
|
|
if (!(/gif$/.test(URL) && !/spoiler/.test(thumb.src))) {
|
|
return;
|
|
}
|
|
if (this.file.isSpoiler) {
|
|
style = thumb.style;
|
|
style.maxHeight = style.maxWidth = this.isReply ? '125px' : '250px';
|
|
}
|
|
gif = $.el('img');
|
|
$.on(gif, 'load', function() {
|
|
return thumb.src = URL;
|
|
});
|
|
return gif.src = URL;
|
|
}
|
|
};
|
|
|
|
ImageHover = {
|
|
init: function() {
|
|
var _ref;
|
|
if ((_ref = g.BOARD.ID) === 'gif' || _ref === 'wsg') {
|
|
return;
|
|
}
|
|
return Post.prototype.callbacks.push({
|
|
name: 'Auto-GIF',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
var _ref;
|
|
if (!((_ref = this.file) != null ? _ref.isImage : void 0)) {
|
|
return;
|
|
}
|
|
return $.on(this.file.thumb, 'mouseover', ImageHover.mouseover);
|
|
},
|
|
mouseover: function() {
|
|
var el,
|
|
_this = this;
|
|
el = $.el('img', {
|
|
id: 'ihover',
|
|
src: this.parentNode.href
|
|
});
|
|
$.add(d.body, el);
|
|
$.on(el, 'load', function() {
|
|
return ImageHover.load(_this, el);
|
|
});
|
|
$.on(el, 'error', ImageHover.error);
|
|
return UI.hover(this, el, 'mouseout');
|
|
},
|
|
load: function(root, el) {
|
|
var e, style;
|
|
if (!el.parentNode) {
|
|
return;
|
|
}
|
|
style = el.style;
|
|
e = new Event('mousemove');
|
|
e.clientX = -45 + parseInt(style.left);
|
|
e.clientY = 120 + parseInt(style.top);
|
|
return root.dispatchEvent(e);
|
|
},
|
|
error: function() {
|
|
var src, timeoutID, url,
|
|
_this = this;
|
|
if (!this.parentNode) {
|
|
return;
|
|
}
|
|
src = this.src.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];
|
|
}
|
|
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'
|
|
});
|
|
}
|
|
};
|
|
|
|
ThreadUpdater = {
|
|
init: function() {
|
|
if (!g.REPLY) {
|
|
return;
|
|
}
|
|
return Thread.prototype.callbacks.push({
|
|
name: 'Thread Updater',
|
|
cb: this.node
|
|
});
|
|
},
|
|
node: function() {
|
|
return new ThreadUpdater.Updater(this);
|
|
},
|
|
Updater: (function() {
|
|
|
|
function _Class(thread) {
|
|
var checked, dialog, html, input, name, title, val, _i, _len, _ref, _ref1;
|
|
this.thread = thread;
|
|
html = '<div class=move><span id=status></span> <span id=timer></span></div>';
|
|
_ref = Config.updater.checkbox;
|
|
for (name in _ref) {
|
|
val = _ref[name];
|
|
title = val[1];
|
|
checked = Conf[name] ? 'checked' : '';
|
|
html += "<div><label title='" + title + "'>" + name + "<input name='" + name + "' type=checkbox " + checked + "></label></div>";
|
|
}
|
|
checked = Conf['Auto Update'] ? 'checked' : '';
|
|
html += "<div><label title='Controls whether *this* thread automatically updates or not'>Auto Update This<input name='Auto Update This' type=checkbox " + checked + "></label></div>\n<div><label>Interval (s)<input type=number name=Interval class=field min=5 value=" + Conf['Interval'] + "></label></div>\n<div><input value='Update Now' type=button name='Update Now'></div>";
|
|
dialog = UI.dialog('updater', 'bottom: 0; right: 0;', html);
|
|
this.timer = $('#timer', dialog);
|
|
this.status = $('#status', dialog);
|
|
this.unsuccessfulFetchCount = 0;
|
|
this.lastModified = '0';
|
|
this.threadRoot = thread.posts[thread].nodes.root.parentNode;
|
|
this.lastPost = +this.threadRoot.lastElementChild.id.slice(2);
|
|
_ref1 = $$('input', dialog);
|
|
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
|
|
input = _ref1[_i];
|
|
if (input.type === 'checkbox') {
|
|
$.on(input, 'click', this.cb.checkbox.bind(this));
|
|
input.dispatchEvent(new Event('click'));
|
|
}
|
|
switch (input.name) {
|
|
case 'Scroll BG':
|
|
$.on(input, 'click', this.cb.scrollBG.bind(this));
|
|
this.cb.scrollBG.call(this);
|
|
break;
|
|
case 'Auto Update This':
|
|
$.on(input, 'click', this.cb.autoUpdate.bind(this));
|
|
break;
|
|
case 'Interval':
|
|
$.on(input, 'change', this.cb.interval.bind(this));
|
|
input.dispatchEvent(new Event('change'));
|
|
break;
|
|
case 'Update Now':
|
|
$.on(input, 'click', this.update.bind(this));
|
|
}
|
|
}
|
|
$.on(window, 'online offline', this.cb.online.bind(this));
|
|
$.on(d, 'QRPostSuccessful', this.cb.post.bind(this));
|
|
$.on(d, 'visibilitychange ovisibilitychange mozvisibilitychange webkitvisibilitychange', this.cb.visibility.bind(this));
|
|
this.cb.online.call(this);
|
|
$.add(d.body, dialog);
|
|
}
|
|
|
|
_Class.prototype.cb = {
|
|
online: function() {
|
|
if (this.online = navigator.onLine) {
|
|
this.unsuccessfulFetchCount = 0;
|
|
this.set('timer', this.getInterval());
|
|
this.set('status', null);
|
|
this.status.className = null;
|
|
} else {
|
|
this.status.className = 'warning';
|
|
this.set('status', 'Offline');
|
|
this.set('timer', null);
|
|
}
|
|
return this.cb.autoUpdate.call(this);
|
|
},
|
|
post: function(e) {
|
|
if (!(this['Auto Update This'] && +e.detail.threadID === this.thread.ID)) {
|
|
return;
|
|
}
|
|
this.unsuccessfulFetchCount = 0;
|
|
if (this.seconds > 2) {
|
|
return setTimeout(this.update.bind(this), 1000);
|
|
}
|
|
},
|
|
visibility: function() {
|
|
var state;
|
|
state = d.visibilityState || d.oVisibilityState || d.mozVisibilityState || d.webkitVisibilityState;
|
|
if (state !== 'visible') {
|
|
return;
|
|
}
|
|
this.unsuccessfulFetchCount = 0;
|
|
if (this.seconds > this.interval) {
|
|
return this.set('timer', this.getInterval());
|
|
}
|
|
},
|
|
checkbox: function(e) {
|
|
var checked, input, name;
|
|
input = e.target;
|
|
checked = input.checked, name = input.name;
|
|
this[name] = checked;
|
|
return $.cb.checked.call(input);
|
|
},
|
|
scrollBG: function() {
|
|
return this.scrollBG = this['Scroll BG'] ? function() {
|
|
return true;
|
|
} : function() {
|
|
return !(d.hidden || d.oHidden || d.mozHidden || d.webkitHidden);
|
|
};
|
|
},
|
|
autoUpdate: function() {
|
|
if (this['Auto Update This'] && this.online) {
|
|
return this.timeoutID = setTimeout(this.timeout.bind(this), 1000);
|
|
} else {
|
|
return clearTimeout(this.timeoutID);
|
|
}
|
|
},
|
|
interval: function(e) {
|
|
var input, val;
|
|
input = e.target;
|
|
val = Math.max(5, parseInt(input.value, 10));
|
|
this.interval = input.value = val;
|
|
return $.cb.value.call(input);
|
|
},
|
|
load: function() {
|
|
switch (this.req.status) {
|
|
case 404:
|
|
this.set('timer', null);
|
|
this.set('status', '404');
|
|
this.status.className = 'warning';
|
|
clearTimeout(this.timeoutID);
|
|
this.thread.isDead = true;
|
|
break;
|
|
case 0:
|
|
case 304:
|
|
/*
|
|
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 and avoid unnecessary computation.
|
|
*/
|
|
|
|
this.unsuccessfulFetchCount++;
|
|
this.set('timer', this.getInterval());
|
|
this.set('status', null);
|
|
this.status.className = null;
|
|
break;
|
|
case 200:
|
|
this.lastModified = this.req.getResponseHeader('Last-Modified');
|
|
this.parse(JSON.parse(this.req.response).posts);
|
|
this.set('timer', this.getInterval());
|
|
break;
|
|
default:
|
|
this.unsuccessfulFetchCount++;
|
|
this.set('timer', this.getInterval());
|
|
this.set('status', "" + this.req.statusText + " (" + this.req.status + ")");
|
|
this.status.className = 'warning';
|
|
}
|
|
return delete this.req;
|
|
}
|
|
};
|
|
|
|
_Class.prototype.getInterval = function() {
|
|
var i, j;
|
|
i = this.interval;
|
|
j = Math.min(this.unsuccessfulFetchCount, 10);
|
|
if (!(d.hidden || d.oHidden || d.mozHidden || d.webkitHidden)) {
|
|
j = Math.min(j, 7);
|
|
}
|
|
return this.seconds = Math.max(i, [0, 5, 10, 15, 20, 30, 60, 90, 120, 240, 300][j]);
|
|
};
|
|
|
|
_Class.prototype.set = function(name, text) {
|
|
var el, node;
|
|
el = this[name];
|
|
if (node = el.firstChild) {
|
|
return node.data = text;
|
|
} else {
|
|
return el.textContent = text;
|
|
}
|
|
};
|
|
|
|
_Class.prototype.timeout = function() {
|
|
var n;
|
|
this.timeoutID = setTimeout(this.timeout.bind(this), 1000);
|
|
if (!(n = --this.seconds)) {
|
|
return this.update();
|
|
} else if (n <= -60) {
|
|
this.set('status', 'Retrying');
|
|
this.status.className = null;
|
|
return this.update();
|
|
} else if (n > 0) {
|
|
return this.set('timer', n);
|
|
}
|
|
};
|
|
|
|
_Class.prototype.update = function() {
|
|
var url;
|
|
if (!this.online) {
|
|
return;
|
|
}
|
|
this.seconds = 0;
|
|
this.set('timer', '...');
|
|
if (this.req) {
|
|
this.req.onloadend = null;
|
|
this.req.abort();
|
|
}
|
|
url = "//api.4chan.org/" + this.thread.board + "/res/" + this.thread + ".json";
|
|
return this.req = $.ajax(url, {
|
|
onloadend: this.cb.load.bind(this)
|
|
}, {
|
|
headers: {
|
|
'If-Modified-Since': this.lastModified
|
|
}
|
|
});
|
|
};
|
|
|
|
_Class.prototype.parse = function(postObjects) {
|
|
var ID, count, i, image, index, node, nodes, num, post, postObject, posts, scroll, _i, _len, _ref;
|
|
Build.spoilerRange[this.thread.board] = postObjects[0].custom_spoiler;
|
|
nodes = [];
|
|
posts = [];
|
|
index = [];
|
|
image = [];
|
|
count = 0;
|
|
for (_i = 0, _len = postObjects.length; _i < _len; _i++) {
|
|
postObject = postObjects[_i];
|
|
num = postObject.no;
|
|
index.push(num);
|
|
if (postObject.ext) {
|
|
image.push(num);
|
|
}
|
|
if (num <= this.lastPost) {
|
|
continue;
|
|
}
|
|
count++;
|
|
node = Build.postFromObject(postObject, this.thread.board.ID);
|
|
nodes.push(node);
|
|
posts.push(new Post(node, this.thread, this.thread.board));
|
|
}
|
|
_ref = this.thread.posts;
|
|
for (i in _ref) {
|
|
post = _ref[i];
|
|
if (post.isDead) {
|
|
continue;
|
|
}
|
|
ID = post.ID;
|
|
if (-1 === index.indexOf(ID)) {
|
|
post.kill();
|
|
} else if (post.file && !post.file.isDead && -1 === image.indexOf(ID)) {
|
|
post.kill(true);
|
|
}
|
|
}
|
|
if (count) {
|
|
this.set('status', "+" + count);
|
|
this.status.className = 'new';
|
|
this.unsuccessfulFetchCount = 0;
|
|
} else {
|
|
this.set('status', null);
|
|
this.status.className = null;
|
|
this.unsuccessfulFetchCount++;
|
|
return;
|
|
}
|
|
this.lastPost = posts[count - 1].ID;
|
|
Main.callbackNodes(Post, posts);
|
|
scroll = this['Auto Scroll'] && this.scrollBG() && this.threadRoot.getBoundingClientRect().bottom - d.documentElement.clientHeight < 25;
|
|
$.add(this.threadRoot, nodes);
|
|
if (scroll) {
|
|
return nodes[0].scrollIntoView();
|
|
}
|
|
};
|
|
|
|
return _Class;
|
|
|
|
})()
|
|
};
|
|
|
|
Main.init();
|
|
|
|
}).call(this);
|