search view and search bar widget

lib/apis/song_api.dart

@@ -15,6 +15,7 @@ final songAPIProvider = Provider((ref) {
 abstract class ISongAPI {
   FutureEither<List<SongModel>> fetchInitData();
   FutureEither<List<SongModel>> fetchSearchData({required String query});
+
   FutureEither<List<SongModel>> fetchSongRecommedationData(
       {required String id});
 }

lib/core/constants.dart

@@ -1,5 +1,7 @@
 class Constants {
   static String serverUrl = "saavn.dev";
+  static String appName = "Saavn Desktop";
+  static String appIconPath = "assets/app_icon.ico";
 }
 
 class SharedPrefs {

lib/frame/commons.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:saavn/functions/explore/views/explore_view.dart';
 import 'package:saavn/functions/player/views/playlist_view.dart';
+import 'package:saavn/functions/search/views/search_view.dart';
 import 'package:saavn/functions/settings/views/settings_view.dart';
 
 final appScreenConfigProvider =
@@ -27,6 +28,13 @@ enum Screens {
       name: "Settings",
       view: SettingsView(),
     ),
+  ),
+
+  search(
+    AppScreen(
+      name: "Search Songs",
+      view: SearchView(),
+    ),
   );
 
   final AppScreen screen;

lib/frame/home.dart

@@ -22,6 +22,17 @@ class _HomeFrameState extends ConsumerState<HomeFrame> {
         .goto(screen: Screens.settings);
   }
 
+  void onPressSearch() {
+    if (ref.watch(appScreenConfigProvider) == Screens.search) {
+      return ref
+          .watch(appScreenConfigProvider.notifier)
+          .goto(screen: Screens.explore);
+    }
+    return ref
+        .watch(appScreenConfigProvider.notifier)
+        .goto(screen: Screens.search);
+  }
+
   @override
   Widget build(BuildContext context) {
     final screen = ref.watch(appScreenConfigProvider).screen;
@@ -32,6 +43,24 @@ class _HomeFrameState extends ConsumerState<HomeFrame> {
         elevation: 0,
         backgroundColor: Colors.transparent,
         actions: [
+          Padding(
+            padding: const EdgeInsets.all(8.0),
+            child: IconButton(
+              onPressed: onPressSearch,
+              icon: const Stack(
+                children: [
+                  Icon(Icons.search),
+                  Positioned(
+                    // draw a red marble
+                    top: 0.0,
+                    right: 0.0,
+                    child: Icon(Icons.brightness_1,
+                        size: 8.0, color: Colors.redAccent),
+                  )
+                ],
+              ),
+            ),
+          ),
           Padding(
             padding: const EdgeInsets.all(8.0),
             child: IconButton(

lib/functions/search/controllers/search_controller.dart

@@ -0,0 +1,31 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:saavn/apis/song_api.dart';
+import 'package:saavn/models/song_model.dart';
+
+final searchControllerProvider =
+    StateNotifierProvider<SearchController, bool>((ref) {
+  return SearchController(
+    songAPI: ref.watch(songAPIProvider),
+  );
+});
+
+class SearchController extends StateNotifier<bool> {
+  final SongAPI _songAPI;
+
+  SearchController({required SongAPI songAPI})
+      : _songAPI = songAPI,
+        super(false);
+
+  // ADD SEARCH METHODS
+
+  Future<List<SongModel>> searchSong({required String query}) async {
+    List<SongModel> songs = [];
+    final fetchedsongs = await _songAPI.fetchSearchData(query: query);
+
+    fetchedsongs.fold((l) {
+      throw Error.throwWithStackTrace(l.message, l.stackTrace);
+    }, (r) => songs = r);
+
+    return songs;
+  }
+}

lib/functions/search/views/search_view.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:saavn/functions/search/widgets/searchbar.dart';
+
+class SearchView extends ConsumerStatefulWidget {
+  const SearchView({super.key});
+
+  @override
+  ConsumerState<ConsumerStatefulWidget> createState() => _SearchViewState();
+}
+
+class _SearchViewState extends ConsumerState<SearchView> {
+  final TextEditingController _searchController = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        BaseSearchBar(
+          controller: _searchController,
+          onChanged: (value) {},
+          onSubmit: (value) {},
+        ),
+        const Expanded(
+          child: Center(
+            child: Text('Search results will be displayed here!'),
+          ),
+        ),
+      ],
+    );
+  }
+}

lib/functions/search/widgets/searchbar.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+
+class BaseSearchBar extends StatelessWidget {
+  final TextEditingController controller;
+  final void Function(String)? onSubmit;
+  final void Function(String)? onChanged;
+
+  const BaseSearchBar({
+    super.key,
+    required this.controller,
+    required this.onSubmit,
+    required this.onChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        border: Border.all(
+          width: 2,
+          color: Theme.of(context).primaryColorDark.withOpacity(.2),
+        ),
+        borderRadius: BorderRadius.circular(25),
+      ),
+      margin: const EdgeInsets.all(16),
+      padding: const EdgeInsets.symmetric(horizontal: 7),
+      child: TextField(
+        decoration: InputDecoration(
+          hintText: 'Search',
+          border: InputBorder.none,
+          contentPadding: const EdgeInsets.all(10),
+          suffixIcon: IconButton(
+            onPressed: () {},
+            icon: const Icon(Icons.search),
+          ),
+        ),
+        controller: controller,
+        onSubmitted: onSubmit,
+        onChanged: onChanged,
+      ),
+    );
+  }
+}

lib/functions/settings/controllers/settings_controller.dart

@@ -22,7 +22,6 @@ class SettingsController extends StateNotifier<bool> {
   Future<SongQualityType> getSongQuality() async {
     final prefs = await SharedPreferences.getInstance();
     final val = prefs.getString(SharedPrefs.songQuality);
-    print("SETTED: $val");
     if (val == null) return SongQualityType.high;
     var quality = SongQualityType.values
         .where((element) => element.type == val)

lib/initialization.dart

@@ -0,0 +1,25 @@
+import 'package:audio_session/audio_session.dart';
+import 'package:flutter/material.dart';
+import 'package:system_theme/system_theme.dart';
+import 'package:window_manager/window_manager.dart';
+
+Future<void> initialiseAppFunctions() async {
+  WidgetsFlutterBinding.ensureInitialized();
+  await SystemTheme.accentColor.load();
+  await initWindowManager();
+  final session = await AudioSession.instance;
+  await session.configure(const AudioSessionConfiguration.speech());
+}
+
+Future<void> initWindowManager() async {
+  await windowManager.ensureInitialized();
+
+  WindowOptions windowOptions = const WindowOptions(
+    center: true,
+    title: "Saavn Music Desktop",
+  );
+  windowManager.waitUntilReadyToShow(windowOptions, () async {
+    await windowManager.show();
+    await windowManager.focus();
+  });
+}

lib/main.dart

@@ -1,34 +1,13 @@
-import 'package:audio_session/audio_session.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_acrylic/flutter_acrylic.dart';
+
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:saavn/frame/home.dart';
 import 'package:system_theme/system_theme.dart';
-import 'package:window_manager/window_manager.dart';
-
-void main() async {
-  WidgetsFlutterBinding.ensureInitialized();
-  final session = await AudioSession.instance;
-
-  await session.configure(const AudioSessionConfiguration.music());
-  await SystemTheme.accentColor.load();
-  await windowManager.ensureInitialized();
 
-  await Window.initialize();
-  await Window.setEffect(
-    effect: WindowEffect.aero,
-    color: Colors.black45,
-    dark: true,
-  );
+import 'package:saavn/frame/home.dart';
+import 'package:saavn/initialization.dart';
 
-  WindowOptions windowOptions = const WindowOptions(
-    center: true,
-    title: "Saavn Music Desktop",
-  );
-  windowManager.waitUntilReadyToShow(windowOptions, () async {
-    await windowManager.show();
-    await windowManager.focus();
-  });
+void main() async {
+  await initialiseAppFunctions();
   runApp(
     const ProviderScope(
       child: MyApp(),
@@ -49,11 +28,7 @@ class MyApp extends StatelessWidget {
         useMaterial3: true,
         colorSchemeSeed: SystemTheme.accentColor.accent,
       ),
-      darkTheme: ThemeData.dark(useMaterial3: true).copyWith(
-          scaffoldBackgroundColor: Colors.transparent,
-          iconTheme: IconThemeData(
-            color: Theme.of(context).primaryColorLight,
-          )),
+      darkTheme: ThemeData.dark(),
       themeMode: ThemeMode.dark,
       home: const HomeFrame(),
     );

pubspec.yaml

@@ -84,8 +84,8 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
+  assets:
+    - assets/app_icon.ico
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see