Compare commits

..

No commits in common. "a25aff0e24e230588b4eadbc4457cbb76a0e1afa" and "dbdb59f48bb447cf4b9bfdca271cbd58b26baaa8" have entirely different histories.

6 changed files with 61 additions and 179 deletions

1
.gitignore vendored
View file

@ -3,4 +3,3 @@ bun.lock
.env .env
logs/ logs/
.vscode/ .vscode/
robots.txt

View file

@ -1,69 +1,27 @@
import { resolve } from "node:path"; export const environment: Environment = {
import { logger } from "@creations.works/logger";
const environment: Environment = {
port: Number.parseInt(process.env.PORT || "8080", 10), port: Number.parseInt(process.env.PORT || "8080", 10),
host: process.env.HOST || "0.0.0.0", host: process.env.HOST || "0.0.0.0",
development: development:
process.env.NODE_ENV === "development" || process.argv.includes("--dev"), process.env.NODE_ENV === "development" || process.argv.includes("--dev"),
}; };
const redisTtl: number = process.env.REDIS_TTL export const redisTtl: number = process.env.REDIS_TTL
? Number.parseInt(process.env.REDIS_TTL, 10) ? Number.parseInt(process.env.REDIS_TTL, 10)
: 60 * 60 * 1; // 1 hour : 60 * 60 * 1; // 1 hour
const lanyardConfig: LanyardConfig = { export const lanyardConfig: LanyardConfig = {
userId: process.env.LANYARD_USER_ID || "", userId: process.env.LANYARD_USER_ID || "",
instance: process.env.LANYARD_INSTANCE || "", instance: process.env.LANYARD_INSTANCE || "https://api.lanyard.rest",
}; };
const reviewDb = { export const reviewDb = {
enabled: process.env.REVIEW_DB === "true" || process.env.REVIEW_DB === "1", enabled: process.env.REVIEW_DB === "true" || process.env.REVIEW_DB === "1",
url: "https://manti.vendicated.dev/api/reviewdb", url: "https://manti.vendicated.dev/api/reviewdb",
}; };
const badgeApi: string | null = process.env.BADGE_API_URL || null; export const badgeApi: string | null = process.env.BADGE_API_URL || null;
const steamGridDbKey: string | undefined = process.env.STEAMGRIDDB_API_KEY; export const steamGridDbKey: string | undefined =
process.env.STEAMGRIDDB_API_KEY;
const plausibleScript: string | null = export const plausibleScript: string | null =
process.env.PLAUSIBLE_SCRIPT_HTML?.trim() || null; process.env.PLAUSIBLE_SCRIPT_HTML?.trim() || null;
const robotstxtPath: string | null = process.env.ROBOTS_FILE
? resolve(process.env.ROBOTS_FILE)
: null;
function verifyRequiredVariables(): void {
const requiredVariables = [
"HOST",
"PORT",
"LANYARD_USER_ID",
"LANYARD_INSTANCE",
];
let hasError = false;
for (const key of requiredVariables) {
const value = process.env[key];
if (value === undefined || value.trim() === "") {
logger.error(`Missing or empty environment variable: ${key}`);
hasError = true;
}
}
if (hasError) {
process.exit(1);
}
}
export {
environment,
lanyardConfig,
redisTtl,
reviewDb,
badgeApi,
steamGridDbKey,
plausibleScript,
robotstxtPath,
verifyRequiredVariables,
};

View file

