ui/web/src/main.ts

   1 import { createApp } from 'vue'
   2 import ToastPlugin from 'vue-toast-notification'
   3 import type { ConfigurationData, ResponsePayload } from './types'
   4 import { router } from '@/router'
   5 import { UIClient } from '@/composables'
   6 import App from '@/App.vue'
   7 import 'vue-toast-notification/dist/theme-default.css'
   8
   9 const initializeApp = (config: ConfigurationData) => {
  10   const app = createApp(App)
  11   app.config.errorHandler = (error, instance, info) => {
  12     console.error('Error:', error)
  13     console.info('Vue instance:', instance)
  14     console.info('Error info:', info)
  15     // TODO: add code for UI notifications or other error handling logic
  16   }
  17   app.config.globalProperties.$uiClient = UIClient.getInstance(config)
  18   app.config.globalProperties.$uiClient.registerWSEventListener('open', () => {
  19     app.config.globalProperties.$uiClient
  20       .listChargingStations()
  21       .then((response: ResponsePayload) => {
  22         app.config.globalProperties.$chargingStations = response.chargingStations
  23       })
  24       .catch((error: Error) => {
  25         // TODO: add code for UI notifications or other error handling logic
  26         console.error('Error at fetching charging stations:', error)
  27         throw error
  28       })
  29       .finally(() => {
  30         app.use(router).use(ToastPlugin).mount('#app')
  31       })
  32   })
  33 }
  34
  35 fetch('/config.json')
  36   .then(response => response.json())
  37   .catch(error => {
  38     console.error('Error at fetching app configuration:', error)
  39     throw error
  40   })
  41   .then(config => {
  42     initializeApp(config)
  43   })
  44   .catch(error => {
  45     console.error('Error at initializing app:', error)
  46     throw error
  47   })