feat: account id persistence

.changeset/healthy-teachers-tap.md

@@ -0,0 +1,5 @@
+---
+"@abstract-money/react": patch
+---
+
+Add persistKey parameter to AbstractAccountIdProvider

packages/react/package.json

@@ -26,8 +26,7 @@
   "dependencies": {
     "@abstract-money/core": "workspace:*",
     "@tanstack/react-query": "^4",
-    "dedent": "^0.7.0",
-    "zustand": "^4.4.6"
+    "dedent": "^0.7.0"
   },
   "peerDependencies": {
     "@cosmjs/amino": ">=0.28",
@@ -73,11 +72,7 @@
     },
     "./package.json": "./package.json"
   },
-  "files": [
-    "/utils",
-    "/hooks",
-    "/dist"
-  ],
+  "files": ["/utils", "/hooks", "/dist"],
   "simple-git-hooks": {
     "pre-commit": "pnpm format && pnpm lint:fix"
   },

packages/react/src/contexts/account-id.ts

@@ -1,4 +1,8 @@
-import { AccountId } from '@abstract-money/core'
+import {
+  AccountId,
+  accountIdToString,
+  stringToAccountId,
+} from '@abstract-money/core'
 import dedent from 'dedent'
 import * as React from 'react'
 import { Prettify } from '../types/utils'
@@ -10,6 +14,7 @@ const noop = () => {
 type AbstractAccountIdContext = {
   accountId: AccountId
   setAccountId: (accountId: AccountId) => void
+  persistKey?: string
 }
 
 type AbstractAccountIdContextWithPartialAccountId = Prettify<
@@ -31,13 +36,33 @@ const Context =
 export function AbstractAccountIdProvider({
   children,
   accountId: defaultAccountId,
-}: React.PropsWithChildren<{ accountId: AccountId }>) {
-  const [accountId, setAccountId] = React.useState<AccountId>(defaultAccountId)
+  persistKey,
+}: React.PropsWithChildren<{ accountId: AccountId; persistKey?: string }>) {
+  const [accountId, setAccountId_] = React.useState<AccountId>(() => {
+    if (typeof window === 'undefined') return defaultAccountId
+    if (persistKey) {
+      const item = window.localStorage.getItem(persistKey)
+      if (item) return stringToAccountId(item)
+      return defaultAccountId
+    }
+    return defaultAccountId
+  })
+
+  const setAccountId = React.useCallback<(accountId: AccountId) => void>(
+    (accountId) => {
+      setAccountId_(accountId)
+      if (typeof window === 'undefined' || !persistKey) return
+
+      window.localStorage.setItem(persistKey, accountIdToString(accountId))
+    },
+    [],
+  )
+
   // Bailing out of using JSX
   // https://github.com/egoist/tsup/issues/390#issuecomment-933488738
   return React.createElement(Context.Provider, {
     children,
-    value: { accountId, setAccountId },
+    value: { accountId, persistKey, setAccountId },
   })
 }