FoundKey/packages/client/src/theme-store.ts

import { Theme } from '@/scripts/theme';
import { api } from '@/os';
import { $i } from '@/account';

const lsCacheKey = $i ? `themes:${$i.id}` : '';

export function getThemes(): Theme[] {
	return JSON.parse(localStorage.getItem(lsCacheKey) || '[]');
}

export async function fetchThemes(): Promise<Theme[]> {
	if ($i == null) return [];

	try {
		const themes = await api('i/registry/get', { scope: ['client'], key: 'themes' });
		localStorage.setItem(lsCacheKey, JSON.stringify(themes));
		return themes;
	} catch (err) {
		if (err.code === 'NO_SUCH_KEY') return [];
		throw err;
	}
}

export async function addTheme(theme: Theme): Promise<void> {
	const themes = await fetchThemes()
		.then(themes => themes.concat(theme));
	await api('i/registry/set', { scope: ['client'], key: 'themes', value: themes });
	localStorage.setItem(lsCacheKey, JSON.stringify(themes));
}

export async function removeTheme(theme: Theme): Promise<void> {
	const themes = getThemes().filter(t => t.id !== theme.id);
	await api('i/registry/set', { scope: ['client'], key: 'themes', value: themes });
	localStorage.setItem(lsCacheKey, JSON.stringify(themes));
}