move to remote functions

src/lib/cards/media/LastFMCard/LastFMProfileCard/index.ts

···
 import type { CardDefinition } from '../../../types';
 import CreateLastFMCardModal from '../CreateLastFMCardModal.svelte';
 import LastFMProfileCard from './LastFMProfileCard.svelte';
+import { fetchLastFM } from '../api.remote';
 
 export const LastFMProfileCardDefinition = {
 	type: 'lastfmProfile',
···
 			const username = item.cardData.lastfmUsername;
 			if (!username) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/lastfm?method=user.getInfo&user=${encodeURIComponent(username)}`
-				);
-				if (!response.ok) continue;
-				const text = await response.text();
-				const result = JSON.parse(text);
-				allData[`lastfmProfile:${username}`] = result?.user;
+				const data = await fetchLastFM({ method: 'user.getInfo', user: username });
+				if (data) allData[`lastfmProfile:${username}`] = data?.user;
 			} catch (error) {
 				console.error('Failed to fetch Last.fm profile:', error);
 			}
 		}
 		return allData;
 	},
-	loadDataServer: async (items, { cache, env }) => {
-		const apiKey = env?.LASTFM_API_KEY;
-		if (!apiKey) return {};
+	loadDataServer: async (items) => {
 		const allData: Record<string, unknown> = {};
 		for (const item of items) {
 			const username = item.cardData.lastfmUsername;
 			if (!username) continue;
 			try {
-				const cacheKey = `user.getInfo:${username}:7day:50`;
-				const cached = await cache?.get('lastfm', cacheKey);
-				if (cached) {
-					allData[`lastfmProfile:${username}`] = JSON.parse(cached)?.user;
-					continue;
-				}
-				const params = new URLSearchParams({
-					method: 'user.getInfo',
-					user: username,
-					api_key: apiKey,
-					format: 'json',
-					limit: '50'
-				});
-				const response = await fetch(`https://ws.audioscrobbler.com/2.0/?${params}`);
-				if (!response.ok) continue;
-				const data = await response.json();
-				if (data.error) continue;
-				await cache?.put('lastfm', cacheKey, JSON.stringify(data), 12 * 60 * 60);
-				allData[`lastfmProfile:${username}`] = data?.user;
+				const data = await fetchLastFM({ method: 'user.getInfo', user: username });
+				if (data) allData[`lastfmProfile:${username}`] = data?.user;
 			} catch (error) {
 				console.error('Failed to fetch Last.fm profile:', error);
 			}

src/lib/cards/media/LastFMCard/LastFMRecentTracksCard/index.ts

···
 import type { CardDefinition } from '../../../types';
 import CreateLastFMCardModal from '../CreateLastFMCardModal.svelte';
 import LastFMRecentTracksCard from './LastFMRecentTracksCard.svelte';
+import { fetchLastFM } from '../api.remote';
 
 export const LastFMRecentTracksCardDefinition = {
 	type: 'lastfmRecentTracks',
···
 			const username = item.cardData.lastfmUsername;
 			if (!username) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/lastfm?method=user.getRecentTracks&user=${encodeURIComponent(username)}&limit=50`
-				);
-				if (!response.ok) continue;
-				const text = await response.text();
-				const result = JSON.parse(text);
-				allData[`lastfmRecentTracks:${username}`] = result?.recenttracks?.track ?? [];
+				const data = await fetchLastFM({ method: 'user.getRecentTracks', user: username });
+				if (data) allData[`lastfmRecentTracks:${username}`] = data?.recenttracks?.track ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm recent tracks:', error);
 			}
 		}
 		return allData;
 	},
-	loadDataServer: async (items, { cache, env }) => {
-		const apiKey = env?.LASTFM_API_KEY;
-		if (!apiKey) return {};
+	loadDataServer: async (items) => {
 		const allData: Record<string, unknown> = {};
 		for (const item of items) {
 			const username = item.cardData.lastfmUsername;
 			if (!username) continue;
 			try {
-				const cacheKey = `user.getRecentTracks:${username}:7day:50`;
-				const cached = await cache?.get('lastfm', cacheKey);
-				if (cached) {
-					allData[`lastfmRecentTracks:${username}`] = JSON.parse(cached)?.recenttracks?.track ?? [];
-					continue;
-				}
-				const params = new URLSearchParams({
-					method: 'user.getRecentTracks',
-					user: username,
-					api_key: apiKey,
-					format: 'json',
-					limit: '50'
-				});
-				const response = await fetch(`https://ws.audioscrobbler.com/2.0/?${params}`);
-				if (!response.ok) continue;
-				const data = await response.json();
-				if (data.error) continue;
-				await cache?.put('lastfm', cacheKey, JSON.stringify(data), 15 * 60);
-				allData[`lastfmRecentTracks:${username}`] = data?.recenttracks?.track ?? [];
+				const data = await fetchLastFM({ method: 'user.getRecentTracks', user: username });
+				if (data) allData[`lastfmRecentTracks:${username}`] = data?.recenttracks?.track ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm recent tracks:', error);
 			}

