Kristaps Fabians Geikins
105 lines
2.7 KiB
JavaScript
105 lines
2.7 KiB
JavaScript
/**
|
|
* Don't export anything out of this file and import it in other files, this borks Vite HMR for some reason
|
|
* (runs app.js twice in the browser)!
|
|
*/
|
|
|
|
import '@/bootstrapper'
|
|
import Vue from 'vue'
|
|
|
|
import App from '@/main/App.vue'
|
|
import { LocalStorageKeys } from '@/helpers/mainConstants'
|
|
import * as MixpanelManager from '@/mixpanelManager'
|
|
|
|
import { provide } from 'vue'
|
|
import { DefaultApolloClient } from '@vue/apollo-composable'
|
|
import { createProvider, installVueApollo } from '@/config/apolloConfig'
|
|
import {
|
|
checkAccessCodeAndGetTokens,
|
|
prefetchUserAndSetID
|
|
} from '@/plugins/authHelpers'
|
|
|
|
import router from '@/main/router/index'
|
|
import vuetify from '@/plugins/vuetify'
|
|
import VueTimeago from 'vue-timeago'
|
|
|
|
Vue.use(VueTimeago, { locale: 'en' })
|
|
|
|
import VueFilterDateParse from '@vuejs-community/vue-filter-date-parse'
|
|
Vue.use(VueFilterDateParse)
|
|
|
|
import VueFilterDateFormat from '@vuejs-community/vue-filter-date-format'
|
|
Vue.use(VueFilterDateFormat)
|
|
|
|
// adds various helper methods
|
|
import '@/plugins/helpers'
|
|
import { AppLocalStorage } from '@/utils/localStorage'
|
|
import { InvalidAuthTokenError } from '@/main/lib/auth/errors'
|
|
|
|
// Async ApexChart load
|
|
Vue.component('ApexChart', async () => {
|
|
const VueApexCharts = await import('vue-apexcharts')
|
|
Vue.use(VueApexCharts)
|
|
|
|
return VueApexCharts
|
|
})
|
|
|
|
// Filter to capitalize words
|
|
Vue.filter('capitalize', (value) => {
|
|
if (!value) return ''
|
|
value = value.toString()
|
|
return value.charAt(0).toUpperCase() + value.slice(1)
|
|
})
|
|
|
|
const apolloProvider = createProvider()
|
|
installVueApollo(apolloProvider)
|
|
|
|
function postAuthInit() {
|
|
// Init mixpanel
|
|
MixpanelManager.initialize({
|
|
hostApp: 'web',
|
|
hostAppDisplayName: 'Web App'
|
|
})
|
|
|
|
new Vue({
|
|
router,
|
|
vuetify,
|
|
setup() {
|
|
provide(DefaultApolloClient, apolloProvider.defaultClient)
|
|
},
|
|
render: (h) => h(App)
|
|
}).$mount('#app')
|
|
}
|
|
|
|
async function init() {
|
|
const authToken = AppLocalStorage.get(LocalStorageKeys.AuthToken)
|
|
|
|
// no auth token - check if we can resolve it from access code
|
|
if (!authToken) {
|
|
const gotToken = await checkAccessCodeAndGetTokens()
|
|
if (gotToken) {
|
|
// Remove access_code get param from current url
|
|
const url = new URL(window.location.href)
|
|
url.searchParams.delete('access_code')
|
|
window.history.replaceState({}, document.title, url.toString())
|
|
}
|
|
}
|
|
|
|
// try to retrieve user info with auth token
|
|
try {
|
|
await prefetchUserAndSetID(apolloProvider.defaultClient)
|
|
} catch (e) {
|
|
if (e instanceof InvalidAuthTokenError) {
|
|
// data retrieval failed and user was logged out - go to login page
|
|
window.location = `${window.location.origin}/authn/login`
|
|
return
|
|
}
|
|
|
|
// Log and continue
|
|
console.error(e)
|
|
}
|
|
|
|
// Init app
|
|
postAuthInit()
|
|
}
|
|
init()
|