SteelTech/profilePage
1
1
Fork 0
forked from creations/profilePage
Code Pull requests Activity

update to allow html readme, fx id page for colors

Browse source
This commit is contained in:
creations 2025-04-17 18:26:59 -04:00
parent 7f9f166f8a
commit 23f37beef3
Signed by: creations
GPG key ID: 8F553AA4320FC711
4 changed files with 30 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/css/index.css
View file

@ -494,7 +494,9 @@ ul {
/* readme :p */
.readme {
max-width: 700px;
max-width: fit-content;
min-width: 700px;
overflow: hidden;
width: 100%;
background: var(--readme-bg);
padding: 1.5rem;

27
src/helpers/lanyard.ts
View file

@ -49,11 +49,12 @@ export async function getLanyardData(id?: string): Promise<LanyardResponse> {
export async function handleReadMe(data: LanyardData): Promise<string | null> {
const userReadMe: string | null = data.kv?.readme;
const validExtension = /\.(md|markdown|txt|html?)$/i;
if (
!userReadMe ||
!userReadMe.toLowerCase().endsWith("readme.md") ||
!userReadMe.startsWith("http")
!userReadMe.startsWith("http") ||
!validExtension.test(userReadMe)
) {
return null;
}
@ -65,15 +66,7 @@ export async function handleReadMe(data: LanyardData): Promise<string | null> {
},
});
const contentType: string = res.headers.get("content-type") || "";
if (
!res.ok ||
!(
contentType.includes("text/markdown") ||
contentType.includes("text/plain")
)
)
return null;
if (!res.ok) return null;
if (res.headers.has("content-length")) {
const size: number = Number.parseInt(
@ -86,9 +79,17 @@ export async function handleReadMe(data: LanyardData): Promise<string | null> {
const text: string = await res.text();
if (!text || text.length < 10) return null;
const html: string | null = await marked.parse(text);
const safe: string | null = DOMPurify.sanitize(html);
let html: string;
if (
userReadMe.toLowerCase().endsWith(".html") ||
userReadMe.toLowerCase().endsWith(".htm")
) {
html = text;
} else {
html = await marked.parse(text);
}
const safe: string | null = DOMPurify.sanitize(html);
return safe;
} catch {
return null;

14
src/routes/[id].ts
View file

@ -1,3 +1,4 @@
import { getImageColors } from "@/helpers/colors";
import { lanyardConfig } from "@config/environment";
import { renderEjsTemplate } from "@helpers/ejs";
import { getLanyardData, handleReadMe } from "@helpers/lanyard";
@ -38,6 +39,14 @@ async function handler(request: ExtendedRequest): Promise<Response> {
status = presence.discord_status;
}
let colors: ImageColorResult | null = null;
if (presence.kv.colors === "true") {
const avatar: string = presence.discord_user.avatar
? `https://cdn.discordapp.com/avatars/${presence.discord_user.id}/${presence.discord_user.avatar}`
: `https://cdn.discordapp.com/embed/avatars/${presence.discord_user.discriminator || 1 % 5}`;
colors = await getImageColors(avatar, true);
}
const ejsTemplateData: EjsTemplateData = {
title: presence.discord_user.global_name || presence.discord_user.username,
username:
@ -52,8 +61,9 @@ async function handler(request: ExtendedRequest): Promise<Response> {
},
instance,
readme,
allowSnow: presence.kv.snow || false,
allowRain: presence.kv.rain || false,
allowSnow: presence.kv.snow === "true",
allowRain: presence.kv.rain === "true",
colors: colors?.colors ?? {},
};
return await renderEjsTemplate("index", ejsTemplateData);

2
src/views/index.ejs
View file

@ -24,7 +24,7 @@
<meta name="color-scheme" content="dark">
</head>
<%- include('partial/style.ejs') %>
<%- include("partial/style.ejs") %>
<body>
<div class="user-card">