import * as sapper from '../__sapper__/client.js'
import './routes/_utils/serviceWorkerClient.js'
import './routes/_utils/historyEvents.js'
import './routes/_utils/loadingMask.js'
import './routes/_utils/forceOnline.js'
import { mark, stop } from './routes/_utils/marks.js'
import { loadPolyfills } from './routes/_utils/polyfills/loadPolyfills.js'
import { loadNonCriticalPolyfills } from './routes/_utils/polyfills/loadNonCriticalPolyfills.js'
import idbReady from 'safari-14-idb-fix/dist/esm'
import { snackbar } from './routes/_components/snackbar/snackbar.js'

Promise.all([idbReady(), loadPolyfills()]).then(() => {
  mark('sapperStart')
  sapper.start({ target: document.querySelector('#sapper') })
  stop('sapperStart')
  /* no await */ loadNonCriticalPolyfills()
})

console.log('process.env.NODE_ENV', process.env.NODE_ENV)

if (import.meta.webpackHot) {
  import.meta.webpackHot.accept()
}

const showSnackbar = () => {
  snackbar.announce('la la la this is a snackbar', 'show again', () => {
    setTimeout(showSnackbar, 1000)
  })
}

showSnackbar()