chore: 🤖 esm/umd alias browser's dependence

Author: hzz780

build/utils.js

@@ -10,7 +10,11 @@ const require = createRequire(import.meta.url);
 const pkg = require('../../package.json');
 const { version, name } = pkg;
 
-const banner = `/*! ${name}.js v${version} \n(c) 2019-${new Date().getFullYear()} AElf \nReleased under MIT License */`;
+const banner = `/*! ${name}.js v${version} \n(c) 2019-${new Date().getFullYear()} AElf \nReleased under MIT License */
+import { Buffer } from 'buffer';
+if (typeof globalThis.Buffer === 'undefined') {
+  globalThis.Buffer = Buffer;
+}`;
 
 export default defineConfig({
   build: {

build/webpack.analyze.cjs

@@ -12,7 +12,11 @@ const pkg = require('../../package.json');
 
 const { version, name } = pkg;
 
-const banner = `/*! ${name}.js v${version} \n(c) 2019-${new Date().getFullYear()} AElf \nReleased under MIT License */`;
+const banner = `/*! ${name}.js v${version} \n(c) 2019-${new Date().getFullYear()} AElf \nReleased under MIT License */
+import { Buffer } from 'buffer';
+if (typeof globalThis.Buffer === 'undefined') {
+  globalThis.Buffer = Buffer;
+}`;
 
 export default defineConfig({
   build: {

build/webpack.browser.js

@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "aelf-sdk": "^3.5.0-beta.5",
+    "aelf-sdk": "^3.5.0-beta.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

build/webpack.common.js

@@ -194,15 +194,15 @@ export default function WalletComponent() {
   return (
     <div className="info-card">
       <h2>Wallet Management</h2>
-      
+
       {/* Wallet Creation and Import */}
       <div className="section">
         <h3>Create/Import Wallet</h3>
         <div className="button-group">
           <button onClick={createNewWallet}>Create New Wallet</button>
           <button onClick={initializeDefaultWallet}>Load Default Wallet</button>
         </div>
-        
+
         <div className="input-group">
           <label>Private Key:</label>
           <input
@@ -213,7 +213,7 @@ export default function WalletComponent() {
           />
           <button onClick={importWalletFromPrivateKey}>Import from Private Key</button>
         </div>
-        
+
         <div className="input-group">
           <label>Mnemonic:</label>
           <textarea
@@ -254,14 +254,14 @@ export default function WalletComponent() {
           />
           <button onClick={signData} disabled={!currentWallet}>Sign Data</button>
         </div>
-        
+
         {signatureResult && (
           <div className="result">
             <p><strong>Signature:</strong> {signatureResult.signature}</p>
             <button onClick={verifySignature}>Verify Signature</button>
           </div>
         )}
-        
+
         {verificationResult && (
           <div className="result">
             <p className={verificationResult.isValid ? 'success' : 'error'}>
@@ -283,7 +283,7 @@ export default function WalletComponent() {
             placeholder="Enter data to encrypt"
           />
         </div>
-        
+
         <div className="input-group">
           <label>Password:</label>
           <input
@@ -294,14 +294,14 @@ export default function WalletComponent() {
           />
           <button onClick={encryptData}>Encrypt</button>
         </div>
-        
+
         {encryptionResult && (
           <div className="result">
             <p><strong>Encrypted:</strong> {encryptionResult.encrypted}</p>
             <button onClick={decryptData}>Decrypt</button>
           </div>
         )}
-        
+
         {decryptionResult && (
           <div className="result">
             <p><strong>Decrypted:</strong> {decryptionResult.decrypted}</p>