web: Add a 'paste' endpoint and better error handling

PartMan7 · PartMan7 · commit f808bab8316f · 2025-08-24T14:54:50.000+05:30
diff --git a/src/web/index.ts b/src/web/index.ts
@@ -6,6 +6,7 @@ import { IS_ENABLED } from '@/enabled';
 import { Logger } from '@/utils/logger';
 import loadAPI from '@/web/loaders/api';
 import loadBundles from '@/web/loaders/bundles';
+import loadErrorHandler from '@/web/loaders/errors';
 import loadStatic from '@/web/loaders/static';
 import loadUI from '@/web/loaders/ui';
 
@@ -24,6 +25,7 @@ if (IS_ENABLED.WEB) {
 		.then(() => loadAPI(app))
 		.then(() => loadBundles(app))
 		.then(() => loadUI(app))
+		.then(() => loadErrorHandler(app))
 		.then(() => app.listen(port, () => Logger.log(`Web is running!`)));
 }
 
diff --git a/src/web/loaders/api.ts b/src/web/loaders/api.ts
@@ -1,7 +1,6 @@
 import { Router } from 'express';
 
 import { fsPath } from '@/utils/fsPath';
-import { errorHandler } from '@/web/loaders/errors';
 import { readFileStructure } from '@/web/loaders/util';
 
 import type { APIRoute } from '@/types/web';
@@ -19,5 +18,4 @@ export default async function init(app: Application): Promise<void> {
 	);
 
 	app.use('/api', router);
-	app.use('/api', errorHandler);
 }
diff --git a/src/web/loaders/errors.ts b/src/web/loaders/errors.ts
@@ -1,12 +1,20 @@
+import { escapeHTML } from 'ps-client/tools';
+
 import { Logger } from '@/utils/logger';
 import { WebError } from '@/utils/webError';
 
-import type { NextFunction, Request, Response } from 'express';
+import type { Application, NextFunction, Request, Response } from 'express';
 
-export function errorHandler(err: Error, req: Request, res: Response, _next: NextFunction): void {
+function errorHandler(err: Error, req: Request, res: Response, _next: NextFunction): void {
 	if (!(err instanceof WebError)) Logger.log(req, err);
+	const message = escapeHTML(err.message ?? 'An internal server error occurred!');
 	res
-		// .header('content-type', 'application/text')
 		.status('statusCode' in err && typeof err.statusCode === 'number' ? err.statusCode : 501)
-		.send(err.message ?? 'An internal server error occurred!');
+		.send(
+			`<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>${message}</title></head><body><pre>${message}</pre></body></html>`
+		);
+}
+
+export default function init(app: Application): void {
+	app.use(errorHandler);
 }
diff --git a/src/web/pastes/.gitignore b/src/web/pastes/.gitignore
@@ -0,0 +1 @@
+*.txt
diff --git a/src/web/ui/paste/[pasteId].tsx b/src/web/ui/paste/[pasteId].tsx
@@ -0,0 +1,11 @@
+import { fsPath } from '@/utils/fsPath';
+import { WebError } from '@/utils/webError';
+
+import type { UIRouteHandler } from '@/types/web';
+
+export const handler: UIRouteHandler = (req, res, next) => {
+	const { pasteId } = req.params;
+	res.sendFile(fsPath('web', 'pastes', `${pasteId}.txt`), () => {
+		return next(new WebError(`Paste '${pasteId}' not found`, 404));
+	});
+};
