// {{headerComment}}
import { Router, Request, Response } from "express";
import crypto from "crypto";
export interface LoginUIConfig {
localAuth: boolean;
oauthProviders: string[];
}
export default class LoginUI {
private router: Router = Router();
private config: LoginUIConfig;
constructor(config: LoginUIConfig) {
this.config = config;
this.registerRoutes();
}
getRouter(): Router {
return this.router;
}
private registerRoutes(): void {
this.router.get("/", this.homePage.bind(this));
this.router.get("/login", this.loginPage.bind(this));
this.router.get("/logout", this.logoutPage.bind(this));
this.router.get("/mytokens", this.myTokensPage.bind(this));
this.router.get("/refreshtoken", this.refreshTokenPage.bind(this));
this.router.get("/logincallback", this.loginCallbackPage.bind(this));
}
private nonce(): string {
return crypto.randomBytes(16).toString("base64");
}
private homePage(_req: Request, res: Response): void {
const authLinks = this.config.localAuth || this.config.oauthProviders.length > 0
? `Login
myTokens
RefreshToken
LogOut`
: "";
res.send(`
`);
}
private loginPage(_req: Request, res: Response): void {
const nonce = this.nonce();
res.setHeader("Content-Security-Policy", `script-src 'self' 'nonce-${nonce}'`);
let formHtml = "";
if (this.config.localAuth) {
formHtml += `
Email:
Password:
`;
}
formHtml += " Login with SSO:
\n";
if (this.config.oauthProviders.length === 0) {
formHtml += " No OAuth provider configured.
\n";
}
else {
this.config.oauthProviders.forEach((provider) => {
formHtml += ` ${provider}
\n`;
});
}
const scriptTag = this.config.localAuth
? ``
: "";
res.send(`${scriptTag}${formHtml}`);
}
private logoutPage(_req: Request, res: Response): void {
const nonce = this.nonce();
res.setHeader("Content-Security-Policy", `script-src 'self' 'nonce-${nonce}'`);
res.send(`
`);
}
private myTokensPage(_req: Request, res: Response): void {
const nonce = this.nonce();
res.setHeader("Content-Security-Policy", `script-src 'self' 'nonce-${nonce}'`);
res.send(`
My Token
back to home
`);
}
private refreshTokenPage(_req: Request, res: Response): void {
const nonce = this.nonce();
res.setHeader("Content-Security-Policy", `script-src 'self' 'nonce-${nonce}'`);
res.send(`
New Token
back to home
`);
}
private loginCallbackPage(_req: Request, res: Response): void {
const nonce = this.nonce();
res.setHeader("Content-Security-Policy", `script-src 'self' 'nonce-${nonce}'`);
res.send(`
Profile Data
back to home
`);
}
}