feat(refactor): Use dedot for address formatting (#217)

Author: rossbulat

library/hooks/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@w3ux/hooks-source",
   "license": "GPL-3.0-only",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "type": "module",
   "scripts": {
     "clear": "rm -rf node_modules dist tsconfig.tsbuildinfo",
@@ -22,7 +22,7 @@
     "typescript": "^5.8.2"
   },
   "dependencies": {
-    "@w3ux/utils": "^2.0.6",
+    "@w3ux/utils": "^2.0.8",
     "date-fns": "^4.1.0"
   }
 }

library/react-connect-kit/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@w3ux/react-connect-kit-source",
   "license": "GPL-3.0-only",
-  "version": "3.0.5",
+  "version": "3.1.0",
   "type": "module",
   "scripts": {
     "clear": "rm -rf node_modules dist tsconfig.tsbuildinfo",
     "build": "gulp --silent"
   },
   "dependencies": {
-    "@w3ux/extension-assets": "^2.1.0",
+    "@w3ux/extension-assets": "^2.2.0",
     "@w3ux/hooks": "^2.0.4",
-    "@w3ux/utils": "^2.0.6"
+    "@w3ux/utils": "^2.0.8"
   },
   "devDependencies": {
     "@types/react": "^19.0.12",

library/react-polkicon/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@w3ux/react-polkicon-source",
   "license": "GPL-3.0-only",
-  "version": "3.0.0",
+  "version": "3.1.1",
   "type": "module",
   "scripts": {
     "clear": "rm -rf node_modules dist tsconfig.tsbuildinfo",
     "build": "gulp --silent"
   },
   "dependencies": {
-    "@polkadot-api/substrate-bindings": "^0.11.1",
     "@w3ux/crypto": "1.0.0",
-    "@w3ux/utils": "^2.0.6"
+    "@w3ux/utils": "^2.0.8",
+    "dedot": "^0.8.1"
   },
   "devDependencies": {
     "@types/react": "^19.0.12",

library/react-polkicon/src/utils.tsx

@@ -1,8 +1,8 @@
 /* @license Copyright 2024 w3ux authors & contributors
 SPDX-License-Identifier: GPL-3.0-only */
 
-import { AccountId } from '@polkadot-api/substrate-bindings'
 import { blake2AsU8a } from '@w3ux/crypto'
+import { encodeAddress } from 'dedot/utils'
 import { PolkiconCenter, SCHEMA } from './consts'
 import type { Coordinate, Scheme } from './types'
 
@@ -141,7 +141,7 @@ const addressToId = (address: string): Uint8Array => {
   const zeroHash = blake2AsU8a(new Uint8Array(32))
 
   // Get the encoded and decoded representation of the address, then hash it.
-  const pubKeyHash = blake2AsU8a(AccountId().dec(AccountId().enc(address)))
+  const pubKeyHash = blake2AsU8a(encodeAddress(address))
 
   // Adjust each byte in the hash relative to zeroHash and return as a Uint8Array.
   return pubKeyHash.map((x, i) => (x + 256 - zeroHash[i]) % 256)

library/utils/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@w3ux/utils-source",
   "license": "GPL-3.0-only",
-  "version": "2.0.7-alpha.2",
+  "version": "2.0.8",
   "type": "module",
   "scripts": {
     "clear": "rm -rf node_modules dist tsconfig.tsbuildinfo",
     "test": "vitest run",
     "build": "tsup src/**/* --format esm,cjs --target es2022 --dts --no-splitting"
   },
   "dependencies": {
-    "@polkadot-api/substrate-bindings": "^0.11.1"
+    "dedot": "^0.8.1"
   },
   "devDependencies": {
     "@types/react": "^19.0.12",

library/utils/src/base.ts

@@ -1,7 +1,7 @@
 /* @license Copyright 2024 w3ux authors & contributors
 SPDX-License-Identifier: GPL-3.0-only */
 
-import { AccountId } from '@polkadot-api/substrate-bindings'
+import { encodeAddress } from 'dedot/utils'
 
 /**
  * Ensures a number has at least the specified number of decimal places, retaining commas in the output if they are present in the input.
@@ -231,8 +231,7 @@ export const formatAccountSs58 = (
   ss58Prefix: number
 ): string | null => {
   try {
-    const codec = AccountId(ss58Prefix)
-    return codec.dec(codec.enc(address))
+    return encodeAddress(address, ss58Prefix)
   } catch (e) {
     return null
   }

library/utils/src/unit.ts

@@ -1,7 +1,7 @@
 /* @license Copyright 2024 w3ux authors & contributors
 SPDX-License-Identifier: GPL-3.0-only */
 
-import { AccountId } from '@polkadot-api/substrate-bindings'
+import { decodeAddress } from 'dedot/utils'
 import type { MutableRefObject, RefObject } from 'react'
 import { rmCommas, rmDecimals } from './base'
 import type { AnyObject } from './types'
@@ -169,8 +169,7 @@ export const localStorageOrDefault = <T>(
  */
 export const isValidAddress = (address: string): boolean => {
   try {
-    const codec = AccountId()
-    codec.dec(codec.enc(address))
+    decodeAddress(address)
     return true
   } catch (e) {
     return false