codes; + + DuplicateCodes( + this.hash, + this.codes, + ); +} diff --git a/auth/lib/ui/code_widget.dart b/auth/lib/ui/code_widget.dart index 16c82c848b..c04feddfb0 100644 --- a/auth/lib/ui/code_widget.dart +++ b/auth/lib/ui/code_widget.dart @@ -445,13 +445,19 @@ class _CodeWidgetState extends State { } Widget _getIcon() { + final String iconData; + if (widget.code.display.isCustomIcon) { + iconData = widget.code.display.iconID; + } else { + iconData = widget.code.issuer; + } return Padding( padding: _shouldShowLargeIcon ? EdgeInsets.only(left: widget.isCompactMode ? 12 : 16) : const EdgeInsets.all(0), child: IconUtils.instance.getIcon( context, - safeDecode(widget.code.issuer).trim(), + safeDecode(iconData).trim(), width: widget.isCompactMode ? (_shouldShowLargeIcon ? 32 : 24) : (_shouldShowLargeIcon ? 42 : 24), diff --git a/auth/lib/ui/components/custom_icon_widget.dart b/auth/lib/ui/components/custom_icon_widget.dart new file mode 100644 index 0000000000..4825ddff60 --- /dev/null +++ b/auth/lib/ui/components/custom_icon_widget.dart @@ -0,0 +1,37 @@ +import 'package:ente_auth/theme/ente_theme.dart'; +import 'package:ente_auth/ui/utils/icon_utils.dart'; +import 'package:ente_auth/utils/totp_util.dart'; +import 'package:flutter/material.dart'; + +class CustomIconWidget extends StatelessWidget { + final String iconData; + + CustomIconWidget({ + super.key, + required this.iconData, + }); + + @override + Widget build(BuildContext context) { + return Container( + width: 70, + height: 70, + decoration: BoxDecoration( + border: Border.all( + width: 1.5, + color: getEnteColorScheme(context).tagChipSelectedColor, + ), + borderRadius: const BorderRadius.all(Radius.circular(12.0)), + ), + padding: const EdgeInsets.all(8), + child: FittedBox( + fit: BoxFit.contain, + child: IconUtils.instance.getIcon( + context, + safeDecode(iconData).trim(), + width: 50, + ), + ), + ); + } +} diff --git a/auth/lib/ui/custom_icon_page.dart b/auth/lib/ui/custom_icon_page.dart new file mode 100644 index 0000000000..01edbea9be --- /dev/null +++ b/auth/lib/ui/custom_icon_page.dart @@ -0,0 +1,216 @@ +import 'package:ente_auth/l10n/l10n.dart'; +import 'package:ente_auth/models/all_icon_data.dart'; +import 'package:ente_auth/services/preference_service.dart'; +import 'package:ente_auth/theme/ente_theme.dart'; +import 'package:ente_auth/ui/utils/icon_utils.dart'; +import 'package:flutter/material.dart'; + +class CustomIconPage extends StatefulWidget { + final Map allIcons; + final String currentIcon; + + const CustomIconPage({ + super.key, + required this.allIcons, + required this.currentIcon, + }); + + @override + State createState() => _CustomIconPageState(); +} + +class _CustomIconPageState extends State { + Map _filteredIcons = {}; + bool _showSearchBox = false; + final bool _autoFocusSearch = + PreferenceService.instance.shouldAutoFocusOnSearchBar(); + final TextEditingController _textController = TextEditingController(); + String _searchText = ""; + + // Used to request focus on the search box when clicked the search icon + late FocusNode searchBoxFocusNode; + + @override + void initState() { + _filteredIcons = widget.allIcons; + _showSearchBox = _autoFocusSearch; + searchBoxFocusNode = FocusNode(); + super.initState(); + } + + @override + void dispose() { + _textController.dispose(); + searchBoxFocusNode.dispose(); + super.dispose(); + } + + void _applyFilteringAndRefresh() { + if (_searchText.isEmpty) { + setState(() { + _filteredIcons = widget.allIcons; + }); + return; + } + + final filteredIcons = {}; + widget.allIcons.forEach((title, iconData) { + if (title.toLowerCase().contains(_searchText.toLowerCase())) { + filteredIcons[title] = iconData; + } + }); + + setState(() { + _filteredIcons = filteredIcons; + }); + } + + @override + Widget build(BuildContext context) { + final l10n = context.l10n; + return Scaffold( + appBar: AppBar( + title: !_showSearchBox + ? const Text('Custom Branding') + : TextField( + autocorrect: false, + enableSuggestions: false, + autofocus: _autoFocusSearch, + controller: _textController, + onChanged: (value) { + _searchText = value; + _applyFilteringAndRefresh(); + }, + decoration: InputDecoration( + hintText: l10n.searchHint, + border: InputBorder.none, + focusedBorder: InputBorder.none, + ), + focusNode: searchBoxFocusNode, + ), + actions: [ + IconButton( + icon: _showSearchBox + ? const Icon(Icons.clear) + : const Icon(Icons.search), + tooltip: "Search", + onPressed: () { + setState( + () { + _showSearchBox = !_showSearchBox; + if (!_showSearchBox) { + _textController.clear(); + _searchText = ""; + } else { + _searchText = _textController.text; + + // Request focus on the search box + searchBoxFocusNode.requestFocus(); + } + _applyFilteringAndRefresh(); + }, + ); + }, + ), + ], + ), + body: SafeArea( + child: Padding( + padding: const EdgeInsets.all(8.0), + child: Column( + children: [ + Expanded( + child: GridView.builder( + gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( + crossAxisCount: (MediaQuery.sizeOf(context).width ~/ 90) + .clamp(1, double.infinity) + .toInt(), + crossAxisSpacing: 14, + mainAxisSpacing: 14, + childAspectRatio: 1, + ), + itemCount: _filteredIcons.length, + itemBuilder: (context, index) { + final title = _filteredIcons.keys.elementAt(index); + final iconData = _filteredIcons[title]!; + IconType iconType = iconData.type; + String? color = iconData.color; + String? slug = iconData.slug; + + Widget iconWidget; + if (iconType == IconType.simpleIcon) { + iconWidget = IconUtils.instance.getSVGIcon( + "assets/simple-icons/icons/$title.svg", + title, + color, + 40, + context, + ); + } else { + iconWidget = IconUtils.instance.getSVGIcon( + "assets/custom-icons/icons/${slug ?? title}.svg", + title, + color, + 40, + context, + ); + } + + return GestureDetector( + onTap: () { + final newIcon = AllIconData( + title: title, + type: iconType, + color: color, + slug: slug, + ); + Navigator.of(context).pop(newIcon); + }, + child: Container( + decoration: BoxDecoration( + border: Border.all( + width: 1.5, + color: title.toLowerCase() == + widget.currentIcon.toLowerCase() + ? getEnteColorScheme(context) + .tagChipSelectedColor + : Colors.transparent, + ), + borderRadius: const BorderRadius.all( + Radius.circular(12.0), + ), + ), + child: Column( + children: [ + const SizedBox(height: 8), + Expanded( + child: iconWidget, + ), + const SizedBox(height: 12), + Padding( + padding: title.toLowerCase() == + widget.currentIcon.toLowerCase() + ? const EdgeInsets.only(left: 2, right: 2) + : const EdgeInsets.all(0.0), + child: Text( + '${title[0].toUpperCase()}${title.substring(1)}', + style: getEnteTextTheme(context).mini, + overflow: TextOverflow.ellipsis, + maxLines: 1, + ), + ), + const SizedBox(height: 4), + ], + ), + ), + ); + }, + ), + ), + ], + ), + ), + ), + ); + } +} diff --git a/auth/lib/ui/home_page.dart b/auth/lib/ui/home_page.dart index e18cfa45ae..1a2d0a83a7 100644 --- a/auth/lib/ui/home_page.dart +++ b/auth/lib/ui/home_page.dart @@ -217,10 +217,11 @@ class _HomePageState extends State { void sortFilteredCodes(List codes, CodeSortKey sortKey) { switch (sortKey) { case CodeSortKey.issuerName: - codes.sort((a, b) => a.issuer.compareTo(b.issuer)); + codes.sort((a, b) => compareAsciiLowerCaseNatural(a.issuer, b.issuer)); break; case CodeSortKey.accountName: - codes.sort((a, b) => a.account.compareTo(b.account)); + codes + .sort((a, b) => compareAsciiLowerCaseNatural(a.account, b.account)); break; case CodeSortKey.mostFrequentlyUsed: codes.sort((a, b) => b.display.tapCount.compareTo(a.display.tapCount)); diff --git a/auth/lib/ui/reorder_codes_page.dart b/auth/lib/ui/reorder_codes_page.dart index 7d79949b0f..4dd693e8c3 100644 --- a/auth/lib/ui/reorder_codes_page.dart +++ b/auth/lib/ui/reorder_codes_page.dart @@ -3,6 +3,7 @@ import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/code.dart'; import 'package:ente_auth/services/preference_service.dart'; import 'package:ente_auth/store/code_store.dart'; +import 'package:ente_auth/theme/ente_theme.dart'; import 'package:ente_auth/ui/code_widget.dart'; import 'package:flutter/material.dart'; import 'package:logging/logging.dart'; @@ -16,71 +17,71 @@ class ReorderCodesPage extends StatefulWidget { } class _ReorderCodesPageState extends State { - int selectedSortOption = 2; + bool hasChanged = false; final logger = Logger('ReorderCodesPage'); @override Widget build(BuildContext context) { final bool isCompactMode = PreferenceService.instance.isCompactMode(); - return PopScope( - canPop: false, - onPopInvokedWithResult: (didPop, result) async { - if (!didPop) { - final hasSaved = await saveUpadedIndexes(); - if (hasSaved) { + return Scaffold( + appBar: AppBar( + title: const Text("Custom order"), + leading: IconButton( + icon: const Icon(Icons.arrow_back), + onPressed: () async { Navigator.of(context).pop(); - } - } - }, - child: Scaffold( - appBar: AppBar( - title: Text(context.l10n.editOrder), - leading: IconButton( - icon: const Icon(Icons.arrow_back), - onPressed: () async { + }, + ), + actions: [ + GestureDetector( + onTap: () async { final hasSaved = await saveUpadedIndexes(); if (hasSaved) { Navigator.of(context).pop(); } }, + child: Padding( + padding: const EdgeInsets.only(right: 20), + child: Text( + context.l10n.save, + style: TextStyle( + color: hasChanged + ? getEnteColorScheme(context).textBase + : getEnteColorScheme(context).strokeMuted, + ), + ), + ), ), - ), - body: ReorderableListView( - buildDefaultDragHandles: false, - proxyDecorator: - (Widget child, int index, Animation animation) { - return AnimatedBuilder( - animation: animation, - builder: (BuildContext context, _) { - final animValue = Curves.easeInOut.transform(animation.value); - final scale = lerpDouble(1, 1.05, animValue)!; - return Transform.scale(scale: scale, child: child); - }, - ); - }, - children: [ - for (final code in widget.codes) - selectedSortOption == 2 - ? ReorderableDragStartListener( - key: ValueKey('${code.hashCode}_${code.generatedID}'), - index: widget.codes.indexOf(code), - child: CodeWidget( - key: ValueKey(code.generatedID), - code, - isCompactMode: isCompactMode, - ), - ) - : CodeWidget( - key: ValueKey('${code.hashCode}_${code.generatedID}'), - code, - isCompactMode: isCompactMode, - ), - ], - onReorder: (oldIndex, newIndex) { - if (selectedSortOption == 2) updateCodeIndex(oldIndex, newIndex); - }, - ), + ], + ), + body: ReorderableListView( + buildDefaultDragHandles: false, + proxyDecorator: (Widget child, int index, Animation animation) { + return AnimatedBuilder( + animation: animation, + builder: (BuildContext context, _) { + final animValue = Curves.easeInOut.transform(animation.value); + final scale = lerpDouble(1, 1.05, animValue)!; + return Transform.scale(scale: scale, child: child); + }, + ); + }, + children: [ + for (final code in widget.codes) + ReorderableDragStartListener( + key: ValueKey('${code.hashCode}_${code.generatedID}'), + index: widget.codes.indexOf(code), + child: CodeWidget( + key: ValueKey(code.generatedID), + code, + isCompactMode: isCompactMode, + ), + ), + ], + onReorder: (oldIndex, newIndex) { + updateCodeIndex(oldIndex, newIndex); + }, ), ); } @@ -97,6 +98,7 @@ class _ReorderCodesPageState extends State { if (oldIndex < newIndex) newIndex -= 1; final Code code = widget.codes.removeAt(oldIndex); widget.codes.insert(newIndex, code); + hasChanged = true; }); } } diff --git a/auth/lib/ui/settings/data/data_section_widget.dart b/auth/lib/ui/settings/data/data_section_widget.dart index f32739d239..5665d58532 100644 --- a/auth/lib/ui/settings/data/data_section_widget.dart +++ b/auth/lib/ui/settings/data/data_section_widget.dart @@ -1,11 +1,16 @@ +import 'dart:async'; + import 'package:ente_auth/l10n/l10n.dart'; +import 'package:ente_auth/services/deduplication_service.dart'; import 'package:ente_auth/theme/ente_theme.dart'; import 'package:ente_auth/ui/components/captioned_text_widget.dart'; import 'package:ente_auth/ui/components/expandable_menu_item_widget.dart'; import 'package:ente_auth/ui/components/menu_item_widget.dart'; import 'package:ente_auth/ui/settings/common_settings.dart'; +import 'package:ente_auth/ui/settings/data/duplicate_code_page.dart'; import 'package:ente_auth/ui/settings/data/export_widget.dart'; import 'package:ente_auth/ui/settings/data/import_page.dart'; +import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/navigation_util.dart'; import 'package:flutter/material.dart'; @@ -53,6 +58,33 @@ class DataSectionWidget extends StatelessWidget { }, ), sectionOptionSpacing, + MenuItemWidget( + captionedTextWidget: CaptionedTextWidget( + title: l10n.duplicateCodes, + ), + pressedColor: getEnteColorScheme(context).fillFaint, + trailingIcon: Icons.chevron_right_outlined, + trailingIconIsMuted: true, + onTap: () async { + final List duplicateCodes = + await DeduplicationService.instance.getDuplicateCodes(); + if (duplicateCodes.isEmpty) { + unawaited( + showErrorDialog( + context, + l10n.noDuplicates, + l10n.youveNoDuplicateCodesThatCanBeCleared, + ), + ); + return; + } + await routeToPage( + context, + DuplicateCodePage(duplicateCodes: duplicateCodes), + ); + }, + ), + sectionOptionSpacing, ]); return Column( children: children, diff --git a/auth/lib/ui/settings/data/duplicate_code_page.dart b/auth/lib/ui/settings/data/duplicate_code_page.dart new file mode 100644 index 0000000000..9de8695a52 --- /dev/null +++ b/auth/lib/ui/settings/data/duplicate_code_page.dart @@ -0,0 +1,259 @@ +import 'package:ente_auth/l10n/l10n.dart'; +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/services/deduplication_service.dart'; +import 'package:ente_auth/services/local_authentication_service.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:ente_auth/theme/ente_theme.dart'; +import 'package:ente_auth/ui/code_widget.dart'; +import 'package:ente_auth/utils/dialog_util.dart'; +import 'package:flutter/material.dart'; +import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; +import 'package:logging/logging.dart'; + +class DuplicateCodePage extends StatefulWidget { + final List duplicateCodes; + const DuplicateCodePage({ + super.key, + required this.duplicateCodes, + }); + + @override + State createState() => _DuplicateCodePageState(); +} + +class _DuplicateCodePageState extends State { + final Logger _logger = Logger("DuplicateCodePage"); + late List _duplicateCodes; + final Set selectedGrids = {}; + + @override + void initState() { + _duplicateCodes = widget.duplicateCodes; + super.initState(); + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: Text(context.l10n.deduplicateCodes), + elevation: 0, + ), + body: _getBody(), + ); + } + + Widget _getBody() { + final l10n = context.l10n; + return SafeArea( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + mainAxisAlignment: MainAxisAlignment.start, + children: [ + AnimatedContainer( + duration: const Duration(milliseconds: 200), + curve: Curves.easeOut, + child: Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: Row( + mainAxisAlignment: MainAxisAlignment.end, + children: [ + GestureDetector( + onTap: () { + if (selectedGrids.length == _duplicateCodes.length) { + _removeAllGrids(); + } else { + _selectAllGrids(); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + selectedGrids.length == _duplicateCodes.length + ? l10n.deselectAll + : l10n.selectAll, + style: + Theme.of(context).textTheme.titleMedium!.copyWith( + fontSize: 14, + color: Theme.of(context) + .iconTheme + .color! + .withOpacity(0.7), + ), + ), + const Padding(padding: EdgeInsets.only(left: 4)), + selectedGrids.length == _duplicateCodes.length + ? const Icon( + Icons.check_circle, + size: 24, + ) + : Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ), + ], + ), + ), + ], + ), + ), + ), + const SizedBox(height: 8), + Expanded( + child: ListView.builder( + itemCount: _duplicateCodes.length, + shrinkWrap: true, + itemBuilder: (context, index) { + final List codes = _duplicateCodes[index].codes; + return _getGridView( + codes, + index, + ); + }, + ), + ), + selectedGrids.isEmpty ? const SizedBox.shrink() : _getDeleteButton(), + ], + ), + ); + } + + Widget _getGridView(List code, int itemIndex) { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: GestureDetector( + onTap: () { + if (selectedGrids.contains(itemIndex)) { + selectedGrids.remove(itemIndex); + } else { + selectedGrids.add(itemIndex); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + "${code[0].issuer}, ${code.length} items", + ), + !selectedGrids.contains(itemIndex) + ? Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ) + : const Icon( + Icons.check_circle, + size: 24, + ), + ], + ), + ), + ), + AlignedGridView.count( + crossAxisCount: (MediaQuery.sizeOf(context).width ~/ 400) + .clamp(1, double.infinity) + .toInt(), + padding: const EdgeInsets.only(bottom: 40), + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + itemBuilder: (context, index) { + return CodeWidget( + key: ValueKey('${code.hashCode}_$index'), + code[index], + isCompactMode: false, + ); + }, + itemCount: code.length, + ), + ], + ); + } + + Widget _getDeleteButton() { + int selectedItemsCount = 0; + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + selectedItemsCount += _duplicateCodes[idx].codes.length - 1; + } + } + return Padding( + padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 20), + child: SizedBox( + width: 400, + child: OutlinedButton( + onPressed: () async { + await deleteDuplicates(selectedItemsCount); + }, + child: Text( + "Delete $selectedItemsCount items", + ), + ), + ), + ); + } + + void _selectAllGrids() { + selectedGrids.clear(); + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + selectedGrids.add(idx); + } + } + + void _removeAllGrids() { + selectedGrids.clear(); + } + + Future deleteDuplicates(int itemCount) async { + bool isAuthSuccessful = + await LocalAuthenticationService.instance.requestLocalAuthentication( + context, + context.l10n.deleteCodeAuthMessage, + ); + if (!isAuthSuccessful) { + return; + } + FocusScope.of(context).requestFocus(); + final l10n = context.l10n; + final String message = "Are you sure you want to trash $itemCount items?"; + await showChoiceActionSheet( + context, + title: l10n.deleteDuplicates, + body: message, + firstButtonLabel: l10n.trash, + isCritical: true, + firstButtonOnTap: () async { + try { + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + final List codes = _duplicateCodes[idx].codes; + for (int i = 1; i < codes.length; i++) { + final display = codes[i].display; + final Code code = codes[i].copyWith( + display: display.copyWith(trashed: true), + ); + await CodeStore.instance.addCode(code); + } + } + } + Navigator.of(context).pop(); + } catch (e) { + _logger.severe('Failed to trash duplicate codes: ${e.toString()}'); + showGenericErrorDialog(context: context, error: e).ignore(); + } + }, + ); + } +} diff --git a/auth/lib/ui/settings/data/export_widget.dart b/auth/lib/ui/settings/data/export_widget.dart index 0df7482898..6d32424d3f 100644 --- a/auth/lib/ui/settings/data/export_widget.dart +++ b/auth/lib/ui/settings/data/export_widget.dart @@ -1,6 +1,5 @@ import 'dart:convert'; import 'dart:io'; - import 'package:ente_auth/core/configuration.dart'; import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/export/ente.dart'; @@ -9,16 +8,15 @@ import 'package:ente_auth/store/code_store.dart'; import 'package:ente_auth/ui/components/buttons/button_widget.dart'; import 'package:ente_auth/ui/components/dialog_widget.dart'; import 'package:ente_auth/ui/components/models/button_type.dart'; +import 'package:ente_auth/ui/settings/data/html_export.dart'; import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/platform_util.dart'; import 'package:ente_auth/utils/share_utils.dart'; import 'package:ente_auth/utils/toast_util.dart'; import 'package:ente_crypto_dart/ente_crypto_dart.dart'; import 'package:file_saver/file_saver.dart'; -import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; -import 'package:logging/logging.dart'; import 'package:share_plus/share_plus.dart'; Future handleExportClick(BuildContext context) async { @@ -41,13 +39,22 @@ Future handleExportClick(BuildContext context) async { isInAlert: true, buttonAction: ButtonAction.second, ), + const ButtonWidget( + buttonType: ButtonType.secondary, + labelText: "HTML", + buttonSize: ButtonSize.large, + isInAlert: true, + buttonAction: ButtonAction.third, + ), ], ); if (result?.action != null && result!.action != ButtonAction.cancel) { if (result.action == ButtonAction.first) { await _requestForEncryptionPassword(context); - } else { - await _showExportWarningDialog(context); + } else if (result.action == ButtonAction.second) { + await _showExportWarningDialog(context, "txt"); + } else if (result.action == ButtonAction.third) { + await _showExportWarningDialog(context, "html"); } } } @@ -98,9 +105,8 @@ Future _requestForEncryptionPassword( ), ); // get json value of data - await _exportCodes(context, jsonEncode(data.toJson())); - } catch (e, s) { - Logger("ExportWidget").severe(e, s); + await _exportCodes(context, jsonEncode(data.toJson()), "txt"); + } catch (e) { showToast(context, "Error while exporting codes."); } } @@ -108,26 +114,34 @@ Future _requestForEncryptionPassword( ); } -Future _showExportWarningDialog(BuildContext context) async { +Future _showExportWarningDialog(BuildContext context, String type) async { await showChoiceActionSheet( context, title: context.l10n.warning, body: context.l10n.exportWarningDesc, isCritical: true, firstButtonOnTap: () async { - final data = await _getAuthDataForExport(); - await _exportCodes(context, data); + if (type == "html") { + final data = await generateHtml(context); + await _exportCodes(context, data, type); + } else { + final data = await _getAuthDataForExport(); + await _exportCodes(context, data, type); + } }, secondButtonLabel: context.l10n.cancel, firstButtonLabel: context.l10n.iUnderStand, ); } -Future _exportCodes(BuildContext context, String fileContent) async { +Future _exportCodes( + BuildContext context, + String fileContent, + String extension, +) async { DateTime now = DateTime.now().toUtc(); String formattedDate = DateFormat('yyyy-MM-dd').format(now); String exportFileName = 'ente-auth-codes-$formattedDate'; - String exportFileExtension = 'txt'; final hasAuthenticated = await LocalAuthenticationService.instance .requestLocalAuthentication(context, context.l10n.authToExportCodes); await PlatformUtil.refocusWindows(); @@ -142,14 +156,14 @@ Future _exportCodes(BuildContext context, String fileContent) async { saveAction: () async { await PlatformUtil.shareFile( exportFileName, - exportFileExtension, + extension, CryptoUtil.strToBin(fileContent), MimeType.text, ); }, sendAction: () async { final codeFile = File( - "${Configuration.instance.getTempDirectory()}$exportFileName.$exportFileExtension", + "${Configuration.instance.getTempDirectory()}$exportFileName.$extension", ); if (codeFile.existsSync()) { await codeFile.delete(); diff --git a/auth/lib/ui/settings/data/html_export.dart b/auth/lib/ui/settings/data/html_export.dart new file mode 100644 index 0000000000..705bd8507c --- /dev/null +++ b/auth/lib/ui/settings/data/html_export.dart @@ -0,0 +1,236 @@ +import 'dart:convert'; +import 'dart:ui' as ui; + +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:flutter/material.dart'; +import 'package:intl/intl.dart'; +import 'package:qr_flutter/qr_flutter.dart'; + +Future generateQRImageBase64(String data) async { + final qrPainter = QrPainter( + data: data, + version: QrVersions.auto, + eyeStyle: const QrEyeStyle( + eyeShape: QrEyeShape.square, + color: Colors.black, + ), + dataModuleStyle: const QrDataModuleStyle( + dataModuleShape: QrDataModuleShape.square, + color: Colors.black, + ), + ); + + const size = 250.0; + final recorder = ui.PictureRecorder(); + final canvas = Canvas(recorder); + qrPainter.paint(canvas, const Size(size, size)); + final picture = recorder.endRecording(); + final img = await picture.toImage(size.toInt(), size.toInt()); + final byteData = await img.toByteData(format: ui.ImageByteFormat.png); + final pngBytes = byteData!.buffer.asUint8List(); + + return base64Encode(pngBytes); +} + +Future generateOTPEntryHtml( + Code code, + BuildContext context, +) async { + final qrBase64 = await generateQRImageBase64(code.rawData); + String notes = code.display.note; + if (notes.isNotEmpty) { + notes = 'Note: $notes'; + } + return ''' + + + ${code.issuer} + ${code.account} + + Type: ${code.type.name} + Algorithm: ${code.algorithm.name} + Digits: ${code.digits} + Recovery Code: ${code.secret} + $notes + + + + + + + '''; +} + +Future generateHtml(BuildContext context) async { + DateTime now = DateTime.now().toUtc(); + String formattedDate = DateFormat('d MMMM, yyyy').format(now); + final allCodes = await CodeStore.instance.getAllCodes(); + final List enteries = []; + + for (final code in allCodes) { + if (code.hasError) continue; + final entry = await generateOTPEntryHtml(code, context); + enteries.add(entry); + } + + return ''' + + + + + + + + Ente Auth + OTP Data Export + $formattedDate + + + + + ${enteries.join('')} + + + + + + + + +
codes, CodeSortKey sortKey) { switch (sortKey) { case CodeSortKey.issuerName: - codes.sort((a, b) => a.issuer.compareTo(b.issuer)); + codes.sort((a, b) => compareAsciiLowerCaseNatural(a.issuer, b.issuer)); break; case CodeSortKey.accountName: - codes.sort((a, b) => a.account.compareTo(b.account)); + codes + .sort((a, b) => compareAsciiLowerCaseNatural(a.account, b.account)); break; case CodeSortKey.mostFrequentlyUsed: codes.sort((a, b) => b.display.tapCount.compareTo(a.display.tapCount)); diff --git a/auth/lib/ui/reorder_codes_page.dart b/auth/lib/ui/reorder_codes_page.dart index 7d79949b0f..4dd693e8c3 100644 --- a/auth/lib/ui/reorder_codes_page.dart +++ b/auth/lib/ui/reorder_codes_page.dart @@ -3,6 +3,7 @@ import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/code.dart'; import 'package:ente_auth/services/preference_service.dart'; import 'package:ente_auth/store/code_store.dart'; +import 'package:ente_auth/theme/ente_theme.dart'; import 'package:ente_auth/ui/code_widget.dart'; import 'package:flutter/material.dart'; import 'package:logging/logging.dart'; @@ -16,71 +17,71 @@ class ReorderCodesPage extends StatefulWidget { } class _ReorderCodesPageState extends State { - int selectedSortOption = 2; + bool hasChanged = false; final logger = Logger('ReorderCodesPage'); @override Widget build(BuildContext context) { final bool isCompactMode = PreferenceService.instance.isCompactMode(); - return PopScope( - canPop: false, - onPopInvokedWithResult: (didPop, result) async { - if (!didPop) { - final hasSaved = await saveUpadedIndexes(); - if (hasSaved) { + return Scaffold( + appBar: AppBar( + title: const Text("Custom order"), + leading: IconButton( + icon: const Icon(Icons.arrow_back), + onPressed: () async { Navigator.of(context).pop(); - } - } - }, - child: Scaffold( - appBar: AppBar( - title: Text(context.l10n.editOrder), - leading: IconButton( - icon: const Icon(Icons.arrow_back), - onPressed: () async { + }, + ), + actions: [ + GestureDetector( + onTap: () async { final hasSaved = await saveUpadedIndexes(); if (hasSaved) { Navigator.of(context).pop(); } }, + child: Padding( + padding: const EdgeInsets.only(right: 20), + child: Text( + context.l10n.save, + style: TextStyle( + color: hasChanged + ? getEnteColorScheme(context).textBase + : getEnteColorScheme(context).strokeMuted, + ), + ), + ), ), - ), - body: ReorderableListView( - buildDefaultDragHandles: false, - proxyDecorator: - (Widget child, int index, Animation animation) { - return AnimatedBuilder( - animation: animation, - builder: (BuildContext context, _) { - final animValue = Curves.easeInOut.transform(animation.value); - final scale = lerpDouble(1, 1.05, animValue)!; - return Transform.scale(scale: scale, child: child); - }, - ); - }, - children: [ - for (final code in widget.codes) - selectedSortOption == 2 - ? ReorderableDragStartListener( - key: ValueKey('${code.hashCode}_${code.generatedID}'), - index: widget.codes.indexOf(code), - child: CodeWidget( - key: ValueKey(code.generatedID), - code, - isCompactMode: isCompactMode, - ), - ) - : CodeWidget( - key: ValueKey('${code.hashCode}_${code.generatedID}'), - code, - isCompactMode: isCompactMode, - ), - ], - onReorder: (oldIndex, newIndex) { - if (selectedSortOption == 2) updateCodeIndex(oldIndex, newIndex); - }, - ), + ], + ), + body: ReorderableListView( + buildDefaultDragHandles: false, + proxyDecorator: (Widget child, int index, Animation animation) { + return AnimatedBuilder( + animation: animation, + builder: (BuildContext context, _) { + final animValue = Curves.easeInOut.transform(animation.value); + final scale = lerpDouble(1, 1.05, animValue)!; + return Transform.scale(scale: scale, child: child); + }, + ); + }, + children: [ + for (final code in widget.codes) + ReorderableDragStartListener( + key: ValueKey('${code.hashCode}_${code.generatedID}'), + index: widget.codes.indexOf(code), + child: CodeWidget( + key: ValueKey(code.generatedID), + code, + isCompactMode: isCompactMode, + ), + ), + ], + onReorder: (oldIndex, newIndex) { + updateCodeIndex(oldIndex, newIndex); + }, ), ); } @@ -97,6 +98,7 @@ class _ReorderCodesPageState extends State { if (oldIndex < newIndex) newIndex -= 1; final Code code = widget.codes.removeAt(oldIndex); widget.codes.insert(newIndex, code); + hasChanged = true; }); } } diff --git a/auth/lib/ui/settings/data/data_section_widget.dart b/auth/lib/ui/settings/data/data_section_widget.dart index f32739d239..5665d58532 100644 --- a/auth/lib/ui/settings/data/data_section_widget.dart +++ b/auth/lib/ui/settings/data/data_section_widget.dart @@ -1,11 +1,16 @@ +import 'dart:async'; + import 'package:ente_auth/l10n/l10n.dart'; +import 'package:ente_auth/services/deduplication_service.dart'; import 'package:ente_auth/theme/ente_theme.dart'; import 'package:ente_auth/ui/components/captioned_text_widget.dart'; import 'package:ente_auth/ui/components/expandable_menu_item_widget.dart'; import 'package:ente_auth/ui/components/menu_item_widget.dart'; import 'package:ente_auth/ui/settings/common_settings.dart'; +import 'package:ente_auth/ui/settings/data/duplicate_code_page.dart'; import 'package:ente_auth/ui/settings/data/export_widget.dart'; import 'package:ente_auth/ui/settings/data/import_page.dart'; +import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/navigation_util.dart'; import 'package:flutter/material.dart'; @@ -53,6 +58,33 @@ class DataSectionWidget extends StatelessWidget { }, ), sectionOptionSpacing, + MenuItemWidget( + captionedTextWidget: CaptionedTextWidget( + title: l10n.duplicateCodes, + ), + pressedColor: getEnteColorScheme(context).fillFaint, + trailingIcon: Icons.chevron_right_outlined, + trailingIconIsMuted: true, + onTap: () async { + final List duplicateCodes = + await DeduplicationService.instance.getDuplicateCodes(); + if (duplicateCodes.isEmpty) { + unawaited( + showErrorDialog( + context, + l10n.noDuplicates, + l10n.youveNoDuplicateCodesThatCanBeCleared, + ), + ); + return; + } + await routeToPage( + context, + DuplicateCodePage(duplicateCodes: duplicateCodes), + ); + }, + ), + sectionOptionSpacing, ]); return Column( children: children, diff --git a/auth/lib/ui/settings/data/duplicate_code_page.dart b/auth/lib/ui/settings/data/duplicate_code_page.dart new file mode 100644 index 0000000000..9de8695a52 --- /dev/null +++ b/auth/lib/ui/settings/data/duplicate_code_page.dart @@ -0,0 +1,259 @@ +import 'package:ente_auth/l10n/l10n.dart'; +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/services/deduplication_service.dart'; +import 'package:ente_auth/services/local_authentication_service.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:ente_auth/theme/ente_theme.dart'; +import 'package:ente_auth/ui/code_widget.dart'; +import 'package:ente_auth/utils/dialog_util.dart'; +import 'package:flutter/material.dart'; +import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; +import 'package:logging/logging.dart'; + +class DuplicateCodePage extends StatefulWidget { + final List duplicateCodes; + const DuplicateCodePage({ + super.key, + required this.duplicateCodes, + }); + + @override + State createState() => _DuplicateCodePageState(); +} + +class _DuplicateCodePageState extends State { + final Logger _logger = Logger("DuplicateCodePage"); + late List _duplicateCodes; + final Set selectedGrids = {}; + + @override + void initState() { + _duplicateCodes = widget.duplicateCodes; + super.initState(); + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: Text(context.l10n.deduplicateCodes), + elevation: 0, + ), + body: _getBody(), + ); + } + + Widget _getBody() { + final l10n = context.l10n; + return SafeArea( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + mainAxisAlignment: MainAxisAlignment.start, + children: [ + AnimatedContainer( + duration: const Duration(milliseconds: 200), + curve: Curves.easeOut, + child: Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: Row( + mainAxisAlignment: MainAxisAlignment.end, + children: [ + GestureDetector( + onTap: () { + if (selectedGrids.length == _duplicateCodes.length) { + _removeAllGrids(); + } else { + _selectAllGrids(); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + selectedGrids.length == _duplicateCodes.length + ? l10n.deselectAll + : l10n.selectAll, + style: + Theme.of(context).textTheme.titleMedium!.copyWith( + fontSize: 14, + color: Theme.of(context) + .iconTheme + .color! + .withOpacity(0.7), + ), + ), + const Padding(padding: EdgeInsets.only(left: 4)), + selectedGrids.length == _duplicateCodes.length + ? const Icon( + Icons.check_circle, + size: 24, + ) + : Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ), + ], + ), + ), + ], + ), + ), + ), + const SizedBox(height: 8), + Expanded( + child: ListView.builder( + itemCount: _duplicateCodes.length, + shrinkWrap: true, + itemBuilder: (context, index) { + final List codes = _duplicateCodes[index].codes; + return _getGridView( + codes, + index, + ); + }, + ), + ), + selectedGrids.isEmpty ? const SizedBox.shrink() : _getDeleteButton(), + ], + ), + ); + } + + Widget _getGridView(List code, int itemIndex) { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: GestureDetector( + onTap: () { + if (selectedGrids.contains(itemIndex)) { + selectedGrids.remove(itemIndex); + } else { + selectedGrids.add(itemIndex); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + "${code[0].issuer}, ${code.length} items", + ), + !selectedGrids.contains(itemIndex) + ? Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ) + : const Icon( + Icons.check_circle, + size: 24, + ), + ], + ), + ), + ), + AlignedGridView.count( + crossAxisCount: (MediaQuery.sizeOf(context).width ~/ 400) + .clamp(1, double.infinity) + .toInt(), + padding: const EdgeInsets.only(bottom: 40), + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + itemBuilder: (context, index) { + return CodeWidget( + key: ValueKey('${code.hashCode}_$index'), + code[index], + isCompactMode: false, + ); + }, + itemCount: code.length, + ), + ], + ); + } + + Widget _getDeleteButton() { + int selectedItemsCount = 0; + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + selectedItemsCount += _duplicateCodes[idx].codes.length - 1; + } + } + return Padding( + padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 20), + child: SizedBox( + width: 400, + child: OutlinedButton( + onPressed: () async { + await deleteDuplicates(selectedItemsCount); + }, + child: Text( + "Delete $selectedItemsCount items", + ), + ), + ), + ); + } + + void _selectAllGrids() { + selectedGrids.clear(); + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + selectedGrids.add(idx); + } + } + + void _removeAllGrids() { + selectedGrids.clear(); + } + + Future deleteDuplicates(int itemCount) async { + bool isAuthSuccessful = + await LocalAuthenticationService.instance.requestLocalAuthentication( + context, + context.l10n.deleteCodeAuthMessage, + ); + if (!isAuthSuccessful) { + return; + } + FocusScope.of(context).requestFocus(); + final l10n = context.l10n; + final String message = "Are you sure you want to trash $itemCount items?"; + await showChoiceActionSheet( + context, + title: l10n.deleteDuplicates, + body: message, + firstButtonLabel: l10n.trash, + isCritical: true, + firstButtonOnTap: () async { + try { + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + final List codes = _duplicateCodes[idx].codes; + for (int i = 1; i < codes.length; i++) { + final display = codes[i].display; + final Code code = codes[i].copyWith( + display: display.copyWith(trashed: true), + ); + await CodeStore.instance.addCode(code); + } + } + } + Navigator.of(context).pop(); + } catch (e) { + _logger.severe('Failed to trash duplicate codes: ${e.toString()}'); + showGenericErrorDialog(context: context, error: e).ignore(); + } + }, + ); + } +} diff --git a/auth/lib/ui/settings/data/export_widget.dart b/auth/lib/ui/settings/data/export_widget.dart index 0df7482898..6d32424d3f 100644 --- a/auth/lib/ui/settings/data/export_widget.dart +++ b/auth/lib/ui/settings/data/export_widget.dart @@ -1,6 +1,5 @@ import 'dart:convert'; import 'dart:io'; - import 'package:ente_auth/core/configuration.dart'; import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/export/ente.dart'; @@ -9,16 +8,15 @@ import 'package:ente_auth/store/code_store.dart'; import 'package:ente_auth/ui/components/buttons/button_widget.dart'; import 'package:ente_auth/ui/components/dialog_widget.dart'; import 'package:ente_auth/ui/components/models/button_type.dart'; +import 'package:ente_auth/ui/settings/data/html_export.dart'; import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/platform_util.dart'; import 'package:ente_auth/utils/share_utils.dart'; import 'package:ente_auth/utils/toast_util.dart'; import 'package:ente_crypto_dart/ente_crypto_dart.dart'; import 'package:file_saver/file_saver.dart'; -import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; -import 'package:logging/logging.dart'; import 'package:share_plus/share_plus.dart'; Future handleExportClick(BuildContext context) async { @@ -41,13 +39,22 @@ Future handleExportClick(BuildContext context) async { isInAlert: true, buttonAction: ButtonAction.second, ), + const ButtonWidget( + buttonType: ButtonType.secondary, + labelText: "HTML", + buttonSize: ButtonSize.large, + isInAlert: true, + buttonAction: ButtonAction.third, + ), ], ); if (result?.action != null && result!.action != ButtonAction.cancel) { if (result.action == ButtonAction.first) { await _requestForEncryptionPassword(context); - } else { - await _showExportWarningDialog(context); + } else if (result.action == ButtonAction.second) { + await _showExportWarningDialog(context, "txt"); + } else if (result.action == ButtonAction.third) { + await _showExportWarningDialog(context, "html"); } } } @@ -98,9 +105,8 @@ Future _requestForEncryptionPassword( ), ); // get json value of data - await _exportCodes(context, jsonEncode(data.toJson())); - } catch (e, s) { - Logger("ExportWidget").severe(e, s); + await _exportCodes(context, jsonEncode(data.toJson()), "txt"); + } catch (e) { showToast(context, "Error while exporting codes."); } } @@ -108,26 +114,34 @@ Future _requestForEncryptionPassword( ); } -Future _showExportWarningDialog(BuildContext context) async { +Future _showExportWarningDialog(BuildContext context, String type) async { await showChoiceActionSheet( context, title: context.l10n.warning, body: context.l10n.exportWarningDesc, isCritical: true, firstButtonOnTap: () async { - final data = await _getAuthDataForExport(); - await _exportCodes(context, data); + if (type == "html") { + final data = await generateHtml(context); + await _exportCodes(context, data, type); + } else { + final data = await _getAuthDataForExport(); + await _exportCodes(context, data, type); + } }, secondButtonLabel: context.l10n.cancel, firstButtonLabel: context.l10n.iUnderStand, ); } -Future _exportCodes(BuildContext context, String fileContent) async { +Future _exportCodes( + BuildContext context, + String fileContent, + String extension, +) async { DateTime now = DateTime.now().toUtc(); String formattedDate = DateFormat('yyyy-MM-dd').format(now); String exportFileName = 'ente-auth-codes-$formattedDate'; - String exportFileExtension = 'txt'; final hasAuthenticated = await LocalAuthenticationService.instance .requestLocalAuthentication(context, context.l10n.authToExportCodes); await PlatformUtil.refocusWindows(); @@ -142,14 +156,14 @@ Future _exportCodes(BuildContext context, String fileContent) async { saveAction: () async { await PlatformUtil.shareFile( exportFileName, - exportFileExtension, + extension, CryptoUtil.strToBin(fileContent), MimeType.text, ); }, sendAction: () async { final codeFile = File( - "${Configuration.instance.getTempDirectory()}$exportFileName.$exportFileExtension", + "${Configuration.instance.getTempDirectory()}$exportFileName.$extension", ); if (codeFile.existsSync()) { await codeFile.delete(); diff --git a/auth/lib/ui/settings/data/html_export.dart b/auth/lib/ui/settings/data/html_export.dart new file mode 100644 index 0000000000..705bd8507c --- /dev/null +++ b/auth/lib/ui/settings/data/html_export.dart @@ -0,0 +1,236 @@ +import 'dart:convert'; +import 'dart:ui' as ui; + +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:flutter/material.dart'; +import 'package:intl/intl.dart'; +import 'package:qr_flutter/qr_flutter.dart'; + +Future generateQRImageBase64(String data) async { + final qrPainter = QrPainter( + data: data, + version: QrVersions.auto, + eyeStyle: const QrEyeStyle( + eyeShape: QrEyeShape.square, + color: Colors.black, + ), + dataModuleStyle: const QrDataModuleStyle( + dataModuleShape: QrDataModuleShape.square, + color: Colors.black, + ), + ); + + const size = 250.0; + final recorder = ui.PictureRecorder(); + final canvas = Canvas(recorder); + qrPainter.paint(canvas, const Size(size, size)); + final picture = recorder.endRecording(); + final img = await picture.toImage(size.toInt(), size.toInt()); + final byteData = await img.toByteData(format: ui.ImageByteFormat.png); + final pngBytes = byteData!.buffer.asUint8List(); + + return base64Encode(pngBytes); +} + +Future generateOTPEntryHtml( + Code code, + BuildContext context, +) async { + final qrBase64 = await generateQRImageBase64(code.rawData); + String notes = code.display.note; + if (notes.isNotEmpty) { + notes = 'Note: $notes'; + } + return ''' + + + ${code.issuer} + ${code.account} + + Type: ${code.type.name} + Algorithm: ${code.algorithm.name} + Digits: ${code.digits} + Recovery Code: ${code.secret} + $notes + + + + + + + '''; +} + +Future generateHtml(BuildContext context) async { + DateTime now = DateTime.now().toUtc(); + String formattedDate = DateFormat('d MMMM, yyyy').format(now); + final allCodes = await CodeStore.instance.getAllCodes(); + final List enteries = []; + + for (final code in allCodes) { + if (code.hasError) continue; + final entry = await generateOTPEntryHtml(code, context); + enteries.add(entry); + } + + return ''' + + + + + + + + Ente Auth + OTP Data Export + $formattedDate + + + + + ${enteries.join('')} + + + + + + + + +
codes = _duplicateCodes[index].codes; + return _getGridView( + codes, + index, + ); + }, + ), + ), + selectedGrids.isEmpty ? const SizedBox.shrink() : _getDeleteButton(), + ], + ), + ); + } + + Widget _getGridView(List code, int itemIndex) { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: GestureDetector( + onTap: () { + if (selectedGrids.contains(itemIndex)) { + selectedGrids.remove(itemIndex); + } else { + selectedGrids.add(itemIndex); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + "${code[0].issuer}, ${code.length} items", + ), + !selectedGrids.contains(itemIndex) + ? Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ) + : const Icon( + Icons.check_circle, + size: 24, + ), + ], + ), + ), + ), + AlignedGridView.count( + crossAxisCount: (MediaQuery.sizeOf(context).width ~/ 400) + .clamp(1, double.infinity) + .toInt(), + padding: const EdgeInsets.only(bottom: 40), + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + itemBuilder: (context, index) { + return CodeWidget( + key: ValueKey('${code.hashCode}_$index'), + code[index], + isCompactMode: false, + ); + }, + itemCount: code.length, + ), + ], + ); + } + + Widget _getDeleteButton() { + int selectedItemsCount = 0; + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + selectedItemsCount += _duplicateCodes[idx].codes.length - 1; + } + } + return Padding( + padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 20), + child: SizedBox( + width: 400, + child: OutlinedButton( + onPressed: () async { + await deleteDuplicates(selectedItemsCount); + }, + child: Text( + "Delete $selectedItemsCount items", + ), + ), + ), + ); + } + + void _selectAllGrids() { + selectedGrids.clear(); + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + selectedGrids.add(idx); + } + } + + void _removeAllGrids() { + selectedGrids.clear(); + } + + Future deleteDuplicates(int itemCount) async { + bool isAuthSuccessful = + await LocalAuthenticationService.instance.requestLocalAuthentication( + context, + context.l10n.deleteCodeAuthMessage, + ); + if (!isAuthSuccessful) { + return; + } + FocusScope.of(context).requestFocus(); + final l10n = context.l10n; + final String message = "Are you sure you want to trash $itemCount items?"; + await showChoiceActionSheet( + context, + title: l10n.deleteDuplicates, + body: message, + firstButtonLabel: l10n.trash, + isCritical: true, + firstButtonOnTap: () async { + try { + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + final List codes = _duplicateCodes[idx].codes; + for (int i = 1; i < codes.length; i++) { + final display = codes[i].display; + final Code code = codes[i].copyWith( + display: display.copyWith(trashed: true), + ); + await CodeStore.instance.addCode(code); + } + } + } + Navigator.of(context).pop(); + } catch (e) { + _logger.severe('Failed to trash duplicate codes: ${e.toString()}'); + showGenericErrorDialog(context: context, error: e).ignore(); + } + }, + ); + } +} diff --git a/auth/lib/ui/settings/data/export_widget.dart b/auth/lib/ui/settings/data/export_widget.dart index 0df7482898..6d32424d3f 100644 --- a/auth/lib/ui/settings/data/export_widget.dart +++ b/auth/lib/ui/settings/data/export_widget.dart @@ -1,6 +1,5 @@ import 'dart:convert'; import 'dart:io'; - import 'package:ente_auth/core/configuration.dart'; import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/export/ente.dart'; @@ -9,16 +8,15 @@ import 'package:ente_auth/store/code_store.dart'; import 'package:ente_auth/ui/components/buttons/button_widget.dart'; import 'package:ente_auth/ui/components/dialog_widget.dart'; import 'package:ente_auth/ui/components/models/button_type.dart'; +import 'package:ente_auth/ui/settings/data/html_export.dart'; import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/platform_util.dart'; import 'package:ente_auth/utils/share_utils.dart'; import 'package:ente_auth/utils/toast_util.dart'; import 'package:ente_crypto_dart/ente_crypto_dart.dart'; import 'package:file_saver/file_saver.dart'; -import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; -import 'package:logging/logging.dart'; import 'package:share_plus/share_plus.dart'; Future handleExportClick(BuildContext context) async { @@ -41,13 +39,22 @@ Future handleExportClick(BuildContext context) async { isInAlert: true, buttonAction: ButtonAction.second, ), + const ButtonWidget( + buttonType: ButtonType.secondary, + labelText: "HTML", + buttonSize: ButtonSize.large, + isInAlert: true, + buttonAction: ButtonAction.third, + ), ], ); if (result?.action != null && result!.action != ButtonAction.cancel) { if (result.action == ButtonAction.first) { await _requestForEncryptionPassword(context); - } else { - await _showExportWarningDialog(context); + } else if (result.action == ButtonAction.second) { + await _showExportWarningDialog(context, "txt"); + } else if (result.action == ButtonAction.third) { + await _showExportWarningDialog(context, "html"); } } } @@ -98,9 +105,8 @@ Future _requestForEncryptionPassword( ), ); // get json value of data - await _exportCodes(context, jsonEncode(data.toJson())); - } catch (e, s) { - Logger("ExportWidget").severe(e, s); + await _exportCodes(context, jsonEncode(data.toJson()), "txt"); + } catch (e) { showToast(context, "Error while exporting codes."); } } @@ -108,26 +114,34 @@ Future _requestForEncryptionPassword( ); } -Future _showExportWarningDialog(BuildContext context) async { +Future _showExportWarningDialog(BuildContext context, String type) async { await showChoiceActionSheet( context, title: context.l10n.warning, body: context.l10n.exportWarningDesc, isCritical: true, firstButtonOnTap: () async { - final data = await _getAuthDataForExport(); - await _exportCodes(context, data); + if (type == "html") { + final data = await generateHtml(context); + await _exportCodes(context, data, type); + } else { + final data = await _getAuthDataForExport(); + await _exportCodes(context, data, type); + } }, secondButtonLabel: context.l10n.cancel, firstButtonLabel: context.l10n.iUnderStand, ); } -Future _exportCodes(BuildContext context, String fileContent) async { +Future _exportCodes( + BuildContext context, + String fileContent, + String extension, +) async { DateTime now = DateTime.now().toUtc(); String formattedDate = DateFormat('yyyy-MM-dd').format(now); String exportFileName = 'ente-auth-codes-$formattedDate'; - String exportFileExtension = 'txt'; final hasAuthenticated = await LocalAuthenticationService.instance .requestLocalAuthentication(context, context.l10n.authToExportCodes); await PlatformUtil.refocusWindows(); @@ -142,14 +156,14 @@ Future _exportCodes(BuildContext context, String fileContent) async { saveAction: () async { await PlatformUtil.shareFile( exportFileName, - exportFileExtension, + extension, CryptoUtil.strToBin(fileContent), MimeType.text, ); }, sendAction: () async { final codeFile = File( - "${Configuration.instance.getTempDirectory()}$exportFileName.$exportFileExtension", + "${Configuration.instance.getTempDirectory()}$exportFileName.$extension", ); if (codeFile.existsSync()) { await codeFile.delete(); diff --git a/auth/lib/ui/settings/data/html_export.dart b/auth/lib/ui/settings/data/html_export.dart new file mode 100644 index 0000000000..705bd8507c --- /dev/null +++ b/auth/lib/ui/settings/data/html_export.dart @@ -0,0 +1,236 @@ +import 'dart:convert'; +import 'dart:ui' as ui; + +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:flutter/material.dart'; +import 'package:intl/intl.dart'; +import 'package:qr_flutter/qr_flutter.dart'; + +Future generateQRImageBase64(String data) async { + final qrPainter = QrPainter( + data: data, + version: QrVersions.auto, + eyeStyle: const QrEyeStyle( + eyeShape: QrEyeShape.square, + color: Colors.black, + ), + dataModuleStyle: const QrDataModuleStyle( + dataModuleShape: QrDataModuleShape.square, + color: Colors.black, + ), + ); + + const size = 250.0; + final recorder = ui.PictureRecorder(); + final canvas = Canvas(recorder); + qrPainter.paint(canvas, const Size(size, size)); + final picture = recorder.endRecording(); + final img = await picture.toImage(size.toInt(), size.toInt()); + final byteData = await img.toByteData(format: ui.ImageByteFormat.png); + final pngBytes = byteData!.buffer.asUint8List(); + + return base64Encode(pngBytes); +} + +Future generateOTPEntryHtml( + Code code, + BuildContext context, +) async { + final qrBase64 = await generateQRImageBase64(code.rawData); + String notes = code.display.note; + if (notes.isNotEmpty) { + notes = 'Note: $notes'; + } + return ''' + + + ${code.issuer} + ${code.account} + + Type: ${code.type.name} + Algorithm: ${code.algorithm.name} + Digits: ${code.digits} + Recovery Code: ${code.secret} + $notes + + + + + + + '''; +} + +Future generateHtml(BuildContext context) async { + DateTime now = DateTime.now().toUtc(); + String formattedDate = DateFormat('d MMMM, yyyy').format(now); + final allCodes = await CodeStore.instance.getAllCodes(); + final List enteries = []; + + for (final code in allCodes) { + if (code.hasError) continue; + final entry = await generateOTPEntryHtml(code, context); + enteries.add(entry); + } + + return ''' + + + + + + + + Ente Auth + OTP Data Export + $formattedDate + + + + + ${enteries.join('')} + + + + + + + + +
code, int itemIndex) { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Padding( + padding: const EdgeInsets.symmetric( + horizontal: 16, + vertical: 4, + ), + child: GestureDetector( + onTap: () { + if (selectedGrids.contains(itemIndex)) { + selectedGrids.remove(itemIndex); + } else { + selectedGrids.add(itemIndex); + } + setState(() {}); + }, + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + children: [ + Text( + "${code[0].issuer}, ${code.length} items", + ), + !selectedGrids.contains(itemIndex) + ? Icon( + Icons.check_circle_outlined, + color: getEnteColorScheme(context).strokeMuted, + size: 24, + ) + : const Icon( + Icons.check_circle, + size: 24, + ), + ], + ), + ), + ), + AlignedGridView.count( + crossAxisCount: (MediaQuery.sizeOf(context).width ~/ 400) + .clamp(1, double.infinity) + .toInt(), + padding: const EdgeInsets.only(bottom: 40), + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + itemBuilder: (context, index) { + return CodeWidget( + key: ValueKey('${code.hashCode}_$index'), + code[index], + isCompactMode: false, + ); + }, + itemCount: code.length, + ), + ], + ); + } + + Widget _getDeleteButton() { + int selectedItemsCount = 0; + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + selectedItemsCount += _duplicateCodes[idx].codes.length - 1; + } + } + return Padding( + padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 20), + child: SizedBox( + width: 400, + child: OutlinedButton( + onPressed: () async { + await deleteDuplicates(selectedItemsCount); + }, + child: Text( + "Delete $selectedItemsCount items", + ), + ), + ), + ); + } + + void _selectAllGrids() { + selectedGrids.clear(); + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + selectedGrids.add(idx); + } + } + + void _removeAllGrids() { + selectedGrids.clear(); + } + + Future deleteDuplicates(int itemCount) async { + bool isAuthSuccessful = + await LocalAuthenticationService.instance.requestLocalAuthentication( + context, + context.l10n.deleteCodeAuthMessage, + ); + if (!isAuthSuccessful) { + return; + } + FocusScope.of(context).requestFocus(); + final l10n = context.l10n; + final String message = "Are you sure you want to trash $itemCount items?"; + await showChoiceActionSheet( + context, + title: l10n.deleteDuplicates, + body: message, + firstButtonLabel: l10n.trash, + isCritical: true, + firstButtonOnTap: () async { + try { + for (int idx = 0; idx < _duplicateCodes.length; idx++) { + if (selectedGrids.contains(idx)) { + final List codes = _duplicateCodes[idx].codes; + for (int i = 1; i < codes.length; i++) { + final display = codes[i].display; + final Code code = codes[i].copyWith( + display: display.copyWith(trashed: true), + ); + await CodeStore.instance.addCode(code); + } + } + } + Navigator.of(context).pop(); + } catch (e) { + _logger.severe('Failed to trash duplicate codes: ${e.toString()}'); + showGenericErrorDialog(context: context, error: e).ignore(); + } + }, + ); + } +} diff --git a/auth/lib/ui/settings/data/export_widget.dart b/auth/lib/ui/settings/data/export_widget.dart index 0df7482898..6d32424d3f 100644 --- a/auth/lib/ui/settings/data/export_widget.dart +++ b/auth/lib/ui/settings/data/export_widget.dart @@ -1,6 +1,5 @@ import 'dart:convert'; import 'dart:io'; - import 'package:ente_auth/core/configuration.dart'; import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/export/ente.dart'; @@ -9,16 +8,15 @@ import 'package:ente_auth/store/code_store.dart'; import 'package:ente_auth/ui/components/buttons/button_widget.dart'; import 'package:ente_auth/ui/components/dialog_widget.dart'; import 'package:ente_auth/ui/components/models/button_type.dart'; +import 'package:ente_auth/ui/settings/data/html_export.dart'; import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/platform_util.dart'; import 'package:ente_auth/utils/share_utils.dart'; import 'package:ente_auth/utils/toast_util.dart'; import 'package:ente_crypto_dart/ente_crypto_dart.dart'; import 'package:file_saver/file_saver.dart'; -import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; -import 'package:logging/logging.dart'; import 'package:share_plus/share_plus.dart'; Future handleExportClick(BuildContext context) async { @@ -41,13 +39,22 @@ Future handleExportClick(BuildContext context) async { isInAlert: true, buttonAction: ButtonAction.second, ), + const ButtonWidget( + buttonType: ButtonType.secondary, + labelText: "HTML", + buttonSize: ButtonSize.large, + isInAlert: true, + buttonAction: ButtonAction.third, + ), ], ); if (result?.action != null && result!.action != ButtonAction.cancel) { if (result.action == ButtonAction.first) { await _requestForEncryptionPassword(context); - } else { - await _showExportWarningDialog(context); + } else if (result.action == ButtonAction.second) { + await _showExportWarningDialog(context, "txt"); + } else if (result.action == ButtonAction.third) { + await _showExportWarningDialog(context, "html"); } } } @@ -98,9 +105,8 @@ Future _requestForEncryptionPassword( ), ); // get json value of data - await _exportCodes(context, jsonEncode(data.toJson())); - } catch (e, s) { - Logger("ExportWidget").severe(e, s); + await _exportCodes(context, jsonEncode(data.toJson()), "txt"); + } catch (e) { showToast(context, "Error while exporting codes."); } } @@ -108,26 +114,34 @@ Future _requestForEncryptionPassword( ); } -Future _showExportWarningDialog(BuildContext context) async { +Future _showExportWarningDialog(BuildContext context, String type) async { await showChoiceActionSheet( context, title: context.l10n.warning, body: context.l10n.exportWarningDesc, isCritical: true, firstButtonOnTap: () async { - final data = await _getAuthDataForExport(); - await _exportCodes(context, data); + if (type == "html") { + final data = await generateHtml(context); + await _exportCodes(context, data, type); + } else { + final data = await _getAuthDataForExport(); + await _exportCodes(context, data, type); + } }, secondButtonLabel: context.l10n.cancel, firstButtonLabel: context.l10n.iUnderStand, ); } -Future _exportCodes(BuildContext context, String fileContent) async { +Future _exportCodes( + BuildContext context, + String fileContent, + String extension, +) async { DateTime now = DateTime.now().toUtc(); String formattedDate = DateFormat('yyyy-MM-dd').format(now); String exportFileName = 'ente-auth-codes-$formattedDate'; - String exportFileExtension = 'txt'; final hasAuthenticated = await LocalAuthenticationService.instance .requestLocalAuthentication(context, context.l10n.authToExportCodes); await PlatformUtil.refocusWindows(); @@ -142,14 +156,14 @@ Future _exportCodes(BuildContext context, String fileContent) async { saveAction: () async { await PlatformUtil.shareFile( exportFileName, - exportFileExtension, + extension, CryptoUtil.strToBin(fileContent), MimeType.text, ); }, sendAction: () async { final codeFile = File( - "${Configuration.instance.getTempDirectory()}$exportFileName.$exportFileExtension", + "${Configuration.instance.getTempDirectory()}$exportFileName.$extension", ); if (codeFile.existsSync()) { await codeFile.delete(); diff --git a/auth/lib/ui/settings/data/html_export.dart b/auth/lib/ui/settings/data/html_export.dart new file mode 100644 index 0000000000..705bd8507c --- /dev/null +++ b/auth/lib/ui/settings/data/html_export.dart @@ -0,0 +1,236 @@ +import 'dart:convert'; +import 'dart:ui' as ui; + +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:flutter/material.dart'; +import 'package:intl/intl.dart'; +import 'package:qr_flutter/qr_flutter.dart'; + +Future generateQRImageBase64(String data) async { + final qrPainter = QrPainter( + data: data, + version: QrVersions.auto, + eyeStyle: const QrEyeStyle( + eyeShape: QrEyeShape.square, + color: Colors.black, + ), + dataModuleStyle: const QrDataModuleStyle( + dataModuleShape: QrDataModuleShape.square, + color: Colors.black, + ), + ); + + const size = 250.0; + final recorder = ui.PictureRecorder(); + final canvas = Canvas(recorder); + qrPainter.paint(canvas, const Size(size, size)); + final picture = recorder.endRecording(); + final img = await picture.toImage(size.toInt(), size.toInt()); + final byteData = await img.toByteData(format: ui.ImageByteFormat.png); + final pngBytes = byteData!.buffer.asUint8List(); + + return base64Encode(pngBytes); +} + +Future generateOTPEntryHtml( + Code code, + BuildContext context, +) async { + final qrBase64 = await generateQRImageBase64(code.rawData); + String notes = code.display.note; + if (notes.isNotEmpty) { + notes = 'Note: $notes'; + } + return ''' + + + ${code.issuer} + ${code.account} + + Type: ${code.type.name} + Algorithm: ${code.algorithm.name} + Digits: ${code.digits} + Recovery Code: ${code.secret} + $notes + + + + + + + '''; +} + +Future generateHtml(BuildContext context) async { + DateTime now = DateTime.now().toUtc(); + String formattedDate = DateFormat('d MMMM, yyyy').format(now); + final allCodes = await CodeStore.instance.getAllCodes(); + final List enteries = []; + + for (final code in allCodes) { + if (code.hasError) continue; + final entry = await generateOTPEntryHtml(code, context); + enteries.add(entry); + } + + return ''' + + + + + + + + Ente Auth + OTP Data Export + $formattedDate + + + + + ${enteries.join('')} + + + + + + + + +
codes = _duplicateCodes[idx].codes; + for (int i = 1; i < codes.length; i++) { + final display = codes[i].display; + final Code code = codes[i].copyWith( + display: display.copyWith(trashed: true), + ); + await CodeStore.instance.addCode(code); + } + } + } + Navigator.of(context).pop(); + } catch (e) { + _logger.severe('Failed to trash duplicate codes: ${e.toString()}'); + showGenericErrorDialog(context: context, error: e).ignore(); + } + }, + ); + } +} diff --git a/auth/lib/ui/settings/data/export_widget.dart b/auth/lib/ui/settings/data/export_widget.dart index 0df7482898..6d32424d3f 100644 --- a/auth/lib/ui/settings/data/export_widget.dart +++ b/auth/lib/ui/settings/data/export_widget.dart @@ -1,6 +1,5 @@ import 'dart:convert'; import 'dart:io'; - import 'package:ente_auth/core/configuration.dart'; import 'package:ente_auth/l10n/l10n.dart'; import 'package:ente_auth/models/export/ente.dart'; @@ -9,16 +8,15 @@ import 'package:ente_auth/store/code_store.dart'; import 'package:ente_auth/ui/components/buttons/button_widget.dart'; import 'package:ente_auth/ui/components/dialog_widget.dart'; import 'package:ente_auth/ui/components/models/button_type.dart'; +import 'package:ente_auth/ui/settings/data/html_export.dart'; import 'package:ente_auth/utils/dialog_util.dart'; import 'package:ente_auth/utils/platform_util.dart'; import 'package:ente_auth/utils/share_utils.dart'; import 'package:ente_auth/utils/toast_util.dart'; import 'package:ente_crypto_dart/ente_crypto_dart.dart'; import 'package:file_saver/file_saver.dart'; -import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart'; -import 'package:logging/logging.dart'; import 'package:share_plus/share_plus.dart'; Future handleExportClick(BuildContext context) async { @@ -41,13 +39,22 @@ Future handleExportClick(BuildContext context) async { isInAlert: true, buttonAction: ButtonAction.second, ), + const ButtonWidget( + buttonType: ButtonType.secondary, + labelText: "HTML", + buttonSize: ButtonSize.large, + isInAlert: true, + buttonAction: ButtonAction.third, + ), ], ); if (result?.action != null && result!.action != ButtonAction.cancel) { if (result.action == ButtonAction.first) { await _requestForEncryptionPassword(context); - } else { - await _showExportWarningDialog(context); + } else if (result.action == ButtonAction.second) { + await _showExportWarningDialog(context, "txt"); + } else if (result.action == ButtonAction.third) { + await _showExportWarningDialog(context, "html"); } } } @@ -98,9 +105,8 @@ Future _requestForEncryptionPassword( ), ); // get json value of data - await _exportCodes(context, jsonEncode(data.toJson())); - } catch (e, s) { - Logger("ExportWidget").severe(e, s); + await _exportCodes(context, jsonEncode(data.toJson()), "txt"); + } catch (e) { showToast(context, "Error while exporting codes."); } } @@ -108,26 +114,34 @@ Future _requestForEncryptionPassword( ); } -Future _showExportWarningDialog(BuildContext context) async { +Future _showExportWarningDialog(BuildContext context, String type) async { await showChoiceActionSheet( context, title: context.l10n.warning, body: context.l10n.exportWarningDesc, isCritical: true, firstButtonOnTap: () async { - final data = await _getAuthDataForExport(); - await _exportCodes(context, data); + if (type == "html") { + final data = await generateHtml(context); + await _exportCodes(context, data, type); + } else { + final data = await _getAuthDataForExport(); + await _exportCodes(context, data, type); + } }, secondButtonLabel: context.l10n.cancel, firstButtonLabel: context.l10n.iUnderStand, ); } -Future _exportCodes(BuildContext context, String fileContent) async { +Future _exportCodes( + BuildContext context, + String fileContent, + String extension, +) async { DateTime now = DateTime.now().toUtc(); String formattedDate = DateFormat('yyyy-MM-dd').format(now); String exportFileName = 'ente-auth-codes-$formattedDate'; - String exportFileExtension = 'txt'; final hasAuthenticated = await LocalAuthenticationService.instance .requestLocalAuthentication(context, context.l10n.authToExportCodes); await PlatformUtil.refocusWindows(); @@ -142,14 +156,14 @@ Future _exportCodes(BuildContext context, String fileContent) async { saveAction: () async { await PlatformUtil.shareFile( exportFileName, - exportFileExtension, + extension, CryptoUtil.strToBin(fileContent), MimeType.text, ); }, sendAction: () async { final codeFile = File( - "${Configuration.instance.getTempDirectory()}$exportFileName.$exportFileExtension", + "${Configuration.instance.getTempDirectory()}$exportFileName.$extension", ); if (codeFile.existsSync()) { await codeFile.delete(); diff --git a/auth/lib/ui/settings/data/html_export.dart b/auth/lib/ui/settings/data/html_export.dart new file mode 100644 index 0000000000..705bd8507c --- /dev/null +++ b/auth/lib/ui/settings/data/html_export.dart @@ -0,0 +1,236 @@ +import 'dart:convert'; +import 'dart:ui' as ui; + +import 'package:ente_auth/models/code.dart'; +import 'package:ente_auth/store/code_store.dart'; +import 'package:flutter/material.dart'; +import 'package:intl/intl.dart'; +import 'package:qr_flutter/qr_flutter.dart'; + +Future generateQRImageBase64(String data) async { + final qrPainter = QrPainter( + data: data, + version: QrVersions.auto, + eyeStyle: const QrEyeStyle( + eyeShape: QrEyeShape.square, + color: Colors.black, + ), + dataModuleStyle: const QrDataModuleStyle( + dataModuleShape: QrDataModuleShape.square, + color: Colors.black, + ), + ); + + const size = 250.0; + final recorder = ui.PictureRecorder(); + final canvas = Canvas(recorder); + qrPainter.paint(canvas, const Size(size, size)); + final picture = recorder.endRecording(); + final img = await picture.toImage(size.toInt(), size.toInt()); + final byteData = await img.toByteData(format: ui.ImageByteFormat.png); + final pngBytes = byteData!.buffer.asUint8List(); + + return base64Encode(pngBytes); +} + +Future generateOTPEntryHtml( + Code code, + BuildContext context, +) async { + final qrBase64 = await generateQRImageBase64(code.rawData); + String notes = code.display.note; + if (notes.isNotEmpty) { + notes = 'Note: $notes'; + } + return ''' + + + ${code.issuer} + ${code.account} + + Type: ${code.type.name} + Algorithm: ${code.algorithm.name} + Digits: ${code.digits} + Recovery Code: ${code.secret} + $notes + + + + + + + '''; +} + +Future generateHtml(BuildContext context) async { + DateTime now = DateTime.now().toUtc(); + String formattedDate = DateFormat('d MMMM, yyyy').format(now); + final allCodes = await CodeStore.instance.getAllCodes(); + final List enteries = []; + + for (final code in allCodes) { + if (code.hasError) continue; + final entry = await generateOTPEntryHtml(code, context); + enteries.add(entry); + } + + return ''' + + + + + + + + Ente Auth + OTP Data Export + $formattedDate + + + + + ${enteries.join('')} + + + + + + + + +
Note: $notes
${code.issuer}
${code.account}
Type: ${code.type.name}
Algorithm: ${code.algorithm.name}
Digits: ${code.digits}
Recovery Code: ${code.secret}
$formattedDate
+ ${enteries.join('')} +
