chore: lint typescript code

Author: pepperoni505

samples/gauge/Components/Dropdown.css

@@ -1,32 +1,32 @@
 /* Dropdown container */
 .dropdown {
-    position: relative;
-    display: inline-block;
-    width: 300px;
-    text-align: center;
+  position: relative;
+  display: inline-block;
+  width: 300px;
+  text-align: center;
 }
 
 /* Dropdown button */
 .dropdown-toggle {
-    background: white;
-    color: black;
-    padding: 10px;
-    width: 100%;
+  background: white;
+  color: black;
+  padding: 10px;
+  width: 100%;
 }
 
 /* Dropdown menu */
 .dropdown-menu {
-    display: none;
-    position: absolute;
-    background: white;
-    color: black;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    width: 100%;
+  display: none;
+  position: absolute;
+  background: white;
+  color: black;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  width: 100%;
 }
 
 .dropdown-menu li {
-    padding: 10px;
-    width: 100%;
-}
+  padding: 10px;
+  width: 100%;
+}

samples/gauge/Components/Dropdown.tsx

@@ -61,4 +61,4 @@ export class Dropdown extends DisplayComponent<ComponentProps> {
   public getNavdataFormat(): string | null {
     return this.navdataFormat
   }
-}
+}

samples/gauge/Components/NavigraphLogin.css

@@ -1,39 +1,39 @@
 .auth-container {
-    font-size: x-large;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    top: 100px;
-  }
-  
-  .button {
-    width: 150px;
-    height: 50px;
-    font-size: x-large;
-    margin-top: 5px;
-    background: white;
-    color: black;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  
-  .qr-code {
-    width: 300px;
-    height: 300px;
-    display: none;
-  }
-  
-  .horizontal {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-  }
-  
-  .vertical {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
+  font-size: x-large;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  top: 100px;
+}
+
+.button {
+  width: 150px;
+  height: 50px;
+  font-size: x-large;
+  margin-top: 5px;
+  background: white;
+  color: black;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.qr-code {
+  width: 300px;
+  height: 300px;
+  display: none;
+}
+
+.horizontal {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+
+.vertical {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}

samples/gauge/Components/NavigraphLogin.tsx

@@ -39,6 +39,14 @@ export class NavigraphLogin extends DisplayComponent<NavigraphLoginProps> {
       const percent = Math.round((args.unzipped / args.total) * 100)
       this.navdataTextRef.instance.textContent = `Unzipping files... ${percent}% complete`
     })
+
+    this.commBusListener.on("NAVIGRAPH_DownloadFailed", (jsonArgs: string) => {
+      const args = JSON.parse(jsonArgs)
+      console.error("WASM download failed", args)
+      this.navdataTextRef.instance.textContent = `Download failed: ${args.error}`
+      // set style to red
+      this.navdataTextRef.instance.style.color = "red"
+    })
   }
 
   public render(): VNode {
@@ -132,4 +140,4 @@ export class NavigraphLogin extends DisplayComponent<NavigraphLoginProps> {
       })
       .catch(e => console.error(e))
   }
-}
+}

samples/gauge/README.md

@@ -3,4 +3,5 @@
 This is a simple JavaScript gauge to interface with the WASM module.
 
 ## Building
-To build to your `Packages` folder and listen to changes (i.e. when you're debugging or quickly prototyping) you can run `npm run dev`. Otherwise, run `npm run build`
+
+To build to your `Packages` folder and listen to changes (i.e. when you're debugging or quickly prototyping) you can run `npm run dev`. Otherwise, run `npm run build`

samples/gauge/lib/navigraph.ts

@@ -1,8 +1,8 @@
 import { DataStore } from "@microsoft/msfs-sdk"
 import { initializeApp, NavigraphApp, Scope } from "@navigraph/app"
 import { getAuth } from "@navigraph/auth"
-import { getPackagesAPI } from "@navigraph/packages"
 import { getChartsAPI } from "@navigraph/charts"
+import { getPackagesAPI } from "@navigraph/packages"
 
 const config: NavigraphApp = {
   clientId: "YOUR_CLIENT_ID",
@@ -34,4 +34,4 @@ export const auth = getAuth({
 
 export const charts = getChartsAPI()
 
-export const packages = getPackagesAPI()
+export const packages = getPackagesAPI()

samples/gauge/rollup.config.js

@@ -3,7 +3,7 @@ import copy from "rollup-plugin-copy"
 import esbuild from "rollup-plugin-esbuild"
 import css from "rollup-plugin-import-css"
 
-const DEBUG = process.env.DEBUG === 'true';
+const DEBUG = process.env.DEBUG === "true"
 
 let outputDest = "../aircraft/PackageSources"
 if (DEBUG) {