feat: ✨ Web support

lib/pages/get_wallet_page.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 import 'dart:math';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:url_launcher/url_launcher.dart';
@@ -49,9 +50,11 @@ class GetWalletPage extends StatelessWidget {
             return WalletsList(
               itemList: itemsToShow,
               onTapWallet: (data) {
-                final url = Platform.isIOS
-                    ? data.listing.appStore
-                    : data.listing.playStore;
+                final url = kIsWeb
+                    ? data.listing.webappLink
+                    : Platform.isIOS
+                        ? data.listing.appStore
+                        : data.listing.playStore;
                 if ((url ?? '').isNotEmpty) {
                   urlUtils.instance.launchUrl(
                     Uri.parse(url!),

lib/services/explorer_service/explorer_service.dart

@@ -1,6 +1,5 @@
 import 'dart:async';
 import 'dart:convert';
-import 'dart:io';
 
 import 'package:collection/collection.dart';
 import 'package:flutter/foundation.dart';
@@ -201,7 +200,7 @@ class ExplorerService implements IExplorerService {
       _core.projectId,
       _referer,
     );
-    final uri = Platform.isIOS
+    final uri = platformUtils.instance.getPlatformExact() == PlatformExact.iOS
         ? Uri.parse('${UrlConstants.apiService}/getIosData')
         : Uri.parse('${UrlConstants.apiService}/getAndroidData');
     try {
@@ -211,7 +210,12 @@ class ExplorerService implements IExplorerService {
           jsonDecode(response.body),
           (json) => NativeAppData.fromJson(json),
         );
-        return apiResponse.data.toList();
+        final result = apiResponse.data.toList();
+        loggerService.instance.d(
+          '[$runtimeType] fetched native data : ${result.map((appData) => jsonEncode(appData.toJson()))}',
+          error: response.statusCode,
+        );
+        return result;
       } else {
         loggerService.instance.d(
           '⛔ [$runtimeType] error fetching native data $uri',
@@ -423,6 +427,9 @@ class ExplorerService implements IExplorerService {
 
   @override
   Future<W3MWalletInfo?> getCoinbaseWalletObject() async {
+    if (platformUtils.instance.getPlatformType() == PlatformType.web) {
+      return null;
+    }
     final results = await _fetchListings(
       params: RequestParams(
         page: 1,
@@ -486,15 +493,17 @@ class ExplorerService implements IExplorerService {
 
   String _getPlatformType() {
     final type = platformUtils.instance.getPlatformType();
+    final exactPlatform = platformUtils.instance.getPlatformExact();
     final platform = type.toString().toLowerCase();
     switch (type) {
       case PlatformType.mobile:
-        if (Platform.isIOS) {
-          return 'ios';
-        } else if (Platform.isAndroid) {
-          return 'android';
-        } else {
-          return 'mobile';
+        switch (exactPlatform) {
+          case PlatformExact.iOS:
+            return 'ios';
+          case PlatformExact.android:
+            return 'android';
+          default:
+            return 'mobile';
         }
       default:
         return platform;

lib/services/logger_service/logger_service.dart

@@ -14,12 +14,18 @@ class LoggerService implements ILoggerService {
       level: level.toLevel(),
       printer: PrettyPrinter(methodCount: null),
     );
-    if (debugMode && level == LogLevel.error) {
+    if (debugMode) {
       Logger.addLogListener(_logListener);
     }
   }
 
-  void _logListener(LogEvent event) => debugPrint('${event.message}');
+  void _logListener(LogEvent event) {
+    debugPrint('${event.message}');
+    if (event.error != null) debugPrint('Exception : ${event.error}');
+    if (event.stackTrace != null) {
+      debugPrint('Stacktrace :\n${event.stackTrace}');
+    }
+  }
 
   @override
   void d(

lib/utils/core/core_utils.dart

@@ -118,8 +118,9 @@ class CoreUtils extends ICoreUtils {
       'x-project-id': projectId,
       'x-sdk-type': StringConstants.X_SDK_TYPE,
       'x-sdk-version': 'flutter-${StringConstants.X_SDK_VERSION}',
-      'user-agent': getUserAgent(),
-      if (referer != null) 'referer': referer,
+      // Following headers are rejected by some web browsers (i.e. Safari)
+      // 'user-agent': getUserAgent(),
+      // if (referer != null) 'referer': referer,
     };
   }
 }

lib/utils/platform/platform_utils.dart

@@ -1,33 +1,41 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
-import 'package:flutter/foundation.dart' show kIsWeb;
+import 'package:flutter/foundation.dart' show defaultTargetPlatform, kIsWeb;
 import 'package:web3modal_flutter/utils/platform/i_platform_utils.dart';
 
 class PlatformUtils extends IPlatformUtils {
+  bool get _runsOnIos =>
+      (kIsWeb && defaultTargetPlatform == TargetPlatform.iOS) ||
+      (!kIsWeb && Platform.isIOS);
+  bool get _runsOnAndroid =>
+      (kIsWeb && defaultTargetPlatform == TargetPlatform.android) ||
+      (!kIsWeb && Platform.isAndroid);
+
   @override
   PlatformExact getPlatformExact() {
-    if (Platform.isAndroid) {
+    if (_runsOnAndroid) {
       return PlatformExact.android;
-    } else if (Platform.isIOS) {
+    } else if (_runsOnIos) {
       return PlatformExact.iOS;
+    } else if (kIsWeb) {
+      return PlatformExact.web;
     } else if (Platform.isLinux) {
       return PlatformExact.linux;
     } else if (Platform.isMacOS) {
       return PlatformExact.macOS;
     } else if (Platform.isWindows) {
       return PlatformExact.windows;
-    } else if (kIsWeb) {
-      return PlatformExact.web;
     }
     return PlatformExact.web;
   }
 
   @override
   PlatformType getPlatformType() {
-    if (Platform.isAndroid || Platform.isIOS) {
+    if (_runsOnAndroid || _runsOnIos) {
       return PlatformType.mobile;
-    } else if (Platform.isLinux || Platform.isMacOS || Platform.isWindows) {
+    } else if (!kIsWeb &&
+        (Platform.isLinux || Platform.isMacOS || Platform.isWindows)) {
       return PlatformType.desktop;
     } else if (kIsWeb) {
       return PlatformType.web;
@@ -37,7 +45,7 @@ class PlatformUtils extends IPlatformUtils {
 
   @override
   bool canDetectInstalledApps() {
-    return getPlatformType() == PlatformType.mobile;
+    return !kIsWeb && getPlatformType() == PlatformType.mobile;
   }
 
   @override

lib/utils/url/url_utils.dart

@@ -54,23 +54,24 @@ class UrlUtils extends IUrlUtils {
       return false;
     }
 
-    if (platformUtils.instance.canDetectInstalledApps()) {
-      final p = platformUtils.instance.getPlatformExact();
-      try {
-        if (p == PlatformExact.android) {
-          return await androidAppCheck(uri);
-        } else if (p == PlatformExact.iOS) {
-          return await canLaunchUrlFunc(Uri.parse(uri));
-        }
-      } on FormatException catch (e) {
-        if (id != null) {
-          loggerService.instance.d('[$runtimeType] $uri ($id): ${e.message}');
-        } else {
-          loggerService.instance.d('[$runtimeType] $uri: ${e.message}');
-        }
-      } catch (e) {
-        rethrow;
+    final p = platformUtils.instance.getPlatformExact();
+    if (!platformUtils.instance.canDetectInstalledApps()) {
+      return false;
+    }
+    try {
+      if (p == PlatformExact.android) {
+        return await androidAppCheck(uri);
+      } else if (p == PlatformExact.iOS) {
+        return await canLaunchUrlFunc(Uri.parse(uri));
+      }
+    } on FormatException catch (e) {
+      if (id != null) {
+        loggerService.instance.d('[$runtimeType] $uri ($id): ${e.message}');
+      } else {
+        loggerService.instance.d('[$runtimeType] $uri: ${e.message}');
       }
+    } catch (e) {
+      rethrow;
     }
 
     return false;

lib/widgets/avatars/w3m_wallet_avatar.dart

@@ -2,6 +2,7 @@ import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:web3modal_flutter/services/explorer_service/explorer_service_singleton.dart';
+import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
 import 'package:web3modal_flutter/theme/w3m_theme.dart';
 import 'package:web3modal_flutter/utils/core/core_utils_singleton.dart';
 
@@ -75,6 +76,8 @@ class W3MListAvatar extends StatelessWidget {
                     ),
                     child: CachedNetworkImage(
                       imageUrl: imageUrl!,
+                      // Workaround for https://github.com/Baseflow/flutter_cached_network_image/issues/820
+                      imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
                       httpHeaders: coreUtils.instance.getAPIHeaders(projectId),
                       fadeInDuration: const Duration(milliseconds: 500),
                       fadeOutDuration: const Duration(milliseconds: 500),

lib/widgets/lists/list_items/download_wallet_item.dart

@@ -1,5 +1,6 @@
 import 'dart:io';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
@@ -21,10 +22,10 @@ class DownloadWalletItem extends StatelessWidget {
     if (webOnly) {
       return walletInfo.listing.homepage;
     }
-    if (Platform.isIOS) {
+    if (!kIsWeb && Platform.isIOS) {
       return walletInfo.listing.appStore ?? '';
     }
-    if (Platform.isAndroid) {
+    if (!kIsWeb && Platform.isAndroid) {
       return walletInfo.listing.playStore ?? '';
     }
     return '';