feat: Support delegateUpload feature (#49)

* chore: fix chore: fix dependencies versions in the example project & upgrade some packages (#40) * chore: fix dependencies versions in the example project, migrate @tot… (#36) * chore: fix dependencies versions in the example project, migrate @totejs/walletkit to @node-real/walletkit. * chore: upgrade the publish flow * chore: config commit-msg * chore: update versions (alpha) (#37) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix: greenfield-uploadkit auto upgrade version error (#38) * chore: update versions (alpha) (#39) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: update versions (#41) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: unify the default visibility (#46) * chore: unify the default visibility * chore: unify the default visibility * chore: update versions (#47) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * feat: Support deletegateUpload feature --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
node-real · Apr 18, 2024 · 7766d99 · 7766d99
1 parent f01f67d
commit 7766d99
Show file tree

Hide file tree

Showing 47 changed files with 478 additions and 536 deletions.
diff --git a/.changeset/honest-houses-dream.md b/.changeset/honest-houses-dream.md
@@ -0,0 +1,5 @@
+---
+"@node-real/greenfield-uploadkit": minor
+---
+
+support delegateUpload feature
diff --git a/docs/package.json b/docs/package.json
@@ -18,8 +18,8 @@
     "@node-real/uikit": "^2.54.2",
     "@node-real/walletkit": "^1.0.10-alpha.1",
     "@node-real/greenfield-uploadkit": "workspace:*",
-    "@bnb-chain/greenfield-cosmos-types": "0.4.0",
-    "@bnb-chain/greenfield-js-sdk": "1.2.0",
+    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.31",
+    "@bnb-chain/greenfield-js-sdk": "2.0.0-alpha.6",
     "@bnb-chain/reed-solomon": "^1.1.3",
     "prism-react-renderer": "~1.3.5",
     "react": "^18.2.0",

diff --git a/docs/src/components/UploadKit/chains.ts b/docs/src/components/UploadKit/chains.ts
@@ -1,10 +1,10 @@
-import { bsc, mainnet } from 'wagmi/chains';
+import { bscTestnet } from 'viem/chains';
 
 export const chains = [
   {
     id: 5600,
-    name: 'BNB Greenfield Testnet',
-    network: 'BNB Greenfield Testnet',
+    name: 'BNB Greenfield Chain Testnet',
+    network: 'BNB Greenfield Chain Testnet',
     nativeCurrency: {
       name: 'tBNB',
       symbol: 'tBNB',
@@ -20,59 +20,14 @@ export const chains = [
     },
     blockExplorers: {
       etherscan: {
-        name: `BNB Greenfield Testnet Scan`,
+        name: `BNB Greenfield Chain Testnet Scan`,
         url: 'https://greenfield-chain.bnbchain.org',
       },
       default: {
-        name: `BNB Greenfield Testnet Scan`,
+        name: `BNB Greenfield Chain Testnet Scan`,
         url: 'https://greenfield-chain.bnbchain.org',
       },
     },
   },
-  {
-    id: 204,
-    name: 'opBNB Mainnet',
-    network: 'opBNB Mainnet',
-    nativeCurrency: {
-      name: 'tcBNB',
-      symbol: 'tcBNB',
-      decimals: 18,
-    },
-    rpcUrls: {
-      default: {
-        http: ['https://opbnb-mainnet-rpc.bnbchain.org'],
-      },
-      public: {
-        http: ['https://opbnb-mainnet-rpc.bnbchain.org'],
-      },
-    },
-    blockExplorers: {
-      etherscan: { name: 'opBNBScan', url: `https://mainnet.opbnbscan.com` },
-      default: { name: 'opBNBScan', url: `https://mainnet.opbnbscan.com` },
-    },
-  },
-  {
-    id: 97,
-    name: 'BSC Testnet',
-    network: 'BSC Testnet',
-    nativeCurrency: {
-      name: 'tBNB',
-      symbol: 'tBNB',
-      decimals: 18,
-    },
-    rpcUrls: {
-      default: {
-        http: [`https://data-seed-prebsc-1-s1.binance.org:8545`],
-      },
-      public: {
-        http: [`https://data-seed-prebsc-1-s1.binance.org:8545`],
-      },
-    },
-    blockExplorers: {
-      etherscan: { name: 'BSC Testnet Scan', url: `https://testnet.bscscan.com` },
-      default: { name: 'BSC Testnet Scan', url: `https://testnet.bscscan.com` },
-    },
-  },
-  bsc,
-  mainnet,
+  bscTestnet,
 ];
diff --git a/docs/src/components/UploadKit/client.ts b/docs/src/components/UploadKit/client.ts
@@ -4,6 +4,4 @@ const GRPC_URL = 'https://gnfd-testnet-fullnode-tendermint-us.bnbchain.org';
 
 const GREEN_CHAIN_ID = 5600;
 
-export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID), {
-  zkCryptoUrl: 'https://unpkg.com/@bnb-chain/greenfield-zk-crypto@0.0.3/dist/node/zk-crypto.wasm',
-});
+export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID));
diff --git a/docs/src/components/UploadKit/index.tsx b/docs/src/components/UploadKit/index.tsx
@@ -17,6 +17,7 @@ import {
 import { chains } from './chains';
 import { Box, useColorMode } from '@node-real/uikit';
 import { client } from './client';
+import { VisibilityType } from '@bnb-chain/greenfield-js-sdk';
 
 const config = createConfig(
   getDefaultConfig({
@@ -34,11 +35,12 @@ const options: WalletKitOptions = {
 
 const uploadOptions: UploadKitOptions = {
   client: client,
+  delegateUpload: true,
   sp: {
     operatorAddress: '0x89A1CC91B642DECbC4789474694C606E0E0c420b',
     endpoint: 'https://gnfd-testnet-sp1.bnbchain.org',
   },
-  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
+  visibility: VisibilityType.VISIBILITY_TYPE_PUBLIC_READ,
 };
 
 export default function App() {

diff --git a/docs/src/pages/index.mdx b/docs/src/pages/index.mdx
@@ -5,14 +5,14 @@ Greenfield UploadKit is a React component library for easily uploading objects t
 ## Installation
 
 ```bash
-npm i wagmi viem @node-real/greenfield-uploadkit @bnb-chain/greenfield-js-sdk @bnb-chain/greenfield-cosmos-types @bnb-chain/reed-solomon
+npm i wagmi@1 viem@1 @node-real/greenfield-uploadkit @bnb-chain/greenfield-js-sdk@2.0.0-alpha.6 @bnb-chain/greenfield-cosmos-types@0.4.0-alpha.31 @bnb-chain/reed-solomon
 ```
 
-- wagmi > 1.0.0
-- viem > 1.0.0
-- @bnb-chain/greenfield-js-sdk >= 1.2.0
+- wagmi >= 1.0.0
+- viem >= 1.0.0
+- @bnb-chain/greenfield-js-sdk = 2.0.0-alpha.6
+- @bnb-chain/greenfield-cosmos-types = 0.4.0-alpha.31
 - @bnb-chain/reed-solomon >= 1.1.3
-- @bnb-chain/greenfield-cosmos-types >= 0.4.0
 
 ## Examples
 
@@ -360,19 +360,21 @@ export interface UploadKitProviderProps {
 }
 
 /**
- * Configuration options for upload.
+ * UploadKitOptions is the options of the Greenfield UploadKit.
  *
  * @property {Client} client - The Greenfield js sdk client, Reference: https://docs.bnbchain.org/greenfield-js-sdk/client/greenfield-client
  *
  * @property {string} seedString -seedString is used to authenticate yourself to the provider. If not specified, the provider will generate one.
  * @property {(data: Uint8Array) => Promise<string[]>} [checksumFn] - The function to calculate the checksum of the object. If not specified, the provider will use the default checksum function.
  *
- * @property {string} [bucketName] - The name of the bucket. If not specified, the default bucket will be used.
+ * @property {boolean} delegateUpload - Specifies whether to use the delegate upload mode. If not specified, the default is set to true.
+ *
+ * @property {string} bucketName - The name of the bucket. If not specified, the default bucket will be used.
  * @property {Sp} [sp] - The storage service provider. If not specified, a random one will be selected.
- * @property {keyof typeof VisibilityType} [visibility='VISIBILITY_TYPE_PUBLIC_READ'] - The visibility of the object. If not specified, 'VISIBILITY_TYPE_PUBLIC_READ' will be used.
+ * @property {VisibilityType} visibility - The visibility of the object. If not specified, {VisibilityType.VISIBILITY_TYPE_PUBLIC_READ} will be used.
  *
- * @property {number} [maxObjectSize=56 * 1024 * 1024] - If not specified, the default is set to 56MB, resulting in an encoding time of under 6 seconds. Larger files may experience extended encoding times, and it is recommended to utilize a web worker for encoding large files. Reference: https://github.com/bnb-chain/greenfield-js-sdk/blob/main/packages/reed-solomon/examples/web-worker.html
- * @property {number} [maxObjectCount=100] - The maximum count of objects. If not specified, 100 will be used.
+ * @property {number} [maxObjectSize=56 * 1024 * 1024] - If the delegateUpload is false and this field not specified, the default is set to 56MB, resulting in an encoding time of under 6 seconds. Larger files may experience extended encoding times, and it is recommended to utilize a web worker for encoding large files. Reference: https://github.com/bnb-chain/greenfield-js-sdk/blob/main/packages/reed-solomon/examples/web-worker.html. But if the delegateUpload is true, the default is set to 1GB.
+ * @property {number} [maxObjectCount=100] - The maximum count of objects. If the delegateUpload is false and this field not specified, the default is set to 100. But if the delegateUpload is true, the default is set to 500.
  *
  * @property {boolean} [taskManagementButton=true] - Specifies whether to show the task management button.
  *
@@ -384,9 +386,11 @@ export interface UploadKitOptions {
   seedString?: string;
   checksumFn?: (data: Uint8Array) => Promise<string[]>;
 
+  delegateUpload?: boolean;
+
   bucketName?: string;
   sp?: Sp;
-  visibility?: keyof typeof VisibilityType;
+  visibility?: VisibilityType;
 
   maxObjectSize?: number;
   maxObjectCount?: number;

diff --git a/examples/uploadkit-with-nextjs-rainbowkit/package.json b/examples/uploadkit-with-nextjs-rainbowkit/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@bnb-chain/greenfield-cosmos-types": "0.4.0",
-    "@bnb-chain/greenfield-js-sdk": "1.2.0",
+    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.31",
+    "@bnb-chain/greenfield-js-sdk": "2.0.0-alpha.6",
     "@bnb-chain/reed-solomon": "1.1.3",
     "@node-real/greenfield-uploadkit": "workspace:*",
     "@rainbow-me/rainbowkit": "^1.3.3",

diff --git a/examples/uploadkit-with-nextjs-rainbowkit/src/app/chains.ts b/examples/uploadkit-with-nextjs-rainbowkit/src/app/chains.ts
@@ -1,4 +1,4 @@
-import { bsc, bscTestnet } from 'wagmi/chains';
+import { bscTestnet } from 'wagmi/chains';
 
 const bnbGreenfieldIcon =
   'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRjBCOTBCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAwYzcuNzMzIDAgMTQgNi4yNjcgMTQgMTRzLTYuMjY3IDE0LTE0IDE0UzAgMjEuNzMzIDAgMTQgNi4yNjcgMCAxNCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTcuNjk0IDE0IC4wMSAzLjcwMiAzLjE0NiAxLjg1djIuMTY4bC00Ljk4Ni0yLjkyNHYtNS44NzhMNy42OTQgMTRabTAtMy43MDJ2Mi4xNTdsLTEuODMyLTEuMDgzVjkuMjE0bDEuODMyLTEuMDgzIDEuODQxIDEuMDgzLTEuODQgMS4wODRabTQuNDctMS4wODQgMS44MzItMS4wODMgMS44NCAxLjA4My0xLjg0IDEuMDg0LTEuODMyLTEuMDg0WiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05LjAxOCAxNi45MzV2LTIuMTY4bDEuODMyIDEuMDg0djIuMTU3bC0xLjgzMi0xLjA3M1ptMy4xNDYgMy4zOTQgMS44MzIgMS4wODQgMS44NC0xLjA4NHYyLjE1N2wtMS44NCAxLjA4NC0xLjgzMi0xLjA4NFYyMC4zM1ptNi4zLTExLjExNSAxLjgzMi0xLjA4MyAxLjg0IDEuMDgzdjIuMTU4bC0xLjg0IDEuMDgzdi0yLjE1N2wtMS44MzItMS4wODRabTEuODMyIDguNDg4LjAxLTMuNzAyIDEuODMxLTEuMDg0djUuODc5bC00Ljk4NiAyLjkyNHYtMi4xNjdsMy4xNDUtMS44NVoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTguOTgyIDE2LjkzNS0xLjgzMiAxLjA3M3YtMi4xNTdsMS44MzItMS4wODR2Mi4xNjhaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE4Ljk4MiAxMS4wNjUuMDEgMi4xNjgtMy4xNTUgMS44NXYzLjcxMmwtMS44MzEgMS4wNzMtMS44MzItMS4wNzN2LTMuNzExbC0zLjE1NS0xLjg1MXYtMi4xNjhsMS44NC0xLjA4MyAzLjEzNSAxLjg2IDMuMTU1LTEuODYgMS44NCAxLjA4M2gtLjAwN1ptLTkuOTY0LTMuNyA0Ljk3Ny0yLjkzNSA0Ljk4NyAyLjkzNS0xLjgzMiAxLjA4My0zLjE1NC0xLjg2LTMuMTQ2IDEuODYtMS44MzItMS4wODNaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==';
@@ -33,35 +33,5 @@ export const chainList = [
     },
     iconUrl: bnbGreenfieldIcon,
   },
-  {
-    id: 1017,
-    name: 'BNB Greenfield Chain',
-    network: 'BNB Greenfield Chain',
-    nativeCurrency: {
-      name: 'BNB',
-      symbol: 'BNB',
-      decimals: 18,
-    },
-    rpcUrls: {
-      default: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-      public: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-    },
-    blockExplorers: {
-      etherscan: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-      default: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-    },
-    iconUrl: bnbGreenfieldIcon,
-  },
   bscTestnet,
-  bsc,
 ];
diff --git a/examples/uploadkit-with-nextjs-rainbowkit/src/app/client.ts b/examples/uploadkit-with-nextjs-rainbowkit/src/app/client.ts
@@ -3,6 +3,4 @@ import { Client } from '@bnb-chain/greenfield-js-sdk';
 const GRPC_URL = 'https://gnfd-testnet-fullnode-tendermint-us.bnbchain.org';
 const GREEN_CHAIN_ID = 5600;
 
-export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID), {
-  zkCryptoUrl: 'https://unpkg.com/@bnb-chain/greenfield-zk-crypto@0.0.3/dist/node/zk-crypto.wasm',
-});
+export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID));
diff --git a/examples/uploadkit-with-nextjs-rainbowkit/src/app/providers.tsx b/examples/uploadkit-with-nextjs-rainbowkit/src/app/providers.tsx
@@ -12,6 +12,7 @@ import { client } from './client';
 import '@node-real/greenfield-uploadkit/styles.css';
 import '@rainbow-me/rainbowkit/styles.css';
 import { publicProvider } from 'wagmi/providers/public';
+import { VisibilityType } from '@bnb-chain/greenfield-js-sdk';
 
 const { chains, publicClient } = configureChains(chainList, [publicProvider()]);
 
@@ -32,7 +33,8 @@ const wagmiConfig = createConfig({
 
 const uploadOptions: UploadKitOptions = {
   client: client,
-  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
+  visibility: VisibilityType.VISIBILITY_TYPE_PUBLIC_READ,
+  delegateUpload: true,
 };
 
 export default function Providers({ children }: { children: React.ReactNode }) {

diff --git a/examples/uploadkit-with-nextjs-walletkit/package.json b/examples/uploadkit-with-nextjs-walletkit/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@bnb-chain/greenfield-cosmos-types": "0.4.0",
-    "@bnb-chain/greenfield-js-sdk": "1.2.0",
+    "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.31",
+    "@bnb-chain/greenfield-js-sdk": "2.0.0-alpha.6",
     "@bnb-chain/reed-solomon": "1.1.3",
     "@node-real/greenfield-uploadkit": "workspace:*",
     "@node-real/walletkit": "^1.0.10-alpha.1",

diff --git a/examples/uploadkit-with-nextjs-walletkit/src/app/chains.ts b/examples/uploadkit-with-nextjs-walletkit/src/app/chains.ts
@@ -1,4 +1,4 @@
-import { bsc, bscTestnet } from 'wagmi/chains';
+import { bscTestnet } from 'wagmi/chains';
 
 const bnbGreenfieldIcon =
   'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRjBCOTBCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAwYzcuNzMzIDAgMTQgNi4yNjcgMTQgMTRzLTYuMjY3IDE0LTE0IDE0UzAgMjEuNzMzIDAgMTQgNi4yNjcgMCAxNCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTcuNjk0IDE0IC4wMSAzLjcwMiAzLjE0NiAxLjg1djIuMTY4bC00Ljk4Ni0yLjkyNHYtNS44NzhMNy42OTQgMTRabTAtMy43MDJ2Mi4xNTdsLTEuODMyLTEuMDgzVjkuMjE0bDEuODMyLTEuMDgzIDEuODQxIDEuMDgzLTEuODQgMS4wODRabTQuNDctMS4wODQgMS44MzItMS4wODMgMS44NCAxLjA4My0xLjg0IDEuMDg0LTEuODMyLTEuMDg0WiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05LjAxOCAxNi45MzV2LTIuMTY4bDEuODMyIDEuMDg0djIuMTU3bC0xLjgzMi0xLjA3M1ptMy4xNDYgMy4zOTQgMS44MzIgMS4wODQgMS44NC0xLjA4NHYyLjE1N2wtMS44NCAxLjA4NC0xLjgzMi0xLjA4NFYyMC4zM1ptNi4zLTExLjExNSAxLjgzMi0xLjA4MyAxLjg0IDEuMDgzdjIuMTU4bC0xLjg0IDEuMDgzdi0yLjE1N2wtMS44MzItMS4wODRabTEuODMyIDguNDg4LjAxLTMuNzAyIDEuODMxLTEuMDg0djUuODc5bC00Ljk4NiAyLjkyNHYtMi4xNjdsMy4xNDUtMS44NVoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTguOTgyIDE2LjkzNS0xLjgzMiAxLjA3M3YtMi4xNTdsMS44MzItMS4wODR2Mi4xNjhaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE4Ljk4MiAxMS4wNjUuMDEgMi4xNjgtMy4xNTUgMS44NXYzLjcxMmwtMS44MzEgMS4wNzMtMS44MzItMS4wNzN2LTMuNzExbC0zLjE1NS0xLjg1MXYtMi4xNjhsMS44NC0xLjA4MyAzLjEzNSAxLjg2IDMuMTU1LTEuODYgMS44NCAxLjA4M2gtLjAwN1ptLTkuOTY0LTMuNyA0Ljk3Ny0yLjkzNSA0Ljk4NyAyLjkzNS0xLjgzMiAxLjA4My0zLjE1NC0xLjg2LTMuMTQ2IDEuODYtMS44MzItMS4wODNaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==';
@@ -33,35 +33,5 @@ export const chainList = [
     },
     iconUrl: bnbGreenfieldIcon,
   },
-  {
-    id: 1017,
-    name: 'BNB Greenfield Chain',
-    network: 'BNB Greenfield Chain',
-    nativeCurrency: {
-      name: 'BNB',
-      symbol: 'BNB',
-      decimals: 18,
-    },
-    rpcUrls: {
-      default: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-      public: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-    },
-    blockExplorers: {
-      etherscan: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-      default: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-    },
-    iconUrl: bnbGreenfieldIcon,
-  },
   bscTestnet,
-  bsc,
 ];
diff --git a/examples/uploadkit-with-nextjs-walletkit/src/app/client.ts b/examples/uploadkit-with-nextjs-walletkit/src/app/client.ts
@@ -3,6 +3,4 @@ import { Client } from '@bnb-chain/greenfield-js-sdk';
 const GRPC_URL = 'https://gnfd-testnet-fullnode-tendermint-us.bnbchain.org';
 const GREEN_CHAIN_ID = 5600;
 
-export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID), {
-  zkCryptoUrl: 'https://unpkg.com/@bnb-chain/greenfield-zk-crypto@0.0.3/dist/node/zk-crypto.wasm',
-});
+export const client = Client.create(GRPC_URL, String(GREEN_CHAIN_ID));
diff --git a/examples/uploadkit-with-nextjs-walletkit/src/app/providers.tsx b/examples/uploadkit-with-nextjs-walletkit/src/app/providers.tsx
@@ -13,6 +13,7 @@ import { client } from './client';
 
 import '@node-real/greenfield-uploadkit/styles.css';
 import '@node-real/walletkit/styles.css';
+import { VisibilityType } from '@bnb-chain/greenfield-js-sdk';
 
 const config = createConfig(
   getDefaultConfig({
@@ -33,7 +34,8 @@ const options: WalletKitOptions = {
 
 const uploadOptions: UploadKitOptions = {
   client: client,
-  visibility: 'VISIBILITY_TYPE_PUBLIC_READ',
+  visibility: VisibilityType.VISIBILITY_TYPE_PUBLIC_READ,
+  delegateUpload: true,
 };
 
 export default function Providers({ children }: { children: React.ReactNode }) {

diff --git a/...c9444493bd4599523517a2c111d37022694c5f6448118fd36f49cfb69972e6df38ced156c209d39350c349e27 b/...c9444493bd4599523517a2c111d37022694c5f6448118fd36f49cfb69972e6df38ced156c209d39350c349e27
@@ -0,0 +1 @@
+{"hash":"9ca9d06291e3270b31d2efae0ae87a7bb2c233528531795dcc3958b6c1fd9f4e","exports":["default","links","loader","meta"]}
diff --git a/...bowkit/.cache/index-v5/d0/c4/d960260ece228d28f70e317741b3f3f3df05c53956d870235837ae2b73b4 b/...bowkit/.cache/index-v5/d0/c4/d960260ece228d28f70e317741b3f3f3df05c53956d870235837ae2b73b4
@@ -1,4 +1,5 @@
 
 1333454e676b89d19f6366af1b597fe13dd278cd	{"key":"root.exports","integrity":"sha512-QGdfjUiKnTUbthAE5XSxkMmVJjOfu0vV1Bli6pVM5g4P1d7XqMGXYANoGMZvKNl6PTy3XRGUx3ll/6hoHvowsQ==","time":1705405448653,"size":121}
 638c3591243298b1bcaf81abc893dd12e894965d	{"key":"root.exports","integrity":"sha512-81+h0xGrNSHNyjIU73M7TD3N/L/xzEag3kc5VPHDbsicQXx+kiKzNOD7wJXbJcT45qT5vcaQAXohCRMC8N98xA==","time":1705405602121,"size":121}
-69119b1e62ad63d5bb3aa11914194f5b7e127995	{"key":"root.exports","integrity":"sha512-kj02KAJ+95TO+t5jVvLcBqu0qBMDewcpBtXY9vLOuvYYx2CbIbJZHo9CNJPzLN65NGXXYJafUO5vC0C3uEGMTw==","time":1705405628394,"size":121}
+69119b1e62ad63d5bb3aa11914194f5b7e127995	{"key":"root.exports","integrity":"sha512-kj02KAJ+95TO+t5jVvLcBqu0qBMDewcpBtXY9vLOuvYYx2CbIbJZHo9CNJPzLN65NGXXYJafUO5vC0C3uEGMTw==","time":1705405628394,"size":121}
+ba8e21b315e0d751aa75e35f0aab7b0dbde1f59c	{"key":"root.exports","integrity":"sha512-ikj3AdZjIN2scGNkaZUXu6ZF/kyUREk71FmVI1F6LBEdNwImlMX2RIEY/Tb0nPtply5t84ztFWwgnTk1DDSeJw==","time":1713433755027,"size":121}
diff --git a/examples/uploadkit-with-remix-rainbowkit/app/chains.ts b/examples/uploadkit-with-remix-rainbowkit/app/chains.ts
@@ -1,4 +1,4 @@
-import { bsc, bscTestnet } from 'wagmi/chains';
+import { bscTestnet } from 'wagmi/chains';
 
 const bnbGreenfieldIcon =
   'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjRjBCOTBCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAwYzcuNzMzIDAgMTQgNi4yNjcgMTQgMTRzLTYuMjY3IDE0LTE0IDE0UzAgMjEuNzMzIDAgMTQgNi4yNjcgMCAxNCAwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTcuNjk0IDE0IC4wMSAzLjcwMiAzLjE0NiAxLjg1djIuMTY4bC00Ljk4Ni0yLjkyNHYtNS44NzhMNy42OTQgMTRabTAtMy43MDJ2Mi4xNTdsLTEuODMyLTEuMDgzVjkuMjE0bDEuODMyLTEuMDgzIDEuODQxIDEuMDgzLTEuODQgMS4wODRabTQuNDctMS4wODQgMS44MzItMS4wODMgMS44NCAxLjA4My0xLjg0IDEuMDg0LTEuODMyLTEuMDg0WiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05LjAxOCAxNi45MzV2LTIuMTY4bDEuODMyIDEuMDg0djIuMTU3bC0xLjgzMi0xLjA3M1ptMy4xNDYgMy4zOTQgMS44MzIgMS4wODQgMS44NC0xLjA4NHYyLjE1N2wtMS44NCAxLjA4NC0xLjgzMi0xLjA4NFYyMC4zM1ptNi4zLTExLjExNSAxLjgzMi0xLjA4MyAxLjg0IDEuMDgzdjIuMTU4bC0xLjg0IDEuMDgzdi0yLjE1N2wtMS44MzItMS4wODRabTEuODMyIDguNDg4LjAxLTMuNzAyIDEuODMxLTEuMDg0djUuODc5bC00Ljk4NiAyLjkyNHYtMi4xNjdsMy4xNDUtMS44NVoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTguOTgyIDE2LjkzNS0xLjgzMiAxLjA3M3YtMi4xNTdsMS44MzItMS4wODR2Mi4xNjhaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE4Ljk4MiAxMS4wNjUuMDEgMi4xNjgtMy4xNTUgMS44NXYzLjcxMmwtMS44MzEgMS4wNzMtMS44MzItMS4wNzN2LTMuNzExbC0zLjE1NS0xLjg1MXYtMi4xNjhsMS44NC0xLjA4MyAzLjEzNSAxLjg2IDMuMTU1LTEuODYgMS44NCAxLjA4M2gtLjAwN1ptLTkuOTY0LTMuNyA0Ljk3Ny0yLjkzNSA0Ljk4NyAyLjkzNS0xLjgzMiAxLjA4My0zLjE1NC0xLjg2LTMuMTQ2IDEuODYtMS44MzItMS4wODNaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyOHYyOEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==';
@@ -33,35 +33,5 @@ export const chainList = [
     },
     iconUrl: bnbGreenfieldIcon,
   },
-  {
-    id: 1017,
-    name: 'BNB Greenfield Chain',
-    network: 'BNB Greenfield Chain',
-    nativeCurrency: {
-      name: 'BNB',
-      symbol: 'BNB',
-      decimals: 18,
-    },
-    rpcUrls: {
-      default: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-      public: {
-        http: ['https://greenfield-chain.bnbchain.org'],
-      },
-    },
-    blockExplorers: {
-      etherscan: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-      default: {
-        name: `BNB Greenfield Mainnet Scan`,
-        url: 'https://greenfieldscan.com',
-      },
-    },
-    iconUrl: bnbGreenfieldIcon,
-  },
   bscTestnet,
-  bsc,
 ];