Test typescript ci change

.github/workflows/ci.yml

@@ -44,7 +44,7 @@ jobs:
 
       - uses: oven-sh/setup-bun@v1
         with:
-          bun-version: latest
+          bun-version: 1.1.45
 
       - name: Run bun
         run: |

package.json

@@ -113,7 +113,7 @@
     "vite-plugin-vuetify": "^1.0.0-alpha.16",
     "vitest": "^0.20.3",
     "vue-cli-plugin-vuetify": "~2.4.8",
-    "vue-tsc": "2.0.10",
+    "vue-tsc": "2.2.0",
     "vuetify-loader": "^2.0.0-alpha.0"
   },
   "prettier": {

src/App.vue

@@ -72,10 +72,10 @@
                   :variant="simplifiedMainMenu ? 'uncontained' : 'round'"
                   :tooltip="simplifiedMainMenu ? 'Flight' : undefined"
                   :width="buttonSize"
-                  :selected="$route.name === 'Flight'"
+                  :selected="route.name === 'Flight'"
                   @click="
                     () => {
-                      $router.push('/')
+                      router.push('/')
                       closeMainMenu()
                     }
                   "
@@ -94,10 +94,10 @@
                   :variant="simplifiedMainMenu ? 'uncontained' : 'round'"
                   :tooltip="simplifiedMainMenu ? 'Mission Planning' : undefined"
                   :width="buttonSize"
-                  :selected="$route.name === 'Mission planning'"
+                  :selected="route.name === 'Mission planning'"
                   @click="
                     () => {
-                      $router.push('/mission-planning')
+                      router.push('/mission-planning')
                       closeMainMenu()
                     }
                   "
@@ -323,7 +323,7 @@
 <script setup lang="ts">
 import { onClickOutside, useDebounceFn, useFullscreen, useStorage, useWindowSize } from '@vueuse/core'
 import { computed, markRaw, onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 
 import GlassModal from '@/components/GlassModal.vue'
 import Tutorial from '@/components/Tutorial.vue'
@@ -658,6 +658,7 @@ const openAboutDialog = (): void => {
 }
 
 const route = useRoute()
+const router = useRouter()
 const routerSection = ref()
 
 // Full screen toggling

src/components/VideoPlayerStatsForNerds.vue

@@ -35,8 +35,8 @@ const canvasRef = ref(null)
 const framerateData = ref([])
 const bitrateData = ref([])
 const packetLostData = ref([])
-let animationFrameId = null
-let intervalId = null
+let animationFrameId: ReturnType<typeof requestAnimationFrame> | null = null
+let intervalId: ReturnType<typeof setInterval> | null = null
 let bitrate = 0
 // cumulative values
 let packetsLost = 0

src/libs/blueos.ts

@@ -3,6 +3,13 @@ import ky, { HTTPError } from 'ky'
 import { useMainVehicleStore } from '@/stores/mainVehicle'
 import { ExternalWidgetSetupInfo } from '@/types/widgets'
 
+type BagOfHoldingError = {
+  /**
+   * The error message
+   */
+  detail: string
+}
+
 /**
  * Cockpits extra json format. Taken from extensions in BlueOS and (eventually) other places
  */
@@ -34,7 +41,7 @@ export const getBagOfHoldingFromVehicle = async (
     const options = { timeout: defaultTimeout, retry: 0 }
     return await ky.get(`http://${vehicleAddress}/bag/v1.0/get/${bagPath}`, options).json()
   } catch (error) {
-    const errorBody = await (error as HTTPError).response.json()
+    const errorBody = (await (error as HTTPError).response.json()) as BagOfHoldingError
     if (errorBody.detail === 'Invalid path') {
       const noPathError = new Error(`No data available in BlueOS storage for path '${bagPath}'.`)
       noPathError.name = NoPathInBlueOsErrorName

src/libs/cosmos.ts

@@ -87,6 +87,20 @@ declare global {
    * Extended Window interface with custom dedicated dedicated APIs.
    */
   interface Window {
+    /**
+     * Extended Performance interface with memory attribute
+     */
+    performance: {
+      /**
+       * The memory attribute of the Performance interface returns a MemoryInfo object that provides information about memory usage, including JS heap size limit, total and available JS heap size, and used JS heap size.
+       */
+      memory: {
+        /**
+         * The used JS heap size in bytes.
+         */
+        usedJSHeapSize: number
+      }
+    }
     /**
      * Exposed Cockpit APIs
      * E.g. data-lake, cockpit actions, etc.

src/types/shims.d.ts

@@ -31,3 +31,9 @@ declare module 'vue-draggable-resizable' {
   const component: DefineComponent<Record<string, never>>
   export default component
 }
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<unknown, unknown, any>
+  export default component
+}