feat: add spotify homepage recommendations

lib/collections/fake.dart

@@ -1,5 +1,6 @@
 import 'package:spotify/spotify.dart';
 import 'package:spotube/extensions/track.dart';
+import 'package:spotube/models/spotify/home_feed.dart';
 import 'package:spotube/models/spotify_friends.dart';
 
 abstract class FakeData {
@@ -196,4 +197,30 @@ abstract class FakeData {
         ),
     ],
   );
+
+  static final feedSection = SpotifyHomeFeedSection(
+    typename: "HomeGenericSectionData",
+    uri: "spotify:section:lol",
+    title: "Dummy",
+    items: [
+      for (int i = 0; i < 10; i++)
+        SpotifyHomeFeedSectionItem(
+          typename: "PlaylistResponseWrapper",
+          playlist: SpotifySectionPlaylist(
+            name: "Playlist $i",
+            description: "Really super important description $i",
+            format: "daily-mix",
+            images: [
+              const SpotifySectionItemImage(
+                height: 1,
+                width: 1,
+                url: "https://dummyimage.com/100x100/cfcfcf/cfcfcf.jpg",
+              ),
+            ],
+            owner: "Spotify",
+            uri: "spotify:playlist:id",
+          ),
+        )
+    ],
+  );
 }

lib/collections/routes.dart

@@ -9,6 +9,7 @@ import 'package:spotube/pages/album/album.dart';
 import 'package:spotube/pages/connect/connect.dart';
 import 'package:spotube/pages/connect/control/control.dart';
 import 'package:spotube/pages/getting_started/getting_started.dart';
+import 'package:spotube/pages/home/feed/feed_section.dart';
 import 'package:spotube/pages/home/genres/genre_playlists.dart';
 import 'package:spotube/pages/home/genres/genres.dart';
 import 'package:spotube/pages/home/home.dart';
@@ -76,6 +77,14 @@ final routerProvider = Provider((ref) {
                   ),
                 ),
               ),
+              GoRoute(
+                path: "feeds/:feedId",
+                pageBuilder: (context, state) => SpotubePage(
+                  child: HomeFeedSectionPage(
+                    sectionUri: state.pathParameters["feedId"] as String,
+                  ),
+                ),
+              )
             ],
           ),
           GoRoute(

lib/components/home/sections/feed.dart

@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:spotube/collections/spotube_icons.dart';
+import 'package:spotube/components/shared/horizontal_playbutton_card_view/horizontal_playbutton_card_view.dart';
+import 'package:spotube/provider/spotify/views/home.dart';
+import 'package:spotube/utils/service_utils.dart';
+
+class HomePageFeedSection extends HookConsumerWidget {
+  const HomePageFeedSection({super.key});
+
+  @override
+  Widget build(BuildContext context, ref) {
+    final homeFeed = ref.watch(homeViewProvider);
+    final nonShortSections = homeFeed.asData?.value?.sections
+            .where((s) => s.typename == "HomeGenericSectionData")
+            .toList() ??
+        [];
+
+    return SliverList.builder(
+      itemCount: nonShortSections.length,
+      itemBuilder: (context, index) {
+        final section = nonShortSections[index];
+        if (section.items.isEmpty) return const SizedBox.shrink();
+
+        return HorizontalPlaybuttonCardView(
+          items: [
+            for (final item in section.items)
+              if (item.album != null)
+                item.album!.asAlbum
+              else if (item.artist != null)
+                item.artist!.asArtist
+              else if (item.playlist != null)
+                item.playlist!.asPlaylist
+          ],
+          title: Text(section.title ?? "No Titel"),
+          hasNextPage: false,
+          isLoadingNextPage: false,
+          onFetchMore: () {},
+          titleTrailing: Directionality(
+            textDirection: TextDirection.rtl,
+            child: TextButton.icon(
+              label: const Text("Browse More"),
+              icon: const Icon(SpotubeIcons.angleRight),
+              onPressed: () =>
+                  ServiceUtils.push(context, "/feeds/${section.uri}"),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

lib/components/shared/horizontal_playbutton_card_view/horizontal_playbutton_card_view.dart

@@ -17,18 +17,21 @@ class HorizontalPlaybuttonCardView<T> extends HookWidget {
   final VoidCallback onFetchMore;
   final bool isLoadingNextPage;
   final bool hasNextPage;
+  final Widget? titleTrailing;
 
-  const HorizontalPlaybuttonCardView({
+  HorizontalPlaybuttonCardView({
     required this.title,
     required this.items,
     required this.hasNextPage,
     required this.onFetchMore,
     required this.isLoadingNextPage,
+    this.titleTrailing,
     super.key,
   }) : assert(
-          items is List<PlaylistSimple> ||
-              items is List<Album> ||
-              items is List<Artist>,
+          items.every(
+            (item) =>
+                item is PlaylistSimple || item is Artist || item is AlbumSimple,
+          ),
         );
 
   @override
@@ -48,9 +51,15 @@ class HorizontalPlaybuttonCardView<T> extends HookWidget {
         mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          DefaultTextStyle(
-            style: textTheme.titleMedium!,
-            child: title,
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              DefaultTextStyle(
+                style: textTheme.titleMedium!,
+                child: title,
+              ),
+              if (titleTrailing != null) titleTrailing!,
+            ],
           ),
           SizedBox(
             height: height,
@@ -87,7 +96,7 @@ class HorizontalPlaybuttonCardView<T> extends HookWidget {
                           return switch (item) {
                             PlaylistSimple() =>
                               PlaylistCard(item as PlaylistSimple),
-                            Album() => AlbumCard(item as Album),
+                            AlbumSimple() => AlbumCard(item as Album),
                             Artist() => Padding(
                                 padding: const EdgeInsets.symmetric(
                                     horizontal: 12.0),

lib/main.dart

@@ -39,6 +39,7 @@ import 'package:spotube/hooks/configurators/use_init_sys_tray.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:flutter_native_splash/flutter_native_splash.dart';
 import 'package:flutter_displaymode/flutter_displaymode.dart';
+import 'package:timezone/data/latest.dart' as tz;
 
 Future<void> main(List<String> rawArgs) async {
   final arguments = await startCLI(rawArgs);
@@ -47,6 +48,8 @@ Future<void> main(List<String> rawArgs) async {
 
   await registerWindowsScheme("spotify");
 
+  tz.initializeTimeZones();
+
   FlutterNativeSplash.preserve(widgetsBinding: widgetsBinding);
 
   MediaKit.ensureInitialized();