@unisat/wallet-state 1.0.0 → 1.0.2

package/src/index.ts

@@ -1,5 +1,42 @@
-// State management exports
-export * from './store';
-export * from './slices';
-export * from './hooks';
-export * from './types';
+import { load, save } from 'redux-localstorage-simple'
+
+import { configureStore } from '@reduxjs/toolkit'
+import { setupListeners } from '@reduxjs/toolkit/query/react'
+
+import accounts from './reducers/accounts'
+import discovery from './reducers/discovery'
+import { updateVersion } from './actions/global'
+import global from './reducers/global'
+import keyrings from './reducers/keyrings'
+import settings from './reducers/settings'
+import transactions from './reducers/transactions'
+import ui from './reducers/ui'
+
+const PERSISTED_KEYS: string[] = ['ui', 'discovery']
+const store = configureStore({
+  reducer: {
+    accounts,
+    transactions,
+    settings,
+    global,
+    keyrings,
+    ui,
+    discovery,
+  },
+  middleware: getDefaultMiddleware =>
+    getDefaultMiddleware({ thunk: true }).concat(save({ states: PERSISTED_KEYS, debounce: 1000 })),
+  preloadedState: load({ states: PERSISTED_KEYS, disableWarnings: true }),
+})
+
+store.dispatch(updateVersion())
+
+setupListeners(store.dispatch)
+
+export default store
+
+export type AppState = ReturnType<typeof store.getState>
+export type AppDispatch = typeof store.dispatch
+
+export * from './context'
+export * from './hooks'
+export * from './updater'

package/src/{slices → reducers}/accounts.ts

@@ -6,10 +6,10 @@ import {
   Inscription,
   InscriptionSummary,
   TxHistoryItem,
-} from '@/shared/types'
-import { createSlice } from '@reduxjs/toolkit'
+} from '@unisat/wallet-shared'
+import { createSlice, Slice } from '@reduxjs/toolkit'
 
-import { updateVersion } from '../global/actions'
+import { updateVersion } from '../actions/global'
 
 export interface AccountsState {
   accounts: Account[]
@@ -86,7 +86,7 @@ export const initialState: AccountsState = {
   },
 }
 
