7203a47502
Update meta tags in index.html and server/static.ts to use a new, optimized 1200x630 JPG image for social media sharing, including a fallback for articles without custom images. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: eef2f1fb-f30b-4d8f-99f8-37885a256071 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/V5dWXpq Replit-Helium-Checkpoint-Created: true
75 lines
3.0 KiB
TypeScript
75 lines
3.0 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}`;
|
|
}
|
|
|
|
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));
|
|
|
|
app.use("/{*path}", async (req, res) => {
|
|
const url = req.originalUrl;
|
|
const indexPath = path.resolve(distPath, "index.html");
|
|
|
|
const articleMatch = url.match(/^\/article\/([^?#]+)/);
|
|
if (articleMatch) {
|
|
try {
|
|
const slug = decodeURIComponent(articleMatch[1]);
|
|
const article = await storage.getArticleBySlug(slug);
|
|
if (article) {
|
|
const host = req.get("host") || "folx.tv";
|
|
const protocol = req.get("x-forwarded-proto") || "https";
|
|
const baseUrl = `${protocol}://${host}`;
|
|
const articleUrl = `${baseUrl}/article/${article.slug}`;
|
|
const imageUrl = ogImageUrl(article.coverImage || "", baseUrl);
|
|
|
|
let template = await fs.promises.readFile(indexPath, "utf-8");
|
|
|
|
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(imageUrl || `${baseUrl}/og-image.jpg`)}" />`,
|
|
`<meta property="og:site_name" content="Folx Music Television" />`,
|
|
`<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(imageUrl || `${baseUrl}/og-image.jpg`)}" />`,
|
|
`<meta name="description" content="${escapeHtml(article.excerpt)}" />`,
|
|
`<title>${escapeHtml(article.title)} - Volksmusik & Schlager | Folx Music Television</title>`,
|
|
].filter(Boolean).join("\n ");
|
|
|
|
template = template.replace(/<meta property="og:[^"]*"[^>]*\/>\s*/g, "");
|
|
template = template.replace(/<title>.*?<\/title>/, ogTags);
|
|
|
|
res.status(200).set({ "Content-Type": "text/html" }).end(template);
|
|
return;
|
|
}
|
|
} catch (e) {
|
|
}
|
|
}
|
|
|
|
res.sendFile(indexPath);
|
|
});
|
|
}
|