src/lib/cards/media/LastFMCard/LastFMTopAlbumsCard/index.ts

···
 import CreateLastFMCardModal from '../CreateLastFMCardModal.svelte';
 import LastFMTopAlbumsCard from './LastFMTopAlbumsCard.svelte';
 import LastFMTopAlbumsCardSettings from './LastFMTopAlbumsCardSettings.svelte';
+import { fetchLastFM } from '../api.remote';
 
 export const LastFMTopAlbumsCardDefinition = {
 	type: 'lastfmTopAlbums',
···
 			const period = item.cardData.period ?? '7day';
 			if (!username) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/lastfm?method=user.getTopAlbums&user=${encodeURIComponent(username)}&period=${period}&limit=50`
-				);
-				if (!response.ok) continue;
-				const text = await response.text();
-				const result = JSON.parse(text);
-				allData[`lastfmTopAlbums:${username}:${period}`] = result?.topalbums?.album ?? [];
+				const data = await fetchLastFM({ method: 'user.getTopAlbums', user: username, period });
+				if (data) allData[`lastfmTopAlbums:${username}:${period}`] = data?.topalbums?.album ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm top albums:', error);
 			}
 		}
 		return allData;
 	},
-	loadDataServer: async (items, { cache, env }) => {
-		const apiKey = env?.LASTFM_API_KEY;
-		if (!apiKey) return {};
+	loadDataServer: async (items) => {
 		const allData: Record<string, unknown> = {};
 		for (const item of items) {
 			const username = item.cardData.lastfmUsername;
 			const period = item.cardData.period ?? '7day';
 			if (!username) continue;
 			try {
-				const cacheKey = `user.getTopAlbums:${username}:${period}:50`;
-				const cached = await cache?.get('lastfm', cacheKey);
-				if (cached) {
-					allData[`lastfmTopAlbums:${username}:${period}`] =
-						JSON.parse(cached)?.topalbums?.album ?? [];
-					continue;
-				}
-				const params = new URLSearchParams({
-					method: 'user.getTopAlbums',
-					user: username,
-					api_key: apiKey,
-					format: 'json',
-					limit: '50',
-					period
-				});
-				const response = await fetch(`https://ws.audioscrobbler.com/2.0/?${params}`);
-				if (!response.ok) continue;
-				const data = await response.json();
-				if (data.error) continue;
-				await cache?.put('lastfm', cacheKey, JSON.stringify(data), 60 * 60);
-				allData[`lastfmTopAlbums:${username}:${period}`] = data?.topalbums?.album ?? [];
+				const data = await fetchLastFM({ method: 'user.getTopAlbums', user: username, period });
+				if (data) allData[`lastfmTopAlbums:${username}:${period}`] = data?.topalbums?.album ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm top albums:', error);
 			}

src/lib/cards/media/LastFMCard/LastFMTopTracksCard/index.ts

···
 import CreateLastFMCardModal from '../CreateLastFMCardModal.svelte';
 import LastFMPeriodSettings from '../LastFMPeriodSettings.svelte';
 import LastFMTopTracksCard from './LastFMTopTracksCard.svelte';
