feat(EWM-517): nft (wip)

Author: Egor Komarov

assets/translations/en.json

@@ -691,11 +691,23 @@
   "nftWord": "NFT",
   "nftEmptyListTitle": "You don't have any NFTs yet",
   "nftEmptyListSubtitle": "Visit our marketplace for Everscale collections or import NFTs manually",
+  "nftEmptyListSubtitleNoMarket": "You can add the NFTs manually",
   "visitMarketplace": "Visit marketplace",
   "addNFT": "Add NFT",
   "nftMyCollections": "My collections",
+  "nftMyNfts": "My NFTs",
   "nftPasteHint": "Paste NFT address",
   "invalidAddressFormat": "Invalid address format",
   "nftOwnerError": "Not the NFT owner",
-  "nftImportHint": "This address is available in the transaction details of your NFT purchase."
+  "nftImportHint": "This address is available in the transaction details of your NFT purchase.",
+  "nftViewInExplorer": "View details in Explorer",
+  "nftHideCollection": "Hide collection",
+  "nftCollectionHidden": "The collection is hidden",
+  "showMore": "Show more",
+  "owner": "Owner",
+  "manager": "Manager",
+  "balanceWord": "Balance",
+  "transfer": "Transfer",
+  "transferTokens": "Transfer tokens",
+  "openInMarketplace": "Open in marketplace"
 }

assets/translations/ko.json

@@ -691,11 +691,23 @@
   "nftWord": "NFT",
   "nftEmptyListTitle": "You don't have any NFTs yet",
   "nftEmptyListSubtitle": "Visit our marketplace for Everscale collections or import NFTs manually",
+  "nftEmptyListSubtitleNoMarket": "You can add the NFTs manually",
   "visitMarketplace": "Visit marketplace",
   "addNFT": "Add NFT",
   "nftMyCollections": "My collections",
+  "nftMyNfts": "My NFTs",
   "nftPasteHint": "Paste NFT address",
   "invalidAddressFormat": "Invalid address format",
   "nftOwnerError": "Not the NFT owner",
-  "nftImportHint": "This address is available in the transaction details of your NFT purchase."
+  "nftImportHint": "This address is available in the transaction details of your NFT purchase.",
+  "nftViewInExplorer": "View details in Explorer",
+  "nftHideCollection": "Hide collection",
+  "nftCollectionHidden": "The collection is hidden",
+  "showMore": "Show more",
+  "owner": "Owner",
+  "manager": "Manager",
+  "balanceWord": "Balance",
+  "transfer": "Transfer",
+  "transferTokens": "Transfer tokens",
+  "openInMarketplace": "Open in marketplace"
 }

lib/di/di.config.dart

@@ -0,0 +1,3 @@
+export 'data/message.dart';
+export 'domain/service/messenger_service.dart';
+export 'widget/toast_message.dart';

lib/feature/messenger/messenger.dart

@@ -2,6 +2,7 @@ import 'package:app/app/service/service.dart';
 import 'package:app/feature/nft/nft.dart';
 import 'package:collection/collection.dart';
 import 'package:injectable/injectable.dart';
+import 'package:logging/logging.dart';
 import 'package:nekoton_repository/nekoton_repository.dart';
 import 'package:rxdart/rxdart.dart';
 
@@ -13,17 +14,25 @@ class NftService {
     this._appStorageService,
   );
 
+  static final _logger = Logger('NftService');
+
   final NekotonRepository _nekotonRepository;
   final NftStorageService _nftStorageService;
   final AppStorageService _appStorageService;
 
   final Map<Address, NftCollection> _collections = {};
 
-  Stream<NftDisplayMode?> get displayModeStream => _appStorageService
-      .getValueStream<NftDisplayMode>(StorageKey.nftGridMode());
+  Stream<NftDisplayMode?> get displayModeStream =>
+      _appStorageService.getValueStream<String>(StorageKey.nftGridMode()).map(
+            (name) => switch (name) {
+              'grid' => NftDisplayMode.grid,
+              'list' => NftDisplayMode.list,
+              _ => null,
+            },
+          );
 
   void setDisplayMode(NftDisplayMode mode) {
-    _appStorageService.addValue(StorageKey.nftGridMode(), mode);
+    _appStorageService.addValue(StorageKey.nftGridMode(), mode.name);
   }
 
   Stream<List<CollectionMeta>> getAccountCollectionsMetaStream(Address owner) {
@@ -51,6 +60,50 @@ class NftService {
     );
   }
 
+  Stream<NftTransferEvent> getNftTransferEventStream({
+    required Address owner,
+    required Address collection,
+  }) {
+    return _nekotonRepository.nftTransferEventStream.where(
+      (event) =>
+          event.collection == collection &&
+          (event.sender == owner || event.recipient == owner),
+    );
+  }
+
+  Future<NftCollection?> getCollection(Address address) async {
+    if (_collections.containsKey(address)) {
+      return _collections[address];
+    }
+
+    try {
+      final collection = await _nekotonRepository.getNftCollection(address);
+      _collections[address] = collection;
+      return collection;
+    } catch (e) {
+      _logger.warning('Failed to get NFT collection for address $address: $e');
+      return null;
+    }
+  }
+
+  Future<NftItem?> getNftItem({
+    required Address address,
+    required Address owner,
+  }) async {
+    try {
+      final item = await _nekotonRepository.getNftItem(
+        address: address,
+        owner: owner,
+      );
+      return item;
+    } catch (e) {
+      _logger.warning(
+        'Failed to get NFT item for address $address (owner: $owner): $e',
+      );
+      return null;
+    }
+  }
+
   Future<void> scanNftCollections(Address owner) async {
     final networkGroup = _nekotonRepository.currentTransport.networkGroup;
     // TODO: whitelist collections
@@ -88,6 +141,19 @@ class NftService {
     );
   }
 
