45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import type { Theme } from "./scripts/theme";
|
|
import { api } from "@/os";
|
|
import { $i, isSignedIn } from "@/reactiveAccount";
|
|
|
|
const lsCacheKey = isSignedIn ? `themes:${$i.id}` : "";
|
|
|
|
export function getThemes(): Theme[] {
|
|
return JSON.parse(localStorage.getItem(lsCacheKey) || "[]");
|
|
}
|
|
|
|
export async function fetchThemes(): Promise<void> {
|
|
if (!isSignedIn) return;
|
|
|
|
try {
|
|
const themes = await api("i/registry/get", {
|
|
scope: ["client"],
|
|
key: "themes",
|
|
});
|
|
localStorage.setItem(lsCacheKey, JSON.stringify(themes));
|
|
} catch (err) {
|
|
if (err.code === "NO_SUCH_KEY") return;
|
|
throw err;
|
|
}
|
|
}
|
|
|
|
export async function addTheme(theme: Theme): Promise<void> {
|
|
await fetchThemes();
|
|
const themes = getThemes().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));
|
|
}
|