import { createApp } from "./createApp"
import { trimSlash } from "./common/trimSlash"

export const loadBudibase = async ({
  componentLibraries,
  props,
  window,
  localStorage,
  uiFunctions,
}) => {
  const appDefinition = window["##BUDIBASE_APPDEFINITION##"]
  const uiFunctionsFromWindow = window["##BUDIBASE_APPDEFINITION##"]
  uiFunctions = uiFunctionsFromWindow || uiFunctions

  const userFromStorage = localStorage.getItem("budibase:user")

  const user = userFromStorage
    ? JSON.parse(userFromStorage)
    : {
        name: "annonymous",
        permissions: [],
        isUser: false,
        temp: false,
      }

  if (!componentLibraries) {
    const rootPath =
      appDefinition.appRootPath === ""
        ? ""
        : "/" + trimSlash(appDefinition.appRootPath)
    const componentLibraryUrl = lib => rootPath + "/" + trimSlash(lib)
    componentLibraries = {}

    for (let lib of appDefinition.componentLibraries) {
      componentLibraries[lib.libName] = await import(
        componentLibraryUrl(lib.importPath)
      )
    }
  }

  if (!props) {
    props = appDefinition.props
  }

  const app = createApp(
    window.document,
    componentLibraries,
    appDefinition,
    user,
    uiFunctions || {}
  )
  app.hydrateChildren([props], window.document.body)

  return app
}

if (window) {
  window.loadBudibase = loadBudibase
}