ui/web/src/main.ts

   1 import { type App as AppType, createApp } from 'vue'
   2 import ToastPlugin from 'vue-toast-notification'
   3 import type { ConfigurationData } from '@/types'
   4 import { router } from '@/router'
   5 import { UIClient, getFromLocalStorage, setToLocalStorage } from '@/composables'
   6 import App from '@/App.vue'
   7 import 'vue-toast-notification/dist/theme-bootstrap.css'
   8
   9 const app = createApp(App)
  10
  11 const initializeApp = (app: AppType, config: ConfigurationData) => {
  12   app.config.errorHandler = (error, instance, info) => {
  13     console.error('Error:', error)
  14     console.info('Vue instance:', instance)
  15     console.info('Error info:', info)
  16     // TODO: add code for UI notifications or other error handling logic
  17   }
  18   if (!Array.isArray(config.uiServer)) {
  19     config.uiServer = [config.uiServer]
  20   }
  21   if (app.config.globalProperties.$configuration == null) {
  22     app.config.globalProperties.$configuration = config
  23   }
  24   if (!Array.isArray(app.config.globalProperties.$chargingStations)) {
  25     app.config.globalProperties.$chargingStations = []
  26   }
  27   if (
  28     getFromLocalStorage<number | undefined>('uiServerConfigurationIndex', undefined) == null ||
  29     getFromLocalStorage<number>('uiServerConfigurationIndex', 0) >
  30       app.config.globalProperties.$configuration.uiServer.length - 1
  31   ) {
  32     setToLocalStorage<number>('uiServerConfigurationIndex', 0)
  33   }
  34   if (app.config.globalProperties.$uiClient == null) {
  35     app.config.globalProperties.$uiClient = UIClient.getInstance(
  36       app.config.globalProperties.$configuration.uiServer[
  37         getFromLocalStorage<number>('uiServerConfigurationIndex', 0)
  38       ]
  39     )
  40   }
  41   app.use(router).use(ToastPlugin).mount('#app')
  42 }
  43
  44 fetch('/config.json')
  45   .then(response => {
  46     if (!response.ok) {
  47       // TODO: add code for UI notifications or other error handling logic
  48       console.error('Failed to fetch app configuration')
  49       return
  50     }
  51     response
  52       .json()
  53       .then(config => {
  54         initializeApp(app, config)
  55       })
  56       .catch(error => {
  57         // TODO: add code for UI notifications or other error handling logic
  58         console.error('Error at deserializing JSON app configuration:', error)
  59       })
  60   })
  61   .catch(error => {
  62     // TODO: add code for UI notifications or other error handling logic
  63     console.error('Error at fetching app configuration:', error)
  64   })