fix: refactor read/write method code

packages/aelf-smartcontract-viewer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aelf-smartcontract-viewer",
-  "version": "1.0.5",
+  "version": "1.0.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -18,7 +18,7 @@
     "smart contracts",
     "blockchain",
     "react",
-    "contract viewer", 
+    "contract viewer",
     "aelf-sdk",
     "dapp"
   ],
@@ -41,12 +41,18 @@
     "vite": "^5.4.8"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
+    "@nextui-org/react": "^2.4.8",
     "@portkey/contracts": "^2.11.0-alpha.16",
     "@portkey/request": "^2.10.5",
     "aelf-sdk": "^3.4.15",
-    "antd": "^5.21.2",
     "clsx": "^2.1.1",
+    "framer-motion": "^11.11.17",
     "query-string": "^7.1.3",
-    "react-json-tree": "^0.19.0"
+    "react-hook-form": "^7.53.2",
+    "react-hot-toast": "^2.4.1",
+    "react-json-tree": "^0.19.0",
+    "tailwind-merge": "^2.5.4",
+    "zod": "^3.23.8"
   }
 }

packages/aelf-smartcontract-viewer/rollup.config.js

@@ -1,7 +1,7 @@
 import { defineConfig } from "rollup";
 import typescript from "@rollup/plugin-typescript";
-import url from '@rollup/plugin-url';
-import postcss from 'rollup-plugin-postcss';
+import url from "@rollup/plugin-url";
+import postcss from "rollup-plugin-postcss";
 
 export default defineConfig({
   input: "src/index.ts",
@@ -11,16 +11,20 @@ export default defineConfig({
     name: "npm-contract-viewer",
   },
   external: [
-    'react', 
-    'react-dom',
-    'antd', 
-    '@portkey/contracts', 
-    '@portkey/request',
-    'aelf-sdk',
-    'clsx',
-    'copy-to-clipboard',
-    'query-string',
-    'react-json-tree'
+    "react",
+    "react-dom",
+    "@portkey/contracts",
+    "@portkey/request",
+    "aelf-sdk",
+    "clsx",
+    "copy-to-clipboard",
+    "query-string",
+    "react-json-tree",
+    "framer-motion",
+    "react-hook-form",
+    "react-hot-toast",
+    "tailwind-merge",
+    "zod",
   ],
   plugins: [
     typescript({ tsconfig: "tsconfig.json" }),
@@ -29,7 +33,7 @@ export default defineConfig({
       limit: 0, // No file size limit
     }),
     postcss({
-      extensions: ['.css'], // Specify that we are handling CSS files
+      extensions: [".css"], // Specify that we are handling CSS files
     }),
   ],
 });