import { SvelteSet } from 'svelte/reactivity';
import { readStored, writeStored } from './utils.ts';

export const favoritedStreams = new SvelteSet<string>(readStored('favoritedStreams', []));
$effect.root(() => {
    $effect(() => {
        writeStored('favoritedStreams', Array.from(favoritedStreams));
    });
});

export const tagList = [
    'acoustic',
    'electronic',
    'orchestral',
    'rock',
    'pop',
    'metal',
    'aggressive',
    'folk',
    'jazzy',
    'dance.music',
    'untz',
    'breakbeats',
    'electronica',
    'chiptune',
    'left.field',
    'denpa',
    'vocaloid',
    'funky',
    'lush',
    'noisy',
    'psychedelic',
    'dark',
    'calm',
    'moody',
    'uplifting'
];