import { onMount } from 'svelte';
import { writable } from 'svelte/store';

const localStore = (key, initial) => {
	const toString = (value) => JSON.stringify(value, null, 2);
	const toObject = JSON.parse;

	if (process.browser) {
		if (localStorage.getItem(key) === null) {
			localStorage.setItem(key, toString(initial));
		}

		const saved = toObject(localStorage.getItem(key));

		const { subscribe, set, update } = writable(saved);

		return {
			subscribe,
			set: (value) => {
				// both return and save in the local storage
				localStorage.setItem(key, toString(value));
				return set(value);
			},
			update
		};
	}
};

// export const todos = localStore('todo-store', []);
console.log('here we are: ' + typeof window);
export const todos = writable([]);