import { get, writable } from 'svelte/store';
import { getAccountData, setAccountData } from './api';
import { normaliseQuick, parseQuickReactions } from './quick-reactions-model';
import type { QuickEntry, QuickReaction } from './types';

const EVENT_TYPE = 'dev.malice.quick_reactions';

export const DEFAULT_QUICK_REACTIONS: QuickReaction[] = [
  { key: '👍', shortcode: 'thumbsup' },
  { key: '❤️', shortcode: 'heart' },
  { key: '😂', shortcode: 'joy' },
  { key: '🎉', shortcode: 'tada' },
  { key: '😮', shortcode: 'open_mouth' },
  { key: '😢', shortcode: 'cry' }
];

export const quickReactions = writable<QuickEntry[]>(DEFAULT_QUICK_REACTIONS);

export async function loadQuickReactions(): Promise<void> {
  try {
    quickReactions.set(parseQuickReactions(await getAccountData(EVENT_TYPE)) ?? DEFAULT_QUICK_REACTIONS);
  } catch {
    quickReactions.set(DEFAULT_QUICK_REACTIONS);
  }
}

export async function saveQuickReactions(entries: QuickEntry[]): Promise<void> {
  const reactions = normaliseQuick(entries);
  const previous = get(quickReactions);
  quickReactions.set(reactions);
  try {
    await setAccountData(EVENT_TYPE, { reactions });
  } catch (e) {
    if (get(quickReactions) === reactions) quickReactions.set(previous);
    throw e;
  }
}

export function resetQuickReactions(): void {
  quickReactions.set(DEFAULT_QUICK_REACTIONS);
}