+  void addCollection({
+    required Address account,
+    required Address collection,
+  }) {
+    _nftStorageService.addMetadata(
+      account: account,
+      collectionMeta: CollectionMeta(
+        collection: collection,
+        networkGroup: _nekotonRepository.currentTransport.networkGroup,
+      ),
+    );
+  }
+
   void hideCollection({
     required Address account,
     required Address collection,

lib/feature/nft/domain/nft_service.dart

@@ -2,3 +2,4 @@ export 'data/data.dart';
 export 'domain/domain.dart';
 export 'route.dart';
 export 'view/view.dart';
+export 'widgets/widgets.dart';

lib/feature/nft/nft.dart

@@ -7,6 +7,7 @@ import 'package:injectable/injectable.dart';
 class NftRoute extends CompassRouteParameterless<NftRouteData> {
   NftRoute(
     @Named.from(AddNftRoute) CompassBaseRoute addNftRoute,
+    @Named.from(NftCollectionRoute) CompassBaseRoute nftCollectionRoute,
   ) : super(
           name: 'nft',
           path: '/nft',
@@ -16,6 +17,7 @@ class NftRoute extends CompassRouteParameterless<NftRouteData> {
           builder: (context, _, __) => const NftPageWidget(),
           compassBaseRoutes: [
             addNftRoute,
+            nftCollectionRoute,
           ],
         );
 

lib/feature/nft/route.dart

@@ -29,6 +29,7 @@ class AddNftWidget extends ElementaryWidget<AddNftWidgetModel> {
             return Padding(
               padding: const EdgeInsets.symmetric(horizontal: DimensSizeV2.d16),
               child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   if (account != null) AccountInfo(account: account),
                   const SizedBox(height: DimensSizeV2.d12),
@@ -53,15 +54,15 @@ class AddNftWidget extends ElementaryWidget<AddNftWidgetModel> {
                       if (error == null || error.isEmpty) {
                         return Text(
                           LocaleKeys.nftImportHint.tr(),
-                          style: theme.textStyles.labelSmall.copyWith(
+                          style: theme.textStyles.labelXSmall.copyWith(
                             color: theme.colors.content1,
                           ),
                         );
                       }
 
                       return Text(
                         error,
-                        style: theme.textStyles.labelSmall.copyWith(
+                        style: theme.textStyles.labelXSmall.copyWith(
                           color: theme.colors.negative,
                         ),
                       );

lib/feature/nft/view/add_nft/add_nft_widget.dart

@@ -0,0 +1,4 @@
+export 'nft_collection_page_model.dart';
+export 'nft_collection_page_widget.dart';
+export 'nft_collection_page_wm.dart';
+export 'route.dart';

lib/feature/nft/view/nft_collection_page/nft_collection_page.dart

@@ -0,0 +1,71 @@
+import 'package:app/app/service/service.dart';
+import 'package:app/feature/messenger/messenger.dart';
+import 'package:app/feature/nft/nft.dart';
+import 'package:app/generated/generated.dart';
+import 'package:elementary/elementary.dart';
+import 'package:nekoton_repository/nekoton_repository.dart' hide Message;
+import 'package:rxdart/rxdart.dart';
+
+const _limit = 8;
+
+class NftCollectionPageModel extends ElementaryModel {
+  NftCollectionPageModel(
+    ErrorHandler errorHandler,
+    this._nftService,
+    this._currentAccountsService,
+    this._nekotonRepository,
+    this._messengerService,
+  ) : super(errorHandler: errorHandler);
+
+  final NftService _nftService;
+  final CurrentAccountsService _currentAccountsService;
+  final NekotonRepository _nekotonRepository;
+  final MessengerService _messengerService;
+
+  Stream<KeyAccount?> get currentAccountStream =>
+      _currentAccountsService.currentActiveAccountStream;
+
+  Stream<NftDisplayMode?> get displayModeStream =>
+      _nftService.displayModeStream;
+
+  Future<Address> get _owner =>
+      currentAccountStream.mapNotNull((e) => e?.address).first;
+
+  Stream<NftTransferEvent> getNftTransferEventStream(Address collection) =>
+      _owner.asStream().switchMap(
+            (owner) => _nftService.getNftTransferEventStream(
+              owner: owner,
+              collection: collection,
+            ),
+          );
+
+  Future<NftCollection?> getCollection(Address address) =>
+      _nftService.getCollection(address);
+
+  Future<NftList> getNtfList({
+    required Address collection,
+    String? continuation,
+  }) async =>
+      _nekotonRepository.getNtfList(
+        owner: await _owner,
+        collection: collection,
+        limit: _limit,
+        continuation: continuation,
+      );
+
+  void setDisplayMode(NftDisplayMode mode) => _nftService.setDisplayMode(mode);
+
+  Future<void> hideCollection(Address collection) async {
+    _nftService.hideCollection(
+      account: await _owner,
+      collection: collection,
+    );
+
+    _messengerService.show(
+      Message.successful(message: LocaleKeys.nftCollectionHidden.tr()),
+    );
+  }
+
+  String getAccountExplorerLink(Address address) =>
+      _nekotonRepository.currentTransport.accountExplorerLink(address);
+}