+import { fetchLastFM } from '../api.remote';
 
 export const LastFMTopTracksCardDefinition = {
 	type: 'lastfmTopTracks',
···
 			const period = item.cardData.period ?? '7day';
 			if (!username) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/lastfm?method=user.getTopTracks&user=${encodeURIComponent(username)}&period=${period}&limit=50`
-				);
-				if (!response.ok) continue;
-				const text = await response.text();
-				const result = JSON.parse(text);
-				allData[`lastfmTopTracks:${username}:${period}`] = result?.toptracks?.track ?? [];
+				const data = await fetchLastFM({ method: 'user.getTopTracks', user: username, period });
+				if (data) allData[`lastfmTopTracks:${username}:${period}`] = data?.toptracks?.track ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm top tracks:', error);
 			}
 		}
 		return allData;
 	},
-	loadDataServer: async (items, { cache, env }) => {
-		const apiKey = env?.LASTFM_API_KEY;
-		if (!apiKey) return {};
+	loadDataServer: async (items) => {
 		const allData: Record<string, unknown> = {};
 		for (const item of items) {
 			const username = item.cardData.lastfmUsername;
 			const period = item.cardData.period ?? '7day';
 			if (!username) continue;
 			try {
-				const cacheKey = `user.getTopTracks:${username}:${period}:50`;
-				const cached = await cache?.get('lastfm', cacheKey);
-				if (cached) {
-					allData[`lastfmTopTracks:${username}:${period}`] =
-						JSON.parse(cached)?.toptracks?.track ?? [];
-					continue;
-				}
-				const params = new URLSearchParams({
-					method: 'user.getTopTracks',
-					user: username,
-					api_key: apiKey,
-					format: 'json',
-					limit: '50',
-					period
-				});
-				const response = await fetch(`https://ws.audioscrobbler.com/2.0/?${params}`);
-				if (!response.ok) continue;
-				const data = await response.json();
-				if (data.error) continue;
-				await cache?.put('lastfm', cacheKey, JSON.stringify(data), 60 * 60);
-				allData[`lastfmTopTracks:${username}:${period}`] = data?.toptracks?.track ?? [];
+				const data = await fetchLastFM({ method: 'user.getTopTracks', user: username, period });
+				if (data) allData[`lastfmTopTracks:${username}:${period}`] = data?.toptracks?.track ?? [];
 			} catch (error) {
 				console.error('Failed to fetch Last.fm top tracks:', error);
 			}

src/lib/cards/media/LastFMCard/api.remote.ts

···
+import { query, getRequestEvent } from '$app/server';
+import { env } from '$env/dynamic/private';
+import { createCache } from '$lib/cache';
+
+const LASTFM_API_URL = 'https://ws.audioscrobbler.com/2.0/';
+
+const CACHE_TTL: Record<string, number> = {
+	'user.getRecentTracks': 15 * 60,
+	'user.getTopTracks': 60 * 60,
+	'user.getTopAlbums': 60 * 60,
+	'user.getInfo': 12 * 60 * 60
+};
+
+export const fetchLastFM = query(
+	'unchecked',
+	async ({
+		method,
+		user,
+		period = '7day',
+		limit = '50'
+	}: {
+		method: string;
+		user: string;
+		period?: string;
+		limit?: string;
+	}) => {
+		const apiKey = env?.LASTFM_API_KEY;
+		if (!apiKey) return undefined;
+
+		const { platform } = getRequestEvent();
+		const cache = createCache(platform);
+
+		const cacheKey = `${method}:${user}:${period}:${limit}`;
+		const cached = await cache?.get('lastfm', cacheKey);
+		if (cached) return JSON.parse(cached);
+
+		const params = new URLSearchParams({
+			method,
+			user,
+			api_key: apiKey,
+			format: 'json',
+			limit
+		});
+
+		if (method === 'user.getTopTracks' || method === 'user.getTopAlbums') {
+			params.set('period', period);
+		}
+
+		const response = await fetch(`${LASTFM_API_URL}?${params}`);
+		if (!response.ok) return undefined;
+
+		const data = await response.json();
+		if (data.error) return undefined;
+
+		const ttl = CACHE_TTL[method] || 60 * 60;
+		await cache?.put('lastfm', cacheKey, JSON.stringify(data), ttl);
+		return data;
+	}
+);

src/lib/cards/social/GitHubContributorsCard/api.remote.ts

