Feat/add gridplus lattice1

.env.defaults

@@ -37,3 +37,4 @@ USE_MAINNET_FORK=false
 ARBITRUM_FORK_RPC=https://rpc.tenderly.co/fork/2fc2cf12-5c58-439f-9b5e-967bfd02191a
 TESTNET_TAHO_DEPLOYER_ADDRESS=0x55B180c3470dA8E31761d45468e4E61DbE13Eb9B
 TESTNET_TAHO_ADDRESS=0x78f04eC76df38Fcb37971Efa8EcbcB33f52dae0F
+MOCKED_GRIDPLUS_ONBOARDING=false

.github/workflows/pledge-signer-sync/package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "private": true,
   "engines": {
-    "node": ">=16.0.0 <17.0.0"
+    "node": ">=16.0.0 <19.0.0"
   },
   "dependencies": {
     "firebase": "^9.9.0",

.github/workflows/pledge-signer-sync/pledge-export.js

@@ -1,4 +1,5 @@
 // @ts-check
+/* eslint-disable import/no-unresolved */
 /* eslint-disable no-console */ // need logging
 /* eslint-disable no-await-in-loop  */ // need to process items in sequence
 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"

.github/workflows/pledge-signer-sync/pledge-sync.js

@@ -1,4 +1,5 @@
 // @ts-check
+/* eslint-disable import/no-unresolved */
 /* eslint-disable no-console */ // need logging
 /* eslint-disable no-await-in-loop  */ // need to process items in sequence
 import { getAuth, signInWithEmailAndPassword } from "firebase/auth"
@@ -103,16 +104,16 @@ const syncGalxe = async () => {
     const payload = {
       operationName: "credentialItems",
       query: `
-      mutation credentialItems($credId: ID!, $operation: Operation!, $items: [String!]!) 
-        { 
-          credentialItems(input: { 
-            credId: $credId 
-            operation: $operation 
-            items: $items 
-          }) 
-          { 
-            name 
-          } 
+      mutation credentialItems($credId: ID!, $operation: Operation!, $items: [String!]!)
+        {
+          credentialItems(input: {
+            credId: $credId
+            operation: $operation
+            items: $items
+          })
+          {
+            name
+          }
         }
       `,
       variables: {

.nvmrc

@@ -1 +1 @@
-v16.20.0
+v18.20.3

.prettierignore

@@ -4,4 +4,4 @@ ui/_locales/**/*.json
 !.github
 ci/cache
 .vscode
-size-plugin.json
+size-plugin.json

background/main.ts

@@ -31,6 +31,7 @@ import {
   ServiceCreatorFunction,
   IslandService,
   LedgerService,
+  GridplusService,
   SigningService,
   NFTsService,
   WalletConnectService,
@@ -200,6 +201,8 @@ import { makeFlashbotsProviderCreator } from "./services/chain/serial-fallback-p
 import { AnalyticsPreferences, DismissableItem } from "./services/preferences"
 import { newPricePoints } from "./redux-slices/prices"
 import NotificationsService from "./services/notifications"
+import { resetGridPlusState } from "./redux-slices/gridplus"
+import { GridPlusAddress } from "./services/gridplus"
 
 // This sanitizer runs on store and action data before serializing for remote
 // redux devtools. The goal is to end up with an object that is directly
@@ -337,10 +340,13 @@ export default class Main extends BaseService<never> {
 
     const ledgerService = LedgerService.create()
 
+    const gridplusService = GridplusService.create()
+
     const signingService = SigningService.create(
       internalSignerService,
       ledgerService,
       chainService,
+      gridplusService,
     )
 
     const analyticsService = AnalyticsService.create(
@@ -406,6 +412,7 @@ export default class Main extends BaseService<never> {
       await islandService,
       await telemetryService,
       await ledgerService,
+      await gridplusService,
       await signingService,
       await analyticsService,
       await nftsService,
@@ -477,6 +484,11 @@ export default class Main extends BaseService<never> {
      */
     private ledgerService: LedgerService,
 
+    /**
+     * A promise to the GridPlus service, handling the communication
+     */
+    private gridplusService: GridplusService,
+
     /**
      * A promise to the signing service which will route operations between the UI
      * and the exact signing services.
@@ -615,6 +627,7 @@ export default class Main extends BaseService<never> {
       this.islandService.startService(),
       this.telemetryService.startService(),
       this.ledgerService.startService(),
+      this.gridplusService.startService(),
       this.signingService.startService(),
       this.analyticsService.startService(),
       this.nftsService.startService(),
@@ -639,6 +652,7 @@ export default class Main extends BaseService<never> {
       this.islandService.stopService(),
       this.telemetryService.stopService(),
       this.ledgerService.stopService(),
+      this.gridplusService.stopService(),
       this.signingService.stopService(),
       this.analyticsService.stopService(),
       this.nftsService.stopService(),
@@ -662,6 +676,7 @@ export default class Main extends BaseService<never> {
     this.connectIslandService()
     this.connectTelemetryService()
     this.connectLedgerService()
+    this.connectGridplusService()
     this.connectSigningService()
     this.connectAnalyticsService()
     this.connectWalletConnectService()
@@ -790,6 +805,67 @@ export default class Main extends BaseService<never> {
     return this.ledgerService.refreshConnectedLedger()
   }
 
+  async connectGridplus({
+    deviceId,
+    password,
+  }: {
+    deviceId?: string
+    password?: string
+  }) {
+    return this.gridplusService.setupClient({ deviceId, password })
+  }
+
+  async pairGridplusDevice({ pairingCode }: { pairingCode: string }) {
+    return this.gridplusService.pairDevice({ pairingCode })
+  }
+
+  async fetchGridPlusAddresses({
+    n,
+    startPath,
+  }: {
+    n?: number
+    startPath?: number[]
+  }) {
+    return this.gridplusService.fetchAddresses({ n, startPath })
+  }
+
+  async importGridPlusAddresses({
+    addresses,
+  }: {
+    addresses: GridPlusAddress[]
+  }) {
+    const trackedNetworks = await this.chainService.getTrackedNetworks()
+    await Promise.all(
+      addresses.map(async (address) => {
+        await this.gridplusService.importAddresses({ address })
+        await Promise.all(
+          trackedNetworks.map(async (network) => {
+            const addressNetwork = {
+              address: address.address,
+              network,
+            }
+            await this.chainService.addAccountToTrack(addressNetwork)
+            this.abilitiesService.getNewAccountAbilities(address.address)
+            this.store.dispatch(loadAccount(addressNetwork))
+          }),
+        )
+      }),
+    )
+    this.store.dispatch(
+      setNewSelectedAccount({
+        address: addresses[0].address,
+        network:
+          await this.internalEthereumProviderService.getCurrentOrDefaultNetworkForOrigin(
+            TAHO_INTERNAL_ORIGIN,
+          ),
+      }),
+    )
+  }
+
+  async readActiveGridPlusAddresses(): Promise<GridPlusAddress[]> {
+    return this.gridplusService.readAddresses()
+  }
+
   async getAccountEthBalanceUncached(
     addressNetwork: AddressOnNetwork,
   ): Promise<bigint> {
@@ -1165,6 +1241,10 @@ export default class Main extends BaseService<never> {
     this.ledgerService.emitter.on("address", ({ address }) =>
       this.signingService.addTrackedAddress(address, "ledger"),
     )
+
+    this.gridplusService.emitter.on("address", ({ address }) =>
+      this.signingService.addTrackedAddress(address, "gridplus"),
+    )
   }
 
   async connectLedgerService(): Promise<void> {
@@ -1197,6 +1277,10 @@ export default class Main extends BaseService<never> {
     })
   }
 
+  async connectGridplusService(): Promise<void> {
+    this.store.dispatch(resetGridPlusState())
+  }
+
   async connectInternalSignerService(): Promise<void> {
     this.internalSignerService.emitter.on("internalSigners", (signers) => {
       this.store.dispatch(updateInternalSigners(signers))
@@ -1825,9 +1909,9 @@ export default class Main extends BaseService<never> {
         AnalyticsEvent.NEW_ACCOUNT_TO_TRACK,
         {
           description: `
-                This event is fired when any address on a network is added to the tracked list. 
-                
-                Note: this does not track recovery phrase(ish) import! But when an address is used 
+                This event is fired when any address on a network is added to the tracked list.
+
+                Note: this does not track recovery phrase(ish) import! But when an address is used
                 on a network for the first time (read-only or recovery phrase/ledger/keyring/private key).
                 `,
         },

background/package.json

@@ -24,8 +24,8 @@
     "watch": "webpack --mode=development --watch"
   },
   "dependencies": {
-    "@ethereumjs/common": "^2.4.0",
-    "@ethereumjs/tx": "^3.3.0",
+    "@ethereumjs/common": "^4.1.0",
+    "@ethereumjs/tx": "^5.0.0",
     "@ethersproject/abstract-provider": "5.7.0",
     "@ethersproject/abstract-signer": "5.7.0",
     "@ethersproject/networks": "5.7.1",
@@ -58,9 +58,11 @@
     "dexie": "^3.0.4",
     "emittery": "^0.9.2",
     "ethers": "5.7.2",
+    "gridplus-sdk": "^2.5.2",
     "immer": "^9.0.1",
     "jsondiffpatch": "^0.4.1",
     "lodash": "^4.17.21",
+    "rlp": "^3.0.0",
     "sinon": "^14.0.0",
     "siwe": "^1.1.0",
     "util": "^0.12.4",

background/redux-slices/accounts.ts

@@ -33,6 +33,7 @@ export const enum AccountType {
   PrivateKey = "private-key",
   Imported = "imported",
   Ledger = "ledger",
+  GridPlus = "gridplus",
   Internal = "internal",
 }
 
@@ -41,6 +42,7 @@ export const accountTypes = [
   AccountType.Imported,
   AccountType.PrivateKey,
   AccountType.Ledger,
+  AccountType.GridPlus,
   AccountType.ReadOnly,
 ]
 

background/redux-slices/gridplus.ts

@@ -0,0 +1,98 @@
+import { createSlice } from "@reduxjs/toolkit"
+import { createBackgroundAsyncThunk } from "./utils"
+import { type GridPlusAddress } from "../services/gridplus"
+
+const MOCKED_ONBOARDING = process.env.MOCKED_GRIDPLUS_ONBOARDING === "true"
+
+export type GridPlusState = {
+  importableAddresses: string[]
+  activeAddresses: GridPlusAddress[]
+}
+
+export const initialState: GridPlusState = {
+  importableAddresses: [],
+  activeAddresses: [],
+}
+
+const gridplusSlice = createSlice({
+  name: "gridplus",
+  initialState,
+  reducers: {
+    resetGridPlusState: (immerState) => {
+      immerState.importableAddresses = []
+      immerState.activeAddresses = []
+    },
+    setImportableAddresses: (
+      immerState,
+      { payload: importableAddresses }: { payload: string[] },
+    ) => {
+      immerState.importableAddresses = importableAddresses
+    },
+    setActiveAddresses: (
+      immerState,
+      { payload: activeAddresses }: { payload: GridPlusAddress[] },
+    ) => {
+      immerState.activeAddresses = activeAddresses
+    },
+  },
+})
+
+export const {
+  resetGridPlusState,
+  setImportableAddresses,
+  setActiveAddresses,
+} = gridplusSlice.actions
+
+export default gridplusSlice.reducer
+
+export const connectGridplus = createBackgroundAsyncThunk(
+  "gridplus/connect",
+  async (
+    { deviceId, password }: { deviceId?: string; password?: string },
+    { extra: { main } },
+  ) => main.connectGridplus({ deviceId, password }),
+)
+
+export const pairGridplusDevice = createBackgroundAsyncThunk(
+  "gridplus/pairDevice",
+  async ({ pairingCode }: { pairingCode: string }, { extra: { main } }) =>
+    main.pairGridplusDevice({ pairingCode }),
+)
+
+export const fetchGridPlusAddresses = createBackgroundAsyncThunk(
+  "gridplus/fetchAddresses",
+  async (
+    {
+      n = 10,
+      startPath = [0x80000000 + 44, 0x80000000 + 60, 0x80000000, 0, 0],
+    }: { n?: number; startPath?: number[] },
+    { dispatch, extra: { main } },
+  ) => {
+    if (MOCKED_ONBOARDING) {
+      return dispatch(
+        setImportableAddresses(["0xdfb2682febe6ea96682b1018702958980449b7db"]),
+      )
+    }
+    return dispatch(
+      setImportableAddresses(
+        await main.fetchGridPlusAddresses({ n, startPath }),
+      ),
+    )
+  },
+)
+
+export const importGridPlusAddresses = createBackgroundAsyncThunk(
+  "gridplus/importAddresses",
+  async (
+    { addresses }: { addresses: GridPlusAddress[] },
+    { extra: { main } },
+  ) => main.importGridPlusAddresses({ addresses }),
+)
+
+export const initializeActiveAddresses = createBackgroundAsyncThunk(
+  "gridplus/initializeActiveAddresses",
+  async (_, { extra: { main }, dispatch }) => {
+    const activeAddresses = await main.readActiveGridPlusAddresses()
+    return dispatch(setActiveAddresses(activeAddresses))
+  },
+)

background/redux-slices/index.ts

@@ -16,6 +16,7 @@ import signingReducer from "./signing"
 import earnReducer from "./earn"
 import nftsReducer from "./nfts"
 import pricesReducer from "./prices"
+import gridplusReducer from "./gridplus"
 
 const mainReducer = combineReducers({
   account: accountsReducer,
@@ -34,6 +35,7 @@ const mainReducer = combineReducers({
   abilities: abilitiesReducer,
   nfts: nftsReducer,
   prices: pricesReducer,
+  gridplus: gridplusReducer,
 })
 
 export default mainReducer