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

add option to use vibrant colors from avatar needs moving around

Browse source
This commit is contained in:
creations 2025-04-10 07:09:10 -04:00
parent 30e9057ba8
commit ff0ece9626
Signed by: creations
GPG key ID: 8F553AA4320FC711
8 changed files with 120 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/routes/api/colors.ts
View file

@ -1,7 +1,4 @@
import { fetch } from "bun";
import { Vibrant } from "node-vibrant/node";
type Palette = Awaited<ReturnType<typeof Vibrant.prototype.getPalette>>;
import { getImageColors } from "@helpers/colors";
const routeDef: RouteDef = {
method: "GET",
@ -12,46 +9,21 @@ const routeDef: RouteDef = {
async function handler(request: ExtendedRequest): Promise<Response> {
const { url } = request.query;
if (!url) {
return Response.json({ error: "URL is required" }, { status: 400 });
const result: ImageColorResult | null = await getImageColors(url, true);
await getImageColors(url);
if (!result) {
return new Response("Invalid URL", {
status: 400,
headers: {
"Content-Type": "application/json",
"Cache-Control": "no-store",
"Access-Control-Allow-Origin": "*",
},
});
}
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));
const compressed: Uint8Array = Bun.gzipSync(JSON.stringify(result));
return new Response(compressed, {
headers: {