/*
 * Authors: see git history
 *
 * Copyright (c) 2010 Authors
 * Licensed under the GNU GPL version 3.0 or later.  See the file LICENSE for details.
 *
 */

// ES6
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
import { createGettext } from 'vue3-gettext'
import translations from './assets/translations.json'
import { selectLanguage } from '../lib/i18n.js'

import flaskserverport from '../lib/flaskserverport.json'

import { createVuetify, ThemeDefinition }  from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import 'vuetify/styles'

import VueMousetrapPlugin from 'vue-mousetrap'

if (flaskserverport.port === undefined) {
    var theflaskport = window.inkstitchAPI.flaskport()
    console.log("Installed mode")
    console.log(theflaskport)
} else {
    var theflaskport = flaskserverport.port
    console.log("Dev mode")
    console.log(theflaskport)
}

const inkStitchTheme = {
  dark: false,
  colors: {
      primary: '#003399',
      secondary: '#000000',
      accent: '#8c9eff',
      error: '#b71c1c',
  }
}
const vuetify = new createVuetify({
  components,
  directives,
  ssr: true,
  theme: {
    defaultTheme: 'inkStitchTheme',
    themes: {
      inkStitchTheme,
    }
  }
})

library.add(fas)
const app = createApp(App)
app.component('font-awesome-icon', FontAwesomeIcon)
app.component('font-awesome-layers', FontAwesomeLayers)

app.use(createGettext({
    defaultLanguage: selectLanguage(translations, theflaskport),
    translations: translations,
    silent: true,
    setGlobalProperties: true,
}))
app.use(VueMousetrapPlugin)
app.use(vuetify)
app.use(router)
app.mount('#app')