b7bac69edc
Replit-Commit-Author: Deployment Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: a5b0cf00-faad-490d-a860-0918e26dc01b Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/jdAEdU5 Replit-Commit-Deployment-Build-Id: 3212db73-3802-4ff5-b9d5-49fe3af1b5ad Replit-Helium-Checkpoint-Created: true
107 lines
3.7 KiB
TypeScript
107 lines
3.7 KiB
TypeScript
import { type Express } from "express";
|
|
import { createServer as createViteServer, createLogger } from "vite";
|
|
import { type Server } from "http";
|
|
import viteConfig from "../vite.config";
|
|
import fs from "fs";
|
|
import path from "path";
|
|
import { nanoid } from "nanoid";
|
|
import { storage } from "./storage";
|
|
|
|
const viteLogger = createLogger();
|
|
|
|
function escapeHtml(str: string): string {
|
|
return str.replace(/&/g, "&").replace(/"/g, """).replace(/</g, "<").replace(/>/g, ">");
|
|
}
|
|
|
|
export async function setupVite(server: Server, app: Express) {
|
|
const serverOptions = {
|
|
middlewareMode: true,
|
|
hmr: { server, path: "/vite-hmr" },
|
|
allowedHosts: true as const,
|
|
};
|
|
|
|
const vite = await createViteServer({
|
|
...viteConfig,
|
|
configFile: false,
|
|
customLogger: {
|
|
...viteLogger,
|
|
error: (msg, options) => {
|
|
viteLogger.error(msg, options);
|
|
process.exit(1);
|
|
},
|
|
},
|
|
server: serverOptions,
|
|
appType: "custom",
|
|
});
|
|
|
|
app.use(vite.middlewares);
|
|
|
|
app.use("/{*path}", async (req, res, next) => {
|
|
const url = req.originalUrl;
|
|
|
|
try {
|
|
const clientTemplate = path.resolve(
|
|
import.meta.dirname,
|
|
"..",
|
|
"client",
|
|
"index.html",
|
|
);
|
|
|
|
let template = await fs.promises.readFile(clientTemplate, "utf-8");
|
|
template = template.replace(
|
|
`src="/src/main.tsx"`,
|
|
`src="/src/main.tsx?v=${nanoid()}"`,
|
|
);
|
|
|
|
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 = article.coverImage ? (article.coverImage.startsWith("http") ? article.coverImage : `${baseUrl}${article.coverImage}`) : "";
|
|
|
|
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)}" />`,
|
|
imageUrl ? `<meta property="og:image" content="${escapeHtml(imageUrl)}" />` : "",
|
|
`<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)}" />`,
|
|
imageUrl ? `<meta name="twitter:image" content="${escapeHtml(imageUrl)}" />` : "",
|
|
`<title>${escapeHtml(article.title)} - Folx Music Television</title>`,
|
|
].filter(Boolean).join("\n ");
|
|
|
|
template = template.replace(
|
|
/<title>.*?<\/title>/,
|
|
ogTags
|
|
);
|
|
template = template.replace(
|
|
/<meta property="og:title"[^>]*\/>\s*/,
|
|
""
|
|
);
|
|
template = template.replace(
|
|
/<meta property="og:description"[^>]*\/>\s*/,
|
|
""
|
|
);
|
|
}
|
|
} catch (e) {
|
|
}
|
|
}
|
|
|
|
const page = await vite.transformIndexHtml(url, template);
|
|
res.status(200).set({ "Content-Type": "text/html" }).end(page);
|
|
} catch (e) {
|
|
vite.ssrFixStacktrace(e as Error);
|
|
next(e);
|
|
}
|
|
});
|
|
}
|