Files
Papo/src/web/server.ts

74 lines
3.2 KiB
TypeScript

import express from 'express';
import session from 'express-session';
import cookieParser from 'cookie-parser';
import path from 'path';
import authRouter from './routes/auth';
import dashboardRouter from './routes/dashboard';
import apiRouter from './routes/api';
import { env } from '../config/env';
export function createWebServer() {
const app = express();
const basePath = env.webBasePath || '/ucp';
const dashboardPath = `${basePath}/dashboard`;
const apiPath = `${basePath}/api`;
app.use(express.json({ limit: '5mb' }));
app.use(cookieParser());
app.use(
session({
secret: env.sessionSecret,
resave: false,
saveUninitialized: false
})
);
const mount = (suffix: string) => (basePath ? `${basePath}${suffix}` : suffix);
app.use(mount('/auth'), authRouter);
app.use(dashboardPath, dashboardRouter);
app.use(mount('/api'), apiRouter);
// fallback mounts if proxy strips base path
if (basePath) {
app.use('/api', apiRouter);
app.use('/dashboard', dashboardRouter);
}
// Redirect bare auth calls to the prefixed path when a base path is set
if (basePath) {
app.use('/auth', (_req, res) => res.redirect(`${basePath}${_req.originalUrl}`));
}
// Landing pages
app.get('/', (_req, res) => res.redirect(dashboardPath));
app.get(basePath || '/', (_req, res) => {
res.send(`
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Papo Dashboard</title>
<style>
:root { --bg:#0b0f17; --card:rgba(18,20,30,0.72); --text:#f8fafc; --muted:#a5b4c3; --accent:#f97316; --border:rgba(255,255,255,0.06); }
body { margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 18% 20%, rgba(249,115,22,0.16), transparent 32%), radial-gradient(circle at 82% -8%, rgba(255,166,99,0.12), transparent 28%), linear-gradient(140deg, #080c15 0%, #0c1220 48%, #080c15 100%); font-family:'Inter', system-ui, sans-serif; color:var(--text); }
.shell { padding:32px 36px; border-radius:18px; background:var(--card); border:1px solid var(--border); box-shadow:0 20px 50px rgba(0,0,0,0.45); backdrop-filter:blur(12px); max-width:520px; width:calc(100% - 32px); text-align:center; }
h1 { margin:0 0 10px; font-size:28px; letter-spacing:0.4px; }
p { margin:0 0 18px; color:var(--muted); }
a { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px; text-decoration:none; font-weight:800; color:white; background:linear-gradient(130deg, #ff9b3d, #f97316); border:1px solid rgba(249,115,22,0.45); box-shadow:0 14px 34px rgba(249,115,22,0.35); transition:transform 140ms ease, box-shadow 140ms ease; }
a:hover { transform:translateY(-1px); box-shadow:0 16px 40px rgba(249,115,22,0.4); }
</style>
</head>
<body>
<div class="shell">
<h1>Papo Dashboard</h1>
<p>Verwalte Tickets, Module und Automod.</p>
<a href="${dashboardPath}">Zum Dashboard</a>
</div>
</body>
</html>
`);
});
app.use(mount('/static'), express.static(path.join(process.cwd(), 'static')));
return app;
}