import { writable } from 'svelte/store'

// Define environment
export const dev = process.env.NODE_ENV === 'development'


/* ==========================================================================
   Site related
========================================================================== */
const apiEndpoint = dev ? process.env.CONFIG.API_URL_DEV : process.env.CONFIG.API_URL_PROD
export const apiEndpoints = {
    gql: apiEndpoint + '/gql',
    rest: apiEndpoint
}

// Data
export let site = writable()
export let continents = writable()
export let countries = writable()
export let locations = writable()

// Derived data
export let currentLocation = writable()
export let currentPhotos = writable()

// State
export let fullscreen = writable(undefined, () => {})


/* ==========================================================================
   Animation related
========================================================================== */
export let firstLoad = writable(true, () => {})
export let pageReady = writable(false, () => {})
export let pageAnimation = writable(() => {}, () => {})
export const animDelay = 900
export const animPanelDelay = 900
export const animPanelShortDelay = 600
export const animDuration = 1400
export const animDurationLong = 1800