Nitter-mod/src/views/tweet.nim

# SPDX-License-Identifier: AGPL-3.0-only
import strutils, sequtils, strformat, options, algorithm
import karax/[karaxdsl, vdom, vstyles]
from jester import Request

import renderutils
import ".."/[types, utils, formatters]
import general

const
  doctype = "<!DOCTYPE html>\n"

proc getSmallPic(url: string): string =
  result = url
  if "?" notin url and not url.endsWith("placeholder.png"):
    result &= "?name=small"
  result = getPicUrl(result)

proc renderMiniAvatar(user: User; prefs: Prefs): VNode =
  let url = getPicUrl(user.getUserPic("_mini"))
  buildHtml():
    img(class=(prefs.getAvatarClass & " mini"), src=url)

proc renderHeader(tweet: Tweet; retweet: string; prefs: Prefs): VNode =
  buildHtml(tdiv):
    if retweet.len > 0:
      tdiv(class="retweet-header"):
        span: icon "retweet", retweet & " retweeted"

    if tweet.pinned:
      tdiv(class="pinned"):
        span: icon "pin", "Pinned Tweet"

    tdiv(class="tweet-header"):
      a(class="tweet-avatar", href=("/" & tweet.user.username)):
        var size = "_bigger"
        if not prefs.autoplayGifs and tweet.user.userPic.endsWith("gif"):
          size = "_400x400"
        genImg(tweet.user.getUserPic(size), class=prefs.getAvatarClass)

      tdiv(class="tweet-name-row"):
        tdiv(class="fullname-and-username"):
          linkUser(tweet.user, class="fullname")
          linkUser(tweet.user, class="username")

        span(class="tweet-date"):
          a(href=getLink(tweet), title=tweet.getTime):
            text tweet.getShortTime

proc renderAlbum(tweet: Tweet): VNode =
  let
    groups = if tweet.photos.len < 3: @[tweet.photos]
             else: tweet.photos.distribute(2)

  buildHtml(tdiv(class="attachments")):
    for i, photos in groups:
      let margin = if i > 0: ".25em" else: ""
      tdiv(class="gallery-row", style={marginTop: margin}):
        for photo in photos:
          tdiv(class="attachment image"):
            let
              named = "name=" in photo
              orig = photo
              small = if named: photo else: photo & "?name=small"
            a(href=getOrigPicUrl(orig), class="still-image", target="_blank"):
              genImg(small)

proc isPlaybackEnabled(prefs: Prefs; playbackType: VideoType): bool =
  case playbackType
  of mp4: prefs.mp4Playback
  of m3u8, vmap: prefs.hlsPlayback

proc hasMp4Url(video: Video): bool =
  video.variants.anyIt(it.contentType == mp4)

proc renderVideoDisabled(playbackType: VideoType; path: string): VNode =
  buildHtml(tdiv(class="video-overlay")):
    case playbackType
    of mp4:
      p: text "mp4 playback disabled in preferences"
    of m3u8, vmap:
      buttonReferer "/enablehls", "Enable hls playback", path

proc renderVideoUnavailable(video: Video): VNode =
  buildHtml(tdiv(class="video-overlay")):
    case video.reason
    of "dmcaed":
      p: text "This media has been disabled in response to a report by the copyright owner"
    else:
      p: text "This media is unavailable"

proc renderVideo*(video: Video; prefs: Prefs; path: string): VNode =
  let
    container = if video.description.len == 0 and video.title.len == 0: ""
                else: " card-container"
    playbackType = if not prefs.proxyVideos and video.hasMp4Url: mp4
                   else: video.playbackType

  buildHtml(tdiv(class="attachments card")):
    tdiv(class="gallery-video" & container):
      tdiv(class="attachment video-container"):
        let thumb = getSmallPic(video.thumb)
        if not video.available:
          img(src=thumb)
          renderVideoUnavailable(video)
        elif not prefs.isPlaybackEnabled(playbackType):
          img(src=thumb)
          renderVideoDisabled(playbackType, path)
        else:
          let
            vars = video.variants.filterIt(it.contentType == playbackType)
            vidUrl = vars.sortedByIt(it.resolution)[^1].url
            source = if prefs.proxyVideos: getVidUrl(vidUrl)
                     else: vidUrl
          case playbackType
          of mp4:
            if prefs.muteVideos:
              video(poster=thumb, controls="", muted=""):
                source(src=source, `type`="video/mp4")
            else:
              video(poster=thumb, controls=""):
                source(src=source, `type`="video/mp4")
          of m3u8, vmap:
            video(poster=thumb, data-url=source, data-autoload="false")
            verbatim "<div class=\"video-overlay\" onclick=\"playVideo(this)\">"
            tdiv(class="overlay-circle"): span(class="overlay-triangle")
            verbatim "</div>"
      if container.len > 0:
        tdiv(class="card-content"):
          h2(class="card-title"): text video.title
          if video.description.len > 0:
            p(class="card-description"): text video.description

proc renderGif(gif: Gif; prefs: Prefs): VNode =
  buildHtml(tdiv(class="attachments media-gif")):
    tdiv(class="gallery-gif", style={maxHeight: "unset"}):
      tdiv(class="attachment"):
        let thumb = getSmallPic(gif.thumb)
        let url = getPicUrl(gif.url)
        if prefs.autoplayGifs:
          video(class="gif", poster=thumb, controls="", autoplay="", muted="", loop=""):
            source(src=url, `type`="video/mp4")
        else:
          video(class="gif", poster=thumb, controls="", muted="", loop=""):
            source(src=url, `type`="video/mp4")

