alleslabs · evilpeach · Feb 29, 2024 · Feb 27, 2024 · Feb 28, 2024 · Feb 29, 2024
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -66,6 +66,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Improvements
 
+- [#800](https://github.com/alleslabs/celatone-frontend/pull/800) Add logging error in Zod parsing
 - [#798](https://github.com/alleslabs/celatone-frontend/pull/798) Add empty state to proposal messages
 - [#797](https://github.com/alleslabs/celatone-frontend/pull/797) Fix Vote Periods subtab internal state instead of route
 - [#784](https://github.com/alleslabs/celatone-frontend/pull/784) Make proposal list row clickable with command/ctrl

diff --git a/src/lib/services/account.ts b/src/lib/services/account.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 import { z } from "zod";
 
 import { zProjectInfo, zPublicAccountInfo, type BechAddr } from "lib/types";
-import { snakeToCamel } from "lib/utils";
+import { parseWithError, snakeToCamel } from "lib/utils";
 
 const zIcns = z.object({
   names: z.array(z.string()),
@@ -25,7 +25,7 @@ export const getAccountData = async (
 ): Promise<AccountData> =>
   axios
     .get(`${endpoint}/${encodeURIComponent(address)}/info`)
-    .then(({ data }) => zAccountData.parse(data));
+    .then(({ data }) => parseWithError(zAccountData, data));
 
 const zAccountTableCounts = z
   .object({
@@ -52,4 +52,4 @@ export const getAccountTableCounts = async (
         is_wasm: isWasm,
       },
     })
-    .then(({ data }) => zAccountTableCounts.parse(data));
+    .then(({ data }) => parseWithError(zAccountTableCounts, data));
diff --git a/src/lib/services/asset.ts b/src/lib/services/asset.ts
@@ -3,6 +3,7 @@ import { z } from "zod";
 
 import type { AssetInfo } from "lib/types";
 import { zAssetInfo } from "lib/types";
+import { parseWithError } from "lib/utils";
 
 export const getAssetInfos = async (
   endpoint: string,
@@ -14,4 +15,4 @@ export const getAssetInfos = async (
         with_prices: withPrices,
       },
     })
-    .then(({ data }) => z.array(zAssetInfo).parse(data));
+    .then(({ data }) => parseWithError(z.array(zAssetInfo), data));
diff --git a/src/lib/services/balance.ts b/src/lib/services/balance.ts
@@ -3,6 +3,7 @@ import axios from "axios";
 import { z } from "zod";
 
 import type { BechAddr } from "lib/types";
+import { parseWithError } from "lib/utils";
 
 const zBalancesResponse = z
   .array(
@@ -19,4 +20,4 @@ export const getBalances = async (
 ): Promise<Coin[]> =>
   axios
     .get(`${endpoint}/${encodeURIComponent(address)}/balances`)
-    .then(({ data }) => zBalancesResponse.parse(data));
+    .then(({ data }) => parseWithError(zBalancesResponse, data));
diff --git a/src/lib/services/block.ts b/src/lib/services/block.ts
@@ -3,7 +3,7 @@ import { z } from "zod";
 
 import type { Block, BlockData, Validator } from "lib/types";
 import { zValidatorAddr, zUtcDate } from "lib/types";
-import { parseTxHash } from "lib/utils";
+import { parseTxHash, parseWithError } from "lib/utils";
 
 const zNullableValidator = z.nullable(
   z
@@ -54,7 +54,7 @@ export const getBlocks = async (
         offset,
       },
     })
-    .then(({ data }) => zBlocksResponse.parse(data));
+    .then(({ data }) => parseWithError(zBlocksResponse, data));
 
 const zBlockDataResponse = z
   .object({
@@ -77,4 +77,4 @@ const zBlockDataResponse = z
 export const getBlockData = async (endpoint: string, height: number) =>
   axios
     .get(`${endpoint}/${height}/info`)
-    .then(({ data }) => zBlockDataResponse.parse(data));
+    .then(({ data }) => parseWithError(zBlockDataResponse, data));
diff --git a/src/lib/services/code.ts b/src/lib/services/code.ts
@@ -3,6 +3,7 @@ import { z } from "zod";
 
 import { AccessConfigPermission, zBechAddr } from "lib/types";
 import type { BechAddr, BechAddr20, CodeInfo, Option } from "lib/types";
+import { parseWithError } from "lib/utils";
 
 export interface CodeIdInfoResponse {
   code_info: {
@@ -71,7 +72,7 @@ export const getCodes = async (
         permission,
       },
     })
-    .then(({ data }) => zCodesResponse.parse(data));
+    .then(({ data }) => parseWithError(zCodesResponse, data));
 
 export const getCodesByAddress = async (
   endpoint: string,
@@ -86,4 +87,4 @@ export const getCodesByAddress = async (
         offset,
       },
     })
-    .then(({ data }) => zCodesResponse.parse(data));
+    .then(({ data }) => parseWithError(zCodesResponse, data));
diff --git a/src/lib/services/contract.ts b/src/lib/services/contract.ts
@@ -15,7 +15,7 @@ import {
   zPublicContractInfo,
   zUtcDate,
 } from "lib/types";
-import { encode, parseTxHash, snakeToCamel } from "lib/utils";
+import { encode, parseTxHash, parseWithError, snakeToCamel } from "lib/utils";
 
 export interface ContractCw2Info {
   contract: string;
@@ -58,7 +58,7 @@ export const queryContract = async (
   contractAddress: BechAddr32
 ) =>
   axios(`${endpoint}/cosmwasm/wasm/v1/contract/${contractAddress}`).then(
-    ({ data }) => zContractRest.parse(data)
+    ({ data }) => parseWithError(zContractRest, data)
   );
 
 const zContractsResponseItem = z
@@ -101,7 +101,7 @@ export const getContracts = async (
         offset,
       },
     })
-    .then(({ data }) => zContractsResponse.parse(data));
+    .then(({ data }) => parseWithError(zContractsResponse, data));
 
 export const getInstantiatedContractsByAddress = async (
   endpoint: string,
@@ -119,7 +119,7 @@ export const getInstantiatedContractsByAddress = async (
         },
       }
     )
-    .then(({ data }) => zContractsResponse.parse(data));
+    .then(({ data }) => parseWithError(zContractsResponse, data));
 
 export const getAdminContractsByAddress = async (
   endpoint: string,
@@ -134,7 +134,7 @@ export const getAdminContractsByAddress = async (
         offset,
       },
     })
-    .then(({ data }) => zContractsResponse.parse(data));
+    .then(({ data }) => parseWithError(zContractsResponse, data));
 
 export const zContract = z
   .object({
@@ -182,7 +182,7 @@ export const getContractDataByContractAddress = async (
         is_gov: isGov,
       },
     })
-    .then(({ data }) => zContractData.parse(data));
+    .then(({ data }) => parseWithError(zContractData, data));
 
 const zContractTableCounts = z
   .object({
@@ -204,7 +204,7 @@ export const getContractTableCounts = async (
         is_gov: isGov,
       },
     })
-    .then(({ data }) => zContractTableCounts.parse(data));
+    .then(({ data }) => parseWithError(zContractTableCounts, data));
 
 const zMigrationHistoriesResponseItem = z
   .object({
@@ -248,7 +248,7 @@ export const getMigrationHistoriesByContractAddress = async (
         offset,
       },
     })
-    .then(({ data }) => zMigrationHistoriesResponse.parse(data));
+    .then(({ data }) => parseWithError(zMigrationHistoriesResponse, data));
 
 const zContractQueryMsgs = z
   .object({
@@ -264,4 +264,4 @@ export const getContractQueryMsgs = async (
 ) =>
   axios
     .get(`${endpoint}/${encodeURIComponent(contractAddress)}/query-msgs`)
-    .then(({ data }) => zContractQueryMsgs.parse(data));
+    .then(({ data }) => parseWithError(zContractQueryMsgs, data));
diff --git a/src/lib/services/contractState.ts b/src/lib/services/contractState.ts
@@ -3,7 +3,12 @@ import { z } from "zod";
 
 import type { BechAddr32, ContractState } from "lib/types";
 import { zPagination } from "lib/types/rest";
-import { libDecode, parseJsonStr, parseStateKey } from "lib/utils";
+import {
+  libDecode,
+  parseJsonStr,
+  parseStateKey,
+  parseWithError,
+} from "lib/utils";
 
 const zResponseContractState = z.object({
   key: z.string(),
@@ -28,7 +33,7 @@ export const getContractStates = async (
         pagination_key: paginationKey,
       },
     })
-    .then(({ data }) => zResponseContractStates.parse(data));
+    .then(({ data }) => parseWithError(zResponseContractStates, data));
 
   const parsedStates = states.models.map<ContractState>((model) => ({
     rawKey: model.key,

diff --git a/src/lib/services/delegation.ts b/src/lib/services/delegation.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 import { z } from "zod";
 
 import { type BechAddr, zUtcDate, zValidator } from "lib/types";
-import { snakeToCamel } from "lib/utils";
+import { parseWithError, snakeToCamel } from "lib/utils";
 
 const zDelegations = z
   .object({
@@ -132,4 +132,4 @@ export const getDelegationsByAddress = async (
 ): Promise<Delegations> =>
   axios
     .get(`${endpoint}/${encodeURIComponent(address)}/delegations`)
-    .then(({ data }) => zDelegations.parse(data));
+    .then(({ data }) => parseWithError(zDelegations, data));
diff --git a/src/lib/services/move/module.ts b/src/lib/services/move/module.ts
@@ -18,6 +18,7 @@ import { zHexAddr, UpgradePolicy, zUtcDate, zBechAddr } from "lib/types";
 import {
   libDecode,
   parseJsonABI,
+  parseWithError,
   serializeAbiData,
   snakeToCamel,
 } from "lib/utils";
@@ -44,7 +45,7 @@ export const getModulesByAddress = async (
 ): Promise<AccountModulesResponse> =>
   axios
     .get(`${endpoint}/${encodeURIComponent(address)}/move/modules`)
-    .then(({ data }) => zAccountModulesResponse.parse(data));
+    .then(({ data }) => parseWithError(zAccountModulesResponse, data));
 
 export const getAccountModules = async (
   baseEndpoint: string,
@@ -189,4 +190,4 @@ export const getModules = async (
         offset,
       },
     })
-    .then(({ data }) => zModulesResponse.parse(data));
+    .then(({ data }) => parseWithError(zModulesResponse, data));
diff --git a/src/lib/services/move/pool.ts b/src/lib/services/move/pool.ts
@@ -2,6 +2,7 @@ import axios from "axios";
 import { z } from "zod";
 
 import { zHexAddr } from "lib/types";
+import { parseWithError } from "lib/utils";
 
 const zPairResponseCoin = z.object({
   metadata: zHexAddr,
@@ -43,4 +44,4 @@ const zPairResponse = z
 export const getMovePoolInfos = async (endpoint: string) =>
   axios
     .get(`${endpoint}/pools`)
-    .then(({ data }) => z.array(zPairResponse).parse(data));
+    .then(({ data }) => parseWithError(z.array(zPairResponse), data));
diff --git a/src/lib/services/move/resource.ts b/src/lib/services/move/resource.ts
@@ -3,7 +3,7 @@ import { z } from "zod";
 
 import type { Addr } from "lib/types";
 import { zHexAddr } from "lib/types";
-import { snakeToCamel } from "lib/utils";
+import { parseWithError, snakeToCamel } from "lib/utils";
 
 const zResourcesResponseItem = z
   .object({
@@ -26,4 +26,4 @@ export const getAccountResources = async (
 ): Promise<ResourceResponse> =>
   axios
     .get(`${endpoint}/${encodeURIComponent(address)}/move/resources`)
-    .then(({ data }) => zResourcesResponse.parse(data));
+    .then(({ data }) => parseWithError(zResourcesResponse, data));
diff --git a/src/lib/services/nft/collection.ts b/src/lib/services/nft/collection.ts
@@ -15,7 +15,7 @@ import {
 } from "lib/query";
 import type { HexAddr, HexAddr32, MutateEvent } from "lib/types";
 import { zHexAddr, zHexAddr32, zRemark, zUtcDate } from "lib/types";
-import { parseTxHash } from "lib/utils";
+import { parseTxHash, parseWithError } from "lib/utils";
 
 const zCollection = z
   .object({
@@ -58,7 +58,7 @@ export const getCollections = async (
       query: getCollectionsQuery,
       variables: { offset, pageSize, search },
     })
-    .then(({ data: res }) => zCollectionsResponse.parse(res.data));
+    .then(({ data: res }) => parseWithError(zCollectionsResponse, res.data));
 
 const zCollectionByCollectionAddressResponse = z.object({
   data: z
@@ -102,7 +102,7 @@ export const getCollectionByCollectionAddress = async (
       variables: { vmAddress: collectionAddress },
     })
     .then(({ data: res }) =>
-      zCollectionByCollectionAddressResponse.parse({
+      parseWithError(zCollectionByCollectionAddressResponse, {
         data: res.data.collections[0],
       })
     );
@@ -122,7 +122,7 @@ export const getCollectionTotalBurnedCount = async (
       query: getCollectionTotalBurnedCountQuery,
       variables: { vmAddress: collectionAddress },
     })
-    .then(({ data }) => zTotalBurnedResponse.parse(data.data));
+    .then(({ data }) => parseWithError(zTotalBurnedResponse, data.data));
 
 const zCollectionCreatorResponse = z
   .object({
@@ -165,7 +165,9 @@ export const getCollectionCreator = async (
       query: getCollectionCreatorQuery,
       variables: { vmAddress: collectionAddress },
     })
-    .then(({ data: res }) => zCollectionCreatorResponse.parse(res.data));
+    .then(({ data: res }) =>
+      parseWithError(zCollectionCreatorResponse, res.data)
+    );
 
 const zActivity = z
   .object({
@@ -213,7 +215,7 @@ export const getCollectionActivities = async (
       },
     })
     .then(({ data: res }) =>
-      zActivity.array().parse(res.data.collection_transactions)
+      parseWithError(zActivity.array(), res.data.collection_transactions)
     );
 };
 
@@ -236,7 +238,7 @@ export const getCollectionActivitiesCount = async (
       query: getCollectionActivitiesCountQuery,
       variables: { vmAddress: collectionAddress },
     })
-    .then(({ data }) => zActivitiesCountResponse.parse(data.data));
+    .then(({ data }) => parseWithError(zActivitiesCountResponse, data.data));
 
 const zCollectionMutateEventsResponse = z
   .object({
@@ -270,9 +272,10 @@ export const getCollectionMutateEvents = async (
       },
     })
     .then(({ data: res }) =>
-      zCollectionMutateEventsResponse
-        .array()
-        .parse(res.data.collection_mutation_events)
+      parseWithError(
+        zCollectionMutateEventsResponse.array(),
+        res.data.collection_mutation_events
+      )
     );
 
 const zMutationEventsCountResponseItem = z
@@ -294,7 +297,9 @@ export const getCollectionMutateEventsCount = async (
       query: getCollectionMutateEventsCountQuery,
       variables: { vmAddress: collectionAddress },
     })
-    .then(({ data }) => zMutationEventsCountResponseItem.parse(data.data));
+    .then(({ data }) =>
+      parseWithError(zMutationEventsCountResponseItem, data.data)
+    );
 
 const zUniqueHoldersCountResponseItem = z
   .object({
@@ -313,7 +318,9 @@ export const getCollectionUniqueHoldersCount = async (
       query: getCollectionUniqueHoldersCountQuery,
       variables: { vmAddress: collectionAddress },
     })
-    .then(({ data }) => zUniqueHoldersCountResponseItem.parse(data.data));
+    .then(({ data }) =>
+      parseWithError(zUniqueHoldersCountResponseItem, data.data)
+    );
 
 const zCollectionsByAccountResponse = z
   .object({
@@ -343,7 +350,8 @@ export const getCollectionsByAccount = async (
       variables: { accountAddress },
     })
     .then(({ data: res }) =>
-      zCollectionsByAccountResponse
-        .parse(res.data.collections)
-        .filter((collection) => collection.hold > 0)
+      parseWithError(
+        zCollectionsByAccountResponse,
+        res.data.collections
+      ).filter((collection) => collection.hold > 0)
     );