wallet_connect_v2 1.0.8 
wallet_connect_v2: ^1.0.8 copied to clipboard
Wallet Connect V2 for Flutter, available for both Wallet and DApp to interact easier
import 'dart:convert';
import 'package:bip32/bip32.dart' as bip32;
import 'package:bip39/bip39.dart' as bip39;
import 'package:eth_sig_util/eth_sig_util.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:hex/hex.dart';
import 'package:http/http.dart' hide Request;
import 'package:qr_flutter/qr_flutter.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:wallet_connect_v2/wallet_connect_v2.dart';
import 'package:web3dart/crypto.dart';
import 'package:web3dart/web3dart.dart';
void main() {
runApp(const MainApp());
}
class MainApp extends StatelessWidget {
const MainApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: HomeView(),
);
}
}
class HomeView extends StatefulWidget {
const HomeView({super.key});
@override
State<HomeView> createState() => _HomeViewState();
}
class _HomeViewState extends State<HomeView> with WidgetsBindingObserver {
static const projectId = '45caf086591c46efb6e9f19b6104d7e8';
static const _exampleMessage =
'0x4d7920656d61696c206973206a6f686e40646f652e636f6d202d2031363533333933373535313531';
final _walletConnectV2Plugin = WalletConnectV2();
final _walletMetadata = AppMetadata(
name: 'Flutter Wallet',
url: 'https://avacus.cc',
description: 'Flutter Wallet by Avacus',
icons: ['https://avacus.cc/apple-icon-180x180.png'],
redirect: 'wcexample');
final _uriController = TextEditingController();
final List<Session> _sessions = [];
late String _privateKey;
late String _address;
String? _dappTopic;
String? _tempDappTopic;
String? _uriDisplay;
bool _isLoading = false;
bool _isInitiated = false;
bool _isForeground = true;
@override
void initState() {
WidgetsBinding.instance.addObserver(this);
super.initState();
_walletConnectV2Plugin.onConnectionStatus = (isConnected) async {
debugPrint('---: CONNECTED: $isConnected');
if (_isInitiated) {
if (!isConnected && _isForeground) {
_walletConnectV2Plugin.connect();
}
} else {
if (isConnected) {
setState(() {
_isLoading = false;
_isInitiated = true;
});
_refreshSessions();
} else {
setState(() {
_isLoading = false;
});
}
}
};
_walletConnectV2Plugin.onSessionProposal = (proposal) async {
setState(() {
_isLoading = false;
});
if (proposal.namespaces.length != 1 ||
!proposal.namespaces.containsKey('eip155') ||
proposal.namespaces['eip155']?.chains == null) {
_showDialog(
child:
const Text('Please choose Ethereum networks only to do test!'));
_walletConnectV2Plugin.rejectSession(proposalId: proposal.id);
return;
}
final isApprove = await _showDialog(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('Session Proposal'),
const SizedBox(height: 16),
Text(proposal.toJson().toString()),
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
TextButton(
onPressed: () {
Navigator.of(context).pop(false);
},
child: const Text('Reject')),
TextButton(
onPressed: () {
Navigator.of(context).pop(true);
},
child: const Text('Approve')),
],
)
],
));
if (isApprove == true) {
try {
final requiredMethods =
proposal.namespaces['eip155']?.methods ?? <String>[];
final requiredEvents =
proposal.namespaces['eip155']?.events ?? <String>[];
final optionalMethods =
proposal.optionalNamespaces?['eip155']?.methods ?? <String>[];
final optionalEvents =
proposal.optionalNamespaces?['eip155']?.events ?? <String>[];
final List<String> chainList = [];
chainList.addAll(proposal.namespaces['eip155']!.chains!);
chainList.addAll(proposal.optionalNamespaces!['eip155']!.chains!);
final chainIDs = chainList.toSet().toList();
final approval = SessionApproval(id: proposal.id, namespaces: {
'eip155': SessionNamespace(
accounts: chainIDs.map((e) => '$e:$_address').toList(),
methods: requiredMethods.isNotEmpty
? <String>{...requiredMethods, ...optionalMethods}.toList()
: [],
events: requiredEvents.isNotEmpty
? <String>{...requiredEvents, ...optionalEvents}.toList()
: [])
});
print(approval.toJson());
_walletConnectV2Plugin.approveSession(approval: approval);
} catch (e) {
_showDialog(child: Text('Approve session error: ${e.toString()}'));
}
} else {
try {
_walletConnectV2Plugin.rejectSession(proposalId: proposal.id);
} catch (e) {
_showDialog(child: Text('Reject session error: ${e.toString()}'));
}
}
};
_walletConnectV2Plugin.onSessionSettle = (session) async {
await _refreshSessions();
if (_tempDappTopic == null) return;
_dappTopic = session.topic;
_tempDappTopic = null;
setState(() {});
_setDappTopic(_dappTopic!);
};
_walletConnectV2Plugin.onSessionRejection = (topic) async {
await _refreshSessions();
if (_tempDappTopic == topic) {
_tempDappTopic = null;
setState(() {});
}
};
_walletConnectV2Plugin.onSessionResponse = (response) async {
_showDialog(
child: Text(
'Message: $_exampleMessage\n\n${response.results is String ? 'Signature' : 'Error'}: ${response.results}'));
};
_walletConnectV2Plugin.onSessionUpdate = (_) {
_refreshSessions();
};
_walletConnectV2Plugin.onSessionDelete = (_) {
_refreshSessions();
};
_walletConnectV2Plugin.onEventError = (code, message) {
_showDialog(child: Text('code: $code | message: $message'));
};
_walletConnectV2Plugin.onSessionRequest = (request) async {
final isApprove = await _showDialog(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text('Session Request'),
const SizedBox(height: 16),
Text(request.toJson().toString()),
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
TextButton(
onPressed: () {
Navigator.of(context).pop(false);
},
child: const Text('Reject')),
TextButton(
onPressed: () {
Navigator.of(context).pop(true);
},
child: const Text('Approve')),
],
)
],
));
if (isApprove) {
switch (request.method) {
case 'eth_sendTransaction':
case 'eth_signTransaction':
try {
final object = request.params.first as Map;
final gasLimit = object['gasLimit'] != null
? BigInt.tryParse(object['gasLimit'])
: null;
final gasPrice = object['gasPrice'] != null
? EtherAmount.fromUnitAndValue(
EtherUnit.wei, object['gasPrice'])
: null;
final value = object['value'] != null
? EtherAmount.fromUnitAndValue(EtherUnit.wei, object['value'])
: null;
final from = object['from'] != null
? EthereumAddress.fromHex(object['from'])
: null;
final to = object['to'] != null
? EthereumAddress.fromHex(object['to'])
: null;
final data =
object['data'] != null ? hexToBytes(object['data']) : null;
final tx = Transaction(
from: from,
data: data,
value: value,
maxGas: gasLimit?.toInt(),
to: to,
gasPrice: gasPrice,
);
final client =
Web3Client('https://rpc.ankr.com/eth_goerli', Client());
final signature = await client.signTransaction(
EthPrivateKey.fromHex(_privateKey), tx);
await _walletConnectV2Plugin.approveRequest(
topic: request.topic,
requestId: request.id,
result: bytesToHex(signature, include0x: true));
} catch (e) {
_showDialog(child: Text('Sign error: ${e.toString()}'));
}
break;
case 'personal_sign':
case 'eth_sign':
try {
final message =
request.params.firstWhere((element) => element != _address);
final signature = EthSigUtil.signPersonalMessage(
message: hexToBytes(message), privateKey: _privateKey);
await _walletConnectV2Plugin.approveRequest(
topic: request.topic,
requestId: request.id,
result: signature);
} catch (e) {
_showDialog(child: Text('Approve error: ${e.toString()}'));
}
break;
case 'eth_signTypedData':
try {
final message =
request.params.firstWhere((element) => element != _address);
final jsonData = message is Map ? jsonEncode(message) : message;
final signature = EthSigUtil.signTypedData(
jsonData: jsonData.toString(),
privateKey: _privateKey,
version: TypedDataVersion.V4);
await _walletConnectV2Plugin.approveRequest(
topic: request.topic,
requestId: request.id,
result: signature);
} catch (e) {
_showDialog(
child: Text('Approve request error: ${e.toString()}'));
}
break;
default:
_walletConnectV2Plugin.rejectRequest(
topic: request.topic, requestId: request.id);
_showDialog(child: Text('Unhandled method ${request.method}'));
break;
}
} else {
try {
await _walletConnectV2Plugin.rejectRequest(
topic: request.topic, requestId: request.id);
} catch (e) {
_showDialog(child: Text('Reject request error: ${e.toString()}'));
}
}
};
}
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar(
title: const Text('Wallet Connect Flutter V2'),
),
body: SafeArea(
child: Center(
child: _isLoading
? const CupertinoActivityIndicator()
: _isInitiated
? _tempDappTopic != null
? Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
QrImage(
padding: const EdgeInsets.all(16),
backgroundColor: Colors.white,
foregroundColor: Colors.black,
data: _uriDisplay!,
version: QrVersions.auto,
size: MediaQuery.of(context).size.height / 3,
),
const SizedBox(height: 16),
Text('URI: $_uriDisplay'),
const SizedBox(height: 16),
TextButton(
onPressed: () {
Clipboard.setData(
ClipboardData(text: _uriDisplay));
},
child: const Text('Copy')),
TextButton(
onPressed: () {
setState(() {
_tempDappTopic = null;
});
},
child: const Text('Back'))
],
),
)
: Padding(
padding: const EdgeInsets.only(
left: 16, right: 16, top: 16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_dappTopic == null
? TextButton(
child: const Text(
'Create Pair for Ethereum Mainnet'),
onPressed: () async {
final uri = await _walletConnectV2Plugin
.createPair(namespaces: {
'eip155': ProposalNamespace(chains: [
'eip155:1'
], methods: [
"eth_signTransaction",
"eth_sendTransaction",
"personal_sign",
"eth_signTypedData"
], events: [])
});
if (uri == null) return;
_uriDisplay = uri;
_tempDappTopic =
uri.split('@')[0].split(':')[1];
setState(() {});
})
: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text('Topic: $_dappTopic'),
Wrap(
children: [
TextButton(
child:
const Text('personal_sign'),
onPressed: () =>
onSendPersonalMessageTest()),
TextButton(
child: const Text('Disconnect'),
onPressed: () async {
await _walletConnectV2Plugin
.disconnectSession(
topic: _dappTopic!);
_refreshSessions();
})
],
),
],
),
Container(
width: double.infinity,
height: 1,
color: Colors.grey,
margin:
const EdgeInsets.symmetric(vertical: 16)),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// const Text('Account:'),
// const SizedBox(height: 8),
// Text('Private Key: $_privateKey'),
// const SizedBox(height: 8),
Text('Address: $_address'),
const SizedBox(height: 8),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 16),
width: double.infinity,
height: 56,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
border: Border.all(
width: 1, color: Colors.grey)),
child: TextFormField(
controller: _uriController,
maxLines: 1,
maxLength: 512,
cursorWidth: 2,
cursorColor: Colors.grey,
decoration: const InputDecoration(
border: InputBorder.none,
hintText:
"Enter wallet connect URI",
counterText: '')),
),
Row(
mainAxisAlignment:
MainAxisAlignment.spaceEvenly,
children: [
TextButton(
onPressed: () {
Clipboard.getData('text/plain')
.then((data) {
if (data?.text == null) return;
_uriController.text = data!.text!;
});
},
child: const Text('Paste')),
TextButton(
onPressed: () async {
try {
setState(() {
_isLoading = true;
});
final uri = _uriController.text;
if (uri.trim().isEmpty) {
_showDialog(
child: const Text(
'Please paste the WalletConnect V2 URI then do Pair'));
return;
}
_uriController.clear();
await _walletConnectV2Plugin.pair(
uri: uri);
} catch (e) {
_showDialog(
child: Text(
'Pair error: ${e.toString()}'));
} finally {
setState(() {
_isLoading = false;
});
}
},
child: const Text('Pair'))
],
)
],
),
Container(
width: double.infinity,
height: 1,
color: Colors.grey,
margin: const EdgeInsets.only(bottom: 16)),
const Text('Sessions:'),
Expanded(
child: _sessions.isEmpty
? const Center(
child: Text(
'No sessions\n\nPair wallet connect uri and approve to have session',
textAlign: TextAlign.center))
: ListView.separated(
padding: const EdgeInsets.symmetric(
vertical: 16),
itemBuilder: (_, index) {
final session = _sessions[index];
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
borderRadius:
BorderRadius.circular(12),
border: Border.all(
width: 1,
color: Colors.grey)),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(session
.toJson()
.toString()),
TextButton(
onPressed: () async {
await _walletConnectV2Plugin
.disconnectSession(
topic: session
.topic);
_refreshSessions();
},
child: const Text(
'Disconnect'))
],
),
);
},
separatorBuilder: (_, __) =>
const SizedBox(height: 16),
itemCount: _sessions.length))
],
),
)
: TextButton(
onPressed: () async {
setState(() {
_isLoading = true;
});
await _initDapp();
await _initWallet();
await _walletConnectV2Plugin.init(
projectId: projectId, appMetadata: _walletMetadata);
await _walletConnectV2Plugin.connect();
},
child: const Text('Init WalletConnect')),
),
),
);
}
void onSendPersonalMessageTest() async {
final session =
_sessions.firstWhere((element) => element.topic == _dappTopic!);
await _walletConnectV2Plugin.sendRequest(
request: Request(
method: 'personal_sign',
chainId: 'eip155:1',
topic: _dappTopic!,
params: [
_exampleMessage,
session.namespaces['eip155']!.accounts.first.split(':').last
]));
// TODO: don't forget to check if where is the source come from to determine launch or not
session.peer.redirect?.launch();
}
void onSendTransactionTest() async {
final session =
_sessions.firstWhere((element) => element.topic == _dappTopic!);
await _walletConnectV2Plugin.sendRequest(
request: Request(
method: 'eth_signTransaction',
chainId: 'eip155:1',
topic: _dappTopic!,
params: [
{
"from": "0xb60e8dd61c5d32be8058bb8eb970870f07233155",
"to": "0xd46e8dd67c5d32be8058bb8eb970870f07244567",
"gas": "0x76c0", // 30400
"gasPrice": "0x9184e72a000", // 10000000000000
"value": "0x9184e72a", // 2441406250
"data":
"0xd46e8dd67c5d32be8d46e8dd67c5d32be8058bb8eb970870f072445675058bb8eb970870f072445675"
}
]));
// TODO: don't forget to check if where is the source come from to determine launch or not
session.peer.redirect?.launch();
}
Future _refreshSessions() async {
try {
final sessions = await _walletConnectV2Plugin.getActivatedSessions();
if (sessions
.where((element) => element.topic == _dappTopic)
.toList()
.isEmpty) {
_setDappTopic(_dappTopic = null);
}
_sessions.clear();
_sessions.addAll(sessions);
setState(() {});
} catch (e) {
_showDialog(child: Text('Refresh sessions error: ${e.toString()}'));
}
}
Future _showDialog({required Widget child}) {
return showDialog(
context: context,
builder: (context) {
return Dialog(
insetPadding: const EdgeInsets.symmetric(horizontal: 16),
backgroundColor: Colors.transparent,
child: Card(
clipBehavior: Clip.antiAlias,
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12)),
child: Container(
padding: const EdgeInsets.all(16),
child: child,
),
),
);
});
}
Future _initWallet() async {
final sp = await SharedPreferences.getInstance();
final mnemonic = sp.getString('mnemonic') ?? bip39.generateMnemonic();
if (!sp.containsKey('mnemonic')) {
await sp.setString('mnemonic', mnemonic);
}
final seed = bip39.mnemonicToSeed(mnemonic);
final wallet = bip32.BIP32.fromSeed(seed);
final pathWallet = wallet.derivePath('''m/44'/60'/0'/0/0''');
_privateKey = HEX.encode(pathWallet.privateKey!);
final private = EthPrivateKey.fromHex(_privateKey);
_address = (await private.extractAddress()).hexEip55;
}
Future _initDapp() async {
final sp = await SharedPreferences.getInstance();
_dappTopic = sp.getString('dapp_topic');
}
Future _setDappTopic(String? topic) async {
final sp = await SharedPreferences.getInstance();
if (topic != null) {
return sp.setString('dapp_topic', topic);
}
return sp.remove('dapp_topic');
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
super.didChangeAppLifecycleState(state);
switch (state) {
case AppLifecycleState.resumed:
_isForeground = true;
debugPrint('---: DO CONNECT');
if (_isInitiated) {
_walletConnectV2Plugin.connect();
}
break;
case AppLifecycleState.paused:
_isForeground = false;
debugPrint('---: DO DISCONNECT');
if (_isInitiated) {
_walletConnectV2Plugin.disconnect();
}
break;
default:
break;
}
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
_walletConnectV2Plugin.dispose();
super.dispose();
}
}
extension StringExt on String {
Future launch({int delayInMillis = 500}) async {
try {
await Future.delayed(Duration(milliseconds: delayInMillis));
final uri = Uri.parse(contains(':') ? this : '$this:');
if (startsWith('http')) {
await _launchUniversalLink(uri);
} else {
await launchUrl(uri);
}
} catch (_) {}
}
Future _launchUniversalLink(Uri url) async {
try {
final bool nativeAppLaunchSucceeded = await launchUrl(
url,
mode: LaunchMode.externalNonBrowserApplication,
);
if (!nativeAppLaunchSucceeded) {
return await launchUrl(
url,
mode: LaunchMode.inAppWebView,
);
}
} catch (_) {}
}
}Metadata
18
likes
150
points
127
downloads
Publisher
unverified uploader
Weekly Downloads
Metadata
Wallet Connect V2 for Flutter, available for both Wallet and DApp to interact easier
Documentation
License
MIT (license)
Dependencies
flutter, json_annotation, plugin_platform_interface
