chore: improve RootState typings (#789)

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

src/api/httpClient.ts

@@ -66,8 +66,8 @@ const responseInterceptor = (response: AxiosResponse) => {
       // We can reasonably assume that successfull moonraker responses
       // determine a user is trusted or authenticated in some way.
       if (
-        store.state.config?.apiUrl &&
-        response.config.baseURL === store.state.config?.apiUrl &&
+        store.state.config.apiUrl &&
+        response.config.baseURL === store.state.config.apiUrl &&
         response.config.withAuth
       ) {
         // Set authenticated to true.

src/api/socketActions.ts

@@ -11,8 +11,8 @@ const baseEmit = (method: string, options: NotifyOptions) => {
     return
   }
   if (
-    !store.state.socket?.disconnecting &&
-    !store.state.socket?.connecting
+    !store.state.socket.disconnecting &&
+    !store.state.socket.connecting
   ) {
     Vue.$socket.emit(method, options)
   } else {
@@ -330,7 +330,7 @@ export const SocketActions = {
       dispatch: 'socket/onConnectionId',
       params: {
         client_name: Globals.APP_NAME,
-        version: `${store.state.version?.fluidd.version || '0.0.0'}-${store.state.version?.fluidd.hash || 'unknown'}`.trim(),
+        version: `${store.state.version.fluidd.version || '0.0.0'}-${store.state.version.fluidd.hash || 'unknown'}`.trim(),
         type: 'web',
         url: Globals.GITHUB_REPO
       }

src/components/widgets/gcode-preview/GcodePreviewCard.vue

@@ -252,7 +252,7 @@ export default class GcodePreviewCard extends Mixins(StateMixin, FilesMixin) {
   @Watch('fileLoaded')
   onFileLoaded () {
     if (this.fileLoaded &&
-        this.$store.state.config?.uiSettings.gcodePreview.autoFollowOnFileLoad &&
+        this.$store.state.config.uiSettings.gcodePreview.autoFollowOnFileLoad &&
         this.printerFileLoaded) {
       this.$store.commit('gcodePreview/setViewerState', { followProgress: true }, { root: true })
     }

src/components/widgets/system/SystemLoadChart.vue

@@ -31,7 +31,7 @@ export default class SystemLoadChart extends Vue {
   }
 
   get cores () {
-    return this.$store.state.server?.system_info?.cpu_info?.cpu_count || 1
+    return this.$store.state.server.system_info?.cpu_info?.cpu_count || 1
   }
 
   get options () {

src/init.ts

@@ -149,7 +149,7 @@ export const appInit = async (apiConfig?: ApiConfig, hostConfig?: HostConfig): P
   await store.dispatch('init', { apiConfig, hostConfig, apiConnected })
 
   // Ensure users start on the dash.
-  if (router.currentRoute.path !== '/' && store.state.auth?.authenticated) router.push('/')
+  if (router.currentRoute.path !== '/' && store.state.auth.authenticated) router.push('/')
 
   return { apiConfig, hostConfig, apiConnected, apiAuthenticated }
 }

src/mixins/files.ts

@@ -253,7 +253,7 @@ export default class FilesMixin extends Vue {
         : '/' + filepath
       const fileState = this.$store.state.files.uploads.find((u: FilesUpload) => u.filepath === filepath)
       // consola.error('about to process...', fileState)
-      if (!fileState.cancelled) {
+      if (fileState && !fileState?.cancelled) {
         try {
           this.cancelTokenSource = Axios.CancelToken.source()
           await this.uploadFile(file, path, root, andPrint, {

src/plugins/i18n.ts

@@ -11,7 +11,7 @@ Vue.use(VueI18n)
  */
 export const getStartingLocale = () => {
   const browserLocale = getBrowserLocale({ countryCodeOnly: true })
-  const supportedLocales = store.state.config?.hostConfig.locales
+  const supportedLocales = store.state.config.hostConfig.locales
   if (
     supportedLocales &&
     browserLocale &&

src/plugins/socketClient.ts

@@ -40,7 +40,7 @@ export class WebSocketClient {
     // We have a connection again, so set the socket properties
     // appropriately.
     if (
-      !this.store.state.socket?.disconnecting && // We arent about to disonnect and..
+      !this.store.state.socket.disconnecting && // We arent about to disonnect and..
       !this.store.state.files.download // We're not in the middle of a download.
     ) {
       this.store.commit('socket/setSocketOpen', true)
@@ -49,7 +49,7 @@ export class WebSocketClient {
 
     this.pingTimeout = setTimeout(() => {
       if (
-        !this.store.state.socket?.disconnecting && // We arent about to disonnect and..
+        !this.store.state.socket.disconnecting && // We arent about to disonnect and..
         !this.store.state.files.download // We're not in the middle of a download.
       ) {
         // In the event our socket stops responding, set the socket properties

src/router/index.ts

@@ -24,7 +24,7 @@ Vue.use(VueRouter)
 const ifAuthenticated = (to: Route, from: Route, next: NavigationGuardNext<Vue>) => {
   if (
     store.getters['auth/getAuthenticated'] ||
-    !store.state.socket?.apiConnected
+    !store.state.socket.apiConnected
   ) {
     next()
     return

src/store/auth/actions.ts

@@ -43,7 +43,7 @@ export const actions: ActionTree<AuthState, RootState> = {
     // No known API?
     // This is likely a new setup with no known instances yet. Set auth to true
     // and move on until we know more.
-    if (rootState.config?.apiUrl === '') {
+    if (rootState.config.apiUrl === '') {
       commit('setAuthenticated', true)
       return
     }