import { writable } from 'svelte/store';
import { browser } from '$app/environment';
import { Channels, ChannelsMeta } from '$lib/store/channels.svelte.js';
import { Messages } from '$lib/store/messages.svelte.js';
import { Logins } from '$lib/store/logins';
import { STORE_KEY_CHANNELS_DATA } from '$lib/constants';

// Get channelsList content from the local storage
const channelsMetaData = (
  browser && JSON.parse(localStorage.getItem(STORE_KEY_CHANNELS_DATA))
) || {};

export const currentUser = writable(null);
export const logins = writable(new Logins());
export const channelsMetaList = writable(new ChannelsMeta({ channelsMetaData }));
export const channelsList = writable(new Channels({ channelsMetaList }));
export const messages = writable(new Messages());