feat: load credentials from env file

Author: SkySails

.gitignore

@@ -23,4 +23,6 @@ Cargo.lock
 # MSVC Windows builds of rustc generate these, which store debugging information
 *.pdb
 
-.vscode
+.vscode
+.env
+*.local

samples/gauge/.env.example

@@ -0,0 +1,2 @@
+NG_CLIENT_ID=<YOUR_NAVIGRAPH_CLIENT_ID>
+NG_CLIENT_SECRET=<YOUR_NAVIGRAPH_CLIENT_SECRET>

samples/gauge/env.d.ts

@@ -0,0 +1,8 @@
+// Add secret to global env
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    CLIENT_ID: string
+    CLIENT_SECRET: string
+  }
+}

samples/gauge/lib/navigraph.ts

@@ -5,11 +5,15 @@ import { getChartsAPI } from "@navigraph/charts"
 import { getPackagesAPI } from "@navigraph/packages"
 
 const config: NavigraphApp = {
-  clientId: "YOUR_CLIENT_ID",
-  clientSecret: "YOUR_CLIENT_SECRET",
+  clientId: process.env.CLIENT_ID,
+  clientSecret: process.env.CLIENT_SECRET,
   scopes: [Scope.FMSDATA],
 }
 
+if (!config.clientId || config.clientId.includes("<")) {
+  alert("Please add your client credentials in lib/navigraph.ts.")
+}
+
 initializeApp(config)
 
 // Wait 1s before accessing datastorage

samples/gauge/package-lock.json

@@ -17,9 +17,11 @@
     "@microsoft/msfs-sdk": "^0.6.0",
     "@microsoft/msfs-types": "^1.14.6",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "cross-env": "^7.0.3",
+    "dotenv": "^16.3.1",
     "esbuild": "^0.19.5",
     "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",

samples/gauge/package.json

@@ -1,8 +1,12 @@
 import resolve from "@rollup/plugin-node-resolve"
+import replace from "@rollup/plugin-replace"
+import dotenv from "dotenv"
 import copy from "rollup-plugin-copy"
 import esbuild from "rollup-plugin-esbuild"
 import css from "rollup-plugin-import-css"
 
+dotenv.config()
+
 const DEBUG = process.env.DEBUG === "true"
 
 let outputDest = "../aircraft/PackageSources"
@@ -20,6 +24,10 @@ export default {
     css({ output: "MyInstrument.css" }),
     resolve(),
     esbuild({ target: "es2017" }),
+    replace({
+      "process.env.CLIENT_ID": JSON.stringify(process.env.CLIENT_ID),
+      "process.env.CLIENT_SECRET": JSON.stringify(process.env.CLIENT_SECRET),
+    }),
     copy({
       targets: [
         {