213 lines
10 KiB
TypeScript
213 lines
10 KiB
TypeScript
import express, { type Express } from "express";
|
||
import fs from "fs";
|
||
import path from "path";
|
||
import { storage } from "./storage";
|
||
|
||
function escapeHtml(str: string): string {
|
||
return str.replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<").replace(/>/g, ">");
|
||
}
|
||
|
||
function ogImageUrl(coverImage: string, baseUrl: string): string {
|
||
if (!coverImage) return "";
|
||
let imgPath = coverImage;
|
||
if (imgPath.endsWith(".webp")) {
|
||
imgPath = imgPath.replace(/\.webp$/, ".jpg");
|
||
}
|
||
return imgPath.startsWith("http") ? imgPath : `${baseUrl}${imgPath}`;
|
||
}
|
||
|
||
function stripExistingMeta(html: string): string {
|
||
html = html.replace(/<meta\s+property="og:[^"]*"[^>]*>\s*/gi, "");
|
||
html = html.replace(/<meta\s+name="twitter:[^"]*"[^>]*>\s*/gi, "");
|
||
html = html.replace(/<meta\s+name="description"[^>]*>\s*/gi, "");
|
||
html = html.replace(/<meta\s+name="keywords"[^>]*>\s*/gi, "");
|
||
html = html.replace(/<link\s+rel="canonical"[^>]*>\s*/gi, "");
|
||
return html;
|
||
}
|
||
|
||
export function serveStatic(app: Express) {
|
||
const distPath = path.resolve(__dirname, "public");
|
||
if (!fs.existsSync(distPath)) {
|
||
throw new Error(
|
||
`Could not find the build directory: ${distPath}, make sure to build the client first`,
|
||
);
|
||
}
|
||
|
||
app.use(express.static(distPath, {
|
||
setHeaders(res, filePath) {
|
||
if (filePath.endsWith("og-image.jpg") || filePath.includes("/uploads/") || filePath.includes("/images/")) {
|
||
res.setHeader("Cache-Control", "public, max-age=86400");
|
||
}
|
||
},
|
||
}));
|
||
|
||
app.use("/{*path}", async (req, res) => {
|
||
const url = req.originalUrl;
|
||
const indexPath = path.resolve(distPath, "index.html");
|
||
|
||
const canonicalBase = "https://folx.tv";
|
||
const host = req.get("host") || "folx.tv";
|
||
const protocol = req.get("x-forwarded-proto") || "https";
|
||
const baseUrl = `${protocol}://${host}`;
|
||
|
||
const articleMatch = url.match(/^\/article\/([^?#]+)/);
|
||
if (articleMatch) {
|
||
try {
|
||
const slug = decodeURIComponent(articleMatch[1]);
|
||
const article = await storage.getArticleBySlug(slug);
|
||
if (article) {
|
||
const articleUrl = `${canonicalBase}/article/${article.slug}`;
|
||
const imageUrl = ogImageUrl(article.coverImage || "", canonicalBase);
|
||
const finalImage = imageUrl || `${canonicalBase}/og-image.jpg`;
|
||
|
||
let template = await fs.promises.readFile(indexPath, "utf-8");
|
||
template = stripExistingMeta(template);
|
||
|
||
const pubDate = article.publishedAt
|
||
? new Date(article.publishedAt as any).toISOString()
|
||
: new Date().toISOString();
|
||
const jsonLd = {
|
||
"@context": "https://schema.org",
|
||
"@type": "NewsArticle",
|
||
"headline": article.title,
|
||
"description": article.excerpt,
|
||
"image": [finalImage],
|
||
"datePublished": pubDate,
|
||
"dateModified": pubDate,
|
||
"articleSection": article.category || "News",
|
||
"author": {
|
||
"@type": "Organization",
|
||
"name": article.author || "Folx Music Television",
|
||
"url": canonicalBase,
|
||
},
|
||
"publisher": {
|
||
"@type": "Organization",
|
||
"name": "Folx Music Television",
|
||
"logo": {
|
||
"@type": "ImageObject",
|
||
"url": `${canonicalBase}/og-image.jpg`,
|
||
},
|
||
},
|
||
"mainEntityOfPage": {
|
||
"@type": "WebPage",
|
||
"@id": articleUrl,
|
||
},
|
||
};
|
||
const jsonLdTag = `<script type="application/ld+json">${JSON.stringify(jsonLd).replace(/</g, "\\u003c")}</script>`;
|
||
|
||
const ogTags = [
|
||
`<meta property="og:title" content="${escapeHtml(article.title)}" />`,
|
||
`<meta property="og:description" content="${escapeHtml(article.excerpt)}" />`,
|
||
`<meta property="og:type" content="article" />`,
|
||
`<meta property="og:url" content="${escapeHtml(articleUrl)}" />`,
|
||
`<meta property="og:image" content="${escapeHtml(finalImage)}" />`,
|
||
`<meta property="og:image:secure_url" content="${escapeHtml(finalImage)}" />`,
|
||
`<meta property="og:image:width" content="800" />`,
|
||
`<meta property="og:image:height" content="450" />`,
|
||
`<meta property="og:image:type" content="image/jpeg" />`,
|
||
`<meta property="og:site_name" content="Folx Music Television" />`,
|
||
`<meta property="og:locale" content="de_DE" />`,
|
||
`<meta property="fb:pages" content="1428520781492675" />`,
|
||
`<meta name="twitter:card" content="summary_large_image" />`,
|
||
`<meta name="twitter:title" content="${escapeHtml(article.title)}" />`,
|
||
`<meta name="twitter:description" content="${escapeHtml(article.excerpt)}" />`,
|
||
`<meta name="twitter:image" content="${escapeHtml(finalImage)}" />`,
|
||
`<meta name="description" content="${escapeHtml(article.excerpt)}" />`,
|
||
`<meta name="keywords" content="Volksmusik, Schlager, ${escapeHtml(article.title)}, ${escapeHtml(article.category || 'News')}, FOLX TV" />`,
|
||
`<link rel="canonical" href="${escapeHtml(articleUrl)}" />`,
|
||
`<title>${escapeHtml(article.title)} - Volksmusik & Schlager | Folx Music Television</title>`,
|
||
jsonLdTag,
|
||
].join("\n ");
|
||
|
||
template = template.replace(/<title>[^<]*<\/title>/, ogTags);
|
||
|
||
res.status(200).set({ "Content-Type": "text/html" }).end(template);
|
||
return;
|
||
}
|
||
} catch (e) {
|
||
}
|
||
}
|
||
|
||
if (url.match(/^\/gallery(\/|$|\?)/)) {
|
||
let template = await fs.promises.readFile(indexPath, "utf-8");
|
||
template = stripExistingMeta(template);
|
||
const galTitle = "Fotogalerie \u2013 Einzigartige Momente von unseren Aufzeichnungen | FOLX TV";
|
||
const galDesc = "Spannende Schnappsch\u00fcsse und besondere Augenblicke, eingefangen bei unseren Aufzeichnungen. Authentische Bilder der Volksmusik- und Schlager-Stars in einzigartigen Momenten bei FOLX TV.";
|
||
const galUrl = `${canonicalBase}/gallery`;
|
||
const galImage = `${canonicalBase}/images/og-image.jpg`;
|
||
|
||
const galTags = [
|
||
`<meta property="og:title" content="${escapeHtml(galTitle)}" />`,
|
||
`<meta property="og:description" content="${escapeHtml(galDesc)}" />`,
|
||
`<meta property="og:type" content="website" />`,
|
||
`<meta property="og:url" content="${escapeHtml(galUrl)}" />`,
|
||
`<meta property="og:image" content="${escapeHtml(galImage)}" />`,
|
||
`<meta property="og:image:secure_url" content="${escapeHtml(galImage)}" />`,
|
||
`<meta property="og:image:width" content="1200" />`,
|
||
`<meta property="og:image:height" content="630" />`,
|
||
`<meta property="og:image:type" content="image/jpeg" />`,
|
||
`<meta property="og:site_name" content="Folx Music Television" />`,
|
||
`<meta property="og:locale" content="de_DE" />`,
|
||
`<meta name="twitter:card" content="summary_large_image" />`,
|
||
`<meta name="twitter:title" content="${escapeHtml(galTitle)}" />`,
|
||
`<meta name="twitter:description" content="${escapeHtml(galDesc)}" />`,
|
||
`<meta name="twitter:image" content="${escapeHtml(galImage)}" />`,
|
||
`<meta name="description" content="${escapeHtml(galDesc)}" />`,
|
||
`<meta name="keywords" content="Fotogalerie, Volksmusik Fotos, Schlager Bilder, Aufzeichnungen, Schnappschüsse, FOLX TV, Volksmusik Stars" />`,
|
||
`<link rel="canonical" href="${escapeHtml(galUrl)}" />`,
|
||
`<title>${escapeHtml(galTitle)}</title>`,
|
||
].join("\n ");
|
||
|
||
template = template.replace(/<title>[^<]*<\/title>/, galTags);
|
||
res.status(200).set({ "Content-Type": "text/html" }).end(template);
|
||
return;
|
||
}
|
||
|
||
if (url.match(/^\/horoskop(\/|$|\?)/)) {
|
||
let template = await fs.promises.readFile(indexPath, "utf-8");
|
||
template = stripExistingMeta(template);
|
||
const signMatch = url.match(/^\/horoskop\/([^?#]+)/);
|
||
const signName = signMatch ? decodeURIComponent(signMatch[1]) : null;
|
||
const capitalSign = signName ? signName.charAt(0).toUpperCase() + signName.slice(1) : null;
|
||
|
||
const title = capitalSign
|
||
? `${capitalSign} Horoskop – Tages-, Wochen- & Monatshoroskop | Folx Music Television`
|
||
: "Horoskop – Tages-, Wochen- & Monatshoroskop für alle Sternzeichen | Folx Music Television";
|
||
const desc = capitalSign
|
||
? `${capitalSign} Horoskop: Tägliches, wöchentliches und monatliches Horoskop. Liebe, Beruf & Gesundheit bei FOLX TV.`
|
||
: "Kostenloses Tageshoroskop, Wochenhoroskop & Monatshoroskop für alle 12 Sternzeichen. Liebe, Beruf, Gesundheit bei FOLX TV.";
|
||
const horoUrl = `${canonicalBase}${signName ? `/horoskop/${signName}` : "/horoskop"}`;
|
||
const horoImage = `${canonicalBase}/images/horoskop-og.jpg`;
|
||
|
||
const horoTags = [
|
||
`<meta property="og:title" content="${escapeHtml(title)}" />`,
|
||
`<meta property="og:description" content="${escapeHtml(desc)}" />`,
|
||
`<meta property="og:type" content="website" />`,
|
||
`<meta property="og:url" content="${escapeHtml(horoUrl)}" />`,
|
||
`<meta property="og:image" content="${escapeHtml(horoImage)}" />`,
|
||
`<meta property="og:image:secure_url" content="${escapeHtml(horoImage)}" />`,
|
||
`<meta property="og:image:width" content="1200" />`,
|
||
`<meta property="og:image:height" content="675" />`,
|
||
`<meta property="og:image:type" content="image/jpeg" />`,
|
||
`<meta property="og:site_name" content="Folx Music Television" />`,
|
||
`<meta property="og:locale" content="de_DE" />`,
|
||
`<meta name="twitter:card" content="summary_large_image" />`,
|
||
`<meta name="twitter:title" content="${escapeHtml(title)}" />`,
|
||
`<meta name="twitter:description" content="${escapeHtml(desc)}" />`,
|
||
`<meta name="twitter:image" content="${escapeHtml(horoImage)}" />`,
|
||
`<meta name="description" content="${escapeHtml(desc)}" />`,
|
||
`<meta name="keywords" content="Horoskop, Tageshoroskop, Wochenhoroskop, Monatshoroskop, Sternzeichen, Volksmusik, FOLX TV${capitalSign ? `, ${capitalSign}` : ""}" />`,
|
||
`<link rel="canonical" href="${escapeHtml(horoUrl)}" />`,
|
||
`<title>${escapeHtml(title)}</title>`,
|
||
].join("\n ");
|
||
|
||
template = template.replace(/<title>[^<]*<\/title>/, horoTags);
|
||
res.status(200).set({ "Content-Type": "text/html" }).end(template);
|
||
return;
|
||
}
|
||
|
||
let template = await fs.promises.readFile(indexPath, "utf-8");
|
||
res.status(200).set({ "Content-Type": "text/html" }).end(template);
|
||
});
|
||
}
|