feat(desktop): show error dialog if webview is not found on login #1871

lib/l10n/app_en.arb

@@ -384,5 +384,8 @@
   "summary_got_your_love": "Got your love",
   "summary_playlists": "playlists",
   "summary_were_on_repeat": "Were on repeat",
-  "total_money": "Total {money}"
+  "total_money": "Total {money}",
+  "webview_not_found": "Webview not found",
+  "webview_not_found_description": "No webview runtime is installed in your device.\nIf it's installed make sure it's in the Environment PATH\n\nAfter installing, restart the app",
+  "unsupported_platform": "Unsupported platform"
 }

lib/pages/mobile_login/hooks/login_callback.dart

@@ -2,12 +2,14 @@ import 'dart:io';
 
 import 'package:desktop_webview_window/desktop_webview_window.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:go_router/go_router.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:path/path.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:spotube/pages/mobile_login/mobile_login.dart';
+import 'package:spotube/pages/mobile_login/no_webview_runtime_dialog.dart';
 import 'package:spotube/provider/authentication/authentication.dart';
 import 'package:spotube/utils/platform.dart';
 
@@ -22,10 +24,11 @@ Future<void> Function() useLoginCallback(WidgetRef ref) {
       return;
     }
 
+    try {
       final exp = RegExp(r"https:\/\/accounts.spotify.com\/.+\/status");
       final applicationSupportDir = await getApplicationSupportDirectory();
-    final userDataFolder =
+      final userDataFolder = Directory(
-        Directory(join(applicationSupportDir.path, "webview_window_Webview2"));
+          join(applicationSupportDir.path, "webview_window_Webview2"));
 
       if (!await userDataFolder.exists()) {
         await userDataFolder.create();
@@ -60,5 +63,17 @@ Future<void> Function() useLoginCallback(WidgetRef ref) {
 
           return true;
         });
+    } on PlatformException catch (_) {
+      if (!await WebviewWindow.isWebviewAvailable()) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+          showDialog(
+            context: context,
+            builder: (context) {
+              return const NoWebviewRuntimeDialog();
+            },
+          );
+        });
+      }
+    }
   }, [authNotifier, theme, context.go, context.pushNamed]);
 }

lib/pages/mobile_login/no_webview_runtime_dialog.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+import 'package:spotube/extensions/context.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+
+class NoWebviewRuntimeDialog extends StatelessWidget {
+  const NoWebviewRuntimeDialog({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final ThemeData(:platform) = Theme.of(context);
+
+    return AlertDialog(
+      title: Text(context.l10n.webview_not_found),
+      content: Text(context.l10n.webview_not_found_description),
+      actions: [
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+          },
+          child: Text(context.l10n.cancel),
+        ),
+        FilledButton(
+          onPressed: () async {
+            final url = switch (platform) {
+              TargetPlatform.windows =>
+                'https://developer.microsoft.com/en-us/microsoft-edge/webview2',
+              TargetPlatform.macOS => 'https://www.apple.com/safari/',
+              TargetPlatform.linux =>
+                'https://webkitgtk.org/reference/webkit2gtk/stable/',
+              _ => "",
+            };
+            if (url.isEmpty) {
+              ScaffoldMessenger.of(context).showSnackBar(
+                const SnackBar(content: Text('Unsupported platform')),
+              );
+            }
+
+            await launchUrlString(url);
+          },
+          child: Text(switch (platform) {
+            TargetPlatform.windows => 'Download Edge WebView2',
+            TargetPlatform.macOS => 'Download Safari',
+            TargetPlatform.linux => 'Download Webkit2Gtk',
+            _ => 'Download Webview',
+          }),
+        ),
+      ],
+    );
+  }
+}

untranslated_messages.json

@@ -1 +1,157 @@
-{}
+{
+  "ar": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "bn": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ca": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "cs": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "de": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "es": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "eu": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "fa": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "fi": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "fr": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "hi": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "id": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "it": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ja": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ka": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ko": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ne": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "nl": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "pl": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "pt": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "ru": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "th": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "tr": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "uk": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "vi": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ],
+
+  "zh": [
+    "webview_not_found",
+    "webview_not_found_description",
+    "unsupported_platform"
+  ]
+}