···
+import { query, getRequestEvent } from '$app/server';
+import { createCache } from '$lib/cache';
+
+const GITHUB_CONTRIBUTORS_API_URL =
+	'https://edge-function-github-contribution.vercel.app/api/github-contributors';
+
+export const fetchGitHubContributors = query(
+	'unchecked',
+	async ({ owner, repo }: { owner: string; repo: string }) => {
+		const { platform } = getRequestEvent();
+		const cache = createCache(platform);
+
+		const key = `${owner}/${repo}`;
+		const cached = await cache?.get('gh-contrib', key);
+		if (cached) return JSON.parse(cached);
+
+		const response = await fetch(
+			`${GITHUB_CONTRIBUTORS_API_URL}?owner=${encodeURIComponent(owner)}&repo=${encodeURIComponent(repo)}`
+		);
+		if (!response.ok) return undefined;
+
+		const data = await response.json();
+		await cache?.put('gh-contrib', key, JSON.stringify(data));
+		return data;
+	}
+);

src/lib/cards/social/GitHubContributorsCard/index.ts

···
 import GitHubContributorsCard from './GitHubContributorsCard.svelte';
 import CreateGitHubContributorsCardModal from './CreateGitHubContributorsCardModal.svelte';
 import GitHubContributorsCardSettings from './GitHubContributorsCardSettings.svelte';
+import { fetchGitHubContributors } from './api.remote';
 
 export type GitHubContributor = {
 	username: string;
···
 			const key = `${owner}/${repo}`;
 			if (contributorsData[key]) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/github/contributors?owner=${encodeURIComponent(owner)}&repo=${encodeURIComponent(repo)}`
-				);
-				if (response.ok) {
-					contributorsData[key] = await response.json();
-				}
+				const data = await fetchGitHubContributors({ owner, repo });
+				if (data) contributorsData[key] = data;
 			} catch (error) {
 				console.error('Failed to fetch GitHub contributors:', error);
 			}
 		}
 		return contributorsData;
 	},
-	loadDataServer: async (items, { cache }) => {
+	loadDataServer: async (items) => {
 		const contributorsData: GitHubContributorsLoadedData = {};
 		for (const item of items) {
 			const { owner, repo } = item.cardData;
···
 			const key = `${owner}/${repo}`;
 			if (contributorsData[key]) continue;
 			try {
-				const cached = await cache?.get('gh-contrib', key);
-				if (cached) {
-					contributorsData[key] = JSON.parse(cached);
-					continue;
-				}
-				const response = await fetch(
-					`https://edge-function-github-contribution.vercel.app/api/github-contributors?owner=${encodeURIComponent(owner)}&repo=${encodeURIComponent(repo)}`
-				);
-				if (!response.ok) continue;
-				const data = await response.json();
-				await cache?.put('gh-contrib', key, JSON.stringify(data));
-				contributorsData[key] = data;
+				const data = await fetchGitHubContributors({ owner, repo });
+				if (data) contributorsData[key] = data;
 			} catch (error) {
 				console.error('Failed to fetch GitHub contributors:', error);
 			}

src/lib/cards/social/GitHubProfileCard/api.remote.ts

···
+import { query, getRequestEvent } from '$app/server';
+import { createCache } from '$lib/cache';
+
+const GITHUB_API_URL = 'https://edge-function-github-contribution.vercel.app/api/github-data?user=';
+
+export const fetchGitHubContributions = query('unchecked', async (user: string) => {
+	const { platform } = getRequestEvent();
+	const cache = createCache(platform);
+
+	const cached = await cache?.get('github', user);
+	if (cached) return JSON.parse(cached);
+
+	const response = await fetch(GITHUB_API_URL + encodeURIComponent(user));
+	if (!response.ok) return undefined;
+
+	const data = await response.json();
+	if (!data?.user) return undefined;
+
+	await cache?.put('github', user, JSON.stringify(data.user));
+	return data.user;
+});

src/lib/cards/social/GitHubProfileCard/index.ts

···
 import type { CardDefinition } from '../../types';
 import CreateGitHubProfileCardModal from './CreateGitHubProfileCardModal.svelte';
-import type GithubContributionsGraph from './GithubContributionsGraph.svelte';
 import GitHubProfileCard from './GitHubProfileCard.svelte';
 import type { GitHubContributionsData } from './types';
