Sharkey/packages/frontend/src/theme-store.ts

44 lines
1.3 KiB
TypeScript
Raw Normal View History

/*
* SPDX-FileCopyrightText: syuilo and other misskey contributors
* SPDX-License-Identifier: AGPL-3.0-only
*/
2023-09-19 10:37:43 +03:00
import { Theme } from '@/scripts/theme.js';
import { miLocalStorage } from '@/local-storage.js';
import { api } from '@/os.js';
import { $i } from '@/account.js';
2023-01-07 03:13:02 +02:00
const lsCacheKey = $i ? `themes:${$i.id}` as const : null;
export function getThemes(): Theme[] {
2023-01-07 03:13:02 +02:00
if ($i == null) return [];
2023-02-22 08:28:17 +02:00
return JSON.parse(miLocalStorage.getItem(lsCacheKey!) ?? '[]');
}
export async function fetchThemes(): Promise<void> {
if ($i == null) return;
try {
const themes = await api('i/registry/get', { scope: ['client'], key: 'themes' });
2023-01-07 03:13:02 +02:00
miLocalStorage.setItem(lsCacheKey!, JSON.stringify(themes));
} catch (err) {
if (err.code === 'NO_SUCH_KEY') return;
throw err;
}
}
export async function addTheme(theme: Theme): Promise<void> {
2023-01-07 03:13:02 +02:00
if ($i == null) return;
await fetchThemes();
const themes = getThemes().concat(theme);
await api('i/registry/set', { scope: ['client'], key: 'themes', value: themes });
2023-01-07 03:13:02 +02:00
miLocalStorage.setItem(lsCacheKey!, JSON.stringify(themes));
}
export async function removeTheme(theme: Theme): Promise<void> {
2023-01-07 03:13:02 +02:00
if ($i == null) return;
const themes = getThemes().filter(t => t.id !== theme.id);
await api('i/registry/set', { scope: ['client'], key: 'themes', value: themes });
2023-01-07 03:13:02 +02:00
miLocalStorage.setItem(lsCacheKey!, JSON.stringify(themes));
}