Initial commit

lib/widgets/app.dart

@@ -0,0 +1,60 @@
+import 'package:adwaita/adwaita.dart';
+import 'package:canal/helpers/extension_helper.dart';
+import 'package:canal/models/tab.dart';
+import 'package:canal/providers/ytmusic_provider.dart';
+import 'package:canal/screens/tabs/account.dart';
+import 'package:canal/screens/tabs/home.dart';
+import 'package:canal/screens/tabs/search.dart';
+import 'package:canal/widgets/appbar.dart';
+import "package:flutter/material.dart";
+import 'package:fast_immutable_collections/fast_immutable_collections.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:yaru/yaru.dart';
+import 'package:canal/providers/button_layout_provider.dart';
+import 'package:canal/providers/warmup_provider.dart';
+
+const List<TabPage> tabs = [HomeTab(), SearchTab(), AccountTab()];
+
+class App extends HookConsumerWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final selected = useState(0);
+    return MaterialApp(
+      home: Scaffold(
+        body: ref
+            .watch(warmupProvider(IList([
+              buttonLayoutProvider,
+              ytmusicProvider,
+            ])))
+            .betterWhen(
+              data: (_) => YaruDetailPage(
+                appBar: const Appbar(title: "Canal"),
+                body: tabs[selected.value],
+                bottomNavigationBar: NavigationBar(
+                  destinations: tabs
+                      .map(
+                        (tab) => NavigationDestination(
+                          icon: Icon(tab.icon),
+                          label: tab.title,
+                        ),
+                      )
+                      .toList(),
+                  selectedIndex: selected.value,
+                  onDestinationSelected: (index) => selected.value = index,
+                ),
+              ),
+            ),
+      ),
+      theme: AdwaitaThemeData.light().copyWith(
+        textTheme: const YaruThemeData().theme?.textTheme,
+      ),
+      darkTheme: AdwaitaThemeData.dark().copyWith(
+        textTheme: const YaruThemeData().darkTheme?.textTheme,
+      ),
+      debugShowCheckedModeBanner: false,
+    );
+  }
+}

lib/widgets/appbar.dart

@@ -0,0 +1,66 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:canal/providers/decorations_provider.dart';
+import 'package:yaru/yaru.dart';
+
+class Appbar extends ConsumerWidget implements PreferredSizeWidget {
+  final String title;
+  const Appbar({
+    required this.title,
+    super.key,
+  });
+
+  @override
+  Size get preferredSize => const YaruWindowTitleBar().preferredSize;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final window = YaruWindow.of(context);
+
+    List<Widget> getControl(List<YaruWindowControlType> types) => [
+          const SizedBox(width: 6),
+          ...types.map(
+            (type) => Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 6),
+              child: YaruWindowControl(
+                type: type,
+                onTap: switch (type) {
+                  YaruWindowControlType.close => window.close,
+                  YaruWindowControlType.maximize => () => window.state().then(
+                        (state) => state.isMaximized!
+                            ? window.restore()
+                            : window.maximize(),
+                      ),
+                  YaruWindowControlType.minimize => window.minimize,
+                  YaruWindowControlType.restore => window.restore,
+                },
+              ),
+            ),
+          ),
+          const SizedBox(width: 6),
+        ];
+
+    final decorations = ref.watch(decorationsProvider);
+
+    return YaruWindowTitleBar(
+      backgroundColor: Colors.transparent,
+      title: Text(title),
+      leading: Row(children: [
+        SizedBox(width: 12),
+        if (Navigator.of(context).canPop())
+          BackButton(
+            style: ButtonStyle(
+              iconSize: WidgetStatePropertyAll(20),
+              minimumSize: WidgetStatePropertyAll(Size.square(0)),
+              padding: WidgetStatePropertyAll(EdgeInsets.zero),
+            ),
+          ),
+        ...getControl(decorations.leading)
+      ]),
+      buttonPadding: const EdgeInsets.symmetric(horizontal: 12),
+      actions: getControl(decorations.trailing),
+      border: BorderSide.none,
+      style: YaruTitleBarStyle.undecorated,
+    );
+  }
+}

lib/widgets/loading.dart

@@ -0,0 +1,13 @@
+import "package:flutter/material.dart";
+
+class Loading extends StatelessWidget {
+  const Loading({super.key});
+
+  @override
+  Widget build(BuildContext context) => const Center(
+        child: Padding(
+          padding: EdgeInsets.all(16),
+          child: CircularProgressIndicator(),
+        ),
+      );
+}

lib/widgets/package_card.dart

@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+import 'package:canal/models/package.dart';
+
+class PackageCard extends StatelessWidget {
+  final Package package;
+  const PackageCard(this.package, {super.key});
+
+  @override
+  Widget build(BuildContext context) => Card(
+        color: package.color,
+        child: ListTile(
+          title: Text(
+            package.name,
+            style: Theme.of(context).textTheme.titleLarge,
+          ),
+          subtitle: Text(
+            package.author,
+            style: Theme.of(context).textTheme.titleSmall,
+          ),
+          leading: Padding(
+            padding: const EdgeInsets.only(right: 4),
+            child: SizedBox(
+              width: 48,
+              child: package.icon,
+            ),
+          ),
+        ),
+      );
+}

lib/widgets/thumbnail.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+
+class Thumbnail extends StatelessWidget {
+  final String url;
+  final VoidCallback onClick;
+  const Thumbnail({required this.url, required this.onClick, super.key});
+
+  @override
+  Widget build(BuildContext context) => ClipRRect(
+        borderRadius: BorderRadius.all(Radius.circular(16)),
+        child: InkWell(
+            onTap: onClick,
+            child: Image.network(
+              url,
+              fit: BoxFit.fill,
+            )),
+      );
+}