feat(flutter/player): mini PlayerBar in shell + tap-to-play wiring

PlayerBar reads playbackState + mediaItem streams; hidden when no queue. Home track-row tap, album play button, album track tap, artist play button (shuffle) all route to playerActions.playTracks. Token + baseUrl forwarded to the audio handler before each new queue.
2026-05-02 17:39:09 -04:00
parent 80f98b3243
commit bbfeb5d3ff
5 changed files with 73 additions and 5 deletions
@@ -0,0 +1,53 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:go_router/go_router.dart';
+
+import '../theme/theme_extension.dart';
+import 'player_provider.dart';
+
+class PlayerBar extends ConsumerWidget {
+  const PlayerBar({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final fs = Theme.of(context).extension<FabledSwordTheme>()!;
+    final mediaItem = ref.watch(mediaItemProvider).valueOrNull;
+    final playback = ref.watch(playbackStateProvider).valueOrNull;
+    if (mediaItem == null) return const SizedBox.shrink();
+
+    return Material(
+      color: fs.iron,
+      child: InkWell(
+        onTap: () => context.push('/now-playing'),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+          child: Row(children: [
+            Container(width: 48, height: 48, color: fs.slate),
+            const SizedBox(width: 12),
+            Expanded(child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text(mediaItem.title, maxLines: 1, overflow: TextOverflow.ellipsis,
+                    style: TextStyle(color: fs.parchment, fontSize: 14)),
+                Text(mediaItem.artist ?? '', maxLines: 1, overflow: TextOverflow.ellipsis,
+                    style: TextStyle(color: fs.ash, fontSize: 12)),
+              ],
+            )),
+            IconButton(
+              icon: Icon(playback?.playing == true ? Icons.pause : Icons.play_arrow, color: fs.parchment),
+              onPressed: () {
+                final h = ref.read(audioHandlerProvider);
+                if (playback?.playing == true) { h.pause(); } else { h.play(); }
+              },
+            ),
+            IconButton(
+              icon: Icon(Icons.skip_next, color: fs.parchment),
+              onPressed: () => ref.read(audioHandlerProvider).skipToNext(),
+            ),
+          ]),
+        ),
+      ),
+    );
+  }
+}