312 lines
12 KiB
CoffeeScript
Executable File
312 lines
12 KiB
CoffeeScript
Executable File
Build =
|
|
initPixelRatio: window.devicePixelRatio
|
|
spoilerRange: {}
|
|
unescape: (text) ->
|
|
return text unless text?
|
|
text.replace(/<[^>]*>/g, '').replace /&(amp|#039|quot|lt|gt);/g, (c) ->
|
|
{'&': '&', ''': "'", '"': '"', '<': '<', '>': '>'}[c]
|
|
shortFilename: (filename, isReply) ->
|
|
threshold = 30
|
|
ext = filename.match(/\.?[^\.]*$/)[0]
|
|
if filename.length - ext.length > threshold
|
|
"#{filename[...threshold - 5]}(...)#{ext}"
|
|
else
|
|
filename
|
|
thumbRotate: do ->
|
|
n = 0
|
|
-> n = (n + 1) % 3
|
|
sameThread: (boardID, threadID) ->
|
|
g.VIEW is 'thread' and g.BOARD.ID is boardID and g.THREADID is +threadID
|
|
postURL: (boardID, threadID, postID) ->
|
|
if Build.sameThread boardID, threadID
|
|
"\#p#{postID}"
|
|
else
|
|
"/#{boardID}/thread/#{threadID}\#p#{postID}"
|
|
postFromObject: (data, boardID) ->
|
|
o =
|
|
# id
|
|
postID: data.no
|
|
threadID: data.resto or data.no
|
|
boardID: boardID
|
|
# info
|
|
name: Build.unescape data.name
|
|
capcode: data.capcode
|
|
tripcode: data.trip
|
|
uniqueID: data.id
|
|
email: Build.unescape data.email
|
|
subject: Build.unescape data.sub
|
|
flagCode: data.country
|
|
flagName: Build.unescape data.country_name
|
|
date: data.now
|
|
dateUTC: data.time
|
|
comment: {innerHTML: data.com or ''}
|
|
# thread status
|
|
isSticky: !!data.sticky
|
|
isClosed: !!data.closed
|
|
# file
|
|
if data.filedeleted
|
|
o.file =
|
|
isDeleted: true
|
|
else if data.ext
|
|
o.file =
|
|
name: (Build.unescape data.filename) + data.ext
|
|
timestamp: "#{data.tim}#{data.ext}"
|
|
url: if boardID is 'f'
|
|
"//i.4cdn.org/#{boardID}/#{encodeURIComponent data.filename}#{data.ext}"
|
|
else
|
|
"//i.4cdn.org/#{boardID}/#{data.tim}#{data.ext}"
|
|
height: data.h
|
|
width: data.w
|
|
MD5: data.md5
|
|
size: data.fsize
|
|
turl: "//#{Build.thumbRotate()}.t.4cdn.org/#{boardID}/#{data.tim}s.jpg"
|
|
theight: data.tn_h
|
|
twidth: data.tn_w
|
|
isSpoiler: !!data.spoiler
|
|
isDeleted: false
|
|
tag: data.tag
|
|
Build.post o
|
|
post: (o) ->
|
|
###
|
|
This function contains code from 4chan-JS (https://github.com/4chan/4chan-JS).
|
|
@license: https://github.com/4chan/4chan-JS/blob/master/LICENSE
|
|
###
|
|
{
|
|
postID, threadID, boardID
|
|
name, capcode, tripcode, uniqueID, email, subject, flagCode, flagName, date, dateUTC
|
|
isSticky, isClosed
|
|
comment
|
|
file
|
|
} = o
|
|
name or= ''
|
|
subject or= ''
|
|
isOP = postID is threadID
|
|
|
|
retina = if Build.initPixelRatio >= 2 then '@2x' else ''
|
|
|
|
### Name Block ###
|
|
|
|
switch capcode
|
|
when 'admin', 'admin_highlight'
|
|
capcodeClass = ' capcodeAdmin'
|
|
capcodeStart = <%= html(' <strong class="capcode hand id_admin" title="Highlight posts by the Administrator">## Admin</strong>') %>
|
|
capcodeIcon = <%= html('<img src="//s.4cdn.org/image/adminicon${retina}.gif" alt="Admin Icon" title="This user is the 4chan Administrator." class="identityIcon retina">') %>
|
|
when 'mod'
|
|
capcodeClass = ' capcodeMod'
|
|
capcodeStart = <%= html(' <strong class="capcode hand id_mod" title="Highlight posts by Moderators">## Mod</strong>') %>
|
|
capcodeIcon = <%= html('<img src="//s.4cdn.org/image/modicon${retina}.gif" alt="Mod Icon" title="This user is a 4chan Moderator." class="identityIcon retina">') %>
|
|
when 'developer'
|
|
capcodeClass = ' capcodeDeveloper'
|
|
capcodeStart = <%= html(' <strong class="capcode hand id_developer" title="Highlight posts by Developers">## Developer</strong>') %>
|
|
capcodeIcon = <%= html('<img src="//s.4cdn.org/image/developericon${retina}.gif" alt="Developer Icon" title="This user is a 4chan Developer." class="identityIcon retina">') %>
|
|
else
|
|
capcodeClass = ''
|
|
capcodeStart = <%= html('') %>
|
|
capcodeIcon = <%= html('') %>
|
|
|
|
nameClass = if capcode then ' capcode' else ''
|
|
|
|
tripcodeField = if tripcode
|
|
<%= html(' <span class="postertrip">${tripcode}</span>') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
emailField = <%= html('<span class="name${nameClass}">${name}</span>&{tripcodeField}&{capcodeStart}') %>
|
|
if email
|
|
emailProcessed = encodeURIComponent(email).replace /%40/g, '@'
|
|
emailField = <%= html('<a href="mailto:${emailProcessed}" class="useremail">&{emailField}</a>') %>
|
|
unless isOP and boardID is 'f'
|
|
emailField = <%= html('&{emailField} ') %>
|
|
|
|
userID = if !capcode and uniqueID
|
|
<%= html(' <span class="posteruid id_${uniqueID}">(ID: <span class="hand" title="Highlight posts by this ID">${uniqueID}</span>)</span>') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
flag = unless flagCode
|
|
<%= html('') %>
|
|
else if boardID is 'pol'
|
|
<%= html('<img src="//s.4cdn.org/image/country/troll/${flagCode.toLowerCase()}.gif" alt="${flagCode}" title="${flagName}" class="countryFlag">') %>
|
|
else
|
|
<%= html('<span title="${flagName}" class="flag flag-${flagCode.toLowerCase()}"></span>') %>
|
|
|
|
nameBlock = <%= html(
|
|
'<span class="nameBlock${capcodeClass}">' +
|
|
'&{emailField}&{capcodeIcon}&{userID}&{flag}' +
|
|
'</span> '
|
|
) %>
|
|
|
|
### Post Info ###
|
|
|
|
subjectField = if isOP or boardID is 'f'
|
|
<%= html('<span class="subject">${subject}</span> ') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
desktop2 = if isOP and boardID is 'f' then '' else ' desktop'
|
|
|
|
postLink = Build.postURL boardID, threadID, postID
|
|
quoteLink = if Build.sameThread boardID, threadID
|
|
"javascript:quote('#{+postID}');"
|
|
else
|
|
"/#{boardID}/thread/#{threadID}\#q#{postID}"
|
|
|
|
pageIcon = if isOP and g.VIEW is 'index' and Conf['JSON Navigation']
|
|
pageNum = Math.floor(Index.liveThreadIDs.indexOf(postID) / Index.threadsNumPerPage) + 1
|
|
<%= html(' <span class="page-num" title="This thread is on page ${pageNum} in the original index.">[${pageNum}]</span>') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
sticky = if isSticky
|
|
<%= html(' <img src="//s.4cdn.org/image/sticky${retina}.gif" alt="Sticky" title="Sticky" class="stickyIcon retina">') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
closed = if isClosed
|
|
<%= html(' <img src="//s.4cdn.org/image/closed${retina}.gif" alt="Closed" title="Closed" class="closedIcon retina">') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
replyLink = if isOP and g.VIEW is 'index'
|
|
<%= html(' <span>[<a href="/${boardID}/thread/${threadID}" class="replylink">Reply</a>]</span>') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
postInfo = <%= html(
|
|
'<div class="postInfo desktop" id="pi${postID}">' +
|
|
'<input type="checkbox" name="${postID}" value="delete"> ' +
|
|
'&{subjectField}' +
|
|
'&{nameBlock}' +
|
|
'<span class="dateTime" data-utc="${dateUTC}">${date}</span> ' +
|
|
'<span class="postNum${desktop2}">' +
|
|
'<a href="${postLink}" title="Link to this post">No.</a>' +
|
|
'<a href="${quoteLink}" title="Reply to this post">${postID}</a>' +
|
|
'&{pageIcon}&{sticky}&{closed}&{replyLink}' +
|
|
'</span>' +
|
|
'</div>'
|
|
) %>
|
|
|
|
### File Info ###
|
|
|
|
fileCont = if file?.isDeleted
|
|
<%= html(
|
|
'<span class="fileThumb">' +
|
|
'<img src="//s.4cdn.org/image/filedeleted-res${retina}.gif" alt="File deleted." class="fileDeletedRes retina">' +
|
|
'</span>'
|
|
) %>
|
|
else if file and boardID is 'f'
|
|
<%= html(
|
|
'<div class="fileInfo"><span class="fileText" id="fT${postID}">' +
|
|
'File: <a data-width="${file.width}" data-height="${file.height}" href="${file.url}" target="_blank">${file.name}</a>' +
|
|
'-(${$.bytesToString(file.size)}, ${file.width}x${file.height}, ${file.tag})' +
|
|
'</span></div>'
|
|
) %>
|
|
else if file
|
|
if file.isSpoiler
|
|
shortFilename = 'Spoiler Image'
|
|
if spoilerRange = Build.spoilerRange[boardID]
|
|
# Randomize the spoiler image.
|
|
fileThumb = "//s.4cdn.org/image/spoiler-#{boardID}#{Math.floor 1 + spoilerRange * Math.random()}.png"
|
|
else
|
|
fileThumb = '//s.4cdn.org/image/spoiler.png'
|
|
file.twidth = file.theight = 100
|
|
else
|
|
shortFilename = Build.shortFilename file.name, !isOP
|
|
fileThumb = file.turl
|
|
|
|
fileSize = $.bytesToString file.size
|
|
fileDims = if file.url[-4..] is '.pdf' then 'PDF' else "#{file.width}x#{file.height}"
|
|
|
|
fileLink = if file.isSpoiler or file.name is shortFilename
|
|
<%= html('<a href="${file.url}" target="_blank">${shortFilename}</a>') %>
|
|
else
|
|
<%= html('<a title="${file.name}" href="${file.url}" target="_blank">${shortFilename}</a>') %>
|
|
|
|
fileText = if file.isSpoiler
|
|
<%= html('<div class="fileText" id="fT${postID}" title="${file.name}">File: &{fileLink} (${fileSize}, ${fileDims})</div>') %>
|
|
else
|
|
<%= html('<div class="fileText" id="fT${postID}">File: &{fileLink} (${fileSize}, ${fileDims})</div>') %>
|
|
|
|
<%= html(
|
|
'&{fileText}' +
|
|
'<a class="fileThumb${file.isSpoiler ? " imgspoiler" : ""}" href="${file.url}" target="_blank">' +
|
|
'<img src="${fileThumb}" alt="${fileSize}" data-md5="${file.MD5}" style="height: ${file.theight}px; width: ${file.twidth}px;">' +
|
|
'</a>'
|
|
) %>
|
|
|
|
fileBlock = if file
|
|
<%= html('<div class="file" id="f${postID}">&{fileCont}</div>') %>
|
|
else
|
|
<%= html('') %>
|
|
|
|
### Whole Post ###
|
|
|
|
highlightPost = if capcode is 'admin_highlight' then ' highlightPost' else ''
|
|
|
|
message = <%= html('<blockquote class="postMessage" id="m${postID}">&{comment}</blockquote>') %>
|
|
|
|
wholePost = if isOP
|
|
<%= html(
|
|
'<div id="p${postID}" class="post op${highlightPost}">' +
|
|
'&{fileBlock}&{postInfo}&{message}' +
|
|
'</div>'
|
|
) %>
|
|
else
|
|
<%= html(
|
|
'<div class="sideArrows" id="sa${postID}">>></div>' +
|
|
'<div id="p${postID}" class="post reply${highlightPost}">' +
|
|
'&{postInfo}&{fileBlock}&{message}' +
|
|
'</div>'
|
|
) %>
|
|
|
|
container = $.el 'div',
|
|
className: "postContainer #{if isOP then 'op' else 'reply'}Container"
|
|
id: "pc#{postID}"
|
|
$.extend container, wholePost
|
|
|
|
# Fix pathnames
|
|
for quote in $$ '.quotelink', container
|
|
href = quote.getAttribute 'href'
|
|
if (href[0] is '#') and !(Build.sameThread boardID, threadID)
|
|
quote.href = "/#{boardID}/thread/#{threadID}" + href
|
|
else if (match = href.match /^\/([^\/]+)\/thread\/(\d+)/) and (Build.sameThread match[1], match[2])
|
|
quote.href = href.match(/(#[^#]*)?$/)[0] or '#'
|
|
|
|
container
|
|
|
|
summary: (boardID, threadID, posts, files) ->
|
|
text = []
|
|
text.push "#{posts} post#{if posts > 1 then 's' else ''}"
|
|
text.push "and #{files} image repl#{if files > 1 then 'ies' else 'y'}" if files
|
|
text.push 'omitted.'
|
|
$.el 'a',
|
|
className: 'summary'
|
|
textContent: text.join ' '
|
|
href: "/#{boardID}/thread/#{threadID}"
|
|
|
|
thread: (board, data, full) ->
|
|
Build.spoilerRange[board] = data.custom_spoiler
|
|
|
|
if (OP = board.posts[data.no]) and root = OP.nodes.root.parentNode
|
|
$.rmAll root
|
|
else
|
|
root = $.el 'div',
|
|
className: 'thread'
|
|
id: "t#{data.no}"
|
|
|
|
$.add root, Build[if full then 'fullThread' else 'excerptThread'] board, data, OP
|
|
root
|
|
|
|
excerptThread: (board, data, OP) ->
|
|
nodes = [if OP then OP.nodes.root else Build.postFromObject data, board.ID]
|
|
if data.omitted_posts or !Conf['Show Replies'] and data.replies
|
|
[posts, files] = if Conf['Show Replies']
|
|
[data.omitted_posts, data.omitted_images]
|
|
else
|
|
# XXX data.images is not accurate.
|
|
[data.replies, data.omitted_images + data.last_replies.filter((data) -> !!data.ext).length]
|
|
nodes.push Build.summary board.ID, data.no, posts, files
|
|
nodes
|
|
|
|
fullThread: (board, data) -> Build.postFromObject data, board.ID
|