feat: connected to backend api

.env.example

@@ -1,4 +1,6 @@
 NEXT_PUBLIC_CODE_HASH_LIST=0x9bd7e06f3ecf4be0f2fcd2188b23f1b9fcc88e5d4b65a8637b17723bbda3cce8
 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=9200911ea59e455fe56bd123a15ff7d2
 NEXT_PUBLIC_NETWORK=testnet
-NEXT_PUBLIC_MOCK_API=true
+NEXT_PUBLIC_MOCK_API=false
+NEXT_PUBLIC_API_ENDPOINT=http://127.0.0.1:3000
+NEXT_PUBLIC_CKB_RPC_URL=https://testnet.ckb.dev/rpc;

app/components/apiClient/base.ts

@@ -16,11 +16,7 @@ export function isAPIError(reason: unknown): reason is APIError {
 
 export type FetchLike<R extends any = any> = (
   input: string,
-  init?: {
-    method?: string
-    body?: string
-    headers: { [key in string]: string }
-  },
+  init?: NodeJS.fetch.RequestInit,
 ) => Promise<{
   status: number
   json(): Promise<R>
@@ -46,22 +42,29 @@ export class APIClient {
     params: P = {} as P,
   ) {
     return new Promise<R>((resolve, reject) => {
-      this.fetch(`${this.origin}/api/${endpoint}`, {
+      const init: NodeJS.fetch.RequestInit = {
         method,
-        body: JSON.stringify({
-          ...params,
-        }),
         headers: {
           'Content-Type': 'application/json',
         },
-      })
+      }
+
+      if (Object.keys(params).length !== 0) {
+        Object.assign(init, {
+          body: JSON.stringify({
+            ...params,
+          }),
+        })
+      }
+
+      this.fetch(`${this.origin}${endpoint}`, init)
         .then(async (res) => {
           const body = res.status === 204 ? null : await res.json()
 
           if (res.status === 200) {
-            resolve(body)
+            resolve(body.data ?? body)
           } else if (res.status === 204) {
-            resolve(body)
+            resolve(body.data ?? body)
           } else {
             reject({
               [API_ERROR]: true,

app/components/apiClient/index.ts

@@ -3,13 +3,13 @@ import {
   Assets,
   AddressHashParams,
   TokenCreateData,
+  TokenUpdateData,
   TokenTransferParams,
   TokenMintParams,
-  Transaction,
+  ServerHistory,
+  ServerTransaction,
 } from '@/app/type'
-import { RawTransaction } from '@ckb-lumos/base'
 import { APIClient, APIClientOptions } from './base'
-import { MockApi } from './mock'
 
 export class SUDTApi extends APIClient {
   constructor(opts: APIClientOptions) {
@@ -21,26 +21,35 @@ export class SUDTApi extends APIClient {
       this.get<Token[]>(`/token?${new URLSearchParams(params)}`),
     detail: (args: string) => this.get<Token>(`/token/${args}`),
     create: (data: TokenCreateData) =>
-      this.post<TokenCreateData, RawTransaction>('/token', data),
-    update: (data: TokenCreateData) =>
-      this.put<TokenCreateData, Token>('/token', data),
-    transfer: (data: TokenTransferParams) =>
-      this.post<TokenTransferParams, RawTransaction>('/token/transfer', data),
+      this.post<TokenCreateData, ServerTransaction>('/token', data),
+    update: (typeId: string, data: TokenUpdateData) =>
+      this.put<TokenUpdateData, Token>(`/token/${typeId}`, data),
+    transfer: (typeId: string, data: TokenTransferParams) =>
+      this.post<TokenTransferParams, ServerTransaction>(
+        `/token/send/${typeId}/`,
+        data,
+      ),
     mint: (typeId: string, params: TokenMintParams) =>
-      this.post<TokenMintParams, RawTransaction>(
+      this.post<TokenMintParams, ServerTransaction>(
         `/token/mint/${typeId}/`,
         params,
       ),
   }
 
   account = {
+    meta: (addressHash: string) =>
+      this.get<{ capacity: string }>(`/account/meta/${addressHash}`),
     asyncAddress: (addressHash: string, addresses: string[]) =>
       this.post(`/account/${addressHash}`, { addresses }),
     listAssets: (addressHash: string) =>
       this.get<Assets[]>(`/account/${addressHash}/assets`),
+
     transferHistory: (addressHash: string) =>
-      this.get<Transaction[]>(
-        `/account/${addressHash}/assets/transfer/history`,
+      this.get<{
+        lastCursor: string
+        history: ServerHistory[]
+      }>(`/account/${addressHash}/assets/transaction`).then(
+        (res) => res.history,
       ),
   }
 }
@@ -51,7 +60,4 @@ const options = {
   origin: process.env.NEXT_PUBLIC_API_ENDPOINT || '/',
 }
 
-export const sudtApi =
-  process.env.NEXT_PUBLIC_MOCK_API === 'true'
-    ? new MockApi(options)
-    : new SUDTApi(options)
+export const sudtApi = new SUDTApi(options)