proc renderPoll(poll: Poll): VNode =
  buildHtml(tdiv(class="poll")):
    for i in 0 ..< poll.options.len:
      let
        leader = if poll.leader == i: " leader" else: ""
        val = poll.values[i]
        perc = if val > 0: val / poll.votes * 100 else: 0
        percStr = (&"{perc:>3.0f}").strip(chars={'.'}) & '%'
      tdiv(class=("poll-meter" & leader)):
        span(class="poll-choice-bar", style={width: percStr})
        span(class="poll-choice-value"): text percStr
        span(class="poll-choice-option"): text poll.options[i]
    span(class="poll-info"):
      text &"{insertSep($poll.votes, ',')} votes • {poll.status}"

proc renderCardImage(card: Card): VNode =
  buildHtml(tdiv(class="card-image-container")):
    tdiv(class="card-image"):
      img(src=getPicUrl(card.image), alt="")
      if card.kind == player:
        tdiv(class="card-overlay"):
          tdiv(class="overlay-circle"):
            span(class="overlay-triangle")

proc renderCardContent(card: Card): VNode =
  buildHtml(tdiv(class="card-content")):
    h2(class="card-title"): text card.title
    if card.text.len > 0:
      p(class="card-description"): text card.text
    if card.dest.len > 0:
      span(class="card-destination"): text card.dest

proc renderCard(card: Card; prefs: Prefs; path: string): VNode =
  const smallCards = {app, player, summary, storeLink}
  let large = if card.kind notin smallCards: " large" else: ""
  let url = replaceUrls(card.url, prefs)

  buildHtml(tdiv(class=("card" & large))):
    if card.video.isSome:
      tdiv(class="card-container"):
        renderVideo(get(card.video), prefs, path)
        a(class="card-content-container", href=url):
          renderCardContent(card)
    else:
      a(class="card-container", href=url):
        if card.image.len > 0:
          renderCardImage(card)
        tdiv(class="card-content-container"):
          renderCardContent(card)

func formatStat(stat: int): string =
  if stat > 0: insertSep($stat, ',')
  else: ""

proc renderStats(stats: TweetStats; views: string): VNode =
  buildHtml(tdiv(class="tweet-stats")):
    span(class="tweet-stat"): icon "comment", formatStat(stats.replies)
    span(class="tweet-stat"): icon "retweet", formatStat(stats.retweets)
    span(class="tweet-stat"): icon "quote", formatStat(stats.quotes)
    span(class="tweet-stat"): icon "heart", formatStat(stats.likes)
    if views.len > 0:
      span(class="tweet-stat"): icon "play", insertSep(views, ',')

proc renderReply(tweet: Tweet): VNode =
  buildHtml(tdiv(class="replying-to")):
    text "返事者："
    for i, u in tweet.reply:
      if i > 0: text " "
      a(href=("/" & u)): text "@" & u

proc renderAttribution(user: User; prefs: Prefs): VNode =
  buildHtml(a(class="attribution", href=("/" & user.username))):
    renderMiniAvatar(user, prefs)
    strong: text user.fullname
    if user.verified:
      icon "ok", class="verified-icon", title="Verified account"

proc renderMediaTags(tags: seq[User]): VNode =
  buildHtml(tdiv(class="media-tag-block")):
    icon "user"
    for i, p in tags:
      a(class="media-tag", href=("/" & p.username), title=p.username):
        text p.fullname
      if i < tags.high:
        text ", "

proc renderQuoteMedia(quote: Tweet; prefs: Prefs; path: string): VNode =
  buildHtml(tdiv(class="quote-media-container")):
    if quote.photos.len > 0:
      renderAlbum(quote)
    elif quote.video.isSome:
      renderVideo(quote.video.get(), prefs, path)
    elif quote.gif.isSome:
      renderGif(quote.gif.get(), prefs)

proc renderQuote(quote: Tweet; prefs: Prefs; path: string): VNode =
  if not quote.available:
    return buildHtml(tdiv(class="quote unavailable")):
      tdiv(class="unavailable-quote"):
        if quote.tombstone.len > 0:
          text quote.tombstone
        elif quote.text.len > 0:
          text quote.text
        else:
          text "このツイートが見つけられません"

  buildHtml(tdiv(class="quote quote-big")):
    a(class="quote-link", href=getLink(quote))

    tdiv(class="tweet-name-row"):
      tdiv(class="fullname-and-username"):
        renderMiniAvatar(quote.user, prefs)
        linkUser(quote.user, class="fullname")
        linkUser(quote.user, class="username")

      span(class="tweet-date"):
        a(href=getLink(quote), title=quote.getTime):
          text quote.getShortTime

    if quote.reply.len > 0:
      renderReply(quote)

    if quote.text.len > 0:
      tdiv(class="quote-text", dir="auto"):
        verbatim replaceUrls(quote.text, prefs)

    if quote.hasThread:
      a(class="show-thread", href=getLink(quote)):
        text "スレットの表示"

    if quote.photos.len > 0 or quote.video.isSome or quote.gif.isSome:
      renderQuoteMedia(quote, prefs, path)

proc renderLocation*(tweet: Tweet): string =
  let (place, url) = tweet.getLocation()
  if place.len == 0: return
  let node = buildHtml(span(class="tweet-geo")):
    text " – at "
    if url.len > 1:
      a(href=url): text place
    else:
      text place
  return $node

