initial commit.
This commit is contained in:
James Campos
commit
5982069009
805
4chan_x/4chan_x.user.coffee
Normal file
805
4chan_x/4chan_x.user.coffee
Normal file
@ -0,0 +1,805 @@
|
||||
#todo: replace el.style.x with el.classname, remove close()?, make hiddenReplies/hiddenThreads local, comments, gc
|
||||
#todo: remove stupid 'obj', arr el, make hidden an object, smarter xhr, text(), @this, images, clear hidden
|
||||
#todo: watch - add board in updateWatcher?, redundant move divs?, redo css / hiding, manual clear
|
||||
|
||||
config: {
|
||||
'Thread Hiding': true,
|
||||
'Reply Hiding': true,
|
||||
'Show Stubs': true,
|
||||
'Thread Navigation': true,
|
||||
'Reply Navigation': true,
|
||||
'Thread Watcher': true,
|
||||
'Thread Expansion': true,
|
||||
'Comment Expansion': true,
|
||||
'Quick Reply': true,
|
||||
'Quick Report': true,
|
||||
'Auto Watch': true,
|
||||
'Anonymize': false,
|
||||
}
|
||||
getValue: (name) ->
|
||||
GM_getValue(name, config[name])
|
||||
x: (path, root) ->
|
||||
root ||= document.body
|
||||
document.
|
||||
evaluate(path, root, null, XPathResult.ANY_UNORDERED_NODE_TYPE, null).
|
||||
singleNodeValue
|
||||
$: (selector, root) ->
|
||||
root ||= document.body
|
||||
root.querySelector(selector)
|
||||
$$: (selector, root) ->
|
||||
root ||= document.body
|
||||
result: root.querySelectorAll(selector)
|
||||
#magic that turns the results object into an array:
|
||||
node for node in result
|
||||
inBefore: (root, el) ->
|
||||
root.parentNode.insertBefore(el, root)
|
||||
inAfter: (root, el) ->
|
||||
root.parentNode.insertBefore(el, root.nextSibling)
|
||||
tag: (el) ->
|
||||
document.createElement(el)
|
||||
hide: (el) ->
|
||||
el.style.display = 'none'
|
||||
show: (el) ->
|
||||
el.style.display = ''
|
||||
remove: (el) ->
|
||||
el.parentNode.removeChild(el)
|
||||
replace: (root, el) ->
|
||||
root.parentNode.replaceChild(el, root)
|
||||
getTime: ->
|
||||
Math.floor(new Date().getTime() / 1000)
|
||||
slice: (arr, id) ->
|
||||
# the while loop is the only low-level loop left in coffeescript.
|
||||
# we need to use it to see the index.
|
||||
i: 0
|
||||
l: arr.length
|
||||
while (i < l)
|
||||
if id == arr[i].id
|
||||
arr.splice(i, 1)
|
||||
return arr
|
||||
i++
|
||||
position: (el) ->
|
||||
id: el.id
|
||||
if left: GM_getValue("${id}Left", '0px')
|
||||
el.style.left: left
|
||||
else
|
||||
el.style.right: '0px'
|
||||
if top: GM_getValue("${id}Top", '0px')
|
||||
el.style.top: top
|
||||
else
|
||||
el.style.bottom: '0px'
|
||||
|
||||
|
||||
if typeof GM_deleteValue == 'undefined'
|
||||
this.GM_setValue: (name, value) ->
|
||||
value: (typeof value)[0] + value
|
||||
localStorage.setItem(name, value)
|
||||
|
||||
this.GM_getValue: (name, defaultValue) ->
|
||||
if not value: localStorage.getItem(name)
|
||||
return defaultValue
|
||||
type: value[0]
|
||||
value: value.substring(1)
|
||||
switch type
|
||||
when 'b'
|
||||
return value == 'true'
|
||||
when 'n'
|
||||
return Number(value)
|
||||
else
|
||||
return value
|
||||
|
||||
this.GM_addStyle: (css) ->
|
||||
style: tag('style')
|
||||
style.type: 'text/css'
|
||||
style.textContent: css
|
||||
$('head', document).appendChild(style)
|
||||
|
||||
watched: JSON.parse(GM_getValue('watched', '{}'))
|
||||
if location.hostname.split('.')[0] is 'sys'
|
||||
if b: $('table font b')
|
||||
GM_setValue('error', b.firstChild.textContent)
|
||||
else
|
||||
GM_setValue('error', '')
|
||||
if GM_getValue('Auto Watch')
|
||||
html: $('b').innerHTML
|
||||
[nop, thread, id]: html.match(/<!-- thread:(\d+),no:(\d+) -->/)
|
||||
if thread is '0'
|
||||
board: $('meta', document).content.match(/4chan.org\/(\w+)\//)[1]
|
||||
watched[board] ||= []
|
||||
watched[board].push({
|
||||
id: id,
|
||||
text: GM_getValue('autoText')
|
||||
})
|
||||
GM_setValue('watched', JSON.stringify(watched))
|
||||
return
|
||||
|
||||
[nop, BOARD, magic]: location.pathname.split('/')
|
||||
if magic is 'res'
|
||||
REPLY: magic
|
||||
else
|
||||
PAGENUM: parseInt(magic) || 0
|
||||
xhrs: []
|
||||
r: null
|
||||
head: $('head', document)
|
||||
iframeLoop: false
|
||||
move: { }
|
||||
callbacks: []
|
||||
#godammit moot
|
||||
head: $('head', document)
|
||||
if not favicon: $('link[rel="shortcut icon"]', head)#/f/
|
||||
favicon: tag('link')
|
||||
favicon.rel: 'shortcut icon'
|
||||
favicon.href: 'http://static.4chan.org/image/favicon.ico'
|
||||
head.appendChild(favicon)
|
||||
favNormal: favicon.href
|
||||
favEmpty: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANAgMAAADksrfsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QwBAyo7L002DQAAAAlQTFRF////AAAA29vbjEBkBAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAAN0lEQVQIHQXBwQmAUAwFsAjqXfAf7DRvGsFO05FNLEd0atR09PRYWQHAlptzPmo6ajqeeWPP5QdyaAtBXmCrgAAAAABJRU5ErkJggg=='
|
||||
|
||||
hiddenThreads: JSON.parse(GM_getValue('hiddenThreads', '[]'))
|
||||
hiddenReplies: JSON.parse(GM_getValue('hiddenReplies', '[]'))
|
||||
|
||||
lastChecked: GM_getValue('lastChecked', 0)
|
||||
now: getTime()
|
||||
day: 24 * 60 * 60
|
||||
if lastChecked < now - day
|
||||
cutoff: now - 7*day
|
||||
while hiddenThreads.length
|
||||
if hiddenThreads[0].timestamp > cutoff
|
||||
break
|
||||
hiddenThreads.shift()
|
||||
|
||||
while hiddenReplies.length
|
||||
if hiddenReplies[0].timestamp > cutoff
|
||||
break
|
||||
hiddenReplies.shift()
|
||||
|
||||
GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads))
|
||||
GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies))
|
||||
GM_setValue('lastChecked', now)
|
||||
|
||||
GM_addStyle('
|
||||
#watcher {
|
||||
position: absolute;
|
||||
border: 1px solid;
|
||||
}
|
||||
#watcher div.move {
|
||||
text-decoration: underline;
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
#watcher div:last-child {
|
||||
padding: 0 5px 5px 5px;
|
||||
}
|
||||
span.error {
|
||||
color: red;
|
||||
}
|
||||
#qr span.error {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
#qr {
|
||||
position: fixed;
|
||||
border: 1px solid;
|
||||
}
|
||||
#qr > div {
|
||||
text-align: right;
|
||||
}
|
||||
#qr > form > div {/* ad */
|
||||
display: none;
|
||||
}
|
||||
#qr tr:last-child {
|
||||
display: none;
|
||||
}
|
||||
#options {
|
||||
position: fixed;
|
||||
border: 1px solid;
|
||||
padding: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
span.navlinks {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
}
|
||||
span.navlinks > a {
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.move {
|
||||
cursor: move;
|
||||
}
|
||||
.pointer, #options label, #options a {
|
||||
cursor: pointer;
|
||||
}
|
||||
')
|
||||
|
||||
|
||||
options: ->
|
||||
if div: $('#options')
|
||||
remove(div)
|
||||
else
|
||||
div: tag('div')
|
||||
div.id: 'options'
|
||||
div.className: 'reply'
|
||||
position(div)
|
||||
html: '<div class="move">4chan X</div><div>'
|
||||
for option of config
|
||||
checked: if getValue(option) then "checked" else ""
|
||||
html += "<label>$option<input $checked name=\"$option\" type=\"checkbox\"></label><br>"
|
||||
html += '<a name="save">save</a> <a name="cancel">cancel</a></div>'
|
||||
div.innerHTML: html
|
||||
$('div', div).addEventListener('mousedown', mousedown, true)
|
||||
$('a[name="save"]', div).addEventListener('click', optionsSave, true)
|
||||
$('a[name="cancel"]', div).addEventListener('click', close, true)
|
||||
document.body.appendChild(div)
|
||||
|
||||
|
||||
mousedown: (e) ->
|
||||
div: this.parentNode
|
||||
move.div: div
|
||||
move.divX: div.offsetLeft
|
||||
move.divY: div.offsetTop
|
||||
move.clientX: e.clientX
|
||||
move.clientY: e.clientY
|
||||
move.bodyX: document.body.clientWidth
|
||||
move.bodyY: document.body.clientHeight
|
||||
window.addEventListener('mousemove', mousemove, true)
|
||||
window.addEventListener('mouseup', mouseup, true)
|
||||
|
||||
|
||||
mousemove: (e) ->
|
||||
div: move.div
|
||||
realX: move.divX + (e.clientX - move.clientX)# x + dx
|
||||
left: if realX < 20 then 0 else realX
|
||||
|
||||
if move.bodyX - div.offsetWidth - realX < 20
|
||||
div.style.left: ''
|
||||
div.style.right: '0px'
|
||||
else
|
||||
div.style.left: left + 'px'
|
||||
div.style.right: ''
|
||||
|
||||
realY: move.divY + (e.clientY - move.clientY)# y + dy
|
||||
top: if realY < 20 then 0 else realY
|
||||
|
||||
if move.bodyY - div.offsetHeight - realY < 20
|
||||
div.style.top: ''
|
||||
div.style.bottom: '0px'
|
||||
else
|
||||
div.style.top: top + 'px'
|
||||
div.style.bottom: ''
|
||||
|
||||
|
||||
mouseup: ->
|
||||
id: move.div.id
|
||||
GM_setValue("${id}Left", move.div.style.left)
|
||||
GM_setValue("${id}Top", move.div.style.top)
|
||||
window.removeEventListener('mousemove', mousemove, true)
|
||||
window.removeEventListener('mouseup', mouseup, true)
|
||||
|
||||
|
||||
showThread: ->
|
||||
div: this.nextSibling
|
||||
show(div)
|
||||
hide(this)
|
||||
id: div.id
|
||||
slice(hiddenThreads, id)
|
||||
GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads))
|
||||
|
||||
|
||||
hideThread: (div) ->
|
||||
if p: this.parentNode
|
||||
div: p
|
||||
hiddenThreads.push({
|
||||
id: div.id
|
||||
timestamp: getTime()
|
||||
})
|
||||
GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads))
|
||||
hide(div)
|
||||
if getValue('Show Stubs')
|
||||
show(div.previousSibling)
|
||||
else
|
||||
hide(div.nextSibling)
|
||||
|
||||
|
||||
threadF: (current) ->
|
||||
div: tag('div')
|
||||
a: tag('a')
|
||||
a.textContent: '[ - ]'
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', hideThread, true)
|
||||
div.appendChild(a)
|
||||
|
||||
inBefore(current, div)
|
||||
while (!current.clear)#<br clear>
|
||||
div.appendChild(current)
|
||||
current: div.nextSibling
|
||||
div.appendChild(current)
|
||||
current: div.nextSibling
|
||||
|
||||
a: tag('a')
|
||||
n: parseInt($('span.omittedposts', div)?.textContent) || 0
|
||||
n += $$('table', div).length
|
||||
text: if n is 1 then "1 reply" else "$n replies"
|
||||
name: $('span.postername', div).textContent
|
||||
a.textContent: "[ + ] $name ($text)"
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', showThread, true)
|
||||
hide(a)
|
||||
inBefore(div, a)
|
||||
|
||||
id: $('input', div).name
|
||||
div.id: id
|
||||
#check if we should hide the thread
|
||||
for hidden in hiddenThreads
|
||||
if id == hidden.id
|
||||
hideThread(div)
|
||||
|
||||
current: current.nextSibling.nextSibling
|
||||
if current.nodeName isnt 'CENTER'
|
||||
threadF(current)
|
||||
|
||||
|
||||
showReply: ->
|
||||
div: this.parentNode
|
||||
table: div.nextSibling
|
||||
show(table)
|
||||
remove(div)
|
||||
id: $('td.reply, td.replyhl', table).id
|
||||
slice(hiddenReplies, id)
|
||||
GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies))
|
||||
|
||||
|
||||
hideReply: (reply) ->
|
||||
if p: this.parentNode
|
||||
reply: p.nextSibling
|
||||
hiddenReplies.push({
|
||||
id: reply.id
|
||||
timestamp: getTime()
|
||||
})
|
||||
GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies))
|
||||
|
||||
name: $('span.commentpostername', reply).textContent
|
||||
table: x('ancestor::table', reply)
|
||||
hide(table)
|
||||
if getValue('Show Stubs')
|
||||
a: tag('a')
|
||||
a.textContent: "[ + ] $name"
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', showReply, true)
|
||||
div: tag('div')
|
||||
div.appendChild(a)
|
||||
inBefore(table, div)
|
||||
|
||||
|
||||
optionsSave: ->
|
||||
div: this.parentNode.parentNode
|
||||
inputs: $$('input', div)
|
||||
for input in inputs
|
||||
GM_setValue(input.name, input.checked)
|
||||
remove(div)
|
||||
|
||||
|
||||
close: ->
|
||||
div: this.parentNode.parentNode
|
||||
remove(div)
|
||||
|
||||
|
||||
iframeLoad: ->
|
||||
if iframeLoop: !iframeLoop
|
||||
return
|
||||
$('iframe').src: 'about:blank'
|
||||
|
||||
qr: $('#qr')
|
||||
if error: GM_getValue('error')
|
||||
$('form', qr).style.visibility: ''
|
||||
span: tag('span')
|
||||
span.textContent: error
|
||||
span.className: 'error'
|
||||
qr.appendChild(span)
|
||||
else
|
||||
remove(qr)
|
||||
|
||||
|
||||
submit: ->
|
||||
this.style.visibility: 'collapse'
|
||||
if span: this.nextSibling
|
||||
remove(span)
|
||||
|
||||
|
||||
minimize: ->
|
||||
form: this.parentNode.nextSibling
|
||||
if form.style.visibility
|
||||
form.style.visibility: ''
|
||||
else
|
||||
form.style.visibility: 'collapse'
|
||||
|
||||
|
||||
quickReply: (e) ->
|
||||
e.preventDefault()
|
||||
if !qr: $('#qr')
|
||||
qr: tag('div')
|
||||
qr.id: 'qr'
|
||||
qr.className: 'reply'
|
||||
position(qr)
|
||||
|
||||
div: tag('div')
|
||||
div.innerHTML: 'Quick Reply '
|
||||
div.className: 'move'
|
||||
div.addEventListener('mousedown', mousedown, true)
|
||||
qr.appendChild(div)
|
||||
|
||||
a: tag('a')
|
||||
a.textContent: '_'
|
||||
a.className: 'pointer'
|
||||
a.title: 'minimize'
|
||||
a.addEventListener('click', minimize, true)
|
||||
div.appendChild(a)
|
||||
div.appendChild(document.createTextNode(' '))
|
||||
a: tag('a')
|
||||
a.textContent: 'X'
|
||||
a.className: 'pointer'
|
||||
a.title: 'close'
|
||||
a.addEventListener('click', close, true)
|
||||
div.appendChild(a)
|
||||
|
||||
clone: $('form[name="post"]').cloneNode(true)
|
||||
clone.addEventListener('submit', submit, true)
|
||||
clone.target: 'iframe'
|
||||
if not REPLY
|
||||
input: tag('input')
|
||||
input.type: 'hidden'
|
||||
input.name: 'resto'
|
||||
xpath: 'preceding::span[@class="postername"][1]/preceding::input[1]'
|
||||
input.value: x(xpath, this).name
|
||||
clone.appendChild(input)
|
||||
qr.appendChild(clone)
|
||||
document.body.appendChild(qr)
|
||||
|
||||
textarea: $('textarea', qr)
|
||||
#goddamit moot
|
||||
textarea.value += '>>' + this.parentNode.id.match(/\d+$/)[0] + '\n'
|
||||
textarea.focus()
|
||||
|
||||
|
||||
watch: ->
|
||||
id: this.nextSibling.name
|
||||
if this.src[0] is 'd'#data:png
|
||||
this.src: favNormal
|
||||
text: "/$BOARD/ - " +
|
||||
x('following-sibling::blockquote', this).textContent.slice(0,25)
|
||||
watched[BOARD] ||= []
|
||||
watched[BOARD].push({
|
||||
id: id,
|
||||
text: text
|
||||
})
|
||||
else
|
||||
this.src: favEmpty
|
||||
watched[BOARD]: slice(watched[BOARD], id)
|
||||
|
||||
GM_setValue('watched', JSON.stringify(watched))
|
||||
watcherUpdate()
|
||||
|
||||
|
||||
watchX: ->
|
||||
[nop, board, nop, id]:
|
||||
this.nextElementSibling.getAttribute('href').split('/')
|
||||
watched[board]: slice(watched[board], id)
|
||||
GM_setValue('watched', JSON.stringify(watched))
|
||||
watcherUpdate()
|
||||
if input: $("input[name=\"$id\"]")
|
||||
img: input.previousSibling
|
||||
img.src: favEmpty
|
||||
|
||||
|
||||
watcherUpdate: ->
|
||||
div: tag('div')
|
||||
for board of watched
|
||||
for thread in watched[board]
|
||||
a: tag('a')
|
||||
a.textContent: 'X'
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', watchX, true)
|
||||
div.appendChild(a)
|
||||
div.appendChild(document.createTextNode(' '))
|
||||
a: tag('a')
|
||||
a.textContent: thread.text
|
||||
a.href: "/$board/res/${thread.id}"
|
||||
div.appendChild(a)
|
||||
div.appendChild(tag('br'))
|
||||
old: $('#watcher div:last-child')
|
||||
replace(old, div)
|
||||
|
||||
|
||||
parseResponse: (responseText) ->
|
||||
body: tag('body')
|
||||
body.innerHTML: responseText
|
||||
replies: $$('td.reply', body)
|
||||
opbq: $('blockquote', body)
|
||||
return [replies, opbq]
|
||||
|
||||
|
||||
onloadThread: (responseText, span) ->
|
||||
[replies, opbq]: parseResponse(responseText)
|
||||
span.textContent: span.textContent.replace('X Loading...', '- ')
|
||||
|
||||
#make sure all comments are fully expanded
|
||||
span.previousSibling.innerHTML: opbq.innerHTML
|
||||
while (next: span.nextSibling) and not next.clear#<br clear>
|
||||
remove(next)
|
||||
if next
|
||||
for reply in replies
|
||||
inBefore(next, x('ancestor::table', reply))
|
||||
else#threading
|
||||
div: span.parentNode
|
||||
for reply in replies
|
||||
div.appendChild(x('ancestor::table', reply))
|
||||
|
||||
|
||||
expandThread: ->
|
||||
id: x('preceding-sibling::input[1]', this).name
|
||||
span: this
|
||||
|
||||
#close expanded thread
|
||||
if span.textContent[0] is '-'
|
||||
#goddamit moot
|
||||
num: if board is 'b' then 3 else 5
|
||||
table: x("following::br[@clear][1]/preceding::table[$num]", span)
|
||||
while (prev: table.previousSibling) and (prev.nodeName is 'TABLE')
|
||||
remove(prev)
|
||||
span.textContent: span.textContent.replace('-', '+')
|
||||
return
|
||||
|
||||
span.textContent: span.textContent.replace('+', 'X Loading...')
|
||||
#load cache
|
||||
for xhr in xhrs
|
||||
if xhr.id == id
|
||||
#why can't we just xhr.r.onload()?
|
||||
onloadThread(xhr.r.responseText, span)
|
||||
return
|
||||
|
||||
#create new request
|
||||
r: new XMLHttpRequest()
|
||||
r.onload: ->
|
||||
onloadThread(this.responseText, span)
|
||||
r.open('GET', "res/$id", true)
|
||||
r.send()
|
||||
xhrs.push({
|
||||
r: r,
|
||||
id: id
|
||||
})
|
||||
|
||||
|
||||
onloadComment: (responseText, a, href) ->
|
||||
[nop, op, id]: href.match(/(\d+)#(\d+)/)
|
||||
[replies, opbq]: parseResponse(responseText)
|
||||
if id is op
|
||||
html: opbq.innerHTML
|
||||
else
|
||||
#css selectors don't like ids starting with numbers,
|
||||
# getElementById only works for root document.
|
||||
for reply in replies
|
||||
if reply.id == id
|
||||
html: $('blockquote', reply).innerHTML
|
||||
bq: x('ancestor::blockquote', a)
|
||||
bq.innerHTML: html
|
||||
|
||||
|
||||
expandComment: (e) ->
|
||||
e.preventDefault()
|
||||
a: this
|
||||
href: a.getAttribute('href')
|
||||
r: new XMLHttpRequest()
|
||||
r.onload: ->
|
||||
onloadComment(this.responseText, a, href)
|
||||
r.open('GET', href, true)
|
||||
r.send()
|
||||
xhrs.push({
|
||||
r: r,
|
||||
id: href.match(/\d+/)[0]
|
||||
})
|
||||
|
||||
|
||||
report: ->
|
||||
input: x('preceding-sibling::input', this)
|
||||
input.click()
|
||||
$('input[value="Report"]').click()
|
||||
input.click()
|
||||
|
||||
|
||||
nodeInserted: (e) ->
|
||||
target: e.target
|
||||
if target.nodeName is 'TABLE'
|
||||
for callback in callbacks
|
||||
callback(target)
|
||||
|
||||
|
||||
autoWatch: ->
|
||||
autoText: $('textarea', this).value.slice(0, 25)
|
||||
GM_setValue('autoText', "/$BOARD/ - $autoText")
|
||||
|
||||
|
||||
stopPropagation: (e) ->
|
||||
e.stopPropagation()
|
||||
|
||||
|
||||
replyNav: ->
|
||||
direction: if @textContent is '▲' then 'preceding' else 'following'
|
||||
op: x("$direction::span[starts-with(@id, 'nothread')][1]", this).id
|
||||
window.location: "#$op"
|
||||
|
||||
|
||||
if getValue('Reply Hiding')
|
||||
callbacks.push((root) ->
|
||||
tds: $$('td.doubledash', root)
|
||||
for td in tds
|
||||
a: tag('a')
|
||||
a.textContent: '[ - ]'
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', hideReply, true)
|
||||
replace(td.firstChild, a)
|
||||
|
||||
next: td.nextSibling
|
||||
id: next.id
|
||||
for obj in hiddenReplies
|
||||
if obj.id is id
|
||||
hideReply(next)
|
||||
)
|
||||
|
||||
if getValue('Quick Reply')
|
||||
iframe: tag('iframe')
|
||||
hide(iframe)
|
||||
iframe.name: 'iframe'
|
||||
iframe.addEventListener('load', iframeLoad, true)
|
||||
document.body.appendChild(iframe)
|
||||
|
||||
callbacks.push((root) ->
|
||||
quotes: $$('a.quotejs:not(:first-child)')
|
||||
for quote in quotes
|
||||
quote.addEventListener('click', quickReply, true)
|
||||
)
|
||||
|
||||
|
||||
if getValue('Quick Report')
|
||||
callbacks.push((root) ->
|
||||
arr: $$('span[id^=no]', root)
|
||||
for el in arr
|
||||
a: tag('a')
|
||||
a.textContent: '[ ! ]'
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', report, true)
|
||||
inAfter(el, a)
|
||||
inAfter(el, document.createTextNode(' '))
|
||||
)
|
||||
|
||||
if getValue('Thread Watcher')
|
||||
#create watcher
|
||||
watcher: tag('div')
|
||||
watcher.innerHTML: '<div class="move">Thread Watcher</div><div></div>'
|
||||
watcher.className: 'reply'
|
||||
watcher.id: 'watcher'
|
||||
position(watcher)
|
||||
$('div', watcher).addEventListener('mousedown', mousedown, true)
|
||||
document.body.appendChild(watcher)
|
||||
watcherUpdate()
|
||||
|
||||
#add buttons
|
||||
threads: watched[BOARD] || []
|
||||
#normal, threading
|
||||
inputs: $$('form > input[value="delete"], div > input[value="delete"]')
|
||||
for input in inputs
|
||||
img: tag('img')
|
||||
id: input.name
|
||||
for thread in threads
|
||||
if id == thread.id
|
||||
img.src: favNormal
|
||||
break
|
||||
img.src ||= favEmpty
|
||||
img.className: 'pointer'
|
||||
img.addEventListener('click', watch, true)
|
||||
inBefore(input, img)
|
||||
|
||||
if getValue('Anonymize')
|
||||
callbacks.push((root) ->
|
||||
names: $$('span.postername, span.commentpostername', root)
|
||||
for name in names
|
||||
name.innerHTML: 'Anonymous'
|
||||
trips: $$('span.postertrip', root)
|
||||
for trip in trips
|
||||
if trip.parentNode.nodeName is 'A'
|
||||
remove(trip.parentNode)
|
||||
else
|
||||
remove(trip)
|
||||
)
|
||||
|
||||
|
||||
if not REPLY
|
||||
if getValue('Thread Hiding')
|
||||
delform = $('form[name=delform]')
|
||||
document.addEventListener('DOMNodeInserted', stopPropagation, true)
|
||||
threadF(delform.firstChild)
|
||||
document.removeEventListener('DOMNodeInserted', stopPropagation, true)
|
||||
|
||||
if getValue('Auto Watch')
|
||||
$('form[name="post"]').addEventListener('submit', autoWatch, true)
|
||||
|
||||
if getValue('Thread Navigation')
|
||||
arr: $$('div > span.filesize, form > span.filesize')
|
||||
i: 0
|
||||
l: arr.length
|
||||
l1: l + 1
|
||||
#should this be a while loop?
|
||||
for el in arr
|
||||
up: tag('a')
|
||||
up.className: 'pointer'
|
||||
if i isnt 0
|
||||
up.textContent: '▲'
|
||||
up.href: "#$i"
|
||||
else if PAGENUM isnt 0
|
||||
up.textContent: '◀'
|
||||
up.href: "${PAGENUM - 1}"
|
||||
else
|
||||
up.textContent: '▲'
|
||||
up.href: "#navtop"
|
||||
|
||||
span: tag('span')
|
||||
span.className: 'navlinks'
|
||||
span.id: ++i
|
||||
i1: i + 1
|
||||
down: tag('a')
|
||||
down.className: 'pointer'
|
||||
span.appendChild(up)
|
||||
span.appendChild(document.createTextNode(' '))
|
||||
span.appendChild(down)
|
||||
if i1 == l1
|
||||
down.textContent: '▶'
|
||||
down.href: "${PAGENUM + 1}#1"
|
||||
else
|
||||
down.textContent: '▼'
|
||||
down.href: "#$i1"
|
||||
inBefore(el, span)
|
||||
if location.hash is '#1'
|
||||
window.location: window.location
|
||||
|
||||
if getValue('Reply Navigation')
|
||||
callbacks.push((root) ->
|
||||
arr: $$('span[id^=norep]', root)
|
||||
for el in arr
|
||||
span: tag('span')
|
||||
up: tag('a')
|
||||
up.textContent: '▲'
|
||||
up.className: 'pointer'
|
||||
up.addEventListener('click', replyNav, true)
|
||||
down: tag('a')
|
||||
down.textContent: '▼'
|
||||
down.className: 'pointer'
|
||||
down.addEventListener('click', replyNav, true)
|
||||
span.appendChild(document.createTextNode(' '))
|
||||
span.appendChild(up)
|
||||
span.appendChild(document.createTextNode(' '))
|
||||
span.appendChild(down)
|
||||
inAfter(el, span)
|
||||
)
|
||||
|
||||
if getValue('Thread Expansion')
|
||||
omitted: $$('span.omittedposts')
|
||||
for span in omitted
|
||||
a: tag('a')
|
||||
a.className: 'pointer'
|
||||
a.textContent: '+ ' + span.textContent
|
||||
a.addEventListener('click', expandThread, true)
|
||||
replace(span, a)
|
||||
|
||||
if getValue('Comment Expansion')
|
||||
as: $$('span.abbr a')
|
||||
for a in as
|
||||
a.addEventListener('click', expandComment, true)
|
||||
|
||||
a: tag('a')
|
||||
a.textContent: 'X'
|
||||
a.className: 'pointer'
|
||||
a.addEventListener('click', options, true)
|
||||
text: $('#navtopr a').nextSibling
|
||||
inBefore(text, document.createTextNode(' / '))
|
||||
inBefore(text, a)
|
||||
|
||||
for callback in callbacks
|
||||
callback()
|
||||
document.body.addEventListener('DOMNodeInserted', nodeInserted, true)
|
||||
935
4chan_x/4chan_x.user.js
Normal file
935
4chan_x/4chan_x.user.js
Normal file
@ -0,0 +1,935 @@
|
||||
(function(){
|
||||
var $, $$, BOARD, PAGENUM, REPLY, _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, a, arr, as, autoWatch, b, board, callback, callbacks, close, config, cutoff, day, delform, down, el, expandComment, expandThread, favEmpty, favNormal, favicon, getTime, getValue, head, hiddenReplies, hiddenThreads, hide, hideReply, hideThread, html, i, i1, id, iframe, iframeLoad, iframeLoop, img, inAfter, inBefore, input, inputs, l, l1, lastChecked, magic, minimize, mousedown, mousemove, mouseup, move, nodeInserted, nop, now, omitted, onloadComment, onloadThread, options, optionsSave, parseResponse, position, quickReply, r, remove, replace, replyNav, report, show, showReply, showThread, slice, span, stopPropagation, submit, tag, text, thread, threadF, threads, up, watch, watchX, watched, watcher, watcherUpdate, x, xhrs;
|
||||
var __hasProp = Object.prototype.hasOwnProperty;
|
||||
//todo: replace el.style.x with el.classname, remove close()?, make hiddenReplies/hiddenThreads local, comments, gc
|
||||
//todo: remove stupid 'obj', arr el, make hidden an object, smarter xhr, text(), @this, images, clear hidden
|
||||
//todo: watch - add board in updateWatcher?, redundant move divs?, redo css / hiding, manual clear
|
||||
config = {
|
||||
'Thread Hiding': true,
|
||||
'Reply Hiding': true,
|
||||
'Show Stubs': true,
|
||||
'Thread Navigation': true,
|
||||
'Reply Navigation': true,
|
||||
'Thread Watcher': true,
|
||||
'Thread Expansion': true,
|
||||
'Comment Expansion': true,
|
||||
'Quick Reply': true,
|
||||
'Quick Report': true,
|
||||
'Auto Watch': true,
|
||||
'Anonymize': false
|
||||
};
|
||||
getValue = function getValue(name) {
|
||||
return GM_getValue(name, config[name]);
|
||||
};
|
||||
x = function x(path, root) {
|
||||
root = root || document.body;
|
||||
return document.evaluate(path, root, null, XPathResult.ANY_UNORDERED_NODE_TYPE, null).singleNodeValue;
|
||||
};
|
||||
$ = function $(selector, root) {
|
||||
root = root || document.body;
|
||||
return root.querySelector(selector);
|
||||
};
|
||||
$$ = function $$(selector, root) {
|
||||
var _a, _b, _c, _d, node, result;
|
||||
root = root || document.body;
|
||||
result = root.querySelectorAll(selector);
|
||||
//magic that turns the results object into an array:
|
||||
_a = []; _c = result;
|
||||
for (_b = 0, _d = _c.length; _b < _d; _b++) {
|
||||
node = _c[_b];
|
||||
_a.push(node);
|
||||
}
|
||||
return _a;
|
||||
};
|
||||
inBefore = function inBefore(root, el) {
|
||||
return root.parentNode.insertBefore(el, root);
|
||||
};
|
||||
inAfter = function inAfter(root, el) {
|
||||
return root.parentNode.insertBefore(el, root.nextSibling);
|
||||
};
|
||||
tag = function tag(el) {
|
||||
return document.createElement(el);
|
||||
};
|
||||
hide = function hide(el) {
|
||||
el.style.display = 'none';
|
||||
return el.style.display;
|
||||
};
|
||||
show = function show(el) {
|
||||
el.style.display = '';
|
||||
return el.style.display;
|
||||
};
|
||||
remove = function remove(el) {
|
||||
return el.parentNode.removeChild(el);
|
||||
};
|
||||
replace = function replace(root, el) {
|
||||
return root.parentNode.replaceChild(el, root);
|
||||
};
|
||||
getTime = function getTime() {
|
||||
return Math.floor(new Date().getTime() / 1000);
|
||||
};
|
||||
slice = function slice(arr, id) {
|
||||
var i, l;
|
||||
// the while loop is the only low-level loop left in coffeescript.
|
||||
// we need to use it to see the index.
|
||||
i = 0;
|
||||
l = arr.length;
|
||||
while ((i < l)) {
|
||||
if (id === arr[i].id) {
|
||||
arr.splice(i, 1);
|
||||
return arr;
|
||||
}
|
||||
i++;
|
||||
}
|
||||
};
|
||||
position = function position(el) {
|
||||
var id, left, top;
|
||||
id = el.id;
|
||||
(left = GM_getValue(("" + (id) + "Left"), '0px')) ? (el.style.left = left) : (el.style.right = '0px');
|
||||
if ((top = GM_getValue(("" + (id) + "Top"), '0px'))) {
|
||||
el.style.top = top;
|
||||
return el.style.top;
|
||||
} else {
|
||||
el.style.bottom = '0px';
|
||||
return el.style.bottom;
|
||||
}
|
||||
};
|
||||
if (typeof GM_deleteValue === 'undefined') {
|
||||
this.GM_setValue = function GM_setValue(name, value) {
|
||||
value = (typeof value)[0] + value;
|
||||
return localStorage.setItem(name, value);
|
||||
};
|
||||
this.GM_getValue = function GM_getValue(name, defaultValue) {
|
||||
var type, value;
|
||||
if (!(value = localStorage.getItem(name))) {
|
||||
return defaultValue;
|
||||
}
|
||||
type = value[0];
|
||||
value = value.substring(1);
|
||||
if (type === 'b') {
|
||||
return value === 'true';
|
||||
} else if (type === 'n') {
|
||||
return Number(value);
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
};
|
||||
this.GM_addStyle = function GM_addStyle(css) {
|
||||
var style;
|
||||
style = tag('style');
|
||||
style.type = 'text/css';
|
||||
style.textContent = css;
|
||||
return $('head', document).appendChild(style);
|
||||
};
|
||||
}
|
||||
watched = JSON.parse(GM_getValue('watched', '{}'));
|
||||
if (location.hostname.split('.')[0] === 'sys') {
|
||||
if ((b = $('table font b'))) {
|
||||
GM_setValue('error', b.firstChild.textContent);
|
||||
} else {
|
||||
GM_setValue('error', '');
|
||||
if (GM_getValue('Auto Watch')) {
|
||||
html = $('b').innerHTML;
|
||||
_a = html.match(/<!-- thread:(\d+),no:(\d+) -->/);
|
||||
nop = _a[0];
|
||||
thread = _a[1];
|
||||
id = _a[2];
|
||||
if (thread === '0') {
|
||||
board = $('meta', document).content.match(/4chan.org\/(\w+)\//)[1];
|
||||
watched[board] = watched[board] || [];
|
||||
watched[board].push({
|
||||
id: id,
|
||||
text: GM_getValue('autoText')
|
||||
});
|
||||
GM_setValue('watched', JSON.stringify(watched));
|
||||
}
|
||||
}
|
||||
}
|
||||
return null;
|
||||
}
|
||||
_b = location.pathname.split('/');
|
||||
nop = _b[0];
|
||||
BOARD = _b[1];
|
||||
magic = _b[2];
|
||||
magic === 'res' ? (REPLY = magic) : (PAGENUM = parseInt(magic) || 0);
|
||||
xhrs = [];
|
||||
r = null;
|
||||
head = $('head', document);
|
||||
iframeLoop = false;
|
||||
move = {};
|
||||
callbacks = [];
|
||||
//godammit moot
|
||||
head = $('head', document);
|
||||
if (!(favicon = $('link[rel="shortcut icon"]', head))) {
|
||||
///f/
|
||||
favicon = tag('link');
|
||||
favicon.rel = 'shortcut icon';
|
||||
favicon.href = 'http://static.4chan.org/image/favicon.ico';
|
||||
head.appendChild(favicon);
|
||||
}
|
||||
favNormal = favicon.href;
|
||||
favEmpty = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANAgMAAADksrfsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QwBAyo7L002DQAAAAlQTFRF////AAAA29vbjEBkBAAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAAN0lEQVQIHQXBwQmAUAwFsAjqXfAf7DRvGsFO05FNLEd0atR09PRYWQHAlptzPmo6ajqeeWPP5QdyaAtBXmCrgAAAAABJRU5ErkJggg==';
|
||||
hiddenThreads = JSON.parse(GM_getValue('hiddenThreads', '[]'));
|
||||
hiddenReplies = JSON.parse(GM_getValue('hiddenReplies', '[]'));
|
||||
lastChecked = GM_getValue('lastChecked', 0);
|
||||
now = getTime();
|
||||
day = 24 * 60 * 60;
|
||||
if (lastChecked < now - day) {
|
||||
cutoff = now - 7 * day;
|
||||
while (hiddenThreads.length) {
|
||||
if (hiddenThreads[0].timestamp > cutoff) {
|
||||
break;
|
||||
}
|
||||
hiddenThreads.shift();
|
||||
}
|
||||
while (hiddenReplies.length) {
|
||||
if (hiddenReplies[0].timestamp > cutoff) {
|
||||
break;
|
||||
}
|
||||
hiddenReplies.shift();
|
||||
}
|
||||
GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads));
|
||||
GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies));
|
||||
GM_setValue('lastChecked', now);
|
||||
}
|
||||
GM_addStyle(' \
|
||||
#watcher { \
|
||||
position: absolute; \
|
||||
border: 1px solid; \
|
||||
} \
|
||||
#watcher div.move { \
|
||||
text-decoration: underline; \
|
||||
padding: 5px 5px 0 5px; \
|
||||
} \
|
||||
#watcher div:last-child { \
|
||||
padding: 0 5px 5px 5px; \
|
||||
} \
|
||||
span.error { \
|
||||
color: red; \
|
||||
} \
|
||||
#qr span.error { \
|
||||
position: absolute; \
|
||||
bottom: 0; \
|
||||
left: 0; \
|
||||
} \
|
||||
#qr { \
|
||||
position: fixed; \
|
||||
border: 1px solid; \
|
||||
} \
|
||||
#qr > div { \
|
||||
text-align: right; \
|
||||
} \
|
||||
#qr > form > div {/* ad */ \
|
||||
display: none; \
|
||||
} \
|
||||
#qr tr:last-child { \
|
||||
display: none; \
|
||||
} \
|
||||
#options { \
|
||||
position: fixed; \
|
||||
border: 1px solid; \
|
||||
padding: 5px; \
|
||||
text-align: right; \
|
||||
} \
|
||||
span.navlinks { \
|
||||
position: absolute; \
|
||||
right: 5px; \
|
||||
} \
|
||||
span.navlinks > a { \
|
||||
font-size: 16px; \
|
||||
text-decoration: none; \
|
||||
} \
|
||||
.move { \
|
||||
cursor: move; \
|
||||
} \
|
||||
.pointer, #options label, #options a { \
|
||||
cursor: pointer; \
|
||||
} \
|
||||
');
|
||||
options = function options() {
|
||||
var _c, checked, div, option;
|
||||
if ((div = $('#options'))) {
|
||||
return remove(div);
|
||||
} else {
|
||||
div = tag('div');
|
||||
div.id = 'options';
|
||||
div.className = 'reply';
|
||||
position(div);
|
||||
html = '<div class="move">4chan X</div><div>';
|
||||
_c = config;
|
||||
for (option in _c) { if (__hasProp.call(_c, option)) {
|
||||
checked = getValue(option) ? "checked" : "";
|
||||
html += ("<label>" + option + "<input " + checked + " name=\"" + option + "\" type=\"checkbox\"></label><br>");
|
||||
}}
|
||||
html += '<a name="save">save</a> <a name="cancel">cancel</a></div>';
|
||||
div.innerHTML = html;
|
||||
$('div', div).addEventListener('mousedown', mousedown, true);
|
||||
$('a[name="save"]', div).addEventListener('click', optionsSave, true);
|
||||
$('a[name="cancel"]', div).addEventListener('click', close, true);
|
||||
return document.body.appendChild(div);
|
||||
}
|
||||
};
|
||||
mousedown = function mousedown(e) {
|
||||
var div;
|
||||
div = this.parentNode;
|
||||
move.div = div;
|
||||
move.divX = div.offsetLeft;
|
||||
move.divY = div.offsetTop;
|
||||
move.clientX = e.clientX;
|
||||
move.clientY = e.clientY;
|
||||
move.bodyX = document.body.clientWidth;
|
||||
move.bodyY = document.body.clientHeight;
|
||||
window.addEventListener('mousemove', mousemove, true);
|
||||
return window.addEventListener('mouseup', mouseup, true);
|
||||
};
|
||||
mousemove = function mousemove(e) {
|
||||
var div, left, realX, realY, top;
|
||||
div = move.div;
|
||||
realX = move.divX + (e.clientX - move.clientX);
|
||||
// x + dx
|
||||
left = realX < 20 ? 0 : realX;
|
||||
if (move.bodyX - div.offsetWidth - realX < 20) {
|
||||
div.style.left = '';
|
||||
div.style.right = '0px';
|
||||
} else {
|
||||
div.style.left = left + 'px';
|
||||
div.style.right = '';
|
||||
}
|
||||
realY = move.divY + (e.clientY - move.clientY);
|
||||
// y + dy
|
||||
top = realY < 20 ? 0 : realY;
|
||||
if (move.bodyY - div.offsetHeight - realY < 20) {
|
||||
div.style.top = '';
|
||||
div.style.bottom = '0px';
|
||||
return div.style.bottom;
|
||||
} else {
|
||||
div.style.top = top + 'px';
|
||||
div.style.bottom = '';
|
||||
return div.style.bottom;
|
||||
}
|
||||
};
|
||||
mouseup = function mouseup() {
|
||||
id = move.div.id;
|
||||
GM_setValue(("" + (id) + "Left"), move.div.style.left);
|
||||
GM_setValue(("" + (id) + "Top"), move.div.style.top);
|
||||
window.removeEventListener('mousemove', mousemove, true);
|
||||
return window.removeEventListener('mouseup', mouseup, true);
|
||||
};
|
||||
showThread = function showThread() {
|
||||
var div;
|
||||
div = this.nextSibling;
|
||||
show(div);
|
||||
hide(this);
|
||||
id = div.id;
|
||||
slice(hiddenThreads, id);
|
||||
return GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads));
|
||||
};
|
||||
hideThread = function hideThread(div) {
|
||||
var p;
|
||||
if ((p = this.parentNode)) {
|
||||
div = p;
|
||||
hiddenThreads.push({
|
||||
id: div.id,
|
||||
timestamp: getTime()
|
||||
});
|
||||
GM_setValue('hiddenThreads', JSON.stringify(hiddenThreads));
|
||||
}
|
||||
hide(div);
|
||||
if (getValue('Show Stubs')) {
|
||||
return show(div.previousSibling);
|
||||
} else {
|
||||
return hide(div.nextSibling);
|
||||
}
|
||||
};
|
||||
threadF = function threadF(current) {
|
||||
var _c, _d, _e, _f, a, div, hidden, n, name, text;
|
||||
div = tag('div');
|
||||
a = tag('a');
|
||||
a.textContent = '[ - ]';
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', hideThread, true);
|
||||
div.appendChild(a);
|
||||
inBefore(current, div);
|
||||
while ((!current.clear)) {
|
||||
//<br clear>
|
||||
div.appendChild(current);
|
||||
current = div.nextSibling;
|
||||
}
|
||||
div.appendChild(current);
|
||||
current = div.nextSibling;
|
||||
a = tag('a');
|
||||
n = parseInt((_c = $('span.omittedposts', div)) == undefined ? undefined : _c.textContent) || 0;
|
||||
n += $$('table', div).length;
|
||||
text = n === 1 ? "1 reply" : ("" + n + " replies");
|
||||
name = $('span.postername', div).textContent;
|
||||
a.textContent = ("[ + ] " + name + " (" + text + ")");
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', showThread, true);
|
||||
hide(a);
|
||||
inBefore(div, a);
|
||||
id = $('input', div).name;
|
||||
div.id = id;
|
||||
//check if we should hide the thread
|
||||
_e = hiddenThreads;
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
hidden = _e[_d];
|
||||
id === hidden.id ? hideThread(div) : null;
|
||||
}
|
||||
current = current.nextSibling.nextSibling;
|
||||
if (current.nodeName !== 'CENTER') {
|
||||
return threadF(current);
|
||||
}
|
||||
};
|
||||
showReply = function showReply() {
|
||||
var div, table;
|
||||
div = this.parentNode;
|
||||
table = div.nextSibling;
|
||||
show(table);
|
||||
remove(div);
|
||||
id = $('td.reply, td.replyhl', table).id;
|
||||
slice(hiddenReplies, id);
|
||||
return GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies));
|
||||
};
|
||||
hideReply = function hideReply(reply) {
|
||||
var a, div, name, p, table;
|
||||
if ((p = this.parentNode)) {
|
||||
reply = p.nextSibling;
|
||||
hiddenReplies.push({
|
||||
id: reply.id,
|
||||
timestamp: getTime()
|
||||
});
|
||||
GM_setValue('hiddenReplies', JSON.stringify(hiddenReplies));
|
||||
}
|
||||
name = $('span.commentpostername', reply).textContent;
|
||||
table = x('ancestor::table', reply);
|
||||
hide(table);
|
||||
if (getValue('Show Stubs')) {
|
||||
a = tag('a');
|
||||
a.textContent = ("[ + ] " + name);
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', showReply, true);
|
||||
div = tag('div');
|
||||
div.appendChild(a);
|
||||
return inBefore(table, div);
|
||||
}
|
||||
};
|
||||
optionsSave = function optionsSave() {
|
||||
var _c, _d, _e, div, input, inputs;
|
||||
div = this.parentNode.parentNode;
|
||||
inputs = $$('input', div);
|
||||
_d = inputs;
|
||||
for (_c = 0, _e = _d.length; _c < _e; _c++) {
|
||||
input = _d[_c];
|
||||
GM_setValue(input.name, input.checked);
|
||||
}
|
||||
return remove(div);
|
||||
};
|
||||
close = function close() {
|
||||
var div;
|
||||
div = this.parentNode.parentNode;
|
||||
return remove(div);
|
||||
};
|
||||
iframeLoad = function iframeLoad() {
|
||||
var error, qr, span;
|
||||
if ((iframeLoop = !iframeLoop)) {
|
||||
return null;
|
||||
}
|
||||
$('iframe').src = 'about:blank';
|
||||
qr = $('#qr');
|
||||
if ((error = GM_getValue('error'))) {
|
||||
$('form', qr).style.visibility = '';
|
||||
span = tag('span');
|
||||
span.textContent = error;
|
||||
span.className = 'error';
|
||||
return qr.appendChild(span);
|
||||
} else {
|
||||
return remove(qr);
|
||||
}
|
||||
};
|
||||
submit = function submit() {
|
||||
var span;
|
||||
this.style.visibility = 'collapse';
|
||||
if ((span = this.nextSibling)) {
|
||||
return remove(span);
|
||||
}
|
||||
};
|
||||
minimize = function minimize() {
|
||||
var form;
|
||||
form = this.parentNode.nextSibling;
|
||||
if (form.style.visibility) {
|
||||
form.style.visibility = '';
|
||||
return form.style.visibility;
|
||||
} else {
|
||||
form.style.visibility = 'collapse';
|
||||
return form.style.visibility;
|
||||
}
|
||||
};
|
||||
quickReply = function quickReply(e) {
|
||||
var a, clone, div, input, qr, textarea, xpath;
|
||||
e.preventDefault();
|
||||
if (!(qr = $('#qr'))) {
|
||||
qr = tag('div');
|
||||
qr.id = 'qr';
|
||||
qr.className = 'reply';
|
||||
position(qr);
|
||||
div = tag('div');
|
||||
div.innerHTML = 'Quick Reply ';
|
||||
div.className = 'move';
|
||||
div.addEventListener('mousedown', mousedown, true);
|
||||
qr.appendChild(div);
|
||||
a = tag('a');
|
||||
a.textContent = '_';
|
||||
a.className = 'pointer';
|
||||
a.title = 'minimize';
|
||||
a.addEventListener('click', minimize, true);
|
||||
div.appendChild(a);
|
||||
div.appendChild(document.createTextNode(' '));
|
||||
a = tag('a');
|
||||
a.textContent = 'X';
|
||||
a.className = 'pointer';
|
||||
a.title = 'close';
|
||||
a.addEventListener('click', close, true);
|
||||
div.appendChild(a);
|
||||
clone = $('form[name="post"]').cloneNode(true);
|
||||
clone.addEventListener('submit', submit, true);
|
||||
clone.target = 'iframe';
|
||||
if (!REPLY) {
|
||||
input = tag('input');
|
||||
input.type = 'hidden';
|
||||
input.name = 'resto';
|
||||
xpath = 'preceding::span[@class="postername"][1]/preceding::input[1]';
|
||||
input.value = x(xpath, this).name;
|
||||
clone.appendChild(input);
|
||||
}
|
||||
qr.appendChild(clone);
|
||||
document.body.appendChild(qr);
|
||||
}
|
||||
textarea = $('textarea', qr);
|
||||
//goddamit moot
|
||||
textarea.value += '>>' + this.parentNode.id.match(/\d+$/)[0] + '\n';
|
||||
return textarea.focus();
|
||||
};
|
||||
watch = function watch() {
|
||||
var text;
|
||||
id = this.nextSibling.name;
|
||||
if (this.src[0] === 'd') {
|
||||
//data:png
|
||||
this.src = favNormal;
|
||||
text = ("/" + BOARD + "/ - ") + x('following-sibling::blockquote', this).textContent.slice(0, 25);
|
||||
watched[BOARD] = watched[BOARD] || [];
|
||||
watched[BOARD].push({
|
||||
id: id,
|
||||
text: text
|
||||
});
|
||||
} else {
|
||||
this.src = favEmpty;
|
||||
watched[BOARD] = slice(watched[BOARD], id);
|
||||
}
|
||||
GM_setValue('watched', JSON.stringify(watched));
|
||||
return watcherUpdate();
|
||||
};
|
||||
watchX = function watchX() {
|
||||
var _c, img, input;
|
||||
_c = this.nextElementSibling.getAttribute('href').split('/');
|
||||
nop = _c[0];
|
||||
board = _c[1];
|
||||
nop = _c[2];
|
||||
id = _c[3];
|
||||
watched[board] = slice(watched[board], id);
|
||||
GM_setValue('watched', JSON.stringify(watched));
|
||||
watcherUpdate();
|
||||
if ((input = $(("input[name=\"" + id + "\"]")))) {
|
||||
img = input.previousSibling;
|
||||
img.src = favEmpty;
|
||||
return img.src;
|
||||
}
|
||||
};
|
||||
watcherUpdate = function watcherUpdate() {
|
||||
var _c, _d, _e, _f, a, div, old;
|
||||
div = tag('div');
|
||||
_c = watched;
|
||||
for (board in _c) { if (__hasProp.call(_c, board)) {
|
||||
_e = watched[board];
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
thread = _e[_d];
|
||||
a = tag('a');
|
||||
a.textContent = 'X';
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', watchX, true);
|
||||
div.appendChild(a);
|
||||
div.appendChild(document.createTextNode(' '));
|
||||
a = tag('a');
|
||||
a.textContent = thread.text;
|
||||
a.href = ("/" + board + "/res/" + (thread.id));
|
||||
div.appendChild(a);
|
||||
div.appendChild(tag('br'));
|
||||
}
|
||||
}}
|
||||
old = $('#watcher div:last-child');
|
||||
return replace(old, div);
|
||||
};
|
||||
parseResponse = function parseResponse(responseText) {
|
||||
var body, opbq, replies;
|
||||
body = tag('body');
|
||||
body.innerHTML = responseText;
|
||||
replies = $$('td.reply', body);
|
||||
opbq = $('blockquote', body);
|
||||
return [replies, opbq];
|
||||
};
|
||||
onloadThread = function onloadThread(responseText, span) {
|
||||
var _c, _d, _e, _f, _g, _h, _i, _j, _k, div, next, opbq, replies, reply;
|
||||
_c = parseResponse(responseText);
|
||||
replies = _c[0];
|
||||
opbq = _c[1];
|
||||
span.textContent = span.textContent.replace('X Loading...', '- ');
|
||||
//make sure all comments are fully expanded
|
||||
span.previousSibling.innerHTML = opbq.innerHTML;
|
||||
while ((next = span.nextSibling) && !next.clear) {
|
||||
//<br clear>
|
||||
remove(next);
|
||||
}
|
||||
if (next) {
|
||||
_d = []; _f = replies;
|
||||
for (_e = 0, _g = _f.length; _e < _g; _e++) {
|
||||
reply = _f[_e];
|
||||
_d.push(inBefore(next, x('ancestor::table', reply)));
|
||||
}
|
||||
return _d;
|
||||
} else {
|
||||
//threading
|
||||
div = span.parentNode;
|
||||
_h = []; _j = replies;
|
||||
for (_i = 0, _k = _j.length; _i < _k; _i++) {
|
||||
reply = _j[_i];
|
||||
_h.push(div.appendChild(x('ancestor::table', reply)));
|
||||
}
|
||||
return _h;
|
||||
}
|
||||
};
|
||||
expandThread = function expandThread() {
|
||||
var _c, _d, _e, num, prev, span, table, xhr;
|
||||
id = x('preceding-sibling::input[1]', this).name;
|
||||
span = this;
|
||||
//close expanded thread
|
||||
if (span.textContent[0] === '-') {
|
||||
//goddamit moot
|
||||
num = board === 'b' ? 3 : 5;
|
||||
table = x(("following::br[@clear][1]/preceding::table[" + num + "]"), span);
|
||||
while ((prev = table.previousSibling) && (prev.nodeName === 'TABLE')) {
|
||||
remove(prev);
|
||||
}
|
||||
span.textContent = span.textContent.replace('-', '+');
|
||||
return null;
|
||||
}
|
||||
span.textContent = span.textContent.replace('+', 'X Loading...');
|
||||
//load cache
|
||||
_d = xhrs;
|
||||
for (_c = 0, _e = _d.length; _c < _e; _c++) {
|
||||
xhr = _d[_c];
|
||||
if (xhr.id === id) {
|
||||
//why can't we just xhr.r.onload()?
|
||||
onloadThread(xhr.r.responseText, span);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
//create new request
|
||||
r = new XMLHttpRequest();
|
||||
r.onload = function onload() {
|
||||
return onloadThread(this.responseText, span);
|
||||
};
|
||||
r.open('GET', ("res/" + id), true);
|
||||
r.send();
|
||||
return xhrs.push({
|
||||
r: r,
|
||||
id: id
|
||||
});
|
||||
};
|
||||
onloadComment = function onloadComment(responseText, a, href) {
|
||||
var _c, _d, _e, _f, _g, bq, op, opbq, replies, reply;
|
||||
_c = href.match(/(\d+)#(\d+)/);
|
||||
nop = _c[0];
|
||||
op = _c[1];
|
||||
id = _c[2];
|
||||
_d = parseResponse(responseText);
|
||||
replies = _d[0];
|
||||
opbq = _d[1];
|
||||
if (id === op) {
|
||||
html = opbq.innerHTML;
|
||||
} else {
|
||||
//css selectors don't like ids starting with numbers,
|
||||
// getElementById only works for root document.
|
||||
_f = replies;
|
||||
for (_e = 0, _g = _f.length; _e < _g; _e++) {
|
||||
reply = _f[_e];
|
||||
reply.id === id ? (html = $('blockquote', reply).innerHTML) : null;
|
||||
}
|
||||
}
|
||||
bq = x('ancestor::blockquote', a);
|
||||
bq.innerHTML = html;
|
||||
return bq.innerHTML;
|
||||
};
|
||||
expandComment = function expandComment(e) {
|
||||
var a, href;
|
||||
e.preventDefault();
|
||||
a = this;
|
||||
href = a.getAttribute('href');
|
||||
r = new XMLHttpRequest();
|
||||
r.onload = function onload() {
|
||||
return onloadComment(this.responseText, a, href);
|
||||
};
|
||||
r.open('GET', href, true);
|
||||
r.send();
|
||||
return xhrs.push({
|
||||
r: r,
|
||||
id: href.match(/\d+/)[0]
|
||||
});
|
||||
};
|
||||
report = function report() {
|
||||
var input;
|
||||
input = x('preceding-sibling::input', this);
|
||||
input.click();
|
||||
$('input[value="Report"]').click();
|
||||
return input.click();
|
||||
};
|
||||
nodeInserted = function nodeInserted(e) {
|
||||
var _c, _d, _e, _f, callback, target;
|
||||
target = e.target;
|
||||
if (target.nodeName === 'TABLE') {
|
||||
_c = []; _e = callbacks;
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
callback = _e[_d];
|
||||
_c.push(callback(target));
|
||||
}
|
||||
return _c;
|
||||
}
|
||||
};
|
||||
autoWatch = function autoWatch() {
|
||||
var autoText;
|
||||
autoText = $('textarea', this).value.slice(0, 25);
|
||||
return GM_setValue('autoText', ("/" + BOARD + "/ - " + autoText));
|
||||
};
|
||||
stopPropagation = function stopPropagation(e) {
|
||||
return e.stopPropagation();
|
||||
};
|
||||
replyNav = function replyNav() {
|
||||
var direction, op;
|
||||
direction = this.textContent === '▲' ? 'preceding' : 'following';
|
||||
op = x(("" + direction + "::span[starts-with(@id, 'nothread')][1]"), this).id;
|
||||
window.location = ("#" + op);
|
||||
return window.location;
|
||||
};
|
||||
getValue('Reply Hiding') ? callbacks.push(function(root) {
|
||||
var _c, _d, _e, _f, _g, _h, _i, _j, a, next, obj, td, tds;
|
||||
tds = $$('td.doubledash', root);
|
||||
_c = []; _e = tds;
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
td = _e[_d];
|
||||
_c.push((function() {
|
||||
a = tag('a');
|
||||
a.textContent = '[ - ]';
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', hideReply, true);
|
||||
replace(td.firstChild, a);
|
||||
next = td.nextSibling;
|
||||
id = next.id;
|
||||
_g = []; _i = hiddenReplies;
|
||||
for (_h = 0, _j = _i.length; _h < _j; _h++) {
|
||||
obj = _i[_h];
|
||||
_g.push(obj.id === id ? hideReply(next) : null);
|
||||
}
|
||||
return _g;
|
||||
})());
|
||||
}
|
||||
return _c;
|
||||
}) : null;
|
||||
if (getValue('Quick Reply')) {
|
||||
iframe = tag('iframe');
|
||||
hide(iframe);
|
||||
iframe.name = 'iframe';
|
||||
iframe.addEventListener('load', iframeLoad, true);
|
||||
document.body.appendChild(iframe);
|
||||
callbacks.push(function(root) {
|
||||
var _c, _d, _e, _f, quote, quotes;
|
||||
quotes = $$('a.quotejs:not(:first-child)');
|
||||
_c = []; _e = quotes;
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
quote = _e[_d];
|
||||
_c.push(quote.addEventListener('click', quickReply, true));
|
||||
}
|
||||
return _c;
|
||||
});
|
||||
}
|
||||
getValue('Quick Report') ? callbacks.push(function(root) {
|
||||
var _c, _d, _e, _f, a, arr, el;
|
||||
arr = $$('span[id^=no]', root);
|
||||
_c = []; _e = arr;
|
||||
for (_d = 0, _f = _e.length; _d < _f; _d++) {
|
||||
el = _e[_d];
|
||||
_c.push((function() {
|
||||
a = tag('a');
|
||||
a.textContent = '[ ! ]';
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', report, true);
|
||||
inAfter(el, a);
|
||||
return inAfter(el, document.createTextNode(' '));
|
||||
})());
|
||||
}
|
||||
return _c;
|
||||
}) : null;
|
||||
if (getValue('Thread Watcher')) {
|
||||
//create watcher
|
||||
watcher = tag('div');
|
||||
watcher.innerHTML = '<div class="move">Thread Watcher</div><div></div>';
|
||||
watcher.className = 'reply';
|
||||
watcher.id = 'watcher';
|
||||
position(watcher);
|
||||
$('div', watcher).addEventListener('mousedown', mousedown, true);
|
||||
document.body.appendChild(watcher);
|
||||
watcherUpdate();
|
||||
//add buttons
|
||||
threads = watched[BOARD] || [];
|
||||
//normal, threading
|
||||
inputs = $$('form > input[value="delete"], div > input[value="delete"]');
|
||||
_d = inputs;
|
||||
for (_c = 0, _e = _d.length; _c < _e; _c++) {
|
||||
input = _d[_c];
|
||||
img = tag('img');
|
||||
id = input.name;
|
||||
_g = threads;
|
||||
for (_f = 0, _h = _g.length; _f < _h; _f++) {
|
||||
thread = _g[_f];
|
||||
if (id === thread.id) {
|
||||
img.src = favNormal;
|
||||
break;
|
||||
}
|
||||
}
|
||||
img.src = img.src || favEmpty;
|
||||
img.className = 'pointer';
|
||||
img.addEventListener('click', watch, true);
|
||||
inBefore(input, img);
|
||||
}
|
||||
}
|
||||
getValue('Anonymize') ? callbacks.push(function(root) {
|
||||
var _i, _j, _k, _l, _m, _n, _o, name, names, trip, trips;
|
||||
names = $$('span.postername, span.commentpostername', root);
|
||||
_j = names;
|
||||
for (_i = 0, _k = _j.length; _i < _k; _i++) {
|
||||
name = _j[_i];
|
||||
name.innerHTML = 'Anonymous';
|
||||
}
|
||||
trips = $$('span.postertrip', root);
|
||||
_l = []; _n = trips;
|
||||
for (_m = 0, _o = _n.length; _m < _o; _m++) {
|
||||
trip = _n[_m];
|
||||
_l.push(trip.parentNode.nodeName === 'A' ? remove(trip.parentNode) : remove(trip));
|
||||
}
|
||||
return _l;
|
||||
}) : null;
|
||||
if (!REPLY) {
|
||||
if (getValue('Thread Hiding')) {
|
||||
delform = $('form[name=delform]');
|
||||
document.addEventListener('DOMNodeInserted', stopPropagation, true);
|
||||
threadF(delform.firstChild);
|
||||
document.removeEventListener('DOMNodeInserted', stopPropagation, true);
|
||||
}
|
||||
getValue('Auto Watch') ? $('form[name="post"]').addEventListener('submit', autoWatch, true) : null;
|
||||
if (getValue('Thread Navigation')) {
|
||||
arr = $$('div > span.filesize, form > span.filesize');
|
||||
i = 0;
|
||||
l = arr.length;
|
||||
l1 = l + 1;
|
||||
//should this be a while loop?
|
||||
_j = arr;
|
||||
for (_i = 0, _k = _j.length; _i < _k; _i++) {
|
||||
el = _j[_i];
|
||||
up = tag('a');
|
||||
up.className = 'pointer';
|
||||
if (i !== 0) {
|
||||
up.textContent = '▲';
|
||||
up.href = ("#" + i);
|
||||
} else if (PAGENUM !== 0) {
|
||||
up.textContent = '◀';
|
||||
up.href = ("" + (PAGENUM - 1));
|
||||
} else {
|
||||
up.textContent = '▲';
|
||||
up.href = "#navtop";
|
||||
}
|
||||
span = tag('span');
|
||||
span.className = 'navlinks';
|
||||
span.id = ++i;
|
||||
i1 = i + 1;
|
||||
down = tag('a');
|
||||
down.className = 'pointer';
|
||||
span.appendChild(up);
|
||||
span.appendChild(document.createTextNode(' '));
|
||||
span.appendChild(down);
|
||||
if (i1 === l1) {
|
||||
down.textContent = '▶';
|
||||
down.href = ("" + (PAGENUM + 1) + "#1");
|
||||
} else {
|
||||
down.textContent = '▼';
|
||||
down.href = ("#" + i1);
|
||||
}
|
||||
inBefore(el, span);
|
||||
}
|
||||
location.hash === '#1' ? (window.location = window.location) : null;
|
||||
}
|
||||
getValue('Reply Navigation') ? callbacks.push(function(root) {
|
||||
var _l, _m, _n, _o;
|
||||
arr = $$('span[id^=norep]', root);
|
||||
_l = []; _n = arr;
|
||||
for (_m = 0, _o = _n.length; _m < _o; _m++) {
|
||||
el = _n[_m];
|
||||
_l.push((function() {
|
||||
span = tag('span');
|
||||
up = tag('a');
|
||||
up.textContent = '▲';
|
||||
up.className = 'pointer';
|
||||
up.addEventListener('click', replyNav, true);
|
||||
down = tag('a');
|
||||
down.textContent = '▼';
|
||||
down.className = 'pointer';
|
||||
down.addEventListener('click', replyNav, true);
|
||||
span.appendChild(document.createTextNode(' '));
|
||||
span.appendChild(up);
|
||||
span.appendChild(document.createTextNode(' '));
|
||||
span.appendChild(down);
|
||||
return inAfter(el, span);
|
||||
})());
|
||||
}
|
||||
return _l;
|
||||
}) : null;
|
||||
if (getValue('Thread Expansion')) {
|
||||
omitted = $$('span.omittedposts');
|
||||
_m = omitted;
|
||||
for (_l = 0, _n = _m.length; _l < _n; _l++) {
|
||||
span = _m[_l];
|
||||
a = tag('a');
|
||||
a.className = 'pointer';
|
||||
a.textContent = '+ ' + span.textContent;
|
||||
a.addEventListener('click', expandThread, true);
|
||||
replace(span, a);
|
||||
}
|
||||
}
|
||||
if (getValue('Comment Expansion')) {
|
||||
as = $$('span.abbr a');
|
||||
_p = as;
|
||||
for (_o = 0, _q = _p.length; _o < _q; _o++) {
|
||||
a = _p[_o];
|
||||
a.addEventListener('click', expandComment, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
a = tag('a');
|
||||
a.textContent = 'X';
|
||||
a.className = 'pointer';
|
||||
a.addEventListener('click', options, true);
|
||||
text = $('#navtopr a').nextSibling;
|
||||
inBefore(text, document.createTextNode(' / '));
|
||||
inBefore(text, a);
|
||||
_s = callbacks;
|
||||
for (_r = 0, _t = _s.length; _r < _t; _r++) {
|
||||
callback = _s[_r];
|
||||
callback();
|
||||
}
|
||||
document.body.addEventListener('DOMNodeInserted', nodeInserted, true);
|
||||
})();
|
||||
33
4chan_x/header
Normal file
33
4chan_x/header
Normal file
@ -0,0 +1,33 @@
|
||||
// ==UserScript==
|
||||
// @name 4chan x
|
||||
// @namespace aeosynth
|
||||
// @description Adds various features; replaces the extension / fychan.
|
||||
// @version 1.0.5
|
||||
// @copyright 2009, 2010 James Campos
|
||||
// @license MIT; http://en.wikipedia.org/wiki/Mit_license
|
||||
// @include http://boards.4chan.org/*
|
||||
// @include http://sys.4chan.org/*
|
||||
// ==/UserScript==
|
||||
|
||||
// Copyright (c) 2009, 2010 James Campos
|
||||
|
||||
// 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.
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user