feat: Add website (#1157)

Co-authored-by: Bjorn Lammers <bjorn@lammers.media>

web/src/lib/api.ts

@@ -0,0 +1,74 @@
+import { METADATA_URL } from "@/constants"
+import type { IconFile, IconWithName } from "@/types/icons"
+/**
+ * Fetches all icon data from the metadata.json file
+ */
+
+export async function getAllIcons(): Promise<IconFile> {
+	const file = await fetch(METADATA_URL)
+	return (await file.json()) as IconFile
+}
+
+/**
+ * Gets a list of all icon names.
+ */
+export const getIconNames = async (): Promise<string[]> => {
+	const iconsData = await getAllIcons()
+	return Object.keys(iconsData)
+}
+
+/**
+ * Converts icon data to an array format for easier rendering
+ */
+export async function getIconsArray(): Promise<IconWithName[]> {
+	const iconsData = await getAllIcons()
+
+	return Object.entries(iconsData)
+		.map(([name, data]) => ({
+			name,
+			data,
+		}))
+		.sort((a, b) => a.name.localeCompare(b.name))
+}
+
+/**
+ * Fetches data for a specific icon
+ */
+export async function getIconData(iconName: string): Promise<IconWithName | null> {
+	const iconsData = await getAllIcons()
+	const iconData = iconsData[iconName]
+
+	if (!iconData) {
+		return null
+	}
+
+	return {
+		name: iconName,
+		data: iconData,
+	}
+}
+
+/**
+ * Fetches author data from GitHub API
+ */
+export async function getAuthorData(authorId: number) {
+	const response = await fetch(`https://api.github.com/user/${authorId}`, {
+		headers: {
+			Authorization: `Bearer ${process.env.GITHUB_TOKEN}`,
+			"Cache-Control": "public, max-age=86400",
+		},
+		next: { revalidate: 86400 }, // Revalidate cache once a day
+	})
+	return response.json()
+}
+
+/**
+ * Fetches featured icons for the homepage
+ */
+export async function getTotalIcons() {
+	const iconsData = await getAllIcons()
+
+	return {
+		totalIcons: Object.keys(iconsData).length,
+	}
+}