@ -884,13 +884,6 @@ ul {
flex-wrap: wrap; flex-wrap: wrap;
} }
.review-header-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.review-username { .review-username {
font-weight: 600; font-weight: 600;
color: var(--text-color); color: var(--text-color);
@ -914,23 +907,6 @@ ul {
flex-wrap: wrap; flex-wrap: wrap;
} }
.emoji {
width: 20px;
height: 20px;
vertical-align: middle;
margin: 0 2px;
display: inline-block;
transition: transform 0.3s ease;
}
.emoji:hover {
transform: scale(1.2);
}
.review-content img.emoji {
vertical-align: middle;
}
@media (max-width: 600px) { @media (max-width: 600px) {
.reviews { .reviews {
max-width: 100%; max-width: 100%;
@ -989,9 +965,4 @@ ul {
.review-badges { .review-badges {
justify-content: center; justify-content: center;
} }
.emoji {
width: 16px;
height: 16px;
}
} }

View file

@ -142,7 +142,7 @@ async function populateReviews(userId) {
const data = await res.json(); const data = await res.json();
if (!data.success || !Array.isArray(data.reviews)) { if (!data.success || !Array.isArray(data.reviews)) {
if (currentReviewOffset === 0) reviewSection.classList.add("hidden"); if (page === 1) reviewSection.classList.add("hidden");
isLoadingReviews = false; isLoadingReviews = false;
return; return;
} }
@ -152,14 +152,7 @@ async function populateReviews(userId) {
const sender = review.sender; const sender = review.sender;
const username = sender.username; const username = sender.username;
const avatar = sender.profilePhoto; const avatar = sender.profilePhoto;
let comment = review.comment; const comment = review.comment;
comment = comment.replace(
/<(a?):\w+:(\d+)>/g,
(_, animated, id) =>
`<img src="https://cdn.discordapp.com/emojis/${id}.${animated ? "gif" : "webp"}" class="emoji" alt="emoji" />`,
);
const timestamp = review.timestamp const timestamp = review.timestamp
? new Date(review.timestamp * 1000).toLocaleString(undefined, { ? new Date(review.timestamp * 1000).toLocaleString(undefined, {
hour12: false, hour12: false,
@ -183,12 +176,10 @@ async function populateReviews(userId) {
<img class="review-avatar" src="${avatar}" alt="${username}'s avatar"/> <img class="review-avatar" src="${avatar}" alt="${username}'s avatar"/>
<div class="review-body"> <div class="review-body">
<div class="review-header"> <div class="review-header">
<div class="review-header-inner">
<span class="review-username">${username}</span> <span class="review-username">${username}</span>
<span class="review-badges">${badges}</span>
</div>
<span class="review-timestamp">${timestamp}</span> <span class="review-timestamp">${timestamp}</span>
</div> </div>
<div class="review-badges">${badges}</div>
<div class="review-content">${comment}</div> <div class="review-content">${comment}</div>
</div> </div>
</li> </li>
@ -202,6 +193,7 @@ async function populateReviews(userId) {
reviewSection.classList.remove("hidden"); reviewSection.classList.remove("hidden");
hasMoreReviews = data.hasNextPage; hasMoreReviews = data.hasNextPage;
currentReviewPage = page;
isLoadingReviews = false; isLoadingReviews = false;
} catch (err) { } catch (err) {
console.error("Failed to fetch reviews", err); console.error("Failed to fetch reviews", err);

View file

@ -1,9 +1,7 @@
import { serverHandler } from "@/server"; import { serverHandler } from "@/server";
import { verifyRequiredVariables } from "@config/environment";
import { logger } from "@creations.works/logger"; import { logger } from "@creations.works/logger";
async function main(): Promise<void> { async function main(): Promise<void> {
verifyRequiredVariables();
serverHandler.initialize(); serverHandler.initialize();
} }

View file

@ -1,5 +1,5 @@
import { resolve } from "node:path"; import { resolve } from "node:path";
import { environment, robotstxtPath } from "@config/environment"; import { environment } from "@config/environment";
import { logger } from "@creations.works/logger"; import { logger } from "@creations.works/logger";
import { import {
type BunFile, type BunFile,
@ -65,15 +65,10 @@ class ServerHandler {
} }
} }
private async serveStaticFile( private async serveStaticFile(pathname: string): Promise<Response> {
request: ExtendedRequest,
pathname: string,
ip: string,
): Promise<Response> {
let filePath: string;
let response: Response;
try { try {
let filePath: string;
if (pathname === "/favicon.ico") { if (pathname === "/favicon.ico") {
filePath = resolve("public", "assets", "favicon.ico"); filePath = resolve("public", "assets", "favicon.ico");
} else { } else {
@ -86,37 +81,16 @@ class ServerHandler {
const fileContent: ArrayBuffer = await file.arrayBuffer(); const fileContent: ArrayBuffer = await file.arrayBuffer();
const contentType: string = file.type || "application/octet-stream"; const contentType: string = file.type || "application/octet-stream";
response = new Response(fileContent, { return new Response(fileContent, {
headers: { "Content-Type": contentType }, headers: { "Content-Type": contentType },
}); });
} else {
logger.warn(`File not found: ${filePath}`);
response = new Response("Not Found", { status: 404 });
} }
logger.warn(`File not found: ${filePath}`);
return new Response("Not Found", { status: 404 });
} catch (error) { } catch (error) {
logger.error([`Error serving static file: ${pathname}`, error as Error]); logger.error([`Error serving static file: ${pathname}`, error as Error]);
response = new Response("Internal Server Error", { status: 500 }); return new Response("Internal Server Error", { status: 500 });
} }
this.logRequest(request, response, ip);
return response;
}
private logRequest(
request: ExtendedRequest,
response: Response,
ip: string | undefined,
): void {
logger.custom(
`[${request.method}]`,
`(${response.status})`,
[
request.url,
`${(performance.now() - request.startPerf).toFixed(2)}ms`,
ip || "unknown",
],
"90",
);
} }
private async handleRequest( private async handleRequest(
@ -126,52 +100,16 @@ class ServerHandler {
const extendedRequest: ExtendedRequest = request as ExtendedRequest; const extendedRequest: ExtendedRequest = request as ExtendedRequest;
extendedRequest.startPerf = performance.now(); extendedRequest.startPerf = performance.now();
const headers = request.headers;
let ip = server.requestIP(request)?.address;
let response: Response;
if (!ip || ip.startsWith("172.") || ip === "127.0.0.1") {
ip =
headers.get("CF-Connecting-IP")?.trim() ||
headers.get("X-Real-IP")?.trim() ||
headers.get("X-Forwarded-For")?.split(",")[0].trim() ||
"unknown";
}
const pathname: string = new URL(request.url).pathname; const pathname: string = new URL(request.url).pathname;
if (pathname === "/robots.txt" && robotstxtPath) {
try {
const file: BunFile = Bun.file(robotstxtPath);
if (await file.exists()) {
const fileContent: ArrayBuffer = await file.arrayBuffer();
const contentType: string = file.type || "text/plain";
response = new Response(fileContent, {
headers: { "Content-Type": contentType },
});
} else {
logger.warn(`File not found: ${robotstxtPath}`);
response = new Response("Not Found", { status: 404 });
}
} catch (error) {
logger.error([
`Error serving robots.txt: ${robotstxtPath}`,
error as Error,
]);
response = new Response("Internal Server Error", { status: 500 });
}
this.logRequest(extendedRequest, response, ip);
return response;
}
if (pathname.startsWith("/public") || pathname === "/favicon.ico") { if (pathname.startsWith("/public") || pathname === "/favicon.ico") {
return await this.serveStaticFile(extendedRequest, pathname, ip); return await this.serveStaticFile(pathname);
} }
const match: MatchedRoute | null = this.router.match(request); const match: MatchedRoute | null = this.router.match(request);
let requestBody: unknown = {}; let requestBody: unknown = {};
let response: Response;
let logRequest = true;
if (match) { if (match) {
const { filePath, params, query } = match; const { filePath, params, query } = match;
@ -183,6 +121,8 @@ class ServerHandler {
? contentType.split(";")[0].trim() ? contentType.split(";")[0].trim()
: null; : null;
logRequest = routeModule.routeDef.log !== false;
if ( if (
routeModule.routeDef.needsBody === "json" && routeModule.routeDef.needsBody === "json" &&
actualContentType === "application/json" actualContentType === "application/json"
@ -291,6 +231,30 @@ class ServerHandler {
); );
} }
if (logRequest) {
const headers = request.headers;
let ip = server.requestIP(request)?.address;
if (!ip || ip.startsWith("172.") || ip === "127.0.0.1") {
ip =
headers.get("CF-Connecting-IP")?.trim() ||
headers.get("X-Real-IP")?.trim() ||
headers.get("X-Forwarded-For")?.split(",")[0].trim() ||
"unknown";
}
logger.custom(
`[${request.method}]`,
`(${response.status})`,
[
request.url,
`${(performance.now() - extendedRequest.startPerf).toFixed(2)}ms`,
ip || "unknown",
],
"90",
);
}
return response; return response;
} }
} }