+import { fetchGitHubContributions } from './api.remote';
 
 export type GithubProfileLoadedData = Record<string, GitHubContributionsData | undefined>;
 
···
 	creationModalComponent: CreateGitHubProfileCardModal,
 
 	loadData: async (items) => {
-		const githubData: Record<string, GithubContributionsGraph> = {};
+		const githubData: Record<string, GitHubContributionsData> = {};
 		for (const item of items) {
+			const user = item.cardData.user;
+			if (!user) continue;
 			try {
-				const response = await fetch(
-					`https://blento.app/api/github?user=${encodeURIComponent(item.cardData.user)}`
-				);
-				if (response.ok) {
-					githubData[item.cardData.user] = await response.json();
-				}
+				const data = await fetchGitHubContributions(user);
+				if (data) githubData[user] = data;
 			} catch (error) {
 				console.error('Failed to fetch GitHub contributions:', error);
 			}
 		}
 		return githubData;
 	},
-	loadDataServer: async (items, { cache }) => {
+	loadDataServer: async (items) => {
 		const githubData: Record<string, GitHubContributionsData> = {};
 		for (const item of items) {
 			const user = item.cardData.user;
 			if (!user) continue;
 			try {
-				const cached = await cache?.get('github', user);
-				if (cached) {
-					githubData[user] = JSON.parse(cached);
-					continue;
-				}
-				const response = await fetch(
-					`https://edge-function-github-contribution.vercel.app/api/github-data?user=${encodeURIComponent(user)}`
-				);
-				if (!response.ok) continue;
-				const data = await response.json();
-				if (!data?.user) continue;
-				const result = data.user as GitHubContributionsData;
-				await cache?.put('github', user, JSON.stringify(result));
-				githubData[user] = result;
+				const data = await fetchGitHubContributions(user);
+				if (data) githubData[user] = data;
 			} catch (error) {
 				console.error('Failed to fetch GitHub contributions:', error);
 			}

src/lib/cards/social/NpmxLikesLeaderboardCard/api.remote.ts

···
+import { query, getRequestEvent } from '$app/server';
+import { createCache } from '$lib/cache';
+
+const LEADERBOARD_API_URL =
+	'https://npmx-likes-leaderboard-api-production.up.railway.app/api/leaderboard/likes?limit=20';
+
+export const fetchNpmxLeaderboard = query(async () => {
+	const { platform } = getRequestEvent();
+	const cache = createCache(platform);
+
+	const cached = await cache?.get('npmx', 'likes');
+	if (cached) return JSON.parse(cached);
+
+	const response = await fetch(LEADERBOARD_API_URL);
+	if (!response.ok) return undefined;
+
+	const data = await response.json();
+	await cache?.put('npmx', 'likes', JSON.stringify(data));
+	return data;
+});

src/lib/cards/social/NpmxLikesLeaderboardCard/index.ts

···
 import type { CardDefinition } from '../../types';
 import NpmxLikesLeaderboardCard from './NpmxLikesLeaderboardCard.svelte';
+import { fetchNpmxLeaderboard } from './api.remote';
 
 export const NpmxLikesLeaderboardCardDefinition = {
 	type: 'npmxLikesLeaderboard',
···
 		card.mobileH = 6;
 	},
 	loadData: async () => {
-		const res = await fetch('https://blento.app/api/npmx-leaderboard');
-		const data = await res.json();
-		return data;
+		return await fetchNpmxLeaderboard();
 	},
-	loadDataServer: async (_items, { cache }) => {
-		try {
-			const cached = await cache?.get('npmx', 'likes');
-			if (cached) return JSON.parse(cached);
-			const response = await fetch(
-				'https://npmx-likes-leaderboard-api-production.up.railway.app/api/leaderboard/likes?limit=20'
-			);
-			if (!response.ok) return undefined;
-			const data = await response.json();
-			await cache?.put('npmx', 'likes', JSON.stringify(data));
-			return data;
-		} catch (error) {
-			console.error('Error fetching npmx leaderboard:', error);
-			return undefined;
-		}
+	loadDataServer: async () => {
+		return await fetchNpmxLeaderboard();
 	},
 	minW: 3,
 	canHaveLabel: true,