Adds initial feature flagged Ledger UI (#220)

* Saving progress

* Save:

* Add ledger manager

* Add initial modal UI

* Add + icon to Add Account button

Author: dgca

main/api/ledger/index.ts

@@ -0,0 +1,14 @@
+import { ledgerManager } from "./utils/ledger";
+import { t } from "../trpc";
+
+export const ledgerRouter = t.router({
+  connectLedger: t.procedure.query(async () => {
+    const app = await ledgerManager.connect();
+    const appInfo = await app.appInfo();
+    return appInfo.appVersion;
+  }),
+  getLedgerPublicAddress: t.procedure.query(async () => {
+    const address = await ledgerManager.getPublicAddress();
+    return address;
+  }),
+});

main/api/ledger/utils/ledger.ts

@@ -0,0 +1,83 @@
+import TransportNodeHid from "@ledgerhq/hw-transport-node-hid";
+import IronfishApp, { IronfishKeys } from "@zondax/ledger-ironfish";
+
+import { logger } from "../../ironfish/logger";
+
+export const DERIVATION_PATH = "m/44'/1338'/0";
+const OPEN_TIMEOUT = 3000;
+const LISTEN_TIMEOUT = 3000;
+
+let cachedApp: IronfishApp | null = null;
+
+class LedgerManager {
+  app: IronfishApp | null = null;
+  DERIVATION_PATH = DERIVATION_PATH;
+
+  connect = async () => {
+    if (cachedApp) {
+      return cachedApp;
+    }
+
+    const transport = await TransportNodeHid.create(
+      OPEN_TIMEOUT,
+      LISTEN_TIMEOUT,
+    );
+
+    const app = new IronfishApp(transport);
+
+    const appInfo = await app.appInfo();
+
+    const appName = appInfo.appName ?? "App name not found";
+    logger.debug(appName);
+
+    if (appName !== "Ironfish") {
+      logger.debug(appName);
+      logger.debug(appInfo.returnCode.toString());
+      logger.debug(appInfo.errorMessage.toString());
+      throw new Error(
+        "Invalid app name. Please open the Iron Fish app on your ledger device.",
+      );
+    }
+
+    if (appInfo.appVersion) {
+      logger.debug(`Ironfish App Version: ${appInfo.appVersion}`);
+    }
+
+    cachedApp = app;
+    return app;
+  };
+
+  disconnect = async () => {
+    if (this.app) {
+      await this.app.transport.close();
+      this.app = null;
+    }
+
+    return true;
+  };
+
+  getPublicAddress = async () => {
+    if (!this.app) {
+      throw new Error("App not connected");
+    }
+
+    const response = await this.app.retrieveKeys(
+      DERIVATION_PATH,
+      IronfishKeys.PublicAddress,
+      false,
+    );
+
+    const publicAddress =
+      "publicAddress" in response ? response.publicAddress : null;
+
+    if (!publicAddress) {
+      logger.debug(`Failed to retrieve public address`);
+      logger.debug(response.returnCode.toString());
+      throw new Error(response.errorMessage);
+    }
+
+    return publicAddress.toString("hex");
+  };
+}
+
+export const ledgerManager = new LedgerManager();

package-lock.json

@@ -37,6 +37,7 @@
     "@ethersproject/bignumber": "^5.7.0",
     "@formatjs/cli": "^6.2.4",
     "@hookform/resolvers": "^3.3.2",
+    "@ledgerhq/hw-transport-node-hid": "^6.29.0",
     "@radix-ui/react-select": "^2.0.0",
     "@tanstack/react-query": "^4.35.7",
     "@trpc/client": "^10.38.5",
@@ -52,6 +53,7 @@
     "@types/uuid": "^9.0.5",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
+    "@zondax/ledger-ironfish": "^0.1.1",
     "axios": "0.21.4",
     "babel-plugin-formatjs": "^10.5.10",
     "compare-versions": "6.1.0",