import { initContainer } from './container'
import { initNav } from './nav'
import { initResources } from './resources'
import { initState } from './state'
import { isMobile } from './utils'

initContainer()
const ijs = initResources()
initState(ijs.length)
initNav()

// NOTE: it seems firefox and chromnium don't like top layer await
//       so we are using import then instead
if (ijs.length > 0) {
  if (!isMobile()) {
    import('./desktop/init')
      .then((d) => {
        d.initDesktop(ijs)
      })
      .catch((e) => {
        console.log(e)
      })
  } else {
    import('./mobile/init')
      .then((m) => {
        m.initMobile(ijs)
      })
      .catch((e) => {
        console.log(e)
      })
  }
}