Build =
  initPixelRatio: window.devicePixelRatio
  spoilerRange: {}
  unescape: (text) ->
    return text unless text?
    text.replace /&(amp|#039|quot|lt|gt);/g, (c) ->
      {'&amp;': '&', '&#039;': "'", '&quot;': '"', '&lt;': '<', '&gt;': '>'}[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(' &nbsp; <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${if file.isSpoiler then " imgspoiler" else ""}" 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}">&gt;&gt;</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