frontend: Add fetch parameters metadata from board when available and using PX4

core/frontend/package.json

@@ -62,7 +62,8 @@
     "vuex": "^3.4.0",
     "vuex-module-decorators": "^1.0.1",
     "webpack": "^5.74.0",
-    "wifi-qr-code-generator": "^1.1.1"
+    "wifi-qr-code-generator": "^1.1.1",
+    "xz-decompress": "^0.2.2"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.51.0",

core/frontend/src/libs/filebrowser.ts

@@ -49,13 +49,14 @@ class Filebrowser {
   /* Fetch a folder from filebrowser. */
   /**
    * @param folder_path - String absolute path of folder to be fetched
+   * @param timeout - Timeout in milliseconds
    * @returns FilebrowserFolder object
   * */
-  async fetchFolder(folder_path: string): Promise<FilebrowserFolder> {
+  async fetchFolder(folder_path: string, timeout = 10000): Promise<FilebrowserFolder> {
     return back_axios({
       method: 'get',
       url: `${filebrowser_url}/resources${folder_path}`,
-      timeout: 10000,
+      timeout,
       headers: { 'X-Auth': await this.filebrowserToken() },
     })
       .then((response) => response.data)

core/frontend/src/types/autopilot/px4/metadata-fetcher.ts

@@ -1,3 +1,6 @@
+import filebrowser from '@/libs/filebrowser'
+import { XzReadableStream } from 'xz-decompress'
+
 interface PX4ParametersMetadataValuesItem {
   description: string
   value: number
@@ -32,15 +35,29 @@ interface PX4ParametersMetadata {
 }
 
 async function fetchPX4MetadataFromBoard(): Promise<PX4ParametersMetadata[]> {
-  // TODO - Add mav ftp fetch to get parameters.json from board
-  throw new Error('Not implemented')
+  const px4ExtrasFolder = await filebrowser.fetchFolder('ardupilot_logs/logs/mavftp/etc/extras', 30000)
+
+  const parameterFile = px4ExtrasFolder.items.find((file) => file.name === 'parameters.json.xz')
+  if (!parameterFile) {
+    throw new Error('PX4 parameters metadata file not found')
+  }
+
+  const response = await fetch(await filebrowser.singleFileRelativeURL(parameterFile))
+  if (!response || !response.ok || !response.body) {
+    throw new Error(`Failed to fetch PX4 parameters metadata: ${response.statusText}`)
+  }
+
+  const decompressedStream = new Response(new XzReadableStream(response.body))
+
+  return (await decompressedStream.json()).parameters as PX4ParametersMetadata[]
 }
 
 async function fetchPX4Metadata(): Promise<PX4ParametersMetadata[]> {
   let metadata
   try {
     metadata = await fetchPX4MetadataFromBoard()
   } catch (e) {
+    console.error('Falling back to default PX4 Metadata Repository parameters, unable to fetch from board.', e)
     metadata = (await import('@/PX4-parameters/master/parameters.json')).parameters
   }