From 645d629e3d702b9e1c732a0208078bbacbc14c90 Mon Sep 17 00:00:00 2001
From: nlyrthiia <nlyrthiia@outlook.com>
Date: Mon, 29 Jul 2024 16:49:09 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=94=A8=20fix:=20typescript-sdk=20zh-C?=
 =?UTF-8?q?N=20link=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../website/pages/build/reference/sdk/typescript-sdk.en-US.mdx | 3 +--
 .../website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
index 2a2297d12f..b4042c705d 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
@@ -20,7 +20,6 @@ The project comes with a counter example. The Increase method in the counter con
 
 The Rooch context and wallet context are also included, making it easy to connect to wallets, send transactions, manage accounts, and handle chains.
 
-
 ## Learn More
 
-Explore the Rooch SDK documentation (here)[https://www.npmjs.com/package/@roochnetwork/rooch-sdk].
+Explore the Rooch SDK documentation (here)[https://www.npmjs.com/package/@roochnetwork/rooch-sdk]
diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
index 7b0ad8f754..64431abf31 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
@@ -22,4 +22,4 @@ npm dev
 
 ## 了解更多
 
-查阅 (Rooch SDK 文档) [https://www.npmjs.com/package/@roochnetwork/rooch-sdk]。
+查阅 (Rooch SDK 文档) [https://www.npmjs.com/package/@roochnetwork/rooch-sdk]

From 9e6ad00537619d9166e9c4b0b3f43e657367698e Mon Sep 17 00:00:00 2001
From: nlyrthiia <nlyrthiia@outlook.com>
Date: Thu, 1 Aug 2024 18:41:19 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=94=A8fix:=20portal=20list=20PageLimi?=
 =?UTF-8?q?t=20adapts=20theme=20colors=20&=20typescript=20sdk=20tutorial?=
 =?UTF-8?q?=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/build/reference/sdk/typescript-sdk.en-US.mdx       | 5 +++--
 .../pages/build/reference/sdk/typescript-sdk.zh-CN.mdx       | 5 +++--
 infra/rooch-portal/src/pages/transactions/list.tsx           | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
index b4042c705d..83c05b7ed3 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
@@ -9,9 +9,10 @@ Before you begin, make sure to have Node.js installed for local development.
 ## Create Project
 
 ```shell
-npm create @roochnetwork/rooch <name>
+pnpm create @roochnetwork/rooch <name>
 cd <name>
-npm dev
+pnpm i
+pnpm dev
 ```
 
 This command sets up a new project named &lt;name&gt;, and you can navigate to it with cd &lt;name&gt;. Then, start the development server with npm dev.
diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
index 64431abf31..7a5b7c5a71 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
@@ -9,9 +9,10 @@
 ## 创建项目
 
 ```shell
-npm create @roochnetwork/rooch <name>
+pnpm create @roochnetwork/rooch <name>
 cd <name>
-npm dev
+pnpm i
+pnpm dev
 ```
 
 该命令会创建一个名为 &lt;name&gt; 的新项目，并可以通过 cd &lt;name&gt; 进入该项目。然后，使用 npm dev 启动开发服务器。
diff --git a/infra/rooch-portal/src/pages/transactions/list.tsx b/infra/rooch-portal/src/pages/transactions/list.tsx
index 20aca3e084..b15f38dc2f 100644
--- a/infra/rooch-portal/src/pages/transactions/list.tsx
+++ b/infra/rooch-portal/src/pages/transactions/list.tsx
@@ -208,7 +208,7 @@ export const TransactionsList = () => {
         <select
           id="pageLimit"
           value={paginationModel.limit}
-          className='bg-black'
+          className='bg-transparent'
           onChange={(e) => setPaginationModel({ ...paginationModel, limit: parseInt(e.target.value), index: 0 })}
         >
           <option value={5}>5</option>

From f891fe8664325d3a66cf1df9ff37be8b98d0b556 Mon Sep 17 00:00:00 2001
From: nlyrthiia <nlyrthiia@outlook.com>
Date: Thu, 1 Aug 2024 18:48:21 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=94=A8fix:=20shell=20error?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/build/reference/sdk/typescript-sdk.en-US.mdx        | 4 ++--
 .../pages/build/reference/sdk/typescript-sdk.zh-CN.mdx        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
index 83c05b7ed3..637cb47cde 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.en-US.mdx
@@ -9,8 +9,8 @@ Before you begin, make sure to have Node.js installed for local development.
 ## Create Project
 
 ```shell
-pnpm create @roochnetwork/rooch <name>
-cd <name>
+pnpm create @roochnetwork/rooch
+cd <project-name>
 pnpm i
 pnpm dev
 ```
diff --git a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
index 7a5b7c5a71..16c10153ee 100644
--- a/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
+++ b/docs/website/pages/build/reference/sdk/typescript-sdk.zh-CN.mdx
@@ -9,8 +9,8 @@
 ## 创建项目
 
 ```shell
-pnpm create @roochnetwork/rooch <name>
-cd <name>
+pnpm create @roochnetwork/rooch
+cd <project-name>
 pnpm i
 pnpm dev
 ```

From ff4ea9113cb75cdcb97922318239235c775fb741 Mon Sep 17 00:00:00 2001
From: nlyrthiia <nlyrthiia@outlook.com>
Date: Sun, 8 Sep 2024 01:13:59 +0800
Subject: [PATCH 4/4] Add null checks and input validation for safer data
 handling

---
 .../src/sections/mint/utils/get-token-info.ts | 20 +++++++++++++------
 .../src/sections/red-envelope/detail/view.tsx |  2 +-
 .../src/datasource/rooch/rooch_datasource.ts  |  2 +-
 sdk/typescript/rooch-sdk/src/client/client.ts | 10 +++++-----
 4 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/infra/rooch-portal-v2/src/sections/mint/utils/get-token-info.ts b/infra/rooch-portal-v2/src/sections/mint/utils/get-token-info.ts
index 124c0e2f4c..dfeaa6ed82 100644
--- a/infra/rooch-portal-v2/src/sections/mint/utils/get-token-info.ts
+++ b/infra/rooch-portal-v2/src/sections/mint/utils/get-token-info.ts
@@ -18,7 +18,11 @@ export type TokenInfo = {
 
 function extractCoinInfoContent(input: string): string | null {
   const regex = /CoinInfo<([^>]+)>/;
-  const match = input.match(regex);
+  let match;
+
+  if (input) {
+    match = input.match(regex);
+  }
 
   if (match && match[1]) {
     return match[1];
@@ -38,11 +42,15 @@ export async function getTokenInfo(
       showDisplay: true,
     },
   });
-  const decode = (((data[0].decoded_value as any).value as any).value as any).value as any;
-  const coinInfo = decode.coin_info as AnnotatedMoveStructView;
-  const coinId = coinInfo.value.id as string;
+  const decode = (((data?.[0]?.decoded_value as any)?.value as any)?.value as any)?.value as any;
+  const coinInfo = decode?.coin_info as AnnotatedMoveStructView;
+  const coinId = coinInfo?.value?.id as string;
 
-  const coinType = extractCoinInfoContent(coinInfo.type)!;
+  const coinType = extractCoinInfoContent(coinInfo?.type)!;
+
+  if (!coinId) {
+    return undefined;
+  }
 
   return client
     .getStates({
@@ -53,7 +61,7 @@ export async function getTokenInfo(
       },
     })
     .then((sv) => {
-      const coinView = (sv[0].decoded_value as any).value as any;
+      const coinView = (sv?.[0]?.decoded_value as any)?.value as any;
       const starTime = decode.start_time as number;
       const endTime = decode.end_time as number;
       const now = Date.now() / 1000;
diff --git a/infra/rooch-portal-v2/src/sections/red-envelope/detail/view.tsx b/infra/rooch-portal-v2/src/sections/red-envelope/detail/view.tsx
index e4e92ebc47..87dbfccb0e 100644
--- a/infra/rooch-portal-v2/src/sections/red-envelope/detail/view.tsx
+++ b/infra/rooch-portal-v2/src/sections/red-envelope/detail/view.tsx
@@ -48,7 +48,7 @@ export default function RedEnvelopeDetail({ redEnvelopeId }: { redEnvelopeId: st
   console.log('🚀 ~ file: view.tsx:21 ~ RedEnvelopeDetail ~ data:', redEnvelopeObject);
 
   const redEnvelopeInfo = useMemo(() => {
-    const info = redEnvelopeObject?.data[0].decoded_value?.value as unknown as
+    const info = redEnvelopeObject?.data?.[0]?.decoded_value?.value as unknown as
       | RedEnvelopeItem
       | undefined;
     return info;
diff --git a/sdk/typescript/bitseed-sdk/src/datasource/rooch/rooch_datasource.ts b/sdk/typescript/bitseed-sdk/src/datasource/rooch/rooch_datasource.ts
index 19b81ff86a..382efcba74 100644
--- a/sdk/typescript/bitseed-sdk/src/datasource/rooch/rooch_datasource.ts
+++ b/sdk/typescript/bitseed-sdk/src/datasource/rooch/rooch_datasource.ts
@@ -331,7 +331,7 @@ export class RoochDataSource implements IDatasource {
       throw new Error(`Transaction with id ${txId} not found`)
     }
 
-    const btcTxOption = txResult.return_values[0].decoded_value.value.vec[0]
+    const btcTxOption = txResult.return_values?.[0]?.decoded_value?.value?.vec?.[0]
     if (!btcTxOption) {
       throw new Error(`Transaction with id ${txId} not found`)
     }
diff --git a/sdk/typescript/rooch-sdk/src/client/client.ts b/sdk/typescript/rooch-sdk/src/client/client.ts
index 19719621bb..d59a9f3fbb 100644
--- a/sdk/typescript/rooch-sdk/src/client/client.ts
+++ b/sdk/typescript/rooch-sdk/src/client/client.ts
@@ -258,7 +258,7 @@ export class RoochClient {
     })
 
     if (resp && resp.return_values) {
-      return BigInt(resp.return_values[0].decoded_value as number)
+      return BigInt(resp.return_values?.[0]?.decoded_value as number)
     }
 
     return BigInt(0)
@@ -335,7 +335,7 @@ export class RoochClient {
     })
 
     if (result.vm_status === 'Executed' && result.return_values) {
-      const value = (result.return_values[0].decoded_value as AnnotatedMoveStructView).value
+      const value = (result.return_values?.[0]?.decoded_value as AnnotatedMoveStructView).value
 
       const address = (((value as any).vec[0] as AnnotatedMoveStructView).value as any).bytes
 
@@ -386,7 +386,7 @@ export class RoochClient {
       throw new Error('view 0x3::session_key::is_expired_session_key fail')
     }
 
-    return result.return_values![0].decoded_value as boolean
+    return result.return_values![0]?.decoded_value as boolean
   }
 
   async getSessionKeys({
@@ -416,7 +416,7 @@ export class RoochClient {
     const tableId = (
       (
         (
-          (states[0].decoded_value as AnnotatedMoveStructView).value[
+          (states?.[0]?.decoded_value as AnnotatedMoveStructView).value[
             'value'
           ] as AnnotatedMoveStructView
         ).value['keys'] as AnnotatedMoveStructView
@@ -450,7 +450,7 @@ export class RoochClient {
       const result = new Array<SessionInfoView>()
 
       for (const state of statePage.data as any) {
-        const moveValue = state?.state.decoded_value as any
+        const moveValue = state?.state?.decoded_value as any
 
         if (moveValue) {
           const val = moveValue.value.value.value