feat: port Namadillo to @namada/sdk-multicore v0.20.5 (#2279)

Co-authored-by: Mateusz Jasiuk <mateusz.jasiuk@gmail.com>

Author: jurevans

.github/workflows/release.yml

@@ -39,27 +39,6 @@ jobs:
           bundle_filename: ${{ needs.release-please.outputs.namadillo_tag }}.zip
           working_dir: ./apps/namadillo
 
-  build-sdk:
-    needs: [release-please]
-    if: ${{ needs.release-please.outputs.sdk_tag }}
-    name: Release SDK
-    runs-on: ubuntu-latest
-    env:
-      GH_TOKEN: ${{ github.token }}
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-      - name: Build and Release SDK
-        uses: ./.github/actions/release-project
-        with:
-          tag: ${{ needs.release-please.outputs.sdk_tag }}
-          bundle_filename: namada-${{ needs.release-please.outputs.sdk_tag }}.zip
-          working_dir: ./packages/sdk
-      - name: Publish to NPM repository
-        run: cd ./packages/sdk && yarn npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-
   build-types:
     needs: [release-please]
     if: ${{ needs.release-please.outputs.types_tag }}

.github/workflows/verify-pull-request.yml

@@ -78,39 +78,6 @@ jobs:
         id: run-unit-tests
         run: yarn test:ci
 
-  unit-tests-wasm:
-    name: WASM unit tests
-    needs: [check-yarn-lock-poisoning]
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      - name: Setup Rust toolchain
-        run: rustup toolchain add nightly-2025-03-27
-
-      - name: Restore Rust cache
-        uses: ./.github/actions/rust-cache
-        with:
-          cache-name: unit-tests-wasm
-
-      - name: Install yarn dependencies
-        uses: ./.github/actions/yarn-cache
-
-      - name: Apt update
-        run: sudo apt update
-        shell: bash
-
-      - name: Install protoc
-        run: sudo apt-get install -y protobuf-compiler
-
-      - name: Install wsrun
-        run: npm install -g wsrun
-
-      - name: Run unit tests
-        id: run-unit-tests
-        run: yarn test-wasm:ci
-
   build-interface:
     name: Build Namadillo
     needs: [check-yarn-lock-poisoning]

apps/namadillo/package.json

@@ -12,6 +12,7 @@
     "@keplr-wallet/types": "^0.12.136",
     "@namada/chain-registry": "^1.3.0",
     "@namada/indexer-client": "3.3.2",
+    "@namada/sdk-multicore": "^0.20.5",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/query-core": "^5.40.0",
     "@tanstack/react-query": "^5.40.0",
@@ -51,24 +52,18 @@
     "dev": "VITE_REVISION=$(git rev-parse HEAD) vite",
     "dev:local": "NODE_ENV=development NAMADA_INTERFACE_LOCAL=\"true\" yarn dev",
     "dev:proxy": "VITE_PROXY=true && ./scripts/start-proxies.sh && yarn dev:local",
-    "build": "NODE_ENV=production && yarn wasm:build:multicore && VITE_REVISION=$(git rev-parse HEAD) vite build",
-    "build:only": "NODE_ENV=production && VITE_REVISION=$(git rev-parse HEAD) vite build",
+    "build": "NODE_ENV=production VITE_REVISION=$(git rev-parse HEAD) vite build",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "yarn lint -- --fix",
     "lint:ci": "yarn lint --max-warnings 0",
     "lint:version": "eslint --version",
-    "test": "yarn wasm:build:test && yarn jest",
-    "test:watch": "yarn wasm:build:test && yarn jest --watchAll=true",
-    "test:coverage": "yarn wasm:build:test && yarn test --coverage",
+    "test": "yarn jest",
+    "test:watch": "yarn jest --watchAll=true",
+    "test:coverage": "yarn test --coverage",
     "test:ci": "jest",
     "test:watch-only": "yarn jest --watchAll=true",
     "e2e-test": "PLAYWRIGHT_BASE_URL=http://localhost:3000 yarn playwright test",
-    "e2e-test:headed": "PLAYWRIGHT_BASE_URL=http://localhost:3000 yarn playwright test --project=chromium --headed",
-    "wasm:build": "node ./scripts/build.js --release",
-    "wasm:build:multicore": "node ./scripts/build.js --release --multicore",
-    "wasm:build:dev": "node ./scripts/build.js",
-    "wasm:build:dev:multicore": "node ./scripts/build.js --multicore",
-    "wasm:build:test": "./scripts/build-test.sh"
+    "e2e-test:headed": "PLAYWRIGHT_BASE_URL=http://localhost:3000 yarn playwright test --project=chromium --headed"
   },
   "browserslist": {
     "production": [
@@ -84,6 +79,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
+    "@namada/sdk-node": "^0.20.5",
+    "@namada/vite-esbuild-plugin": "^1.0.1",
     "@playwright/test": "^1.24.1",
     "@svgr/webpack": "^6.5.1",
     "@testing-library/dom": "^10.4.0",

apps/namadillo/src/App/Ibc/IbcWithdraw.tsx

@@ -1,5 +1,6 @@
 import { Chain } from "@chain-registry/types";
-import { AccountType, IbcTransferMsgValue } from "@namada/types";
+import { IbcTransferProps } from "@namada/sdk-multicore";
+import { AccountType } from "@namada/types";
 import { mapUndefined } from "@namada/utils";
 import { params, routes } from "App/routes";
 import {
@@ -275,7 +276,7 @@ export const IbcWithdraw = (): JSX.Element => {
   });
 
   const storeTransferTransaction = (
-    tx: TransactionPair<IbcTransferMsgValue>,
+    tx: TransactionPair<IbcTransferProps>,
     displayAmount: BigNumber,
     destinationChainId: string,
     asset: Asset

apps/namadillo/src/App/Settings/SettingsLedger.tsx

@@ -1,5 +1,5 @@
 import { ActionButton, Stack } from "@namada/components";
-import { requestLedgerDevice } from "@namada/sdk/web";
+import { requestLedgerDevice } from "@namada/sdk-multicore";
 
 export const SettingsLedger = (): JSX.Element => {
   const onInvalidateShieldedContext = async (): Promise<void> => {

apps/namadillo/src/App/Settings/SettingsMain.tsx

@@ -207,7 +207,7 @@ export const SettingsMain = (): JSX.Element => {
         <div>
           SDK Version:{" "}
           <a
-            href="https://www.npmjs.com/package/@namada/sdk"
+            href="https://www.npmjs.com/package/@namada/sdk-multicore"
             target="_blank"
             rel="noreferrer"
             className="underline"

apps/namadillo/src/App/Staking/ClaimRewardsSubmitModalStage.tsx

@@ -1,5 +1,5 @@
 import { ActionButton, Stack } from "@namada/components";
-import { ClaimRewardsMsgValue } from "@namada/types";
+import { ClaimRewardsProps } from "@namada/sdk-multicore";
 import { InlineError } from "App/Common/InlineError";
 import { NamCurrency } from "App/Common/NamCurrency";
 import { TransactionFeeButton } from "App/Common/TransactionFeeButton";
@@ -15,7 +15,7 @@ import { ValidatorCard } from "./ValidatorCard";
 
 type ClaimRewardsPanelProps = {
   rewards: AddressBalance;
-  rewardsToClaim: ClaimRewardsMsgValue[];
+  rewardsToClaim: ClaimRewardsProps[];
   isClaimAndStake: boolean;
   feeProps: TransactionFeeProps;
   onClaim: () => Promise<void>;

apps/namadillo/src/App/Staking/IncrementBonding.tsx

@@ -1,5 +1,5 @@
 import { ActionButton, Alert, Modal, Panel } from "@namada/components";
-import { BondMsgValue } from "@namada/types";
+import { BondProps } from "@namada/sdk-multicore";
 import { AtomErrorBoundary } from "App/Common/AtomErrorBoundary";
 import { Info } from "App/Common/Info";
 import { ModalContainer } from "App/Common/ModalContainer";
@@ -56,7 +56,7 @@ const IncrementBonding = (): JSX.Element => {
     onChangeValidatorAmount,
   } = useStakeModule({ account });
 
-  const parseUpdatedAmounts = (): BondMsgValue[] => {
+  const parseUpdatedAmounts = (): BondProps[] => {
     if (!account?.address) return [];
     return Object.keys(updatedAmountByAddress)
       .map((validatorAddress) => ({

apps/namadillo/src/App/Staking/ReDelegate.tsx

@@ -1,5 +1,5 @@
 import { ActionButton, Alert, Modal, Panel } from "@namada/components";
-import { RedelegateMsgValue } from "@namada/types";
+import { RedelegateProps } from "@namada/sdk-multicore";
 import { Info } from "App/Common/Info";
 import { ModalContainer } from "App/Common/ModalContainer";
 import { routes } from "App/routes";
@@ -37,7 +37,7 @@ export const ReDelegate = (): JSX.Element => {
     myValidators,
   } = useStakeModule({ account });
 
-  const parseRedelegateParams = (): RedelegateMsgValue[] => {
+  const parseRedelegateParams = (): RedelegateProps[] => {
     if (!account?.address) return [];
     return getAmountDistribution(
       amountsRemovedByAddress,
@@ -47,7 +47,7 @@ export const ReDelegate = (): JSX.Element => {
         ({
           ...distribution,
           owner: account?.address,
-        }) as RedelegateMsgValue
+        }) as RedelegateProps
     );
   };
 

apps/namadillo/src/App/Staking/StakingRewards.tsx

@@ -1,5 +1,5 @@
 import { Modal } from "@namada/components";
-import { ClaimRewardsMsgValue } from "@namada/types";
+import { ClaimRewardsProps } from "@namada/sdk-multicore";
 import { BackButton } from "App/Common/BackButton";
 import { ModalContainer } from "App/Common/ModalContainer";
 import { defaultAccountAtom } from "atoms/accounts";
@@ -18,9 +18,7 @@ import { ClaimRewardsSubmitModalStage } from "./ClaimRewardsSubmitModalStage";
 
 export const StakingRewards = (): JSX.Element => {
   const { data: account } = useAtomValue(defaultAccountAtom);
-  const [rewardsToClaim, setRewardsToClaim] = useState<ClaimRewardsMsgValue[]>(
-    []
-  );
+  const [rewardsToClaim, setRewardsToClaim] = useState<ClaimRewardsProps[]>([]);
 
   const [shouldClaimAndStake, setShouldClaimAndStake] = useState(false);
   const {
@@ -32,7 +30,7 @@ export const StakingRewards = (): JSX.Element => {
 
   const parseStakingRewardsParams = (
     rewards: AddressBalance
-  ): ClaimRewardsMsgValue[] => {
+  ): ClaimRewardsProps[] => {
     if (!rewards || Object.values(rewards).length === 0 || !account) return [];
     return Object.keys(rewards).map((validatorAddress) => {
       return {