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

move to raw html, make readme use buns html rewrite and always set to

Browse source 
lazy image load
This commit is contained in:
creations 2025-04-26 11:10:31 -04:00
parent 10416dbff0
commit 2ee5f0512e
Signed by: creations
GPG key ID: 8F553AA4320FC711
7 changed files with 33 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/routes/api/readme.ts
View file

@ -1,8 +1,6 @@
import { redisTtl } from "@config/environment";
import { fetch } from "bun";
import { redis } from "bun";
import DOMPurify from "isomorphic-dompurify";
import { parseHTML } from "linkedom";
import { marked } from "marked";
const routeDef: RouteDef = {
@ -12,6 +10,16 @@ const routeDef: RouteDef = {
log: false,
};
async function addLazyLoading(html: string): Promise<string> {
return new HTMLRewriter()
.on("img", {
element(el) {
el.setAttribute("loading", "lazy");
},
})
.transform(html);
}
async function fetchAndCacheReadme(url: string): Promise<string | null> {
const cacheKey = `readme:${url}`;
const cached = await redis.get(cacheKey);
@ -33,22 +41,9 @@ async function fetchAndCacheReadme(url: string): Promise<string | null> {
const text = await res.text();
if (!text || text.length < 10) return null;
let html: string;
if (/\.(html?|htm)$/i.test(url)) {
html = text;
} else {
html = await marked.parse(text);
}
const html = /\.(html?|htm)$/i.test(url) ? text : await marked.parse(text);
const { document } = parseHTML(html);
for (const img of Array.from(document.querySelectorAll("img"))) {
if (!img.hasAttribute("loading")) {
img.setAttribute("loading", "lazy");
}
}
const dirtyHtml = document.toString();
const safe = DOMPurify.sanitize(dirtyHtml) || "";
const safe = await addLazyLoading(html);
await redis.set(cacheKey, safe);
await redis.expire(cacheKey, redisTtl);