proc renderTweet*(tweet: Tweet; prefs: Prefs; path: string; class=""; index=0;
                  last=false; showThread=false; mainTweet=false; afterTweet=false): VNode =
  var divClass = class
  if index == -1 or last:
    divClass = "thread-last " & class

  if not tweet.available:
    return buildHtml(tdiv(class=divClass & "unavailable timeline-item")):
      tdiv(class="unavailable-box"):
        if tweet.tombstone.len > 0:
          text tweet.tombstone
        elif tweet.text.len > 0:
          text tweet.text
        else:
          text "このツイートが見つけられません"

      if tweet.quote.isSome:
        renderQuote(tweet.quote.get(), prefs, path)

  let fullTweet = tweet
  var retweet: string
  var tweet = fullTweet
  if tweet.retweet.isSome:
    tweet = tweet.retweet.get
    retweet = fullTweet.user.fullname

  buildHtml(tdiv(class=("timeline-item " & divClass))):
    if not mainTweet:
      a(class="tweet-link", href=getLink(tweet))

    tdiv(class="tweet-body"):
      var views = ""
      renderHeader(tweet, retweet, prefs)

      if not afterTweet and index == 0 and tweet.reply.len > 0 and
         (tweet.reply.len > 1 or tweet.reply[0] != tweet.user.username):
        renderReply(tweet)

      var tweetClass = "tweet-content media-body"
      if prefs.bidiSupport:
        tweetClass &= " tweet-bidi"

      tdiv(class=tweetClass, dir="auto"):
        verbatim replaceUrls(tweet.text, prefs) & renderLocation(tweet)

      if tweet.attribution.isSome:
        renderAttribution(tweet.attribution.get(), prefs)

      if tweet.card.isSome:
        renderCard(tweet.card.get(), prefs, path)

      if tweet.photos.len > 0:
        renderAlbum(tweet)
      elif tweet.video.isSome:
        renderVideo(tweet.video.get(), prefs, path)
        views = tweet.video.get().views
      elif tweet.gif.isSome:
        renderGif(tweet.gif.get(), prefs)
        views = "GIF"

      if tweet.poll.isSome:
        renderPoll(tweet.poll.get())

      if tweet.quote.isSome:
        renderQuote(tweet.quote.get(), prefs, path)

      if mainTweet:
        p(class="tweet-published"): text &"{getTime(tweet)} · {tweet.source}"

      if tweet.mediaTags.len > 0:
        renderMediaTags(tweet.mediaTags)

      if not prefs.hideTweetStats:
        renderStats(tweet.stats, views)

      if showThread:
        a(class="show-thread", href=("/i/status/" & $tweet.threadId)):
          text "Show this thread"

proc renderTweetEmbed*(tweet: Tweet; path: string; prefs: Prefs; cfg: Config; req: Request): string =
  let node = buildHtml(html(lang="en")):
    renderHead(prefs, cfg, req)

    body:
      tdiv(class="tweet-embed"):
        renderTweet(tweet, prefs, path, mainTweet=true)

  result = doctype & $node
-												Add license headers

Closes #413

											
										
										
											2021-12-27 10:37:38 +09:00
+								# SPDX-License-Identifier: AGPL-3.0-only
-												use largest resolution mp4 video available

											
										
										
											2022-05-19 02:47:03 +09:00
+								import strutils, sequtils, strformat, options, algorithm
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								import karax/[karaxdsl, vdom, vstyles]
-												moved themes to be handled in renderHead and changed path to /embed

											
										
										
											2022-01-15 02:34:10 +09:00
+								from jester import Request
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								import renderutils
-												Refactor routing code

											
										
										
											2019-09-06 09:42:35 +09:00
+								import ".."/[types, utils, formatters]
-												changed code to be not shit

											
										
										
											2022-01-15 02:01:47 +09:00
