stack_wallet/lib/pages/monkey/monkey_view.dart

498 lines
16 KiB
Dart
Raw Normal View History

import 'dart:io';
2023-07-26 18:03:01 +00:00
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/svg.dart';
2023-07-26 18:03:01 +00:00
import 'package:http/http.dart' as http;
import 'package:path_provider/path_provider.dart';
import 'package:permission_handler/permission_handler.dart';
2023-07-25 20:52:58 +00:00
import 'package:stackwallet/providers/global/wallets_provider.dart';
2023-07-26 18:03:01 +00:00
import 'package:stackwallet/services/coins/banano/banano_wallet.dart';
import 'package:stackwallet/themes/coin_icon_provider.dart';
import 'package:stackwallet/themes/stack_colors.dart';
2023-07-24 18:43:33 +00:00
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart';
2023-07-26 21:32:00 +00:00
import 'package:stackwallet/utilities/show_loading.dart';
import 'package:stackwallet/utilities/text_styles.dart';
2023-07-26 21:10:53 +00:00
import 'package:stackwallet/utilities/util.dart';
import 'package:stackwallet/widgets/background.dart';
2023-07-26 18:03:01 +00:00
import 'package:stackwallet/widgets/conditional_parent.dart';
import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart';
2023-07-26 21:32:00 +00:00
import 'package:stackwallet/widgets/desktop/desktop_app_bar.dart';
import 'package:stackwallet/widgets/desktop/desktop_scaffold.dart';
import 'package:stackwallet/widgets/desktop/primary_button.dart';
2023-07-26 18:03:01 +00:00
import 'package:stackwallet/widgets/desktop/secondary_button.dart';
2023-07-26 19:18:18 +00:00
import 'package:stackwallet/widgets/stack_dialog.dart';
class MonkeyView extends ConsumerStatefulWidget {
const MonkeyView({
Key? key,
required this.walletId,
}) : super(key: key);
static const String routeName = "/monkey";
static const double navBarHeight = 65.0;
final String walletId;
@override
ConsumerState<MonkeyView> createState() => _MonkeyViewState();
}
class _MonkeyViewState extends ConsumerState<MonkeyView> {
late final String walletId;
2023-07-26 22:29:09 +00:00
List<int>? imageBytes;
2023-07-25 20:52:58 +00:00
String receivingAddress = "";
2023-07-26 21:32:00 +00:00
Future<void> getMonkeyImage(String address) async {
2023-07-26 18:03:01 +00:00
if (address.isEmpty) {
//address shouldn't be empty
return;
}
final http.Response response = await http
.get(Uri.parse('https://monkey.banano.cc/api/v1/monkey/$address'));
if (response.statusCode == 200) {
2023-07-26 21:32:00 +00:00
final manager =
ref.read(walletsChangeNotifierProvider).getManager(walletId);
2023-07-26 18:03:01 +00:00
final decodedResponse = response.bodyBytes;
await (manager.wallet as BananoWallet)
.updateMonkeyImageBytes(decodedResponse);
} else {
throw Exception("Failed to get MonKey");
}
}
2023-07-26 21:52:52 +00:00
// void getMonkeySVG(String address) async {
// if (address.isEmpty) {
// //address shouldn't be empty
// return;
// }
//
// final http.Response response = await http
// .get(Uri.parse('https://monkey.banano.cc/api/v1/monkey/$address'));
//
// if (response.statusCode == 200) {
// final decodedResponse = response.bodyBytes;
// Directory directory = await getApplicationDocumentsDirectory();
// late Directory sampleFolder;
//
// if (Platform.isAndroid) {
// directory = Directory("/storage/emulated/0/");
// sampleFolder = Directory('${directory!.path}Documents');
// } else if (Platform.isIOS) {
// sampleFolder = Directory(directory!.path);
// } else if (Platform.isLinux) {
// sampleFolder = Directory('${directory!.path}Documents');
// } else if (Platform.isWindows) {
// sampleFolder = Directory('${directory!.path}Documents');
// } else if (Platform.isMacOS) {
// sampleFolder = Directory('${directory!.path}Documents');
// }
//
// try {
// if (!sampleFolder.existsSync()) {
// sampleFolder.createSync(recursive: true);
// }
// } catch (e, s) {
// // todo: come back to this
// debugPrint("$e $s");
// }
//
// final docPath = sampleFolder.path;
// final filePath = "$docPath/monkey.svg";
//
// File imgFile = File(filePath);
// await imgFile.writeAsBytes(decodedResponse);
// } else {
// throw Exception("Failed to get MonKey");
// }
// }
Future<Directory?> getDocsDir() async {
try {
2023-07-26 22:21:20 +00:00
if (Platform.isAndroid) {
2023-07-26 22:23:34 +00:00
return Directory("/storage/emulated/0/Documents");
2023-07-26 22:21:20 +00:00
}
2023-07-26 21:52:52 +00:00
return await getApplicationDocumentsDirectory();
} catch (_) {
return null;
2023-07-26 18:03:01 +00:00
}
}
2023-07-26 21:52:52 +00:00
Future<void> downloadMonkey(String address, bool isPNG) async {
2023-07-26 18:03:01 +00:00
if (address.isEmpty) {
//address shouldn't be empty
return;
}
2023-07-26 21:52:52 +00:00
String url = "https://monkey.banano.cc/api/v1/monkey/$address";
if (isPNG) {
url += '?format=png&size=512&background=false';
}
final http.Response response = await http.get(Uri.parse(url));
2023-07-26 18:03:01 +00:00
if (response.statusCode == 200) {
if (Platform.isAndroid) {
await Permission.storage.request();
}
final decodedResponse = response.bodyBytes;
2023-07-26 21:52:52 +00:00
final Directory? sampleFolder = await getDocsDir();
2023-07-26 18:03:01 +00:00
2023-07-26 21:52:52 +00:00
print("PATH: ${sampleFolder?.path}");
2023-07-26 18:03:01 +00:00
2023-07-26 21:52:52 +00:00
if (sampleFolder == null) {
print("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA");
return;
2023-07-26 18:03:01 +00:00
}
2023-07-26 21:52:52 +00:00
// try {
// if (!sampleFolder.existsSync()) {
// sampleFolder.createSync(recursive: true);
// }
// } catch (e, s) {
// // todo: come back to this
// debugPrint("$e $s");
// }
2023-07-26 18:03:01 +00:00
final docPath = sampleFolder.path;
2023-07-26 21:52:52 +00:00
String filePath = "$docPath/monkey_$address";
filePath += isPNG ? ".png" : ".svg";
// todo check if monkey.png exists
2023-07-26 18:03:01 +00:00
File imgFile = File(filePath);
await imgFile.writeAsBytes(decodedResponse);
} else {
throw Exception("Failed to get MonKey");
}
}
@override
void initState() {
walletId = widget.walletId;
2023-07-25 20:52:58 +00:00
WidgetsBinding.instance.addPostFrameCallback((timeStamp) async {
final address = await ref
.read(walletsChangeNotifierProvider)
.getManager(walletId)
.currentReceivingAddress;
setState(() {
receivingAddress = address;
});
});
super.initState();
}
@override
void dispose() {
super.dispose();
}
@override
Widget build(BuildContext context) {
2023-07-26 18:03:01 +00:00
final manager = ref.watch(walletsChangeNotifierProvider
.select((value) => value.getManager(widget.walletId)));
2023-07-26 21:32:00 +00:00
final Coin coin = manager.coin;
2023-07-26 18:03:01 +00:00
2023-07-26 21:10:53 +00:00
final bool isDesktop = Util.isDesktop;
2023-07-26 22:29:09 +00:00
imageBytes ??= (manager.wallet as BananoWallet).getMonkeyImageBytes();
2023-07-26 21:10:53 +00:00
//edit for desktop
return Background(
2023-07-26 22:08:01 +00:00
child: ConditionalParent(
condition: isDesktop,
builder: (child) => DesktopScaffold(
appBar: DesktopAppBar(
background: Theme.of(context).extension<StackColors>()!.popupBG,
leading: Expanded(
child: Row(
children: [
const SizedBox(
width: 32,
2023-07-26 21:10:53 +00:00
),
2023-07-26 22:08:01 +00:00
AppBarIconButton(
size: 32,
color: Theme.of(context)
.extension<StackColors>()!
.textFieldDefaultBG,
shadows: const [],
icon: SvgPicture.asset(
Assets.svg.arrowLeft,
width: 18,
height: 18,
color: Theme.of(context)
.extension<StackColors>()!
.topNavIconPrimary,
),
onPressed: () {
if (mounted) {
Navigator.of(context).pop();
}
},
),
const SizedBox(
width: 15,
),
SvgPicture.asset(Assets.svg.monkey),
2023-07-26 22:10:27 +00:00
const SizedBox(
width: 12,
),
Text(
2023-07-26 22:08:01 +00:00
"MonKey",
style: STextStyles.navBarTitle(context),
),
],
),
),
trailing: Padding(
padding: const EdgeInsets.all(8.0),
child: MouseRegion(
2023-07-26 22:10:27 +00:00
cursor: SystemMouseCursors.click,
child: GestureDetector(
onTap: () {
2023-07-26 22:08:01 +00:00
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: true,
builder: (context) {
return const StackDialog(
title: "About MonKeys",
message:
"A MonKey is a visual representation of your Banano address.",
);
});
},
2023-07-26 22:10:27 +00:00
child: Row(
children: [
SvgPicture.asset(
Assets.svg.circleQuestion,
color: Colors.blue[800],
),
const SizedBox(
width: 6,
),
Padding(
padding: const EdgeInsets.only(bottom: 8.0),
child: Text(
"What is MonKey?",
style: STextStyles.desktopTextSmall(context).copyWith(
2023-07-26 21:37:10 +00:00
color: Colors.blue[800],
),
2023-07-26 22:10:27 +00:00
),
2023-07-26 21:37:10 +00:00
),
2023-07-26 22:10:27 +00:00
],
),
),
),
2023-07-26 22:08:01 +00:00
),
useSpacers: false,
isCompactHeight: true,
),
body: child,
),
child: ConditionalParent(
condition: !isDesktop,
builder: (child) => Scaffold(
appBar: AppBar(
leading: AppBarBackButton(
onPressed: () {
Navigator.of(context).pop();
},
),
title: Text(
"MonKey",
style: STextStyles.navBarTitle(context),
),
actions: [
AspectRatio(
2023-07-24 18:43:33 +00:00
aspectRatio: 1,
child: AppBarIconButton(
2023-07-26 22:08:01 +00:00
icon: SvgPicture.asset(
Assets.svg.circleQuestion,
),
2023-07-24 18:43:33 +00:00
onPressed: () {
showDialog<dynamic>(
context: context,
useSafeArea: false,
barrierDismissible: true,
builder: (context) {
2023-07-26 22:08:01 +00:00
return const StackOkDialog(
2023-07-26 19:18:18 +00:00
title: "About MonKeys",
message:
"A MonKey is a visual representation of your Banano address.",
2023-07-24 18:43:33 +00:00
);
});
}),
2023-07-26 18:03:01 +00:00
),
2023-07-26 22:08:01 +00:00
],
),
body: child,
),
child: ConditionalParent(
condition: isDesktop,
builder: (child) => SizedBox(
width: 318,
child: child,
),
2023-07-26 21:10:53 +00:00
child: ConditionalParent(
2023-07-26 22:08:01 +00:00
condition: imageBytes != null,
builder: (_) => Column(
children: [
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 1,
2023-07-25 23:29:05 +00:00
),
2023-07-26 22:08:01 +00:00
if (imageBytes != null)
SizedBox(
width: 300,
height: 300,
2023-07-26 22:29:09 +00:00
child: SvgPicture.memory(Uint8List.fromList(imageBytes!)),
2023-07-26 22:08:01 +00:00
),
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 1,
2023-07-26 18:03:01 +00:00
),
2023-07-26 22:08:01 +00:00
Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
SecondaryButton(
label: "Save as SVG",
onPressed: () async {
await showLoading(
whileFuture:
downloadMonkey(receivingAddress, false),
context: context,
isDesktop: Util.isDesktop,
message: "Saving MonKey svg",
);
},
2023-07-26 21:10:53 +00:00
),
2023-07-26 22:08:01 +00:00
const SizedBox(height: 12),
SecondaryButton(
label: "Download as PNG",
2023-07-26 21:10:53 +00:00
onPressed: () async {
2023-07-26 21:32:00 +00:00
await showLoading(
2023-07-26 22:08:01 +00:00
whileFuture:
downloadMonkey(receivingAddress, true),
2023-07-26 21:10:53 +00:00
context: context,
2023-07-26 21:32:00 +00:00
isDesktop: Util.isDesktop,
2023-07-26 22:08:01 +00:00
message: "Downloading MonKey png",
2023-07-26 18:03:01 +00:00
);
2023-07-26 21:10:53 +00:00
},
),
2023-07-26 22:08:01 +00:00
],
),
2023-07-26 18:03:01 +00:00
),
2023-07-26 22:08:01 +00:00
// child,
],
),
child: Column(
children: [
isDesktop
? const SizedBox(
height: 100,
)
: const Spacer(
flex: 4,
),
Center(
child: Column(
children: [
Opacity(
opacity: 0.2,
child: SvgPicture.file(
File(
ref.watch(coinIconProvider(coin)),
),
width: 200,
height: 200,
),
),
const SizedBox(
height: 70,
),
Text(
"You do not have a MonKey yet. \nFetch yours now!",
style: STextStyles.smallMed14(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark3,
),
textAlign: TextAlign.center,
),
],
),
),
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 6,
),
Padding(
padding: const EdgeInsets.all(16.0),
child: PrimaryButton(
label: "Fetch MonKey",
onPressed: () async {
final future = Future.wait([
getMonkeyImage(receivingAddress),
Future<void>.delayed(const Duration(seconds: 2)),
]);
await showLoading(
whileFuture: future,
context: context,
isDesktop: Util.isDesktop,
message: "Fetching MonKey",
subMessage: "We are fetching your MonKey",
);
2023-07-26 22:29:09 +00:00
imageBytes = (manager.wallet as BananoWallet)
.getMonkeyImageBytes();
if (imageBytes != null) {
setState(() {});
}
2023-07-26 22:08:01 +00:00
// if (isDesktop) {
// Navigator.of(context).popUntil(
// ModalRoute.withName(
// DesktopWalletView.routeName),
// );
// } else {
// Navigator.of(context).popUntil(
// ModalRoute.withName(WalletView.routeName),
// );
// }
},
),
),
],
2023-07-26 18:03:01 +00:00
),
2023-07-25 23:29:05 +00:00
),
),
2023-07-26 22:08:01 +00:00
),
),
);
}
}