import { writable, type Writable } from 'svelte/store';
import { browser } from '$app/environment';

export const ql = writable(fromLocalStorage('ql', []));
toLocalStorage(ql, 'ql');

function fromLocalStorage(storageKey: string, fallback: string[]): string[] {
  if (browser) {
    const storedValue = localStorage.getItem(storageKey);
    if (storedValue !== 'undefined' && storedValue !== null) {
      return typeof fallback === 'object' ? JSON.parse(storedValue) : storedValue;
    }
  }
  return fallback;
}

function toLocalStorage(store: Writable<string[]>, storageKey: string) {
  if (browser) {
    store.subscribe((value) => {
      let storageValue = typeof value === 'object' ? JSON.stringify(value.sort()) : value;

      localStorage.setItem(storageKey, storageValue);
    });
  }
}