import * as API from "../api"
import { get, writable } from "svelte/store"

const createAppStore = () => {
  const store = writable({})

  // Fetches the app definition including screens, layouts and theme
  const fetchAppDefinition = async () => {
    const appId = get(store)?.appId
    if (!appId) {
      throw "Cannot fetch app definition without app ID set"
    }
    const appDefinition = await API.fetchAppPackage(appId)
    store.set({
      ...appDefinition,
      appId: appDefinition?.application?.appId,
    })
  }

  // Sets the initial app ID
  const setAppID = id => {
    store.update(state => {
      state.appId = id
      return state
    })
  }

  return {
    subscribe: store.subscribe,
    actions: { setAppID, fetchAppDefinition },
  }
}

export const appStore = createAppStore()