-const slice = createSlice({
+const slice: Slice<AccountsState> = createSlice({
   name: 'accounts',
   initialState,
   reducers: {
@@ -132,12 +132,12 @@ const slice = createSlice({
         pending_btc_amount: '0',
         expired: true,
       }
-      state.balanceMap[address].amount = amount
-      state.balanceMap[address].btc_amount = btc_amount
-      state.balanceMap[address].inscription_amount = inscription_amount
-      state.balanceMap[address].confirm_btc_amount = confirm_btc_amount
-      state.balanceMap[address].pending_btc_amount = pending_btc_amount
-      state.balanceMap[address].expired = false
+      state.balanceMap[address]!.amount = amount
+      state.balanceMap[address]!.btc_amount = btc_amount
+      state.balanceMap[address]!.inscription_amount = inscription_amount
+      state.balanceMap[address]!.confirm_btc_amount = confirm_btc_amount
+      state.balanceMap[address]!.pending_btc_amount = pending_btc_amount
+      state.balanceMap[address]!.expired = false
     },
     setBalanceV2(
       state,
@@ -244,11 +244,11 @@ const slice = createSlice({
     ) {
       const account = action.payload
       if (state.current.key === account.key) {
-        state.current.alianName = account.alianName
+        state.current.alianName = account.alianName!
       }
       state.accounts.forEach(v => {
         if (v.key === account.key) {
-          v.alianName = account.alianName
+          v.alianName = account.alianName!
         }
       })
     },

package/src/reducers/discovery.ts

@@ -0,0 +1,73 @@
+import { ChainType } from '@unisat/wallet-types'
+import { AppInfo } from '@unisat/wallet-shared'
+import { createSlice, Slice } from '@reduxjs/toolkit'
+
+export interface DiscoveryState {
+  bannerList: { id: string; img: string; link: string }[]
+  appList: { tab: string; items: AppInfo[] }[]
+  lastFetchTime: number
+  lastFetchChainType: ChainType
+  cachedBannerIds: string[]
+  hasNewBanner: boolean
+}
+
+export const initialState: DiscoveryState = {
+  bannerList: [],
+  appList: [],
+  lastFetchTime: 0,
+  lastFetchChainType: ChainType.BITCOIN_MAINNET,
+  cachedBannerIds: [],
+  hasNewBanner: true,
+}
+
+const slice: Slice<DiscoveryState> = createSlice({
+  name: 'discovery',
+  initialState,
+  reducers: {
+    reset(state) {
+      return initialState
+    },
+    setBannerList(
+      state,
+      action: {
+        payload: {
+          bannerList: { id: string; img: string; link: string }[]
+          chainType: ChainType
+          fetchTime: number
+        }
+      }
+    ) {
+      const { payload } = action
+      const newBannerIds = payload.bannerList.map(banner => banner.id)
+      const hasNewBanner = newBannerIds.some(id => !state.cachedBannerIds.includes(id))
+
+      state.bannerList = payload.bannerList
+      state.lastFetchChainType = payload.chainType
+      state.lastFetchTime = payload.fetchTime
+      state.hasNewBanner = hasNewBanner
+
+      state.cachedBannerIds = newBannerIds
+    },
+    setAppList(
+      state,
+      action: {
+        payload: {
+          appList: { tab: string; items: AppInfo[] }[]
+          chainType: ChainType
+          fetchTime: number
+        }
+      }
+    ) {
+      const { payload } = action
+      state.appList = payload.appList
+      state.lastFetchChainType = payload.chainType
+      state.lastFetchTime = payload.fetchTime
+    },
+    clearNewBannerFlag(state) {
+      state.hasNewBanner = false
+    },
+  },
+})
+
+export const discoveryActions = slice.actions
+export default slice.reducer

package/src/reducers/global.ts

@@ -0,0 +1,51 @@
+import { createSlice, PayloadAction, Slice, SliceCaseReducers } from '@reduxjs/toolkit'
+
+import { updateVersion } from '../actions/global'
+
+export type TabOption = 'home' | 'discover' | 'settings'
+
+export interface GlobalState {
+  tab: TabOption
+  isUnlocked: boolean
+  isReady: boolean
+  isBooted: boolean
+}
+
+export const initialState: GlobalState = {
+  tab: 'home',
+  isUnlocked: false,
+  isReady: false,
+  isBooted: false,
+}
+
+const reducers: SliceCaseReducers<GlobalState> = {
+  reset: state => initialState,
+  update: (
+    state,
+    action: PayloadAction<{
+      tab?: TabOption
+      isUnlocked?: boolean
+      isReady?: boolean
+      isBooted?: boolean
+    }>
+  ) => {
+    const { payload } = action
+    state = Object.assign({}, state, payload)
+    return state
+  },
+}
+
+const slice = createSlice({
+  name: 'global',
+  initialState,
+  reducers,
+  extraReducers: builder => {
+    builder.addCase(updateVersion, state => {
+      // todo
+    })
+  },
+})
+
+export const globalActions = slice.actions as any
+
+export default slice.reducer

package/src/{slices → reducers}/keyrings.ts

@@ -1,7 +1,8 @@
-import { Account, AddressType, WalletKeyring } from '@/shared/types'
-import { createSlice } from '@reduxjs/toolkit'
+import { Account, WalletKeyring } from '@unisat/wallet-shared'
+import { AddressType } from '@unisat/wallet-types'
+import { createSlice, Slice } from '@reduxjs/toolkit'
 
-import { updateVersion } from '../global/actions'
+import { updateVersion } from '../actions/global'
 
 export interface KeyringsState {
   keyrings: WalletKeyring[]
@@ -23,7 +24,7 @@ export const initialState: KeyringsState = {
   current: initialKeyring,
 }
 
-const slice = createSlice({
+const slice: Slice<KeyringsState> = createSlice({
   name: 'keyrings',
   initialState,
   reducers: {
@@ -57,14 +58,14 @@ const slice = createSlice({
 
       state.current.accounts.forEach(v => {
         if (v.key === account.key) {
-          v.alianName = account.alianName
+          v.alianName = account.alianName!
         }
       })
 
       state.keyrings.forEach(v => {
         v.accounts.forEach(w => {
           if (w.key === account.key) {
-            w.alianName = account.alianName
+            w.alianName = account.alianName!
           }
         })
       })

package/src/{slices → reducers}/settings.ts

@@ -1,8 +1,8 @@
-import { ChainType, DEFAULT_LOCKTIME_ID } from '@/shared/constant'
-import { NetworkType, WalletConfig } from '@/shared/types'
-import { createSlice } from '@reduxjs/toolkit'
+import { DEFAULT_LOCKTIME_ID, WalletConfig } from '@unisat/wallet-shared'
+import { ChainType, NetworkType } from '@unisat/wallet-types'
+import { createSlice, Slice } from '@reduxjs/toolkit'
 
-import { updateVersion } from '../global/actions'
+import { updateVersion } from '../actions/global'
 
 export interface SettingsState {
   locale: string
@@ -31,7 +31,7 @@ export const initialState: SettingsState = {
   developerMode: false,
 }
 
-const slice = createSlice({
+const slice: Slice<SettingsState> = createSlice({
   name: 'settings',
   initialState,
   reducers: {

package/src/{slices → reducers}/transactions.ts

@@ -1,8 +1,7 @@
-import { Inscription } from '@/shared/types'
-import { createSlice } from '@reduxjs/toolkit'
-import { UnspentOutput } from '@unisat/tx-helpers/types'
+import { Inscription, UnspentOutput } from '@unisat/wallet-shared'
+import { createSlice, Slice } from '@reduxjs/toolkit'
 
-import { updateVersion } from '../global/actions'
+import { updateVersion } from '../actions/global'
 
 export interface BitcoinTx {
   fromAddress: string
@@ -138,7 +137,7 @@ export const initialState: TransactionsState = {
   assetUtxos_runes: [],
 }
 
-const slice = createSlice({
+const slice: Slice<TransactionsState> = createSlice({
   name: 'transactions',
   initialState,
   reducers: {

package/src/{slices → reducers}/ui.ts

@@ -1,7 +1,7 @@
-import { Inscription } from '@/shared/types'
-import { createSlice } from '@reduxjs/toolkit'
+import { Inscription } from '@unisat/wallet-shared'
+import { createSlice, Slice } from '@reduxjs/toolkit'
 
-import { updateVersion } from '../global/actions'
+import { updateVersion } from '../actions/global'
 
 export interface UIState {
   assetTabKey: AssetTabKey
@@ -66,7 +66,6 @@ export const initialState: UIState = {
     toInfo: {
       address: '',
       domain: '',
-      inscription: undefined,
     },
     inputAmount: '',
     enableRBF: false,
@@ -80,7 +79,7 @@ export const initialState: UIState = {
   isBalanceHidden: false,
 }
 
-const slice = createSlice({
+const slice: Slice<UIState> = createSlice({
   name: 'ui',
   initialState,
   reducers: {

package/src/updater/accounts.ts

@@ -0,0 +1,107 @@
+import { useCallback, useEffect, useRef } from 'react'
+
+import { Account } from '@unisat/wallet-shared'
+import eventBus from '../utils/eventBus'
+
+import { useIsUnlocked } from '../hooks/global'
+import { globalActions } from '../reducers/global'
+import { useAppDispatch } from '../hooks/base'
+import { settingsActions } from '../reducers/settings'
+import { useCurrentAccount, useFetchBalanceCallback, useReloadAccounts } from '../hooks/accounts'
+import { accountActions } from '../reducers/accounts'
+import { ChainType } from '@unisat/wallet-types'
+import { useWallet } from '../context/WalletContext'
+
+export function AccountUpdater() {
+  const dispatch = useAppDispatch()
+  const wallet = useWallet()
+  const currentAccount = useCurrentAccount()
+  const isUnlocked = useIsUnlocked()
+  const selfRef = useRef({
+    preAccountKey: '',
+    loadingBalance: false,
+    loadingHistory: false,
+  })
+  const self = selfRef.current
+
+  const reloadAccounts = useReloadAccounts()
+  const onCurrentChange = useCallback(async () => {
+    if (isUnlocked && currentAccount && currentAccount.key != self.preAccountKey) {
+      self.preAccountKey = currentAccount.key
+
+      // setLoading(true);
+
+      reloadAccounts()
+
+      // setLoading(false);
+    }
+  }, [dispatch, currentAccount, wallet, isUnlocked])
+
+  useEffect(() => {
+    onCurrentChange()
+  }, [currentAccount && currentAccount.key, isUnlocked])
+
+  const fetchBalance = useFetchBalanceCallback()
+  useEffect(() => {
+    if (self.loadingBalance) {
+      return
+    }
+    if (!isUnlocked) {
+      return
+    }
+    self.loadingBalance = true
+    fetchBalance().finally(() => {
+      self.loadingBalance = false
+    })
+  }, [fetchBalance, wallet, isUnlocked, self])
+
+  useEffect(() => {
+    const accountChangeHandler = (account: Account) => {
+      if (account && account.address) {
+        dispatch((accountActions as any).setCurrent(account))
+      }
+    }
+    eventBus.addEventListener('accountsChanged', accountChangeHandler)
+    return () => {
+      eventBus.removeEventListener('accountsChanged', accountChangeHandler)
+    }
+  }, [dispatch])
+
+  useEffect(() => {
+    const chaintChangeHandler = (params: { type: ChainType }) => {
+      dispatch(
+        (settingsActions as any).updateSettings({
+          chainType: params.type,
+        })
+      )
+
+      reloadAccounts()
+    }
+    eventBus.addEventListener('chainChanged', chaintChangeHandler)
+    return () => {
+      eventBus.removeEventListener('chainChanged', chaintChangeHandler)
+    }
+  }, [dispatch])
+
+  useEffect(() => {
+    const lockHandler = () => {
+      dispatch(globalActions.update({ isUnlocked: false }))
+    }
+    eventBus.addEventListener('lock', lockHandler)
+    return () => {
+      eventBus.removeEventListener('lock', lockHandler)
+    }
+  }, [dispatch])
+
+  useEffect(() => {
+    const unlockHandler = () => {
+      dispatch(globalActions.update({ isUnlocked: true }))
+    }
+    eventBus.addEventListener('unlock', unlockHandler)
+    return () => {
+      eventBus.removeEventListener('unlock', unlockHandler)
+    }
+  }, [dispatch])
+
+  return null
+}

package/src/updater/index.ts

@@ -0,0 +1 @@
+export { AccountUpdater } from './accounts'

package/src/utils/bitcoin-utils.ts

@@ -0,0 +1,81 @@
+import { AddressType, NetworkType } from '@unisat/wallet-types'
+
+export function getAddressType(address: string, networkType?: NetworkType) {
+  if (address.startsWith('bc1q') || address.startsWith('tb1q')) {
+    return AddressType.P2WPKH
+  } else if (address.startsWith('bc1p') || address.startsWith('tb1p')) {
+    return AddressType.P2TR
+  } else if (address.startsWith('1') || address.startsWith('m') || address.startsWith('n')) {
+    return AddressType.P2PKH
+  } else if (address.startsWith('3') || address.startsWith('2')) {
+    return AddressType.P2SH_P2WPKH
+  } else {
+    return AddressType.UNKNOWN
+  }
+}
+
+export function isValidAddress(address: string, networkType?: NetworkType) {
+  const addressType = getAddressType(address, networkType)
+  if (addressType === AddressType.UNKNOWN) {
+    return false
+  }
+
+  return true
+}
+
+export function getAddressUtxoDust(address: string) {
+  const addressType = getAddressType(address)
+  if (addressType === AddressType.P2WPKH) {
+    return 294
+  } else if (addressType === AddressType.P2TR) {
+    return 330
+  } else {
+    return 546
+  }
+}
+
+export function isValidHdPath(path: string): boolean {
+  if (!path || typeof path !== 'string') {
+    return false
+  }
+
+  // HD path should start with 'm' or 'M'
+  if (!path.startsWith('m') && !path.startsWith('M')) {
+    return false
+  }
+
+  // Split by '/' and validate each component
+  const components = path.split('/')
+
+  // First component should be 'm' or 'M'
+  if (components[0] !== 'm' && components[0] !== 'M') {
+    return false
+  }
+
+  // Validate each path component after 'm'
+  for (let i = 1; i < components.length; i++) {
+    const component = components[i]
+
+    if (!component) {
+      return false
+    }
+
+    // Check if it's a hardened path (ends with ')
+    const isHardened = component.endsWith("'")
+    const numberPart = isHardened ? component.slice(0, -1) : component
+
+    // Check if the number part is a valid integer
+    if (!/^\d+$/.test(numberPart)) {
+      return false
+    }
+
+    const num = parseInt(numberPart, 10)
+
+    // Check if number is within valid range (0 to 2^31-1)
+    if (num < 0 || num >= Math.pow(2, 31)) {
+      return false
+    }
+  }
+
+  return true
+}

package/src/utils/eventBus.ts

@@ -0,0 +1,49 @@
+type Listener = (params?: any) => void
+
+class EventBus {
+  events: Record<string, Listener[]> = {}
+
+  emit = (type: string, params?: any) => {
+    const listeners = this.events[type]
+    if (listeners) {
+      listeners.forEach(fn => {
+        fn(params)
+      })
+    }
+  }
+
+  once = (type: string, fn: Listener) => {
+    const listeners = this.events[type]
+    const func = (...params: any[]) => {
+      fn(...params)
+      this.events[type] = this.events[type]!.filter(item => item !== func)
+    }
+    if (listeners) {
+      this.events[type]!.push(func)
+    } else {
+      this.events[type] = [func]
+    }
+  }
+
+  addEventListener = (type: string, fn: Listener) => {
+    const listeners = this.events[type]
+    if (listeners) {
+      this.events[type]!.push(fn)
+    } else {
+      this.events[type] = [fn]
+    }
+  }
+
+  removeEventListener = (type: string, fn: Listener) => {
+    const listeners = this.events[type]
+    if (listeners) {
+      this.events[type] = this.events[type]!.filter(item => item !== fn)
+    }
+  }
+
+  removeAllEventListeners = (type: string) => {
+    this.events[type] = []
+  }
+}
+
+export default new EventBus()

package/src/utils/i18n.ts

@@ -0,0 +1,41 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+
+export const fetchLocale = async locale => {
+  // @ts-ignore
+  const res = await fetch(`./_locales/${locale}/messages.json`)
+  const data: Record<string, { message: string; description: string }> = await res.json()
+  return Object.keys(data).reduce((res, key) => {
+    return {
+      ...res,
+      [key.replace(/__/g, ' ')]: data[key].message,
+    }
+  }, {})
+}
+
+i18n
+  .use(initReactI18next) // passes i18n down to react-i18next
+  .init({
+    fallbackLng: 'en',
+    defaultNS: 'translations',
+    interpolation: {
+      escapeValue: false, // react already safes from xss
+    },
+  })
+
+export const I18N_NS = 'translations'
+
+export const addResourceBundle = async (locale: string) => {
+  if (i18n.hasResourceBundle(locale, I18N_NS)) return
+  const bundle = await fetchLocale(locale)
+
+  i18n.addResourceBundle(locale, 'translations', bundle)
+}
+
+addResourceBundle('en')
+
+i18n.on('languageChanged', function (lng: string) {
+  addResourceBundle(lng)
+})
+
+export default i18n

package/src/slices/global.ts

@@ -1,52 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit'
-
-import { updateVersion } from '../global/actions'
-
-export type TabOption = 'home' | 'discover' | 'settings'
-
-export interface GlobalState {
-  tab: TabOption
-  isUnlocked: boolean
-  isReady: boolean
-  isBooted: boolean
-}
-
-export const initialState: GlobalState = {
-  tab: 'home',
-  isUnlocked: false,
-  isReady: false,
-  isBooted: false,
-}
-
-const slice = createSlice({
-  name: 'global',
-  initialState,
-  reducers: {
-    reset(state) {
-      return initialState
-    },
-    update(
-      state,
-      action: {
-        payload: {
-          tab?: TabOption
-          isUnlocked?: boolean
-          isReady?: boolean
-          isBooted?: boolean
-        }
-      }
-    ) {
-      const { payload } = action
-      state = Object.assign({}, state, payload)
-      return state
-    },
-  },
-  extraReducers: builder => {
-    builder.addCase(updateVersion, state => {
-      // todo
-    })
-  },
-})
-
-export const globalActions = slice.actions
-export default slice.reducer

package/src/slices/index.ts

@@ -1,10 +0,0 @@
-// Redux slices exports
-// Individual slice exports will be added as we migrate existing reducers
-
-// Export slice creators that will be populated from existing code
-export * from './accounts';
-export * from './transactions';
-export * from './settings';
-export * from './global';
-export * from './keyrings';
-export * from './ui';