rudeshark.net/packages/client/src/theme-store.ts

46 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-01-13 05:40:33 +01:00
import { api } from "@/os";
import { $i } from "@/account";
import { Theme } from "./scripts/theme";
2023-01-13 05:40:33 +01:00
const lsCacheKey = $i ? `themes:${$i.id}` : "";
export function getThemes(): Theme[] {
2023-01-13 05:40:33 +01:00
return JSON.parse(localStorage.getItem(lsCacheKey) || "[]");
}
export async function fetchThemes(): Promise<void> {
if ($i == null) return;
try {
2023-01-13 05:40:33 +01:00
const themes = await api("i/registry/get", {
scope: ["client"],
key: "themes",
});
localStorage.setItem(lsCacheKey, JSON.stringify(themes));
} catch (err) {
2023-01-13 05:40:33 +01:00
if (err.code === "NO_SUCH_KEY") return;
throw err;
}
}
export async function addTheme(theme: Theme): Promise<void> {
await fetchThemes();
const themes = getThemes().concat(theme);
2023-01-13 05:40:33 +01:00
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> {
2023-01-13 05:40:33 +01:00
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));
}