+								import general
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												emit body and doctype on iframe embed endpoint (#640)


											
										
										
											2022-06-17 01:46:41 +09:00
+								const
 								  doctype = "<!DOCTYPE html>\n"
-												Use small video previews

											
										
										
											2020-06-07 15:26:39 +09:00
+								proc getSmallPic(url: string): string =
 								  result = url
-												Fix video placeholder thumbnail not showing

											
										
										
											2022-01-03 10:55:25 +09:00
+								  if "?" notin url and not url.endsWith("placeholder.png"):
-												Use the correct format string for fetching files from twitter.
Per their docs https://developer.twitter.com/en/docs/twitter-api/v1/data-dictionary/object-model/entities#photo_format

											
										
										
											2022-02-09 04:50:56 +09:00
+								    result &= "?name=small"
-												Use small video previews

											
										
										
											2020-06-07 15:26:39 +09:00
+								  result = getPicUrl(result)
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								proc renderMiniAvatar(user: User; prefs: Prefs): VNode =
 								  let url = getPicUrl(user.getUserPic("_mini"))
-												Show avatars in quotes, improve css

											
										
										
											2020-06-11 00:04:48 +09:00
+								  buildHtml():
-												Unify avatar class generation

											
										
										
											2022-01-14 11:16:09 +09:00
+								    img(class=(prefs.getAvatarClass & " mini"), src=url)
-												Show avatars in quotes, improve css

											
										
										
											2020-06-11 00:04:48 +09:00
-												Proper support for gif avatars

Fixes #160

											
										
										
											2020-06-11 01:34:56 +09:00
+								proc renderHeader(tweet: Tweet; retweet: string; prefs: Prefs): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  buildHtml(tdiv):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								    if retweet.len > 0:
-												Rename retweet css class to prevent uBlock hiding

											
										
										
											2019-09-24 07:59:13 +09:00
+								      tdiv(class="retweet-header"):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								        span: icon "retweet", retweet & " retweeted"
-												Use custom icon font for a cleaner design

											
										
										
											2019-08-15 11:00:40 +09:00
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								    if tweet.pinned:
 								      tdiv(class="pinned"):
-												Use custom icon font for a cleaner design

											
										
										
											2019-08-15 11:00:40 +09:00
+								        span: icon "pin", "Pinned Tweet"
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								    tdiv(class="tweet-header"):
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								      a(class="tweet-avatar", href=("/" & tweet.user.username)):
-												Increase tweet avatar resolution

											
										
										
											2020-11-08 10:56:06 +09:00
+								        var size = "_bigger"
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								        if not prefs.autoplayGifs and tweet.user.userPic.endsWith("gif"):
-												Proper support for gif avatars

Fixes #160

											
										
										
											2020-06-11 01:34:56 +09:00
+								          size = "_400x400"
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								        genImg(tweet.user.getUserPic(size), class=prefs.getAvatarClass)
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												Add quote tests

											
										
										
											2019-08-13 00:02:07 +09:00
+								      tdiv(class="tweet-name-row"):
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								        tdiv(class="fullname-and-username"):
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								          linkUser(tweet.user, class="fullname")
 								          linkUser(tweet.user, class="username")
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								        span(class="tweet-date"):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								          a(href=getLink(tweet), title=tweet.getTime):
 								            text tweet.getShortTime
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								proc renderAlbum(tweet: Tweet): VNode =
 								  let
 								    groups = if tweet.photos.len < 3: @[tweet.photos]
 								             else: tweet.photos.distribute(2)
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								  buildHtml(tdiv(class="attachments")):
 								    for i, photos in groups:
 								      let margin = if i > 0: ".25em" else: ""
 								      tdiv(class="gallery-row", style={marginTop: margin}):
 								        for photo in photos:
 								          tdiv(class="attachment image"):
-												Use small image version for preview to save memory

											
										
										
											2020-06-07 14:57:32 +09:00
+								            let
 								              named = "name=" in photo
-												Add new endpoint for original resolution images
This change is to work around the issue that chromium based browsers have handling the "name=orig" parameter appended to URLs. This parameter is needed to retrieve the full resolution image from twitter, but causes those browsers to fill in "jpg_name=orig" as the extension on the filename.

This change adds a new endpoint, "/pic/orig/<encoded media>". This new endpoint will internally fetch the URL with ":orig" appended on the end for the full res image. Externally, the endpoint will serve the image without the extra parameter to expose the real extension to the browser.

This new endpoint is used when rendering tweets with attached images. The old endpoint is still in place for all other proxied images, and for any legacy links.

I also updated the "?name=small" parameter to ":small" since that seems to be the new pattern for image sizing.

This should fix issue #458.

											
										
										
											2022-02-08 04:01:05 +09:00
+								              orig = photo
-												Use small image version for preview to save memory

											
										
										
											2020-06-07 14:57:32 +09:00
+								              small = if named: photo else: photo & "?name=small"
-												Add new endpoint for original resolution images
This change is to work around the issue that chromium based browsers have handling the "name=orig" parameter appended to URLs. This parameter is needed to retrieve the full resolution image from twitter, but causes those browsers to fill in "jpg_name=orig" as the extension on the filename.

This change adds a new endpoint, "/pic/orig/<encoded media>". This new endpoint will internally fetch the URL with ":orig" appended on the end for the full res image. Externally, the endpoint will serve the image without the extra parameter to expose the real extension to the browser.

This new endpoint is used when rendering tweets with attached images. The old endpoint is still in place for all other proxied images, and for any legacy links.

I also updated the "?name=small" parameter to ":small" since that seems to be the new pattern for image sizing.

This should fix issue #458.

											
										
										
											2022-02-08 04:01:05 +09:00
+								            a(href=getOrigPicUrl(orig), class="still-image", target="_blank"):
-												Use small image version for preview to save memory

											
										
										
											2020-06-07 14:57:32 +09:00
+								              genImg(small)
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												Prefer mp4 to m3u8 for Video Playback if proxyVideos is off

m3u8 videos only work when the proxy is enabled. Further, this allows
video playback without Javascript.

This is only done when proxying is disabled to avoid excessive memory
usage on the nitter instance that would result from loading longer
videos in a single chunk.

											
										
										
											2022-02-26 03:26:24 +09:00
+								proc isPlaybackEnabled(prefs: Prefs; playbackType: VideoType): bool =
 								  case playbackType
-												Add video playback preferences

											
										
										
											2019-08-19 10:28:04 +09:00
+								  of mp4: prefs.mp4Playback
 								  of m3u8, vmap: prefs.hlsPlayback
-												Prefer mp4 to m3u8 for Video Playback if proxyVideos is off

m3u8 videos only work when the proxy is enabled. Further, this allows
video playback without Javascript.

This is only done when proxying is disabled to avoid excessive memory
usage on the nitter instance that would result from loading longer
videos in a single chunk.

											
										
										
											2022-02-26 03:26:24 +09:00
+								proc hasMp4Url(video: Video): bool =
 								  video.variants.anyIt(it.contentType == mp4)
-												Fix "playback disabled" message

											
										
										
											2022-06-04 08:32:02 +09:00
+								proc renderVideoDisabled(playbackType: VideoType; path: string): VNode =
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
+								  buildHtml(tdiv(class="video-overlay")):
-												Fix "playback disabled" message

											
										
										
											2022-06-04 08:32:02 +09:00
+								    case playbackType
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
+								    of mp4:
 								      p: text "mp4 playback disabled in preferences"
 								    of m3u8, vmap:
 								      buttonReferer "/enablehls", "Enable hls playback", path
-												Add video playback preferences

											
										
										
											2019-08-19 10:28:04 +09:00
-												Show overlay for unavailable videos

											
										
										
											2019-08-20 05:03:00 +09:00
+								proc renderVideoUnavailable(video: Video): VNode =
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
+								  buildHtml(tdiv(class="video-overlay")):
 								    case video.reason
 								    of "dmcaed":
 								      p: text "This media has been disabled in response to a report by the copyright owner"
 								    else:
 								      p: text "This media is unavailable"
-												Show overlay for unavailable videos

											
										
										
											2019-08-20 05:03:00 +09:00
-												Support video embeds

Fixes #66

											
										
										
											2019-12-06 23:15:56 +09:00
+								proc renderVideo*(video: Video; prefs: Prefs; path: string): VNode =
-												Merge branch 'fork-graveyard/master'

											
										
										
											2022-06-04 08:16:37 +09:00
+								  let
 								    container = if video.description.len == 0 and video.title.len == 0: ""
 								                else: " card-container"
 								    playbackType = if not prefs.proxyVideos and video.hasMp4Url: mp4
 								                   else: video.playbackType
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
-												Unset max height for videos with title/description

											
										
										
											2019-11-05 07:13:58 +09:00
+								  buildHtml(tdiv(class="attachments card")):
-												Support title and description for videos

											
										
										
											2019-10-26 22:50:42 +09:00
+								    tdiv(class="gallery-video" & container):
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								      tdiv(class="attachment video-container"):
-												Use small video previews

											
										
										
											2020-06-07 15:26:39 +09:00
+								        let thumb = getSmallPic(video.thumb)
-												Show overlay for unavailable videos

											
										
										
											2019-08-20 05:03:00 +09:00
+								        if not video.available:
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
+								          img(src=thumb)
-												Show overlay for unavailable videos

											
										
										
											2019-08-20 05:03:00 +09:00
+								          renderVideoUnavailable(video)
-												Prefer mp4 to m3u8 for Video Playback if proxyVideos is off

m3u8 videos only work when the proxy is enabled. Further, this allows
video playback without Javascript.

This is only done when proxying is disabled to avoid excessive memory
usage on the nitter instance that would result from loading longer
videos in a single chunk.

											
										
										
											2022-02-26 03:26:24 +09:00
+								        elif not prefs.isPlaybackEnabled(playbackType):
-												Simplify video rendering

											
										
										
											2022-01-03 11:27:04 +09:00
+								          img(src=thumb)
-												Fix "playback disabled" message

											
										
										
											2022-06-04 08:32:02 +09:00
+								          renderVideoDisabled(playbackType, path)
-												Show overlay for unavailable videos

											
										
										
											2019-08-20 05:03:00 +09:00
+								        else:
-												use largest resolution mp4 video available

											
										
										
											2022-05-19 02:47:03 +09:00
+								          let
 								            vars = video.variants.filterIt(it.contentType == playbackType)
 								            vidUrl = vars.sortedByIt(it.resolution)[^1].url
 								            source = if prefs.proxyVideos: getVidUrl(vidUrl)
 								                     else: vidUrl
-												Prefer mp4 to m3u8 for Video Playback if proxyVideos is off

m3u8 videos only work when the proxy is enabled. Further, this allows
video playback without Javascript.

This is only done when proxying is disabled to avoid excessive memory
usage on the nitter instance that would result from loading longer
videos in a single chunk.

											
										
										
											2022-02-26 03:26:24 +09:00
+								          case playbackType
-												Add video playback preferences

											
										
										
											2019-08-19 10:28:04 +09:00
+								          of mp4:
 								            if prefs.muteVideos:
 								              video(poster=thumb, controls="", muted=""):
 								                source(src=source, `type`="video/mp4")
 								            else:
 								              video(poster=thumb, controls=""):
 								                source(src=source, `type`="video/mp4")
 								          of m3u8, vmap:
-												Initial hls video playback support

											
										
										
											2019-08-20 03:25:00 +09:00
+								            video(poster=thumb, data-url=source, data-autoload="false")
 								            verbatim "<div class=\"video-overlay\" onclick=\"playVideo(this)\">"
-												Update karax, cleanup input code

											
										
										
											2019-11-12 18:57:28 +09:00
+								            tdiv(class="overlay-circle"): span(class="overlay-triangle")
 								            verbatim "</div>"
-												Support title and description for videos

											
										
										
											2019-10-26 22:50:42 +09:00
+								      if container.len > 0:
 								        tdiv(class="card-content"):
 								          h2(class="card-title"): text video.title
 								          if video.description.len > 0:
 								            p(class="card-description"): text video.description
-												Add client preferences

											
										
										
											2019-08-14 02:44:29 +09:00
 								proc renderGif(gif: Gif; prefs: Prefs): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  buildHtml(tdiv(class="attachments media-gif")):
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								    tdiv(class="gallery-gif", style={maxHeight: "unset"}):
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								      tdiv(class="attachment"):
-												Use small video previews

											
										
										
											2020-06-07 15:26:39 +09:00
+								        let thumb = getSmallPic(gif.thumb)
-												Proxy media instead of using file cache

											
										
										
											2020-06-06 11:39:22 +09:00
+								        let url = getPicUrl(gif.url)
-												Add client preferences

											
										
										
											2019-08-14 02:44:29 +09:00
+								        if prefs.autoplayGifs:
-												Display "GIF" below gifs

Fixes #141

											
										
										
											2020-03-29 15:05:09 +09:00
+								          video(class="gif", poster=thumb, controls="", autoplay="", muted="", loop=""):
-												Add client preferences

											
										
										
											2019-08-14 02:44:29 +09:00
+								            source(src=url, `type`="video/mp4")
 								        else:
 								          video(class="gif", poster=thumb, controls="", muted="", loop=""):
 								            source(src=url, `type`="video/mp4")
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								proc renderPoll(poll: Poll): VNode =
 								  buildHtml(tdiv(class="poll")):
 								    for i in 0 ..< poll.options.len:
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								      let
 								        leader = if poll.leader == i: " leader" else: ""
-												Fix poll percentages when 0 votes

Fixes #177

											
										
										
											2020-06-05 05:56:14 +09:00
+								        val = poll.values[i]
 								        perc = if val > 0: val / poll.votes * 100 else: 0
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								        percStr = (&"{perc:>3.0f}").strip(chars={'.'}) & '%'
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								      tdiv(class=("poll-meter" & leader)):
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								        span(class="poll-choice-bar", style={width: percStr})
 								        span(class="poll-choice-value"): text percStr
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								        span(class="poll-choice-option"): text poll.options[i]
 								    span(class="poll-info"):
-												Use strformat more

											
										
										
											2022-06-04 09:18:26 +09:00
+								      text &"{insertSep($poll.votes, ',')} votes • {poll.status}"
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												Support promo_video_website cards

											
										
										
											2019-07-15 23:03:01 +09:00
+								proc renderCardImage(card: Card): VNode =
 								  buildHtml(tdiv(class="card-image-container")):
 								    tdiv(class="card-image"):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								      img(src=getPicUrl(card.image), alt="")
-												Support promo_video_website cards

											
										
										
											2019-07-15 23:03:01 +09:00
+								      if card.kind == player:
 								        tdiv(class="card-overlay"):
-												Improve play button

											
										
										
											2019-08-20 04:27:28 +09:00
+								          tdiv(class="overlay-circle"):
 								            span(class="overlay-triangle")
-												Support promo_video_website cards

											
										
										
											2019-07-15 23:03:01 +09:00
-												Support vmap/amplify video card

											
										
										
											2019-08-20 03:53:57 +09:00
+								proc renderCardContent(card: Card): VNode =
 								  buildHtml(tdiv(class="card-content")):
 								    h2(class="card-title"): text card.title
-												Support even more obscure card types

											
										
										
											2020-06-10 23:13:40 +09:00
+								    if card.text.len > 0:
 								      p(class="card-description"): text card.text
 								    if card.dest.len > 0:
 								      span(class="card-destination"): text card.dest
-												Support vmap/amplify video card

											
										
										
											2019-08-20 03:53:57 +09:00
-												Use referer form data instead of relying on header

											
										
										
											2019-09-06 05:40:36 +09:00
+								proc renderCard(card: Card; prefs: Prefs; path: string): VNode =
-												Support more cards, even the undocumented ones

											
										
										
											2020-06-03 09:33:34 +09:00
+								  const smallCards = {app, player, summary, storeLink}
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								  let large = if card.kind notin smallCards: " large" else: ""
-												Rename replaceUrl to replaceUrls

											
										
										
											2021-12-27 10:27:49 +09:00
+								  let url = replaceUrls(card.url, prefs)
-												Render cards

											
										
										
											2019-07-15 20:41:27 +09:00
 								  buildHtml(tdiv(class=("card" & large))):
-												Support vmap/amplify video card

											
										
										
											2019-08-20 03:53:57 +09:00
+								    if card.video.isSome:
 								      tdiv(class="card-container"):
-												Use referer form data instead of relying on header

											
										
										
											2019-09-06 05:40:36 +09:00
+								        renderVideo(get(card.video), prefs, path)
-												Support vmap/amplify video card

											
										
										
											2019-08-20 03:53:57 +09:00
+								        a(class="card-content-container", href=url):
 								          renderCardContent(card)
 								    else:
 								      a(class="card-container", href=url):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								        if card.image.len > 0:
-												Support vmap/amplify video card

											
										
										
											2019-08-20 03:53:57 +09:00
+								          renderCardImage(card)
 								        tdiv(class="card-content-container"):
 								          renderCardContent(card)
-												Render cards

											
										
										
											2019-07-15 20:41:27 +09:00
-												fixed formatting and removed not needed padding

											
										
										
											2022-01-05 21:27:52 +09:00
+								func formatStat(stat: int): string =
-												made tweet stats not show number if its equal to 0 and modified css a bit

											
										
										
											2022-01-05 21:10:02 +09:00
+								  if stat > 0: insertSep($stat, ',')
 								  else: ""
-												Show video plays in tweet stats

											
										
										
											2019-08-20 04:18:18 +09:00
+								proc renderStats(stats: TweetStats; views: string): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  buildHtml(tdiv(class="tweet-stats")):
-												fixed formatting and removed not needed padding

											
										
										
											2022-01-05 21:27:52 +09:00
+								    span(class="tweet-stat"): icon "comment", formatStat(stats.replies)
 								    span(class="tweet-stat"): icon "retweet", formatStat(stats.retweets)
 								    span(class="tweet-stat"): icon "quote", formatStat(stats.quotes)
 								    span(class="tweet-stat"): icon "heart", formatStat(stats.likes)
-												Show video plays in tweet stats

											
										
										
											2019-08-20 04:18:18 +09:00
+								    if views.len > 0:
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								      span(class="tweet-stat"): icon "play", insertSep(views, ',')
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								proc renderReply(tweet: Tweet): VNode =
 								  buildHtml(tdiv(class="replying-to")):
-												翻訳

											
										
										
											2021-12-28 10:55:07 +09:00
+								    text "返事者："
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								    for i, u in tweet.reply:
 								      if i > 0: text " "
 								      a(href=("/" & u)): text "@" & u
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								proc renderAttribution(user: User; prefs: Prefs): VNode =
 								  buildHtml(a(class="attribution", href=("/" & user.username))):
 								    renderMiniAvatar(user, prefs)
 								    strong: text user.fullname
 								    if user.verified:
-												Add description and verified to video cards

											
										
										
											2021-12-31 07:24:10 +09:00
+								      icon "ok", class="verified-icon", title="Verified account"
-												Display content attribution

											
										
										
											2019-10-26 23:37:58 +09:00
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								proc renderMediaTags(tags: seq[User]): VNode =
-												Support media tags

											
										
										
											2019-12-21 13:07:50 +09:00
+								  buildHtml(tdiv(class="media-tag-block")):
 								    icon "user"
 								    for i, p in tags:
 								      a(class="media-tag", href=("/" & p.username), title=p.username):
 								        text p.fullname
 								      if i < tags.high:
 								        text ", "
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								proc renderQuoteMedia(quote: Tweet; prefs: Prefs; path: string): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  buildHtml(tdiv(class="quote-media-container")):
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								    if quote.photos.len > 0:
 								      renderAlbum(quote)
 								    elif quote.video.isSome:
 								      renderVideo(quote.video.get(), prefs, path)
 								    elif quote.gif.isSome:
 								      renderGif(quote.gif.get(), prefs)
 								proc renderQuote(quote: Tweet; prefs: Prefs; path: string): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  if not quote.available:
 								    return buildHtml(tdiv(class="quote unavailable")):
 								      tdiv(class="unavailable-quote"):
-												Show reasons for tweets being withheld

Fixes #33

											
										
										
											2019-09-08 21:34:26 +09:00
+								        if quote.tombstone.len > 0:
 								          text quote.tombstone
-												Handle withheld tweets (#429)

* Handle withheld tweets

* Fix format of parser.nim
											
										
										
											2021-08-22 00:13:38 +09:00
+								        elif quote.text.len > 0:
 								          text quote.text
-												Show reasons for tweets being withheld

Fixes #33

											
										
										
											2019-09-08 21:34:26 +09:00
+								        else:
-												翻訳

											
										
										
											2021-12-28 10:55:07 +09:00
+								          text "このツイートが見つけられません"
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								  buildHtml(tdiv(class="quote quote-big")):
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								    a(class="quote-link", href=getLink(quote))
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								    tdiv(class="tweet-name-row"):
 								      tdiv(class="fullname-and-username"):
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								        renderMiniAvatar(quote.user, prefs)
 								        linkUser(quote.user, class="fullname")
 								        linkUser(quote.user, class="username")
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								      span(class="tweet-date"):
 								        a(href=getLink(quote), title=quote.getTime):
 								          text quote.getShortTime
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								    if quote.reply.len > 0:
 								      renderReply(quote)
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								    if quote.text.len > 0:
-												Support bidirectional quote text

											
										
										
											2020-11-08 08:06:37 +09:00
+								      tdiv(class="quote-text", dir="auto"):
-												Rename replaceUrl to replaceUrls

											
										
										
											2021-12-27 10:27:49 +09:00
+								        verbatim replaceUrls(quote.text, prefs)
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
 								    if quote.hasThread:
-												Fix "show thread" link position on media posts

											
										
										
											2019-08-14 04:21:54 +09:00
+								      a(class="show-thread", href=getLink(quote)):
-												翻訳

											
										
										
											2021-12-28 10:55:07 +09:00
+								        text "スレットの表示"
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								    if quote.photos.len > 0 or quote.video.isSome or quote.gif.isSome:
 								      renderQuoteMedia(quote, prefs, path)
-												Support tweet locations

											
										
										
											2019-12-21 13:44:58 +09:00
+								proc renderLocation*(tweet: Tweet): string =
 								  let (place, url) = tweet.getLocation()
 								  if place.len == 0: return
 								  let node = buildHtml(span(class="tweet-geo")):
 								    text " – at "
 								    if url.len > 1:
 								      a(href=url): text place
 								    else:
 								      text place
 								  return $node
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								proc renderTweet*(tweet: Tweet; prefs: Prefs; path: string; class=""; index=0;
 								                  last=false; showThread=false; mainTweet=false; afterTweet=false): VNode =
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								  var divClass = class
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								  if index == -1 or last:
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
+								    divClass = "thread-last " & class
 								  if not tweet.available:
-												Make tweets clickable

Fixes #6

											
										
										
											2019-09-19 10:19:06 +09:00
+								    return buildHtml(tdiv(class=divClass & "unavailable timeline-item")):
 								      tdiv(class="unavailable-box"):
 								        if tweet.tombstone.len > 0:
 								          text tweet.tombstone
-												Handle withheld tweets (#429)

* Handle withheld tweets

* Fix format of parser.nim
											
										
										
											2021-08-22 00:13:38 +09:00
+								        elif tweet.text.len > 0:
 								          text tweet.text
-												Make tweets clickable

Fixes #6

											
										
										
											2019-09-19 10:19:06 +09:00
+								        else:
-												翻訳

											
										
										
											2021-12-28 10:55:07 +09:00
+								          text "このツイートが見つけられません"
-												Use Karax html rendering instead of source filters (#2)

* Use Karax html rendering instead of source filters

											
										
										
											2019-07-11 07:42:31 +09:00
-												Handle withheld tweets (#429)

* Handle withheld tweets

* Fix format of parser.nim
											
										
										
											2021-08-22 00:13:38 +09:00
+								      if tweet.quote.isSome:
 								        renderQuote(tweet.quote.get(), prefs, path)
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								  let fullTweet = tweet
 								  var retweet: string
 								  var tweet = fullTweet
 								  if tweet.retweet.isSome:
 								    tweet = tweet.retweet.get
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								    retweet = fullTweet.user.fullname
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								  buildHtml(tdiv(class=("timeline-item " & divClass))):
-												Make main tweet non-clickable

Fixes #67

											
										
										
											2019-10-09 03:54:16 +09:00
+								    if not mainTweet:
 								      a(class="tweet-link", href=getLink(tweet))
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								    tdiv(class="tweet-body"):
 								      var views = ""
-												Proper support for gif avatars

Fixes #160

											
										
										
											2020-06-11 01:34:56 +09:00
+								      renderHeader(tweet, retweet, prefs)
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								      if not afterTweet and index == 0 and tweet.reply.len > 0 and
-												Rearchitect profile, support pins, Profile -> User

											
										
										
											2022-01-23 15:04:50 +09:00
+								         (tweet.reply.len > 1 or tweet.reply[0] != tweet.user.username):
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								        renderReply(tweet)
-												Make bidirectional support a preference

Fixes #270

											
										
										
											2020-11-08 08:41:12 +09:00
+								      var tweetClass = "tweet-content media-body"
 								      if prefs.bidiSupport:
 								        tweetClass &= " tweet-bidi"
 								      tdiv(class=tweetClass, dir="auto"):
-												Rename replaceUrl to replaceUrls

											
										
										
											2021-12-27 10:27:49 +09:00
+								        verbatim replaceUrls(tweet.text, prefs) & renderLocation(tweet)
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
-												Display content attribution

											
										
										
											2019-10-26 23:37:58 +09:00
+								      if tweet.attribution.isSome:
-												Unify avatar class generation

											
										
										
											2022-01-14 11:16:09 +09:00
+								        renderAttribution(tweet.attribution.get(), prefs)
-												Display content attribution

											
										
										
											2019-10-26 23:37:58 +09:00
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								      if tweet.card.isSome:
 								        renderCard(tweet.card.get(), prefs, path)
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
 								      if tweet.photos.len > 0:
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								        renderAlbum(tweet)
 								      elif tweet.video.isSome:
 								        renderVideo(tweet.video.get(), prefs, path)
 								        views = tweet.video.get().views
 								      elif tweet.gif.isSome:
 								        renderGif(tweet.gif.get(), prefs)
-												Display "GIF" below gifs

Fixes #141

											
										
										
											2020-03-29 15:05:09 +09:00
+								        views = "GIF"
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
 								      if tweet.poll.isSome:
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								        renderPoll(tweet.poll.get())
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
+								      if tweet.quote.isSome:
-												html and css updates

											
										
										
											2020-06-01 09:22:22 +09:00
+								        renderQuote(tweet.quote.get(), prefs, path)
-												Misc. fixes and refactorings

											
										
										
											2020-05-26 21:24:41 +09:00
-												Show published date under main tweets

Fixes #59

											
										
										
											2019-10-08 20:28:57 +09:00
+								      if mainTweet:
-												Implement requested changes

											
										
										
											2022-02-27 09:00:06 +09:00
+								        p(class="tweet-published"): text &"{getTime(tweet)} · {tweet.source}"
-												Show published date under main tweets

Fixes #59

											
										
										
											2019-10-08 20:28:57 +09:00
-												Support media tags

											
										
										
											2019-12-21 13:07:50 +09:00
+								      if tweet.mediaTags.len > 0:
 								        renderMediaTags(tweet.mediaTags)
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								      if not prefs.hideTweetStats:
 								        renderStats(tweet.stats, views)
-												Fix missing "Show thread" links

											
										
										
											2019-09-19 10:51:15 +09:00
+								      if showThread:
-												Fix "Show thread" not being shown, link to thread

											
										
										
											2019-10-23 16:47:15 +09:00
+								        a(class="show-thread", href=("/i/status/" & $tweet.threadId)):
-												Refactor tweet/timeline views

											
										
										
											2019-09-14 02:57:27 +09:00
+								          text "Show this thread"
-												fixed stupid code (sorry)

											
										
										
											2022-01-15 03:11:51 +09:00
-												emit body and doctype on iframe embed endpoint (#640)


											
										
										
											2022-06-17 01:46:41 +09:00
+								proc renderTweetEmbed*(tweet: Tweet; path: string; prefs: Prefs; cfg: Config; req: Request): string =
 								  let node = buildHtml(html(lang="en")):
-												fixed stupid code (sorry)

											
										
										
											2022-01-15 03:11:51 +09:00
+								    renderHead(prefs, cfg, req)
-												emit body and doctype on iframe embed endpoint (#640)


											
										
										
											2022-06-17 01:46:41 +09:00
 								    body:
 								      tdiv(class="tweet-embed"):
 								        renderTweet(tweet, prefs, path, mainTweet=true)
 								  result = doctype & $node