feat: add lot of new logos

.gitignore

@@ -25,3 +25,5 @@ logs
 
 # ESLint
 .eslintcache
+
+public/**/svg

app.vue

@@ -44,7 +44,7 @@ const updateQRCode = async () => {
 
   if (!isValidState.value) return;
 
-  const logoUrl = `/${state.logo}.png`;
+  const logoUrl = `/logos/${state.logo}.png`;
   await renderQRCodeToCanvas(canvas.value, state.content, logoUrl);
 
   qrCode.value = canvas.value.toDataURL(`image/${state.format}`);
@@ -74,7 +74,7 @@ const downloadQRCode = () => {
 const copyQRCode = async () => {
   if (isQRCodeEmpty.value) return;
 
-  const logoUrl = `/${state.logo}.png`;
+  const logoUrl = `/logos/${state.logo}.png`;
   await renderQRCodeToCanvas(canvas.value, state.content, logoUrl);
 
   const qrCode = canvas.value.toDataURL(`image/png`);

server/api/index.ts

@@ -22,7 +22,7 @@ export default defineEventHandler(async (event) => {
   const { format, logo, content } = parsed.data;
 
   const canvas = createCanvas(CANVAS_SIZE, CANVAS_SIZE);
-  const logoUrl = resolve("public", `${logo}.png`);
+  const logoUrl = resolve("public", `logos/${logo}.png`);
   await renderQRCodeToCanvas(canvas, content, logoUrl);
 
   let image = canvas.toBuffer();

utils/settings.ts

@@ -1,6 +1,52 @@
 import { z } from "zod";
 
-export const LOGOS = ["session", "github"] as const;
+// TODO: might be better to load these dynamically lol
+export const LOGOS = [
+  "bereal",
+  "bitcoinsv",
+  "buymeacoffee",
+  "diaspora",
+  "discord",
+  "dropbox",
+  "ello",
+  "facebook",
+  "flickr",
+  "github",
+  "googlemaps",
+  "googlemeet",
+  "googlemessages",
+  "imessage",
+  "instagram",
+  "kik",
+  "line",
+  "linkedin",
+  "litecoin",
+  "mastodon",
+  "medium",
+  "messenger",
+  "monero",
+  "onlyfans",
+  "patreon",
+  "paypal",
+  "peertube",
+  "pinterest",
+  "reddit",
+  "session",
+  "signal",
+  "snapchat",
+  "spotify",
+  "substack",
+  "telegram",
+  "threema",
+  "twitch",
+  "venmo",
+  "viber",
+  "wechat",
+  "whatsapp",
+  "x",
+  "youtube",
+  "zoom",
+] as const;
 
 export const IMAGE_FORMATS = ["png", "jpeg", "webp"] as const;