solana_mobile_client 0.1.2

A reference implementation of the Mobile Wallet Adapter (Client) specification for Flutter.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:solana_mobile_client_example/client.dart';

void main() {
  runApp(BlocProvider(create: (_) => ClientBloc(), child: const MyApp()));
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) => MaterialApp(
    home: Scaffold(
      appBar: AppBar(title: const Text('Plugin example app')),
      body: SingleChildScrollView(
        child: BlocConsumer<ClientBloc, ClientState>(
          listener: (context, state) {
            // ignore: avoid_print, only for example
            print(state.capabilities);
          },
          listenWhen: (previous, current) => previous.capabilities != current.capabilities,
          builder:
              (context, state) => Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  const NetworkToggleButtons(),
                  Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 16),
                    child: Text(
                      'Public key: ${state.address ?? '<none>'}',
                      style: Theme.of(context).textTheme.labelMedium,
                    ),
                  ),
                  Button(
                    onPressed: () async {
                      final result = await context.read<ClientBloc>().isWalletAvailable();

                      // ignore: use_build_context_synchronously, checked for mounted
                      if (!context.mounted) return;

                      ScaffoldMessenger.of(
                        context,
                      ).showSnackBar(SnackBar(content: Text('Wallet available: $result')));
                    },
                    text: 'Is wallet available?',
                  ),
                  Button(
                    onPressed: () => context.read<ClientBloc>().requestCapabilities(),
                    text: 'Get capabilities',
                  ),
                  Button(
                    onPressed: () => context.read<ClientBloc>().authorize(),
                    text: 'Authorize',
                  ),
                  Button(
                    onPressed:
                        state.isAuthorized ? () => context.read<ClientBloc>().reauthorize() : null,
                    text: 'Reauthorize',
                  ),
                  Button(
                    onPressed:
                        state.isAuthorized ? () => context.read<ClientBloc>().deauthorize() : null,
                    text: 'Deauthorize',
                  ),
                  Button(
                    onPressed:
                        state.canRequestAirdrop
                            ? () => context.read<ClientBloc>().requestAirdrop()
                            : null,
                    text: 'Request airdrop',
                  ),
                  const Row(
                    children: [
                      Expanded(flex: 3, child: SignTxButton(count: 1, text: 'Sign txn x1')),
                      Expanded(child: SignTxButton(count: 3, text: 'x3')),
                      Expanded(child: SignTxButton(count: 20, text: 'x20')),
                    ],
                  ),
                  Button(
                    onPressed: () => context.read<ClientBloc>().authorizeAndSignTransactions(),
                    text: 'Combined authorize and sign txn x1',
                  ),
                  const Row(
                    children: [
                      Expanded(flex: 3, child: SignMsgButton(count: 1, text: 'Sign msg x1')),
                      Expanded(child: SignMsgButton(count: 3, text: 'x3')),
                      Expanded(child: SignMsgButton(count: 20, text: 'x20')),
                    ],
                  ),
                  const Row(
                    children: [
                      Expanded(
                        flex: 3,
                        child: SignAndSendTxButton(count: 1, text: 'Sign and send txn x1'),
                      ),
                      Expanded(child: SignAndSendTxButton(count: 3, text: 'x3')),
                      Expanded(child: SignAndSendTxButton(count: 20, text: 'x20')),
                    ],
                  ),
                  Footer(
                    hasAuthToken: state.isAuthorized,
                    accountName: state.authorizationResult?.accountLabel,
                    walletUriPrefix: state.authorizationResult?.walletUriBase,
                  ),
                ],
              ),
        ),
      ),
    ),
  );
}

class NetworkToggleButtons extends StatelessWidget {
  const NetworkToggleButtons({super.key});

  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.symmetric(horizontal: 8),
    child: ToggleButtons(
      isSelected: [
        !context.watch<ClientBloc>().state.isMainnet,
        context.watch<ClientBloc>().state.isMainnet,
      ],
      onPressed: (index) {
        context.read<ClientBloc>().updateNetwork(isMainnet: index == 1);
      },
      children: const [
        Padding(padding: EdgeInsets.symmetric(horizontal: 16), child: Text('Testnet')),
        Padding(padding: EdgeInsets.symmetric(horizontal: 16), child: Text('Mainnet')),
      ],
    ),
  );
}

class SignAndSendTxButton extends StatelessWidget {
  const SignAndSendTxButton({super.key, required this.text, required this.count});

  final String text;
  final int count;

  @override
  Widget build(BuildContext context) => Button(
    onPressed:
        context.watch<ClientBloc>().state.isAuthorized
            ? () => context.read<ClientBloc>().signAndSendTransactions(count)
            : null,
    text: text,
  );
}

class SignMsgButton extends StatelessWidget {
  const SignMsgButton({super.key, required this.text, required this.count});

  final String text;
  final int count;

  @override
  Widget build(BuildContext context) => Button(
    onPressed:
        context.watch<ClientBloc>().state.isAuthorized
            ? () => context.read<ClientBloc>().signMessages(count)
            : null,
    text: text,
  );
}

class SignTxButton extends StatelessWidget {
  const SignTxButton({super.key, required this.text, required this.count});

  final String text;
  final int count;

  @override
  Widget build(BuildContext context) => Button(
    onPressed:
        context.watch<ClientBloc>().state.isAuthorized
            ? () => context.read<ClientBloc>().signTransactions(count)
            : null,
    text: text,
  );
}

class Button extends StatelessWidget {
  const Button({super.key, this.onPressed, required this.text});

  final VoidCallback? onPressed;
  final String text;

  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.symmetric(horizontal: 8),
    child: ElevatedButton(
      style: ElevatedButton.styleFrom(minimumSize: const Size.fromHeight(40)),
      onPressed: onPressed,
      child: Text(text),
    ),
  );
}

class Footer extends StatelessWidget {
  const Footer({
    super.key,
    required this.hasAuthToken,
    required this.accountName,
    required this.walletUriPrefix,
  });

  final bool hasAuthToken;
  final String? accountName;
  final Uri? walletUriPrefix;

  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 16.0),
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        FooterRow(
          title: 'Has auth token?',
          value: SizedBox.square(
            dimension: 18,
            child: Checkbox(value: hasAuthToken, onChanged: null),
          ),
        ),
        FooterRow(title: 'Account Name:', value: Text(accountName ?? '<none>')),
        FooterRow(
          title: 'Wallet Uri Prefix:',
          value: Text(walletUriPrefix?.toString() ?? '<none>'),
        ),
      ],
    ),
  );
}

class FooterRow extends StatelessWidget {
  const FooterRow({super.key, required this.title, required this.value});

  final String title;
  final Widget value;

  @override
  Widget build(BuildContext context) => Padding(
    padding: const EdgeInsets.only(bottom: 8.0),
    child: Row(
      children: [
        Text(title, style: const TextStyle(fontWeight: FontWeight.bold)),
        const SizedBox(width: 4),
        value,
      ],
    ),
  );
}