import { mount } from 'svelte'

// Self-hosted fonts: they work offline and are guaranteed present when exporting images.
import '@fontsource/montserrat/400.css'
import '@fontsource/montserrat/400-italic.css'
import '@fontsource/montserrat/500.css'
import '@fontsource/montserrat/600.css'
import '@fontsource/montserrat/700.css'
import '@fontsource/bree-serif/400.css'
import '@fontsource/yellowtail/400.css'
// editor headings only
import '@fontsource/cormorant-garamond/600.css'

import './app.css'
import App from './App.svelte'

const target = document.getElementById('app')!
let app: ReturnType<typeof mount>
if (import.meta.env.DEV && location.hash.startsWith('#inspect')) {
  const { default: Inspect } = await import('./Inspect.svelte')
  app = mount(Inspect, { target })
} else {
  app = mount(App, { target })
}

export default app