mirror of
https://github.com/zedeus/nitter.git
synced 2024-06-26 00:20:34 +00:00
2edf54d5b3
Useful for instance owners who want to disable the RSS endpoint for reasons such as abuse and not enough server resources to handle heavy network traffic through that endpoint. Resolves #437
133 lines
4.8 KiB
Nim
133 lines
4.8 KiB
Nim
import uri, strutils, strformat
|
|
import karax/[karaxdsl, vdom]
|
|
|
|
import renderutils
|
|
import ../utils, ../types, ../prefs, ../formatters
|
|
|
|
import jester
|
|
|
|
const
|
|
doctype = "<!DOCTYPE html>\n"
|
|
lp = readFile("public/lp.svg")
|
|
|
|
proc renderNavbar*(cfg: Config, rss: string; req: Request): VNode =
|
|
let twitterPath = getTwitterLink(req.path, req.params)
|
|
var path = $(parseUri(req.path) ? filterParams(req.params))
|
|
if "/status" in path: path.add "#m"
|
|
|
|
buildHtml(nav):
|
|
tdiv(class="inner-nav"):
|
|
tdiv(class="nav-item"):
|
|
a(class="site-name", href="/"): text cfg.title
|
|
|
|
a(href="/"): img(class="site-logo", src="/logo.png")
|
|
|
|
tdiv(class="nav-item right"):
|
|
icon "search", title="Search", href="/search"
|
|
if cfg.enableRSS and rss.len > 0:
|
|
icon "rss-feed", title="RSS Feed", href=rss
|
|
icon "bird", title="Open in Twitter", href=twitterPath
|
|
a(href="https://liberapay.com/zedeus"): verbatim lp
|
|
icon "info", title="About", href="/about"
|
|
iconReferer "cog", "/settings", path, title="Preferences"
|
|
|
|
proc renderHead*(prefs: Prefs; cfg: Config; titleText=""; desc=""; video="";
|
|
images: seq[string] = @[]; banner=""; ogTitle=""; theme="";
|
|
rss=""): VNode =
|
|
let ogType =
|
|
if video.len > 0: "video"
|
|
elif rss.len > 0: "object"
|
|
elif images.len > 0: "photo"
|
|
else: "article"
|
|
|
|
let opensearchUrl = getUrlPrefix(cfg) & "/opensearch"
|
|
|
|
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"))
|
|
|
|
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)
|
|
|
|
if cfg.enableRSS and rss.len > 0:
|
|
link(rel="alternate", type="application/rss+xml", href=rss, title="RSS feed")
|
|
|
|
if prefs.hlsPlayback:
|
|
script(src="/js/hls.light.min.js", `defer`="")
|
|
script(src="/js/hlsPlayback.js", `defer`="")
|
|
|
|
if prefs.infiniteScroll:
|
|
script(src="/js/infiniteScroll.js", `defer`="")
|
|
|
|
title:
|
|
if titleText.len > 0:
|
|
text titleText & " | " & cfg.title
|
|
else:
|
|
text cfg.title
|
|
|
|
meta(name="viewport", content="width=device-width, initial-scale=1.0")
|
|
meta(property="og:type", content=ogType)
|
|
meta(property="og:title", content=(if ogTitle.len > 0: ogTitle else: titleText))
|
|
meta(property="og:description", content=stripHtml(desc))
|
|
meta(property="og:site_name", content="Nitter")
|
|
meta(property="og:locale", content="en_US")
|
|
|
|
if banner.len > 0:
|
|
let bannerUrl = getPicUrl(banner)
|
|
link(rel="preload", type="image/png", href=getPicUrl(banner), `as`="image")
|
|
|
|
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")
|
|
|
|
let image = getUrlPrefix(cfg) & getPicUrl(url)
|
|
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")
|
|
|
|
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")
|
|
|
|
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(" ", "_")
|
|
|
|
let node = buildHtml(html(lang="en")):
|
|
renderHead(prefs, cfg, titleText, desc, video, images, banner, ogTitle, theme, rss)
|
|
|
|
body:
|
|
renderNavbar(cfg, rss, req)
|
|
|
|
tdiv(class="container"):
|
|
body
|
|
|
|
result = doctype & $node
|
|
|
|
proc renderError*(error: string): VNode =
|
|
buildHtml(tdiv(class="panel-container")):
|
|
tdiv(class="error-panel"):
|
|
span: verbatim error
|