feat: add deeplinking support for oauth login

2025-12-21 18:39:30 +00:00 · 2024-09-16 23:51:50 -04:00 · 2024-09-16 23:51:50 -04:00 · 61aeaf429f
commit 61aeaf429f
parent 38bad9671d
23 changed files with 1310 additions and 343 deletions
--- a/lib/features/onboarding/view/user_login_with_token.dart
+++ b/lib/features/onboarding/view/user_login_with_token.dart
@ -0,0 +1,110 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:go_router/go_router.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:shelfsdk/audiobookshelf_api.dart';
+import 'package:vaani/api/api_provider.dart';
+import 'package:vaani/api/authenticated_user_provider.dart';
+import 'package:vaani/models/error_response.dart';
+import 'package:vaani/router/router.dart';
+import 'package:vaani/settings/models/models.dart' as model;
+
+class UserLoginWithToken extends HookConsumerWidget {
+  UserLoginWithToken({
+    super.key,
+    required this.server,
+    required this.addServer,
+  });
+
+  final Uri server;
+  final model.AudiobookShelfServer Function() addServer;
+  final serverErrorResponse = ErrorResponseHandler();
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final authTokensController = useTextEditingController();
+
+    final api = ref.watch(audiobookshelfApiProvider(server));
+    Future<void> loginAndSave() async {
+      api.token = authTokensController.text;
+      model.AuthenticatedUser? authenticatedUser;
+      LoginResponse? success;
+      try {
+        success = await api.misc.authorize(
+          responseErrorHandler: serverErrorResponse.storeError,
+        );
+        if (success == null) {
+          throw StateError('No response from server');
+        }
+      } catch (e) {
+        ScaffoldMessenger.of(context).showSnackBar(
+          SnackBar(
+            content: Text(
+              'Login failed. Got response: ${serverErrorResponse.response.body} (${serverErrorResponse.response.statusCode})',
+            ),
+            action: SnackBarAction(
+              label: 'See Error',
+              onPressed: () {
+                showDialog(
+                  context: context,
+                  builder: (context) => AlertDialog(
+                    title: const Text('Error'),
+                    content: Text(e.toString()),
+                  ),
+                );
+              },
+            ),
+          ),
+        );
+        return;
+      }
+      authenticatedUser = model.AuthenticatedUser(
+        server: addServer(),
+        id: success.user.id,
+        username: success.user.username,
+        authToken: api.token!,
+      );
+
+      ref
+          .read(authenticatedUserProvider.notifier)
+          .addUser(authenticatedUser, setActive: true);
+
+      context.goNamed(Routes.home.name);
+    }
+
+    return Form(
+      child: Column(
+        children: [
+          TextFormField(
+            controller: authTokensController,
+            autofocus: true,
+            textInputAction: TextInputAction.done,
+            maxLines: 10,
+            minLines: 1,
+            decoration: InputDecoration(
+              labelText: 'API Token',
+              labelStyle: TextStyle(
+                color: Theme.of(context).colorScheme.onSurface.withOpacity(0.8),
+              ),
+              border: const OutlineInputBorder(),
+            ),
+            validator: (value) {
+              if (value == null || value.isEmpty) {
+                return 'Please enter an API token';
+              }
+              return null;
+            },
+            onFieldSubmitted: (_) async {
+              await loginAndSave();
+            },
+          ),
+          const SizedBox(height: 10),
+          ElevatedButton(
+            onPressed: loginAndSave,
+            child: const Text('Login'),
+          ),
+        ],
+      ),
+    );
+  }
+}