-
${activityType}
+ ${art ? `
` : ""}
+
+
-
- ${activityArt}
-
-
-
-
- ${secondaryLine ? `
${secondaryLine}
` : ""}
- ${tertiaryLine ? `
${tertiaryLine}
` : ""}
-
-
- ${activityButtons}
-
-
-
-
+ ${activity.details ? `
${activity.details}
` : ""}
+ ${activity.state ? `
${activity.state}
` : ""}
+ ${activityButtons}
${progressBar}
`;
}
-async function loadBadges(userId, options = {}) {
- const {
- services = [],
- seperated = false,
- cache = true,
- targetId = "badges",
- serviceOrder = [],
- } = options;
-
- const params = new URLSearchParams();
- if (services.length) params.set("services", services.join(","));
- if (seperated) params.set("seperated", "true");
- if (!cache) params.set("cache", "false");
-
- const url = `${badgeURL}${userId}?${params.toString()}`;
- const target = document.getElementById(targetId);
- if (!target) return;
-
- target.classList.add("hidden");
-
- try {
- const res = await fetch(url);
- const json = await res.json();
-
- if (
- !res.ok ||
- !json.badges ||
- Object.values(json.badges).every(
- (arr) => !Array.isArray(arr) || arr.length === 0,
- )
- ) {
- target.textContent = "Failed to load badges.";
- return;
- }
-
- target.innerHTML = "";
-
- const badgesByService = json.badges;
- const renderedServices = new Set();
-
- const renderBadges = (badges) => {
- for (const badge of badges) {
- const img = document.createElement("img");
- img.src = badge.badge;
- img.alt = badge.tooltip;
- img.title = badge.tooltip;
- img.tooltip = badge.tooltip;
- img.className = "badge";
- target.appendChild(img);
- }
- };
-
- for (const serviceName of serviceOrder) {
- const badges = badgesByService[serviceName];
- if (Array.isArray(badges) && badges.length) {
- renderBadges(badges);
- renderedServices.add(serviceName);
- }
- }
-
- for (const [serviceName, badges] of Object.entries(badgesByService)) {
- if (renderedServices.has(serviceName)) continue;
- if (Array.isArray(badges) && badges.length) {
- renderBadges(badges);
- }
- }
-
- target.classList.remove("hidden");
- } catch (err) {
- console.error(err);
- target.innerHTML = "";
- target.classList.add("hidden");
- }
-}
-
-async function populateReadme(data) {
- if (readmeLoaded) return;
-
- const readmeSection = document.querySelector(".readme");
- const kv = data.kv || {};
-
- if (readmeSection && kv.readme) {
- const url = kv.readme;
- try {
- const res = await fetch(`/api/readme?url=${encodeURIComponent(url)}`);
- if (!res.ok) throw new Error("Failed to fetch readme");
-
- const text = await res.text();
-
- readmeSection.innerHTML = `
${text}
`;
- readmeSection.classList.remove("hidden");
- readmeLoaded = true;
- } catch (err) {
- console.error("Failed to load README", err);
- readmeSection.classList.add("hidden");
- }
- } else if (readmeSection) {
- readmeSection.classList.add("hidden");
- }
-}
-
-async function updatePresence(initialData) {
- if (
- !initialData ||
- typeof initialData !== "object" ||
- initialData.success === false ||
- initialData.error
- ) {
- const loadingOverlay = document.getElementById("loading-overlay");
- if (loadingOverlay) {
- loadingOverlay.innerHTML = `
-
-
${initialData?.error?.message || "Failed to load presence data."}
-
- `;
- loadingOverlay.style.opacity = "1";
- }
- return;
- }
-
- const data =
- initialData?.d && Object.keys(initialData.d).length > 0
- ? initialData.d
- : initialData;
-
- const kv = data.kv || {};
-
- if (kv.optout === "true") {
- const loadingOverlay = document.getElementById("loading-overlay");
- if (loadingOverlay) {
- loadingOverlay.innerHTML = `
-
-
This user has opted out of sharing their presence.
-
- `;
- loadingOverlay.style.opacity = "1";
- }
- return;
- }
-
- const cssLink = kv.css;
- if (cssLink && !cssLoaded) {
- try {
- const res = await fetch(`/api/css?url=${encodeURIComponent(cssLink)}`);
- if (!res.ok) throw new Error("Failed to fetch CSS");
-
- const cssText = await res.text();
- const style = document.createElement("style");
- style.textContent = cssText;
- document.head.appendChild(style);
- cssLoaded = true;
- } catch (err) {
- console.error("Failed to load CSS", err);
- }
- }
-
- if (!badgesLoaded && data?.kv && data.kv.badges !== "false") {
- loadBadges(userId, {
- services: [],
- seperated: true,
- cache: true,
- targetId: "badges",
- serviceOrder: ["discord", "equicord", "reviewdb", "vencord"],
- });
- badgesLoaded = true;
- }
-
+function updatePresence(data) {
const avatarWrapper = document.querySelector(".avatar-wrapper");
- const avatarImg = avatarWrapper?.querySelector(".avatar");
- const decorationImg = avatarWrapper?.querySelector(".decoration");
- const usernameEl = document.querySelector(".username");
+ const statusIndicator = avatarWrapper?.querySelector(".status-indicator");
+ const mobileIcon = avatarWrapper?.querySelector(
+ ".platform-icon.mobile-only",
+ );
- if (!data.discord_user) {
- const loadingOverlay = document.getElementById("loading-overlay");
- if (loadingOverlay) {
- loadingOverlay.innerHTML = `
-
-
Failed to load user data.
-
- `;
- loadingOverlay.style.opacity = "1";
- avatarWrapper.classList.add("hidden");
- avatarImg.classList.add("hidden");
- usernameEl.classList.add("hidden");
- document.title = "Error";
- }
- return;
- }
-
- if (avatarImg && data.discord_user?.avatar) {
- const newAvatarUrl = `https://cdn.discordapp.com/avatars/${data.discord_user.id}/${data.discord_user.avatar}`;
- avatarImg.src = newAvatarUrl;
- avatarImg.classList.remove("hidden");
-
- const siteIcon = document.getElementById("site-icon");
-
- if (siteIcon) {
- siteIcon.href = newAvatarUrl;
- }
- }
-
- if (
- decorationImg &&
- data.discord_user?.avatar_decoration_data &&
- data.discord_user.avatar_decoration_data.asset
- ) {
- const newDecorationUrl = `https://cdn.discordapp.com/avatar-decoration-presets/${data.discord_user.avatar_decoration_data.asset}`;
- decorationImg.src = newDecorationUrl;
- decorationImg.classList.remove("hidden");
- } else if (decorationImg) {
- decorationImg.src = "";
- decorationImg.classList.add("hidden");
- }
-
- if (usernameEl) {
- const username =
- data.discord_user.global_name || data.discord_user.username;
- usernameEl.innerHTML = `
${username}`;
- document.title = username;
- }
-
- updateClanBadge(data);
- if (kv.reviews !== "false") {
- populateReviews(userId);
- setupReviewScrollObserver(userId);
- }
-
- if (kv.timezone !== "false" && userId && timezoneApiUrl) {
- populateTimezone(userId, kv.timezone_12 === "true" ? "12h" : "24h");
- }
+ const userInfo = document.querySelector(".user-info");
+ const customStatus = userInfo?.querySelector(".custom-status");
const platform = {
mobile: data.active_on_discord_mobile,
@@ -666,257 +209,42 @@ async function updatePresence(initialData) {
desktop: data.active_on_discord_desktop,
};
- let status = "offline";
- if (data.activities.some((activity) => activity.type === 1)) {
- status = "streaming";
- } else {
- status = data.discord_status;
+ if (statusIndicator) {
+ statusIndicator.className = `status-indicator ${data.discord_status}`;
}
- for (const el of avatarWrapper.querySelectorAll(".platform-icon")) {
- const platformType = ["mobile-only", "desktop-only", "web-only"].find(
- (type) => el.classList.contains(type),
- );
-
- if (!platformType) continue;
-
- const active =
- (platformType === "mobile-only" && platform.mobile) ||
- (platformType === "desktop-only" && platform.desktop) ||
- (platformType === "web-only" && platform.web);
-
- if (!active) {
- el.remove();
- } else {
- el.setAttribute("class", `platform-icon ${platformType} ${status}`);
- }
- }
-
- if (
- platform.mobile &&
- !avatarWrapper.querySelector(".platform-icon.mobile-only")
- ) {
- const mobileIcon = document.createElementNS(
- "http://www.w3.org/2000/svg",
- "svg",
- );
- mobileIcon.setAttribute("class", `platform-icon mobile-only ${status}`);
- mobileIcon.setAttribute("viewBox", "0 0 1000 1500");
- mobileIcon.setAttribute("fill", "#43a25a");
- mobileIcon.setAttribute("aria-label", "Mobile");
- mobileIcon.setAttribute("width", "17");
- mobileIcon.setAttribute("height", "17");
- mobileIcon.innerHTML = `
-
+ if (platform.mobile && !mobileIcon) {
+ avatarWrapper.innerHTML += `
+
`;
- avatarWrapper.appendChild(mobileIcon);
- }
-
- const updatedStatusIndicator =
- avatarWrapper.querySelector(".status-indicator");
- if (!updatedStatusIndicator) {
- const statusDiv = document.createElement("div");
- statusDiv.className = `status-indicator ${status}`;
- avatarWrapper.appendChild(statusDiv);
- } else {
- updatedStatusIndicator.className = `status-indicator ${status}`;
+ } else if (!platform.mobile && mobileIcon) {
+ mobileIcon.remove();
+ avatarWrapper.innerHTML += `
`;
}
const custom = data.activities?.find((a) => a.type === 4);
- updateCustomStatus(custom);
-
- populateReadme(data);
-
- const filtered = data.activities
- ?.filter((a) => a.type !== 4)
- ?.sort((a, b) => {
- const priority = { 2: 0, 1: 1, 3: 2 }; // Listening, Streaming, Watching ? should i keep this
- const aPriority = priority[a.type] ?? 99;
- const bPriority = priority[b.type] ?? 99;
- return aPriority - bPriority;
- });
+ if (customStatus && custom) {
+ let emojiHTML = "";
+ const emoji = custom.emoji;
+ if (emoji?.id) {
+ const emojiUrl = `https://cdn.discordapp.com/emojis/${emoji.id}.${emoji.animated ? "gif" : "png"}`;
+ emojiHTML = `
`;
+ } else if (emoji?.name) {
+ emojiHTML = `${emoji.name} `;
+ }
+ customStatus.innerHTML = `${emojiHTML}${custom.state}`;
+ }
+ const filtered = data.activities?.filter((a) => a.type !== 4);
const activityList = document.querySelector(".activities");
- const activitiesTitle = document.querySelector(".activity-block-header");
- if (activityList && activitiesTitle) {
+ if (activityList) {
+ activityList.innerHTML = "";
if (filtered?.length) {
activityList.innerHTML = filtered.map(buildActivityHTML).join("");
- activitiesTitle.classList.remove("hidden");
- } else {
- activityList.innerHTML = "";
- activitiesTitle.classList.add("hidden");
}
updateElapsedAndProgress();
- getAllNoAsset();
- }
-
- if (kv.snow === "true") loadEffectScript("snow");
- if (kv.rain === "true") loadEffectScript("rain");
- if (kv.stars === "true") loadEffectScript("stars");
-
- const loadingOverlay = document.getElementById("loading-overlay");
- if (loadingOverlay) {
- loadingOverlay.style.opacity = "0";
- setTimeout(() => loadingOverlay.remove(), 500);
}
}
-
-function updateCustomStatus(custom) {
- const userInfoInner = document.querySelector(".user-info");
- const customStatus = userInfoInner?.querySelector(".custom-status");
-
- if (!userInfoInner) return;
-
- if (custom) {
- let emojiHTML = "";
- if (custom.emoji?.id) {
- const emojiUrl = `https://cdn.discordapp.com/emojis/${custom.emoji.id}.${custom.emoji.animated ? "gif" : "png"}`;
- emojiHTML = `
`;
- } else if (custom.emoji?.name) {
- emojiHTML = `${custom.emoji.name} `;
- }
-
- const html = `
-
- ${emojiHTML}${custom.state ? `${custom.state}` : ""}
-
- `;
-
- if (customStatus) {
- customStatus.outerHTML = html;
- } else {
- userInfoInner.insertAdjacentHTML("beforeend", html);
- }
- } else if (customStatus) {
- customStatus.remove();
- }
-}
-
-async function getAllNoAsset() {
- const noAssetImages = document.querySelectorAll(
- "img.activity-image.no-asset",
- );
-
- for (const img of noAssetImages) {
- const name = img.dataset.name;
- if (!name) continue;
-
- try {
- const res = await fetch(`/api/art/${encodeURIComponent(name)}`);
- if (!res.ok) continue;
-
- const { icon } = await res.json();
- if (icon) {
- img.src = icon;
- img.classList.remove("no-asset");
- img.parentElement.classList.remove("no-asset");
- }
- } catch (err) {
- console.warn(`Failed to fetch fallback icon for "${name}"`, err);
- }
- }
-}
-
-function updateClanBadge(data) {
- const userInfoInner = document.querySelector(".user-info-inner");
- if (!userInfoInner) return;
-
- const clan = data?.discord_user?.primary_guild;
- if (!clan || !clan.tag || !clan.identity_guild_id || !clan.badge) return;
-
- const existing = userInfoInner.querySelector(".clan-badge");
- if (existing) existing.remove();
-
- const wrapper = document.createElement("div");
- wrapper.className = "clan-badge";
-
- const img = document.createElement("img");
- img.src = `https://cdn.discordapp.com/clan-badges/${clan.identity_guild_id}/${clan.badge}`;
- img.alt = "Clan Badge";
-
- const span = document.createElement("span");
- span.className = "clan-name";
- span.textContent = clan.tag;
-
- wrapper.appendChild(img);
- wrapper.appendChild(span);
-
- const usernameEl = userInfoInner.querySelector(".username");
- if (usernameEl) {
- usernameEl.insertAdjacentElement("afterend", wrapper);
- } else {
- userInfoInner.appendChild(wrapper);
- }
-}
-
-if (instanceUri) {
- if (!instanceUri.startsWith("http")) {
- instanceUri = `https://${instanceUri}`;
- }
-
- const wsUri = instanceUri
- .replace(/^http:/, "ws:")
- .replace(/^https:/, "wss:")
- .replace(/\/$/, "");
-
- socket = new WebSocket(`${wsUri}/socket`);
-}
-
-if (badgeURL && badgeURL !== "null" && userId) {
- if (!badgeURL.startsWith("http")) {
- badgeURL = `https://${badgeURL}`;
- }
-
- if (!badgeURL.endsWith("/")) {
- badgeURL += "/";
- }
-}
-
-if (userId && instanceUri) {
- let heartbeatInterval = null;
-
- socket.addEventListener("message", (event) => {
- const payload = JSON.parse(event.data);
-
- if (payload.error || payload.success === false) {
- const loadingOverlay = document.getElementById("loading-overlay");
- if (loadingOverlay) {
- loadingOverlay.innerHTML = `
-
-
${payload.error?.message || "An unknown error occurred."}
-
- `;
- loadingOverlay.style.opacity = "1";
- }
- return;
- }
-
- if (payload.op === 1 && payload.d?.heartbeat_interval) {
- heartbeatInterval = setInterval(() => {
- socket.send(JSON.stringify({ op: 3 }));
- }, payload.d.heartbeat_interval);
-
- socket.send(
- JSON.stringify({
- op: 2,
- d: {
- subscribe_to_id: userId,
- },
- }),
- );
- }
-
- if (payload.t === "INIT_STATE" || payload.t === "PRESENCE_UPDATE") {
- updatePresence(payload);
- requestAnimationFrame(updateElapsedAndProgress);
- }
- });
-
- socket.addEventListener("close", () => {
- if (heartbeatInterval) clearInterval(heartbeatInterval);
- });
-}
-
-updateElapsedAndProgress();
-setInterval(updateElapsedAndProgress, 1000);
diff --git a/public/js/rain.js b/public/js/rain.js
deleted file mode 100644
index 1e51d6e..0000000
--- a/public/js/rain.js
+++ /dev/null
@@ -1,88 +0,0 @@
-const rainContainer = document.createElement("div");
-rainContainer.style.position = "fixed";
-rainContainer.style.top = "0";
-rainContainer.style.left = "0";
-rainContainer.style.width = "100vw";
-rainContainer.style.height = "100vh";
-rainContainer.style.pointerEvents = "none";
-document.body.appendChild(rainContainer);
-
-const maxRaindrops = 100;
-const raindrops = [];
-const mouse = { x: -100, y: -100 };
-
-document.addEventListener("mousemove", (e) => {
- mouse.x = e.clientX;
- mouse.y = e.clientY;
-});
-
-const getRaindropColor = () => {
- const htmlTag = document.documentElement;
- return htmlTag.getAttribute("data-theme") === "dark"
- ? "rgba(173, 216, 230, 0.8)"
- : "rgba(70, 130, 180, 0.8)";
-};
-
-const createRaindrop = () => {
- if (raindrops.length >= maxRaindrops) {
- const oldest = raindrops.shift();
- rainContainer.removeChild(oldest);
- }
-
- const raindrop = document.createElement("div");
- raindrop.classList.add("raindrop");
- raindrop.style.position = "absolute";
- const height = Math.random() * 10 + 10;
- raindrop.style.width = "2px";
- raindrop.style.height = `${height}px`;
- raindrop.style.background = getRaindropColor();
- raindrop.style.borderRadius = "1px";
- raindrop.style.opacity = Math.random() * 0.5 + 0.3;
-
- raindrop.x = Math.random() * window.innerWidth;
- raindrop.y = -height;
- raindrop.speed = Math.random() * 6 + 4;
- raindrop.directionX = (Math.random() - 0.5) * 0.2;
- raindrop.directionY = Math.random() * 0.5 + 0.8;
-
- raindrop.style.left = `${raindrop.x}px`;
- raindrop.style.top = `${raindrop.y}px`;
-
- raindrops.push(raindrop);
- rainContainer.appendChild(raindrop);
-};
-
-setInterval(createRaindrop, 50);
-
-function updateRaindrops() {
- raindrops.forEach((raindrop, index) => {
- const height = Number.parseFloat(raindrop.style.height);
-
- raindrop.x += raindrop.directionX * raindrop.speed;
- raindrop.y += raindrop.directionY * raindrop.speed;
-
- raindrop.style.left = `${raindrop.x}px`;
- raindrop.style.top = `${raindrop.y}px`;
-
- if (raindrop.y > window.innerHeight) {
- rainContainer.removeChild(raindrop);
- raindrops.splice(index, 1);
- return;
- }
-
- if (
- raindrop.x > window.innerWidth ||
- raindrop.y > window.innerHeight ||
- raindrop.x < 0
- ) {
- raindrop.x = Math.random() * window.innerWidth;
- raindrop.y = -height;
- raindrop.style.left = `${raindrop.x}px`;
- raindrop.style.top = `${raindrop.y}px`;
- }
- });
-
- requestAnimationFrame(updateRaindrops);
-}
-
-updateRaindrops();
diff --git a/public/js/snow.js b/public/js/snow.js
deleted file mode 100644
index 4d3e755..0000000
--- a/public/js/snow.js
+++ /dev/null
@@ -1,95 +0,0 @@
-const snowContainer = document.createElement("div");
-snowContainer.style.position = "fixed";
-snowContainer.style.top = "0";
-snowContainer.style.left = "0";
-snowContainer.style.width = "100vw";
-snowContainer.style.height = "100vh";
-snowContainer.style.pointerEvents = "none";
-document.body.appendChild(snowContainer);
-
-const maxSnowflakes = 60;
-const snowflakes = [];
-const mouse = { x: -100, y: -100 };
-
-document.addEventListener("mousemove", (e) => {
- mouse.x = e.clientX;
- mouse.y = e.clientY;
-});
-
-const createSnowflake = () => {
- if (snowflakes.length >= maxSnowflakes) {
- const oldestSnowflake = snowflakes.shift();
- snowContainer.removeChild(oldestSnowflake);
- }
-
- const snowflake = document.createElement("div");
- snowflake.classList.add("snowflake");
- snowflake.style.position = "absolute";
- const size = Math.random() * 3 + 2;
- snowflake.style.width = `${size}px`;
- snowflake.style.height = `${size}px`;
- snowflake.style.background = "white";
- snowflake.style.borderRadius = "50%";
- snowflake.style.opacity = Math.random();
-
- snowflake.x = Math.random() * window.innerWidth;
- snowflake.y = -size;
- snowflake.speed = Math.random() * 3 + 2;
- snowflake.directionX = (Math.random() - 0.5) * 0.5;
- snowflake.directionY = Math.random() * 0.5 + 0.5;
-
- snowflake.style.left = `${snowflake.x}px`;
- snowflake.style.top = `${snowflake.y}px`;
-
- snowflakes.push(snowflake);
- snowContainer.appendChild(snowflake);
-};
-
-setInterval(createSnowflake, 80);
-
-function updateSnowflakes() {
- snowflakes.forEach((snowflake, index) => {
- const size = Number.parseFloat(snowflake.style.width);
- const centerX = snowflake.x + size / 2;
- const centerY = snowflake.y + size / 2;
-
- const dx = centerX - mouse.x;
- const dy = centerY - mouse.y;
- const distance = Math.sqrt(dx * dx + dy * dy);
-
- if (distance < 30) {
- snowflake.directionX += (dx / distance) * 0.02;
- snowflake.directionY += (dy / distance) * 0.02;
- } else {
- snowflake.directionX += (Math.random() - 0.5) * 0.01;
- snowflake.directionY += (Math.random() - 0.5) * 0.01;
- }
-
- snowflake.x += snowflake.directionX * snowflake.speed;
- snowflake.y += snowflake.directionY * snowflake.speed;
-
- snowflake.style.left = `${snowflake.x}px`;
- snowflake.style.top = `${snowflake.y}px`;
-
- if (snowflake.y > window.innerHeight) {
- snowContainer.removeChild(snowflake);
- snowflakes.splice(index, 1);
- return;
- }
-
- if (
- snowflake.x > window.innerWidth ||
- snowflake.y > window.innerHeight ||
- snowflake.x < 0
- ) {
- snowflake.x = Math.random() * window.innerWidth;
- snowflake.y = -size;
- snowflake.style.left = `${snowflake.x}px`;
- snowflake.style.top = `${snowflake.y}px`;
- }
- });
-
- requestAnimationFrame(updateSnowflakes);
-}
-
-updateSnowflakes();
diff --git a/public/js/stars.js b/public/js/stars.js
deleted file mode 100644
index 6fff4eb..0000000
--- a/public/js/stars.js
+++ /dev/null
@@ -1,63 +0,0 @@
-const container = document.createElement("div");
-container.style.position = "fixed";
-container.style.top = "0";
-container.style.left = "0";
-container.style.width = "100vw";
-container.style.height = "100vh";
-container.style.pointerEvents = "none";
-container.style.overflow = "hidden";
-container.style.zIndex = "9999";
-document.body.appendChild(container);
-
-for (let i = 0; i < 60; i++) {
- const star = document.createElement("div");
- star.className = "star";
- const size = Math.random() * 2 + 1;
- star.style.width = `${size}px`;
- star.style.height = `${size}px`;
- star.style.opacity = Math.random();
- star.style.top = `${Math.random() * 100}vh`;
- star.style.left = `${Math.random() * 100}vw`;
- star.style.animationDuration = `${Math.random() * 3 + 2}s`;
- container.appendChild(star);
-}
-
-function createShootingStar() {
- const star = document.createElement("div");
- star.className = "shooting-star";
-
- star.x = Math.random() * window.innerWidth * 0.8;
- star.y = Math.random() * window.innerHeight * 0.3;
- const angle = (Math.random() * Math.PI) / 6 + Math.PI / 8;
- const speed = 10;
- const totalFrames = 60;
- let frame = 0;
-
- const deg = angle * (180 / Math.PI);
- star.style.left = `${star.x}px`;
- star.style.top = `${star.y}px`;
- star.style.transform = `rotate(${deg}deg)`;
-
- container.appendChild(star);
-
- function animate() {
- star.x += Math.cos(angle) * speed;
- star.y += Math.sin(angle) * speed;
- star.style.left = `${star.x}px`;
- star.style.top = `${star.y}px`;
- star.style.opacity = `${1 - frame / totalFrames}`;
-
- frame++;
- if (frame < totalFrames) {
- requestAnimationFrame(animate);
- } else if (star.parentNode === container) {
- container.removeChild(star);
- }
- }
-
- animate();
-}
-
-setInterval(() => {
- if (Math.random() < 0.3) createShootingStar();
-}, 1000);
diff --git a/src/helpers/char.ts b/src/helpers/char.ts
new file mode 100644
index 0000000..6ecab40
--- /dev/null
+++ b/src/helpers/char.ts
@@ -0,0 +1,6 @@
+export function timestampToReadable(timestamp?: number): string {
+ const date: Date =
+ timestamp && !isNaN(timestamp) ? new Date(timestamp) : new Date();
+ if (isNaN(date.getTime())) return "Invalid Date";
+ return date.toISOString().replace("T", " ").replace("Z", "");
+}
diff --git a/src/helpers/ejs.ts b/src/helpers/ejs.ts
new file mode 100644
index 0000000..6b03dd0
--- /dev/null
+++ b/src/helpers/ejs.ts
@@ -0,0 +1,26 @@
+import { renderFile } from "ejs";
+import { resolve } from "path";
+
+export async function renderEjsTemplate(
+ viewName: string | string[],
+ data: EjsTemplateData,
+ headers?: Record
,
+): Promise {
+ let templatePath: string;
+
+ if (Array.isArray(viewName)) {
+ templatePath = resolve("src", "views", ...viewName);
+ } else {
+ templatePath = resolve("src", "views", viewName);
+ }
+
+ if (!templatePath.endsWith(".ejs")) {
+ templatePath += ".ejs";
+ }
+
+ const html: string = await renderFile(templatePath, data);
+
+ return new Response(html, {
+ headers: { "Content-Type": "text/html", ...headers },
+ });
+}
diff --git a/src/helpers/lanyard.ts b/src/helpers/lanyard.ts
new file mode 100644
index 0000000..f226f91
--- /dev/null
+++ b/src/helpers/lanyard.ts
@@ -0,0 +1,92 @@
+import { lanyardConfig } from "@config/environment";
+import { fetch } from "bun";
+import { marked } from "marked";
+
+export async function getLanyardData(id?: string): Promise {
+ let instance: string = lanyardConfig.instance;
+
+ if (instance.endsWith("/")) {
+ instance = instance.slice(0, -1);
+ }
+
+ if (!instance.startsWith("http://") && !instance.startsWith("https://")) {
+ instance = `https://${instance}`;
+ }
+
+ const url: string = `${instance}/v1/users/${id || lanyardConfig.userId}`;
+ const res: Response = await fetch(url, {
+ headers: {
+ "Content-Type": "application/json",
+ Accept: "application/json",
+ },
+ });
+
+ if (!res.ok) {
+ return {
+ success: false,
+ error: {
+ code: "API_ERROR",
+ message: `Lanyard API responded with status ${res.status}`,
+ },
+ };
+ }
+
+ const data: LanyardResponse = (await res.json()) as LanyardResponse;
+
+ if (!data.success) {
+ return {
+ success: false,
+ error: {
+ code: "API_ERROR",
+ message: "Failed to fetch valid Lanyard data",
+ },
+ };
+ }
+
+ return data;
+}
+
+export async function handleReadMe(data: LanyardData): Promise {
+ const userReadMe: string | null = data.kv?.readme;
+
+ if (
+ !userReadMe ||
+ !userReadMe.toLowerCase().endsWith("readme.md") ||
+ !userReadMe.startsWith("http")
+ ) {
+ return null;
+ }
+
+ try {
+ const res: Response = await fetch(userReadMe, {
+ headers: {
+ Accept: "text/markdown",
+ },
+ });
+
+ const contentType: string = res.headers.get("content-type") || "";
+ if (
+ !res.ok ||
+ !(
+ contentType.includes("text/markdown") ||
+ contentType.includes("text/plain")
+ )
+ )
+ return null;
+
+ if (res.headers.has("content-length")) {
+ const size: number = parseInt(
+ res.headers.get("content-length") || "0",
+ 10,
+ );
+ if (size > 1024 * 100) return null;
+ }
+
+ const text: string = await res.text();
+ if (!text || text.length < 10) return null;
+
+ return marked.parse(text);
+ } catch {
+ return null;
+ }
+}
diff --git a/src/helpers/logger.ts b/src/helpers/logger.ts
new file mode 100644
index 0000000..331be1d
--- /dev/null
+++ b/src/helpers/logger.ts
@@ -0,0 +1,205 @@
+import { environment } from "@config/environment";
+import { timestampToReadable } from "@helpers/char";
+import type { Stats } from "fs";
+import {
+ createWriteStream,
+ existsSync,
+ mkdirSync,
+ statSync,
+ WriteStream,
+} from "fs";
+import { EOL } from "os";
+import { basename, join } from "path";
+
+class Logger {
+ private static instance: Logger;
+ private static log: string = join(__dirname, "../../logs");
+
+ public static getInstance(): Logger {
+ if (!Logger.instance) {
+ Logger.instance = new Logger();
+ }
+
+ return Logger.instance;
+ }
+
+ private writeToLog(logMessage: string): void {
+ if (environment.development) return;
+
+ const date: Date = new Date();
+ const logDir: string = Logger.log;
+ const logFile: string = join(
+ logDir,
+ `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}.log`,
+ );
+
+ if (!existsSync(logDir)) {
+ mkdirSync(logDir, { recursive: true });
+ }
+
+ let addSeparator: boolean = false;
+
+ if (existsSync(logFile)) {
+ const fileStats: Stats = statSync(logFile);
+ if (fileStats.size > 0) {
+ const lastModified: Date = new Date(fileStats.mtime);
+ if (
+ lastModified.getFullYear() === date.getFullYear() &&
+ lastModified.getMonth() === date.getMonth() &&
+ lastModified.getDate() === date.getDate() &&
+ lastModified.getHours() !== date.getHours()
+ ) {
+ addSeparator = true;
+ }
+ }
+ }
+
+ const stream: WriteStream = createWriteStream(logFile, { flags: "a" });
+
+ if (addSeparator) {
+ stream.write(`${EOL}${date.toISOString()}${EOL}`);
+ }
+
+ stream.write(`${logMessage}${EOL}`);
+ stream.close();
+ }
+
+ private extractFileName(stack: string): string {
+ const stackLines: string[] = stack.split("\n");
+ let callerFile: string = "";
+
+ for (let i: number = 2; i < stackLines.length; i++) {
+ const line: string = stackLines[i].trim();
+ if (line && !line.includes("Logger.") && line.includes("(")) {
+ callerFile = line.split("(")[1]?.split(")")[0] || "";
+ break;
+ }
+ }
+
+ return basename(callerFile);
+ }
+
+ private getCallerInfo(stack: unknown): {
+ filename: string;
+ timestamp: string;
+ } {
+ const filename: string =
+ typeof stack === "string" ? this.extractFileName(stack) : "unknown";
+
+ const readableTimestamp: string = timestampToReadable();
+
+ return { filename, timestamp: readableTimestamp };
+ }
+
+ public info(message: string | string[], breakLine: boolean = false): void {
+ const stack: string = new Error().stack || "";
+ const { filename, timestamp } = this.getCallerInfo(stack);
+
+ const joinedMessage: string = Array.isArray(message)
+ ? message.join(" ")
+ : message;
+
+ const logMessageParts: ILogMessageParts = {
+ readableTimestamp: { value: timestamp, color: "90" },
+ level: { value: "[INFO]", color: "32" },
+ filename: { value: `(${filename})`, color: "36" },
+ message: { value: joinedMessage, color: "0" },
+ };
+
+ this.writeToLog(`${timestamp} [INFO] (${filename}) ${joinedMessage}`);
+ this.writeConsoleMessageColored(logMessageParts, breakLine);
+ }
+
+ public warn(message: string | string[], breakLine: boolean = false): void {
+ const stack: string = new Error().stack || "";
+ const { filename, timestamp } = this.getCallerInfo(stack);
+
+ const joinedMessage: string = Array.isArray(message)
+ ? message.join(" ")
+ : message;
+
+ const logMessageParts: ILogMessageParts = {
+ readableTimestamp: { value: timestamp, color: "90" },
+ level: { value: "[WARN]", color: "33" },
+ filename: { value: `(${filename})`, color: "36" },
+ message: { value: joinedMessage, color: "0" },
+ };
+
+ this.writeToLog(`${timestamp} [WARN] (${filename}) ${joinedMessage}`);
+ this.writeConsoleMessageColored(logMessageParts, breakLine);
+ }
+
+ public error(
+ message: string | Error | (string | Error)[],
+ breakLine: boolean = false,
+ ): void {
+ const stack: string = new Error().stack || "";
+ const { filename, timestamp } = this.getCallerInfo(stack);
+
+ const messages: (string | Error)[] = Array.isArray(message)
+ ? message
+ : [message];
+ const joinedMessage: string = messages
+ .map((msg: string | Error): string =>
+ typeof msg === "string" ? msg : msg.message,
+ )
+ .join(" ");
+
+ const logMessageParts: ILogMessageParts = {
+ readableTimestamp: { value: timestamp, color: "90" },
+ level: { value: "[ERROR]", color: "31" },
+ filename: { value: `(${filename})`, color: "36" },
+ message: { value: joinedMessage, color: "0" },
+ };
+
+ this.writeToLog(`${timestamp} [ERROR] (${filename}) ${joinedMessage}`);
+ this.writeConsoleMessageColored(logMessageParts, breakLine);
+ }
+
+ public custom(
+ bracketMessage: string,
+ bracketMessage2: string,
+ message: string | string[],
+ color: string,
+ breakLine: boolean = false,
+ ): void {
+ const stack: string = new Error().stack || "";
+ const { timestamp } = this.getCallerInfo(stack);
+
+ const joinedMessage: string = Array.isArray(message)
+ ? message.join(" ")
+ : message;
+
+ const logMessageParts: ILogMessageParts = {
+ readableTimestamp: { value: timestamp, color: "90" },
+ level: { value: bracketMessage, color },
+ filename: { value: `${bracketMessage2}`, color: "36" },
+ message: { value: joinedMessage, color: "0" },
+ };
+
+ this.writeToLog(
+ `${timestamp} ${bracketMessage} (${bracketMessage2}) ${joinedMessage}`,
+ );
+ this.writeConsoleMessageColored(logMessageParts, breakLine);
+ }
+
+ public space(): void {
+ console.log();
+ }
+
+ private writeConsoleMessageColored(
+ logMessageParts: ILogMessageParts,
+ breakLine: boolean = false,
+ ): void {
+ const logMessage: string = Object.keys(logMessageParts)
+ .map((key: string) => {
+ const part: ILogMessagePart = logMessageParts[key];
+ return `\x1b[${part.color}m${part.value}\x1b[0m`;
+ })
+ .join(" ");
+ console.log(logMessage + (breakLine ? EOL : ""));
+ }
+}
+
+const logger: Logger = Logger.getInstance();
+export { logger };
diff --git a/src/index.ts b/src/index.ts
index 71c6418..6d2801d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,17 +1,16 @@
+import { logger } from "@helpers/logger";
+
import { serverHandler } from "@/server";
-import { echo } from "@atums/echo";
-import { verifyRequiredVariables } from "@config/environment";
async function main(): Promise {
- verifyRequiredVariables();
- serverHandler.initialize();
+ try {
+ serverHandler.initialize();
+ } catch (error) {
+ throw error;
+ }
}
main().catch((error: Error) => {
- echo.error({ message: "Error initializing the server", error });
+ logger.error(["Error initializing the server:", error]);
process.exit(1);
});
-
-if (process.env.IN_PTERODACTYL === "true") {
- console.log("Server Started");
-}
diff --git a/src/routes/[id].ts b/src/routes/[id].ts
index 06c32e7..25d8f30 100644
--- a/src/routes/[id].ts
+++ b/src/routes/[id].ts
@@ -1,12 +1,6 @@
-import { resolve } from "node:path";
-import {
- badgeApi,
- lanyardConfig,
- plausibleScript,
- reviewDb,
- timezoneAPIUrl,
-} from "@config/environment";
-import { file } from "bun";
+import { lanyardConfig } from "@config/environment";
+import { renderEjsTemplate } from "@helpers/ejs";
+import { getLanyardData, handleReadMe } from "@helpers/lanyard";
const routeDef: RouteDef = {
method: "GET",
@@ -16,40 +10,44 @@ const routeDef: RouteDef = {
async function handler(request: ExtendedRequest): Promise {
const { id } = request.params;
- const instance = lanyardConfig.instance
- .replace(/^https?:\/\//, "")
- .replace(/\/$/, "");
+ const data: LanyardResponse = await getLanyardData(id);
- const path = resolve("src", "views", "index.html");
- const bunFile = file(path);
+ if (!data.success) {
+ return await renderEjsTemplate("error", {
+ message: data.error.message,
+ });
+ }
- const html = new HTMLRewriter()
- .on("head", {
- element(head) {
- head.setAttribute("data-user-id", id || lanyardConfig.userId);
- head.setAttribute("data-instance-uri", instance);
- head.setAttribute("data-badge-url", badgeApi || "");
+ let instance: string = lanyardConfig.instance;
- if (reviewDb.enabled) {
- head.setAttribute("data-review-db", reviewDb.url);
- }
+ if (instance.endsWith("/")) {
+ instance = instance.slice(0, -1);
+ }
- if (timezoneAPIUrl) {
- head.setAttribute("data-timezone-api", timezoneAPIUrl);
- }
+ if (instance.startsWith("http://") || instance.startsWith("https://")) {
+ instance = instance.slice(instance.indexOf("://") + 3);
+ }
- if (plausibleScript) {
- head.append(plausibleScript, { html: true });
- }
- },
- })
- .transform(await bunFile.text());
+ const presence: LanyardData = data.data;
+ const readme: string | Promise | null =
+ await handleReadMe(presence);
- return new Response(html, {
- headers: {
- "Content-Type": "text/html",
+ const ejsTemplateData: EjsTemplateData = {
+ title: `${presence.discord_user.username || "Unknown"}`,
+ username: presence.discord_user.username,
+ status: presence.discord_status,
+ activities: presence.activities,
+ user: presence.discord_user,
+ platform: {
+ desktop: presence.active_on_discord_desktop,
+ mobile: presence.active_on_discord_mobile,
+ web: presence.active_on_discord_web,
},
- });
+ instance,
+ readme,
+ };
+
+ return await renderEjsTemplate("index", ejsTemplateData);
}
export { handler, routeDef };
diff --git a/src/routes/api/art[game].ts b/src/routes/api/art[game].ts
deleted file mode 100644
index c91b7b4..0000000
--- a/src/routes/api/art[game].ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { redisTtl, steamGridDbKey } from "@config/environment";
-import { redis } from "bun";
-
-const routeDef: RouteDef = {
- method: "GET",
- accepts: "*/*",
- returns: "application/json",
- log: false,
-};
-
-async function fetchSteamGridIcon(gameName: string): Promise {
- const cacheKey = `steamgrid:icon:${gameName.toLowerCase()}`;
- const cached = await redis.get(cacheKey);
- if (cached) return cached;
-
- const search = await fetch(
- `https://www.steamgriddb.com/api/v2/search/autocomplete/${encodeURIComponent(gameName)}`,
- {
- headers: {
- Authorization: `Bearer ${steamGridDbKey}`,
- },
- },
- );
-
- if (!search.ok) return null;
-
- const { data } = await search.json();
- if (!data?.length) return null;
-
- const gameId = data[0]?.id;
- if (!gameId) return null;
-
- const iconRes = await fetch(
- `https://www.steamgriddb.com/api/v2/icons/game/${gameId}`,
- {
- headers: {
- Authorization: `Bearer ${steamGridDbKey}`,
- },
- },
- );
-
- if (!iconRes.ok) return null;
-
- const iconData = await iconRes.json();
- const icon = iconData?.data?.[0]?.url ?? null;
-
- if (icon) {
- await redis.set(cacheKey, icon);
- await redis.expire(cacheKey, redisTtl);
- }
- return icon;
-}
-
-async function handler(request: ExtendedRequest): Promise {
- if (!steamGridDbKey) {
- return Response.json(
- {
- status: 503,
- error: "Route disabled due to missing SteamGridDB key",
- },
- { status: 503 },
- );
- }
-
- const { game } = request.params;
-
- if (!game || typeof game !== "string" || game.length < 2) {
- return Response.json(
- { status: 400, error: "Missing or invalid game name" },
- { status: 400 },
- );
- }
-
- const icon = await fetchSteamGridIcon(game);
-
- if (!icon) {
- return Response.json(
- { status: 404, error: "Icon not found" },
- { status: 404 },
- );
- }
-
- return Response.json(
- {
- status: 200,
- game,
- icon,
- },
- { status: 200 },
- );
-}
-
-export { handler, routeDef };
diff --git a/src/routes/api/colors.ts b/src/routes/api/colors.ts
new file mode 100644
index 0000000..d8817ca
--- /dev/null
+++ b/src/routes/api/colors.ts
@@ -0,0 +1,69 @@
+import { fetch } from "bun";
+import { Vibrant } from "node-vibrant/node";
+
+type Palette = Awaited>;
+
+const routeDef: RouteDef = {
+ method: "GET",
+ accepts: "*/*",
+ returns: "application/json",
+};
+
+async function handler(request: ExtendedRequest): Promise {
+ const { url } = request.query;
+
+ if (!url) {
+ return Response.json({ error: "URL is required" }, { status: 400 });
+ }
+
+ if (typeof url !== "string" || !url.startsWith("http")) {
+ return Response.json({ error: "Invalid URL" }, { status: 400 });
+ }
+
+ let res: Response;
+ try {
+ res = await fetch(url);
+ } catch {
+ return Response.json(
+ { error: "Failed to fetch image" },
+ { status: 500 },
+ );
+ }
+
+ if (!res.ok) {
+ return Response.json(
+ { error: "Image fetch returned error" },
+ { status: res.status },
+ );
+ }
+
+ const type: string | null = res.headers.get("content-type");
+ if (!type?.startsWith("image/")) {
+ return Response.json({ error: "Not an image" }, { status: 400 });
+ }
+
+ const buffer: Buffer = Buffer.from(await res.arrayBuffer());
+ const base64: string = buffer.toString("base64");
+ const colors: Palette = await Vibrant.from(buffer).getPalette();
+
+ const payload: {
+ img: string;
+ colors: Palette;
+ } = {
+ img: `data:${type};base64,${base64}`,
+ colors,
+ };
+
+ const compressed: Uint8Array = Bun.gzipSync(JSON.stringify(payload));
+
+ return new Response(compressed, {
+ headers: {
+ "Content-Type": "application/json",
+ "Content-Encoding": "gzip",
+ "Cache-Control": "public, max-age=31536000, immutable",
+ "Access-Control-Allow-Origin": "*",
+ },
+ });
+}
+
+export { handler, routeDef };
diff --git a/src/routes/api/css.ts b/src/routes/api/css.ts
deleted file mode 100644
index 92c4f37..0000000
--- a/src/routes/api/css.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { redisTtl } from "@config/environment";
-import { fetch } from "bun";
-import { redis } from "bun";
-
-const routeDef: RouteDef = {
- method: "GET",
- accepts: "*/*",
- returns: "*/*",
- log: false,
-};
-
-async function fetchAndCacheCss(url: string): Promise {
- const cacheKey = `css:${url}`;
- const cached = await redis.get(cacheKey);
- if (cached) return cached;
-
- const res = await fetch(url, {
- headers: {
- Accept: "text/css",
- },
- });
-
- if (!res.ok) return null;
-
- if (res.headers.has("content-length")) {
- const size = Number.parseInt(res.headers.get("content-length") || "0", 10);
- if (size > 1024 * 50) return null;
- }
-
- const text = await res.text();
- if (!text || text.length < 5) return null;
-
- const sanitized = text
- .replace(/[\s\S]*?<\/script>/gi, "")
- .replace(/@import\s+url\(['"]?(.*?)['"]?\);?/gi, "");
-
- await redis.set(cacheKey, sanitized);
- await redis.expire(cacheKey, redisTtl);
-
- return sanitized;
-}
-
-async function handler(request: ExtendedRequest): Promise {
- const { url } = request.query;
-
- if (!url || !url.startsWith("http") || !/\.css$/i.test(url)) {
- return Response.json(
- {
- success: false,
- error: {
- code: "INVALID_URL",
- message: "Invalid URL provided",
- },
- },
- { status: 400 },
- );
- }
-
- const sanitized = await fetchAndCacheCss(url);
-
- if (!sanitized) {
- return Response.json(
- {
- success: false,
- error: {
- code: "FETCH_FAILED",
- message: "Failed to fetch or sanitize CSS",
- },
- },
- { status: 400 },
- );
- }
-
- return new Response(sanitized, {
- headers: {
- "Content-Type": "text/css",
- "Cache-Control": "no-store, no-cache, must-revalidate, proxy-revalidate",
- Pragma: "no-cache",
- Expires: "0",
- },
- status: 200,
- });
-}
-
-export { handler, routeDef };
diff --git a/src/routes/api/readme.ts b/src/routes/api/readme.ts
deleted file mode 100644
index ca94922..0000000
--- a/src/routes/api/readme.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { redisTtl } from "@config/environment";
-import { fetch, redis } from "bun";
-import { marked } from "marked";
-
-const routeDef: RouteDef = {
- method: "GET",
- accepts: "*/*",
- returns: "*/*",
- log: false,
-};
-
-async function addLazyLoading(html: string): Promise {
- return new HTMLRewriter()
- .on("img", {
- element(el) {
- el.setAttribute("loading", "lazy");
- },
- })
- .transform(html);
-}
-
-async function sanitizeHtml(html: string): Promise {
- return new HTMLRewriter()
- .on(
- "script, iframe, object, embed, link[rel=import], svg, math, base, meta[http-equiv='refresh']",
- {
- element(el) {
- el.remove();
- },
- },
- )
- .on("*", {
- element(el) {
- for (const [name, value] of el.attributes) {
- const lowerName = name.toLowerCase();
- const lowerValue = value.toLowerCase();
-
- if (lowerName.startsWith("on")) {
- el.removeAttribute(name);
- }
-
- if (
- (lowerName === "href" ||
- lowerName === "src" ||
- lowerName === "action") &&
- (lowerValue.startsWith("javascript:") ||
- lowerValue.startsWith("data:"))
- ) {
- el.removeAttribute(name);
- }
- }
- },
- })
- .on("img", {
- element(el) {
- el.setAttribute("loading", "lazy");
- },
- })
- .transform(html);
-}
-
-async function fetchAndCacheReadme(url: string): Promise {
- const cacheKey = `readme:${url}`;
- const cached = await redis.get(cacheKey);
- if (cached) return cached;
-
- const res = await fetch(url, {
- headers: {
- Accept: "text/markdown",
- },
- });
-
- if (!res.ok) return null;
-
- if (res.headers.has("content-length")) {
- const size = Number.parseInt(res.headers.get("content-length") || "0", 10);
- if (size > 1024 * 100) return null;
- }
-
- const text = await res.text();
- if (!text || text.length < 10) return null;
-
- const html = /\.(html?|htm)$/i.test(url) ? text : await marked.parse(text);
-
- const safe = await sanitizeHtml(html);
-
- await redis.set(cacheKey, safe);
- await redis.expire(cacheKey, redisTtl);
-
- return safe;
-}
-
-async function handler(request: ExtendedRequest): Promise {
- const { url } = request.query;
-
- if (
- !url ||
- !url.startsWith("http") ||
- !/\.(md|markdown|txt|html?)$/i.test(url)
- ) {
- return Response.json(
- {
- success: false,
- error: {
- code: "INVALID_URL",
- message: "Invalid URL provided",
- },
- },
- { status: 400 },
- );
- }
-
- const safe = await fetchAndCacheReadme(url);
-
- if (!safe) {
- return Response.json(
- {
- success: false,
- error: {
- code: "FETCH_FAILED",
- message: "Failed to fetch or process file",
- },
- },
- { status: 400 },
- );
- }
-
- return new Response(safe, {
- headers: {
- "Content-Type": "text/html; charset=utf-8",
- "Cache-Control": "no-store, no-cache, must-revalidate, proxy-revalidate",
- Pragma: "no-cache",
- Expires: "0",
- },
- status: 200,
- });
-}
-
-export { handler, routeDef };
diff --git a/src/routes/index.ts b/src/routes/index.ts
index e3b78cb..692fc59 100644
--- a/src/routes/index.ts
+++ b/src/routes/index.ts
@@ -1,13 +1,54 @@
-import { handler as idHandler, routeDef as idRouteDef } from "./[id]";
+import { lanyardConfig } from "@config/environment";
+import { renderEjsTemplate } from "@helpers/ejs";
+import { getLanyardData, handleReadMe } from "@helpers/lanyard";
-export const routeDef = {
- ...idRouteDef,
+const routeDef: RouteDef = {
+ method: "GET",
+ accepts: "*/*",
+ returns: "text/html",
};
-export const handler = async (
- request: ExtendedRequest,
- body: unknown,
- server: BunServer,
-) => {
- return await idHandler(request);
-};
+async function handler(): Promise {
+ const data: LanyardResponse = await getLanyardData();
+
+ if (!data.success) {
+ return await renderEjsTemplate("error", {
+ message: data.error.message,
+ });
+ }
+
+ let instance: string = lanyardConfig.instance;
+
+ if (instance.endsWith("/")) {
+ instance = instance.slice(0, -1);
+ }
+
+ if (instance.startsWith("http://") || instance.startsWith("https://")) {
+ instance = instance.slice(instance.indexOf("://") + 3);
+ }
+
+ const presence: LanyardData = data.data;
+ const readme: string | Promise | null =
+ await handleReadMe(presence);
+
+ const ejsTemplateData: EjsTemplateData = {
+ title:
+ presence.discord_user.global_name || presence.discord_user.username,
+ username:
+ presence.discord_user.global_name || presence.discord_user.username,
+ status: presence.discord_status,
+ activities: presence.activities,
+ user: presence.discord_user,
+ platform: {
+ desktop: presence.active_on_discord_desktop,
+ mobile: presence.active_on_discord_mobile,
+ web: presence.active_on_discord_web,
+ },
+ instance,
+ readme,
+ };
+
+ return await renderEjsTemplate("index", ejsTemplateData);
+}
+
+export { handler, routeDef };
diff --git a/src/server.ts b/src/server.ts
index e851a58..13ae2ba 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -1,12 +1,12 @@
-import { resolve } from "node:path";
-import { echo } from "@atums/echo";
import { environment } from "@config/environment";
+import { logger } from "@helpers/logger";
import {
type BunFile,
FileSystemRouter,
type MatchedRoute,
type Serve,
} from "bun";
+import { resolve } from "path";
import { webSocketHandler } from "@/websocket";
@@ -34,23 +34,29 @@ class ServerHandler {
open: webSocketHandler.handleOpen.bind(webSocketHandler),
message: webSocketHandler.handleMessage.bind(webSocketHandler),
close: webSocketHandler.handleClose.bind(webSocketHandler),
+ error(error) {
+ logger.error(`Server error: ${error.message}`);
+ return new Response(`Server Error: ${error.message}`, {
+ status: 500,
+ });
+ },
},
});
- const accessUrls: string[] = [
+ const accessUrls = [
`http://${server.hostname}:${server.port}`,
`http://localhost:${server.port}`,
`http://127.0.0.1:${server.port}`,
];
- echo.info(`Server running at ${accessUrls[0]}`);
- echo.info(`Access via: ${accessUrls[1]} or ${accessUrls[2]}`);
+ logger.info(`Server running at ${accessUrls[0]}`, true);
+ logger.info(`Access via: ${accessUrls[1]} or ${accessUrls[2]}`, true);
this.logRoutes();
}
private logRoutes(): void {
- echo.info("Available routes:");
+ logger.info("Available routes:");
const sortedRoutes: [string, string][] = Object.entries(
this.router.routes,
@@ -59,19 +65,14 @@ class ServerHandler {
);
for (const [path, filePath] of sortedRoutes) {
- echo.info(`Route: ${path}, File: ${filePath}`);
+ logger.info(`Route: ${path}, File: ${filePath}`);
}
}
- private async serveStaticFile(
- request: ExtendedRequest,
- pathname: string,
- ip: string,
- ): Promise {
- let filePath: string;
- let response: Response;
-
+ private async serveStaticFile(pathname: string): Promise {
try {
+ let filePath: string;
+
if (pathname === "/favicon.ico") {
filePath = resolve("public", "assets", "favicon.ico");
} else {
@@ -82,49 +83,23 @@ class ServerHandler {
if (await file.exists()) {
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 },
});
} else {
- echo.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) {
- echo.error({
- message: `Error serving static file: ${pathname}`,
- error: error as Error,
- });
- response = new Response("Internal Server Error", { status: 500 });
+ logger.error([
+ `Error serving static file: ${pathname}`,
+ error as Error,
+ ]);
+ 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 {
- const pathname = new URL(request.url).pathname;
-
- const ignoredStartsWith: string[] = ["/public"];
- const ignoredPaths: string[] = ["/favicon.ico"];
-
- if (
- ignoredStartsWith.some((prefix) => pathname.startsWith(prefix)) ||
- ignoredPaths.includes(pathname)
- ) {
- return;
- }
-
- echo.custom(`${request.method}`, `${response.status}`, [
- request.url,
- `${(performance.now() - request.startPerf).toFixed(2)}ms`,
- ip || "unknown",
- ]);
}
private async handleRequest(
@@ -134,51 +109,22 @@ class ServerHandler {
const extendedRequest: ExtendedRequest = request as ExtendedRequest;
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 baseDir = resolve("public/custom");
- const customPath = resolve(baseDir, pathname.slice(1));
-
- if (!customPath.startsWith(baseDir)) {
- return new Response("Forbidden", { status: 403 });
- }
-
- const customFile = Bun.file(customPath);
- if (await customFile.exists()) {
- const content = await customFile.arrayBuffer();
- const type = customFile.type || "application/octet-stream";
- response = new Response(content, {
- headers: { "Content-Type": type },
- });
- this.logRequest(extendedRequest, response, ip);
- return response;
- }
-
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);
let requestBody: unknown = {};
+ let response: Response;
if (match) {
const { filePath, params, query } = match;
try {
const routeModule: RouteModule = await import(filePath);
- const contentType: string | null = request.headers.get("Content-Type");
+ const contentType: string | null =
+ request.headers.get("Content-Type");
const actualContentType: string | null = contentType
? contentType.split(";")[0].trim()
: null;
@@ -205,7 +151,9 @@ class ServerHandler {
if (
(Array.isArray(routeModule.routeDef.method) &&
- !routeModule.routeDef.method.includes(request.method)) ||
+ !routeModule.routeDef.method.includes(
+ request.method,
+ )) ||
(!Array.isArray(routeModule.routeDef.method) &&
routeModule.routeDef.method !== request.method)
) {
@@ -230,7 +178,9 @@ class ServerHandler {
if (Array.isArray(expectedContentType)) {
matchesAccepts =
expectedContentType.includes("*/*") ||
- expectedContentType.includes(actualContentType || "");
+ expectedContentType.includes(
+ actualContentType || "",
+ );
} else {
matchesAccepts =
expectedContentType === "*/*" ||
@@ -269,10 +219,10 @@ class ServerHandler {
}
}
} catch (error: unknown) {
- echo.error({
- message: `Error handling route ${request.url}`,
- error: error,
- });
+ logger.error([
+ `Error handling route ${request.url}:`,
+ error as Error,
+ ]);
response = Response.json(
{
@@ -294,11 +244,31 @@ class ServerHandler {
);
}
- this.logRequest(extendedRequest, response, ip);
+ const headers: Headers = response.headers;
+ let ip: string | null = server.requestIP(request)?.address || null;
+
+ if (!ip) {
+ ip =
+ headers.get("CF-Connecting-IP") ||
+ headers.get("X-Real-IP") ||
+ headers.get("X-Forwarded-For") ||
+ null;
+ }
+
+ logger.custom(
+ `[${request.method}]`,
+ `(${response.status})`,
+ [
+ request.url,
+ `${(performance.now() - extendedRequest.startPerf).toFixed(2)}ms`,
+ ip || "unknown",
+ ],
+ "90",
+ );
+
return response;
}
}
-
const serverHandler: ServerHandler = new ServerHandler(
environment.port,
environment.host,
diff --git a/src/views/error.ejs b/src/views/error.ejs
new file mode 100644
index 0000000..1a683f1
--- /dev/null
+++ b/src/views/error.ejs
@@ -0,0 +1,17 @@
+
+
+
+
+ Error
+
+
+
+
+
+
Something went wrong
+
+ <%= message || "An unexpected error occurred." %>
+
+
+
+
+
+ <% if (user.avatar_decoration_data) { %>
+
+ <% } %>
+ <% if (platform.mobile) { %>
+
+ <% } else { %>
+
+ <% } %>
+
+
+
<%= username %>
+ <% if (activities.length && activities[0].type === 4) {
+ const emoji = activities[0].emoji;
+ const isCustom = emoji?.id;
+ const emojiUrl = isCustom
+ ? `https://cdn.discordapp.com/emojis/${emoji.id}.${emoji.animated ? "gif" : "png"}`
+ : null;
+ %>
+
+ <% if (isCustom && emojiUrl) { %>
+ 
+ <% } else if (emoji?.name) { %>
+ <%= emoji.name %>
+ <% } %>
+ <%= activities[0].state %>
+
+ <% } %>
+
+
+
Activities
+
+ <% filtered.forEach(activity => {
+ const start = activity.timestamps?.start;
+ const end = activity.timestamps?.end;
+ const now = Date.now();
+ const elapsed = start ? now - start : 0;
+ const total = (start && end) ? end - start : null;
+ const progress = (total && elapsed > 0) ? Math.min(100, Math.floor((elapsed / total) * 100)) : null;
+
+ const img = activity.assets?.large_image;
+ let art = null;
+ if (img?.includes("https")) {
+ const clean = img.split("/https/")[1];
+ if (clean) art = `https://${clean}`;
+ } else if (img?.startsWith("spotify:")) {
+ art = `https://i.scdn.co/image/${img.split(":")[1]}`;
+ } else if (img) {
+ art = `https://cdn.discordapp.com/app-assets/${activity.application_id}/${img}.png`;
+ }
+ %>
+ -
+ <% if (art) { %>
+
+ <% } %>
+
+
+
+
+ <% if (activity.details) { %>
+
<%= activity.details %>
+ <% } %>
+ <% if (activity.state) { %>
+
<%= activity.state %>
+ <% } %>
+
+ <% if (activity.buttons && activity.buttons.length > 0) { %>
+
+ <% } %>
+
+ <% if (progress !== null) { %>
+
+
+ <% if (start && end) { %>
+
+ --:--
+ <%= Math.floor((end - start) / 60000) %>:<%= String(Math.floor(((end - start) % 60000) / 1000)).padStart(2, "0") %>
+
+ <% } %>
+ <% } %>
+
+ <% }) %>
+
+ <% } %>
+ <% if (readme) { %>
+ Readme
+
+ <% } %>
+
+
diff --git a/src/views/index.html b/src/views/index.html
deleted file mode 100644
index 5f71625..0000000
--- a/src/views/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
-
-
-
-
- Discord Presence
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
- Users Time:
-
-
-
-
-
-
-
-
-
![]()
-
![]()
-
-
-
-
`,
- );
-
- const timestamp = review.timestamp
- ? new Date(review.timestamp * 1000).toLocaleString(undefined, {
- hour12: false,
- year: "numeric",
- month: "2-digit",
- day: "2-digit",
- hour: "2-digit",
- minute: "2-digit",
- })
- : "N/A";
-
- const badges = (sender.badges || [])
- .map(
- (b) =>
- `