nitter/src/views/general.nim

134 lines
4.8 KiB
Nim
Raw Normal View History

2019-10-27 10:24:09 +00:00
import uri, strutils, strformat
import karax/[karaxdsl, vdom]
import renderutils
2019-10-08 13:07:10 +00:00
import ../utils, ../types, ../prefs, ../formatters
2019-09-20 20:56:27 +00:00
import jester
2019-08-07 20:02:19 +00:00
2020-07-04 11:20:54 +00:00
const
doctype = "<!DOCTYPE html>\n"
lp = readFile("public/lp.svg")
2019-09-20 20:56:27 +00:00
proc renderNavbar*(title, rss: string; req: Request): VNode =
2019-10-08 13:07:10 +00:00
let twitterPath = getTwitterLink(req.path, req.params)
2019-10-26 15:21:35 +00:00
var path = $(parseUri(req.path) ? filterParams(req.params))
if "/status" in path: path.add "#m"
2019-09-13 17:52:05 +00:00
buildHtml(nav):
2019-08-12 20:57:43 +00:00
tdiv(class="inner-nav"):
2019-09-13 17:52:05 +00:00
tdiv(class="nav-item"):
2019-08-12 20:57:43 +00:00
a(class="site-name", href="/"): text title
2021-12-26 22:26:50 +00:00
a(href="/"): img(class="site-logo", src="/logo.png", alt="Logo")
2019-08-12 20:57:43 +00:00
2019-09-13 17:52:05 +00:00
tdiv(class="nav-item right"):
icon "search", title="Search", href="/search"
2019-09-15 09:29:14 +00:00
if rss.len > 0:
icon "rss-feed", title="RSS Feed", href=rss
2019-10-08 13:07:10 +00:00
icon "bird", title="Open in Twitter", href=twitterPath
2020-07-04 11:20:54 +00:00
a(href="https://liberapay.com/zedeus"): verbatim lp
icon "info", title="About", href="/about"
iconReferer "cog", "/settings", path, title="Preferences"
2019-08-12 20:57:43 +00:00
2019-12-08 11:38:55 +00:00
proc renderHead*(prefs: Prefs; cfg: Config; titleText=""; desc=""; video="";
images: seq[string] = @[]; banner=""; ogTitle=""; theme="";
rss=""): VNode =
2019-12-08 11:38:55 +00:00
let ogType =
if video.len > 0: "video"
2021-01-07 22:58:29 +00:00
elif rss.len > 0: "object"
2019-12-08 11:38:55 +00:00
elif images.len > 0: "photo"
else: "article"
2021-01-08 01:25:43 +00:00
let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
2019-12-06 14:15:56 +00:00
buildHtml(head):
link(rel="stylesheet", type="text/css", href="/css/style.css?v=3")
link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=2")
if theme.len > 0:
link(rel="stylesheet", type="text/css", href=(&"/css/themes/{theme}.css"))
2019-12-06 14:15:56 +00:00
link(rel="apple-touch-icon", sizes="180x180", href="/apple-touch-icon.png")
link(rel="icon", type="image/png", sizes="32x32", href="/favicon-32x32.png")
link(rel="icon", type="image/png", sizes="16x16", href="/favicon-16x16.png")
link(rel="manifest", href="/site.webmanifest")
link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#ff6c60")
link(rel="search", type="application/opensearchdescription+xml", title=cfg.title,
href=opensearchUrl)
2019-12-06 14:15:56 +00:00
if rss.len > 0:
link(rel="alternate", type="application/rss+xml", href=rss, title="RSS feed")
2019-12-06 14:15:56 +00:00
if prefs.hlsPlayback:
script(src="/js/hls.light.min.js", `defer`="")
script(src="/js/hlsPlayback.js", `defer`="")
2019-12-06 14:15:56 +00:00
2020-01-07 02:00:16 +00:00
if prefs.infiniteScroll:
script(src="/js/infiniteScroll.js", `defer`="")
2020-01-07 02:00:16 +00:00
2019-12-06 14:15:56 +00:00
title:
if titleText.len > 0:
text titleText & " | " & cfg.title
else:
text cfg.title
meta(name="viewport", content="width=device-width, initial-scale=1.0")
2021-12-26 22:26:50 +00:00
meta(name="theme-color", content="#1F1F1F")
2019-12-08 11:38:55 +00:00
meta(property="og:type", content=ogType)
2020-03-29 21:20:00 +00:00
meta(property="og:title", content=(if ogTitle.len > 0: ogTitle else: titleText))
2019-12-06 14:15:56 +00:00
meta(property="og:description", content=stripHtml(desc))
meta(property="og:site_name", content="Nitter")
2020-01-10 00:59:52 +00:00
meta(property="og:locale", content="en_US")
2019-12-06 14:15:56 +00:00
if banner.len > 0:
let bannerUrl = getPicUrl(banner)
link(rel="preload", type="image/png", href=getPicUrl(banner), `as`="image")
2019-12-06 14:15:56 +00:00
for url in images:
let suffix = if "400x400" in url: "" else: "?name=small"
let preloadUrl = getPicUrl(url & suffix)
link(rel="preload", type="image/png", href=preloadUrl, `as`="image")
2021-01-08 01:25:43 +00:00
let image = getUrlPrefix(cfg) & getPicUrl(url)
2021-01-07 22:58:29 +00:00
meta(property="og:image", content=image)
meta(property="twitter:image:src", content=image)
if rss.len > 0:
meta(property="twitter:card", content="summary")
else:
meta(property="twitter:card", content="summary_large_image")
2019-12-06 14:15:56 +00:00
if video.len > 0:
meta(property="og:video:url", content=video)
meta(property="og:video:secure_url", content=video)
meta(property="og:video:type", content="text/html")
# this is last so images are also preloaded
# if this is done earlier, Chrome only preloads one image for some reason
link(rel="preload", type="font/woff2", `as`="font",
href="/fonts/fontello.woff2?21002321", crossorigin="anonymous")
2020-06-09 14:45:21 +00:00
proc renderMain*(body: VNode; req: Request; cfg: Config; prefs=defaultPrefs;
titleText=""; desc=""; ogTitle=""; rss=""; video="";
images: seq[string] = @[]; banner=""): string =
var theme = toLowerAscii(prefs.theme).replace(" ", "_")
if "theme" in req.params:
theme = toLowerAscii(req.params["theme"]).replace(" ", "_")
2019-12-06 14:15:56 +00:00
let node = buildHtml(html(lang="en")):
renderHead(prefs, cfg, titleText, desc, video, images, banner, ogTitle, theme, rss)
2019-09-15 10:57:44 +00:00
body:
renderNavbar(cfg.title, rss, req)
2019-09-13 17:52:05 +00:00
tdiv(class="container"):
body
result = doctype & $node
proc renderError*(error: string): VNode =
2019-09-13 08:44:21 +00:00
buildHtml(tdiv(class="panel-container")):
tdiv(class="error-panel"):
2021-01-07 21:31:29 +00:00
span: verbatim error