Okay, I can help you set up the basic structure for a Flutter online music player app using Firebase. This setup will include: * Project structure with necessary folders and files. * Dependencies for Firebase (Auth, Firestore, Storage), audio playback, and state management (Provider). * Basic UI screens for authentication, home, player, search, and library. * Service classes for interacting with Firebase. * Model classes for Song and Playlist. You will need to configure Firebase separately for your specific project (creating a Firebase project, enabling services, adding configuration files like `google-services.json` or web snippets). name: music_player_app description: A Flutter online music player app using Firebase. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 1.0.0+1 environment: sdk: '>=3.0.0 <4.0.0' # Adjust based on your Flutter SDK version dependencies: flutter: sdk: flutter # Firebase firebase_core: ^2.24.2 # Use latest versions firebase_auth: ^4.16.0 cloud_firestore: ^4.14.0 firebase_storage: ^11.6.0 google_sign_in: ^6.1.5 # For Google Sign-In # Audio audioplayers: ^5.2.1 # For playing audio # State Management provider: ^6.1.1 # Simple state management # UI/Utils cupertino_icons: ^1.0.6 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^3.0.0 flutter: uses-material-design: true # assets: # - assets/images/ # - assets/audio/ # If you have local assets import 'package:flutter/material.dart'; import 'package:firebase_core/firebase_core.dart'; import 'package:provider/provider.dart'; import 'firebase_options.dart'; // You need to generate this via FlutterFire CLI import 'src/app.dart'; import 'src/providers/auth_provider.dart'; import 'src/services/auth_service.dart'; import 'src/services/firestore_service.dart'; import 'src/services/storage_service.dart'; import 'src/services/music_player_service.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); try { // IMPORTANT: Replace with your actual Firebase options // You typically generate firebase_options.dart using the FlutterFire CLI: // flutterfire configure await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, // Use generated options ); } catch (e) { print('Error initializing Firebase: $e'); // Handle initialization error (e.g., show an error message) } runApp( MultiProvider( providers: [ // Services Provider(create: (_) => AuthService()), Provider(create: (_) => FirestoreService()), Provider(create: (_) => StorageService()), Provider(create: (_) => MusicPlayerService()), // ChangeNotifiers (State) ChangeNotifierProvider( create: (context) => AuthProvider(context.read()), ), // Add other providers here (e.g., MusicProvider, PlaylistProvider) ], child: const MusicApp(), ), ); } // lib/firebase_options.dart // // IMPORTANT: This file should be generated by the FlutterFire CLI. // Run `flutterfire configure` in your terminal after setting up your Firebase project. // // The CLI will create this file with the correct configuration // for web, Android, and iOS based on your Firebase project settings. // // DO NOT MANUALLY EDIT THIS FILE unless you know what you are doing. // The content below is a placeholder structure. import 'package:firebase_core/firebase_core.dart' show FirebaseOptions; import 'package:flutter/foundation.dart' show defaultTargetPlatform, kIsWeb, TargetPlatform; /// Default [FirebaseOptions] for use with your Firebase apps. /// /// Example: /// dart /// import 'firebase_options.dart'; /// // ... /// await Firebase.initializeApp( /// options: DefaultFirebaseOptions.currentPlatform, /// ); /// class DefaultFirebaseOptions { static FirebaseOptions get currentPlatform { if (kIsWeb) { // --- REPLACE WITH YOUR WEB CONFIG --- return const FirebaseOptions( apiKey: 'YOUR_WEB_API_KEY', appId: 'YOUR_WEB_APP_ID', messagingSenderId: 'YOUR_MESSAGING_SENDER_ID', projectId: 'YOUR_PROJECT_ID', authDomain: 'YOUR_AUTH_DOMAIN', storageBucket: 'YOUR_STORAGE_BUCKET', // measurementId: 'YOUR_MEASUREMENT_ID', // Optional ); // --- END REPLACE --- } switch (defaultTargetPlatform) { case TargetPlatform.android: // --- REPLACE WITH YOUR ANDROID CONFIG --- return const FirebaseOptions( apiKey: 'YOUR_ANDROID_API_KEY', appId: 'YOUR_ANDROID_APP_ID', messagingSenderId: 'YOUR_MESSAGING_SENDER_ID', projectId: 'YOUR_PROJECT_ID', storageBucket: 'YOUR_STORAGE_BUCKET', ); // --- END REPLACE --- case TargetPlatform.iOS: // --- REPLACE WITH YOUR IOS CONFIG --- return const FirebaseOptions( apiKey: 'YOUR_IOS_API_KEY', appId: 'YOUR_IOS_APP_ID', messagingSenderId: 'YOUR_MESSAGING_SENDER_ID', projectId: 'YOUR_PROJECT_ID', storageBucket: 'YOUR_STORAGE_BUCKET', iosBundleId: 'YOUR_IOS_BUNDLE_ID', // iosClientId: 'YOUR_IOS_CLIENT_ID', // Often needed for Google Sign-In // androidClientId: 'YOUR_ANDROID_CLIENT_ID', // Often needed for Google Sign-In ); // --- END REPLACE --- case TargetPlatform.macOS: // --- Add macOS config if needed --- throw UnsupportedError( 'DefaultFirebaseOptions have not been configured for macos - ' 'you can reconfigure this by running the FlutterFire CLI again.', ); case TargetPlatform.windows: // --- Add Windows config if needed --- throw UnsupportedError( 'DefaultFirebaseOptions have not been configured for windows - ' 'you can reconfigure this by running the FlutterFire CLI again.', ); case TargetPlatform.linux: // --- Add Linux config if needed --- throw UnsupportedError( 'DefaultFirebaseOptions have not been configured for linux - ' 'you can reconfigure this by running the FlutterFire CLI again.', ); default: throw UnsupportedError( 'DefaultFirebaseOptions are not supported for this platform.', ); } } // Add placeholder options for web, android, ios if needed for structure // static const FirebaseOptions web = FirebaseOptions(...); // static const FirebaseOptions android = FirebaseOptions(...); // static const FirebaseOptions ios = FirebaseOptions(...); // static const FirebaseOptions macos = FirebaseOptions(...); } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'providers/auth_provider.dart'; import 'screens/auth_screen.dart'; import 'screens/home_screen.dart'; import 'screens/loading_screen.dart'; // Simple loading indicator screen class MusicApp extends StatelessWidget { const MusicApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Music Player', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: Consumer( builder: (context, authProvider, _) { switch (authProvider.status) { case AuthStatus.uninitialized: return const LoadingScreen(); // Show loading while checking auth case AuthStatus.authenticated: return const HomeScreen(); // User logged in case AuthStatus.unauthenticated: default: return const AuthScreen(); // User not logged in } }, ), // Add routes here if needed for navigation // routes: { // '/player': (context) => PlayerScreen(), // '/search': (context) => SearchScreen(), // '/library': (context) => LibraryScreen(), // }, ); } } import 'package:flutter/material.dart'; class LoadingScreen extends StatelessWidget { const LoadingScreen({super.key}); @override Widget build(BuildContext context) { return const Scaffold( body: Center( child: CircularProgressIndicator(), ), ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; class AuthScreen extends StatefulWidget { const AuthScreen({super.key}); @override State createState() => _AuthScreenState(); } class _AuthScreenState extends State { final _formKey = GlobalKey(); final _emailController = TextEditingController(); final _passwordController = TextEditingController(); bool _isLogin = true; // Toggle between Login and Sign Up @override void dispose() { _emailController.dispose(); _passwordController.dispose(); super.dispose(); } void _toggleFormType() { setState(() { _isLogin = !_isLogin; }); } Future _submit() async { if (!_formKey.currentState!.validate()) { return; } _formKey.currentState!.save(); final authProvider = Provider.of(context, listen: false); final email = _emailController.text.trim(); final password = _passwordController.text.trim(); try { if (_isLogin) { await authProvider.signInWithEmail(email, password); } else { await authProvider.signUpWithEmail(email, password); } // Navigation happens automatically via the AuthProvider listener in main.dart/app.dart } catch (error) { // Show error message ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text(error.toString()), backgroundColor: Theme.of(context).colorScheme.error, ), ); } } Future _signInWithGoogle() async { final authProvider = Provider.of(context, listen: false); try { await authProvider.signInWithGoogle(); // Navigation happens automatically } catch (error) { ScaffoldMessenger.of(context).showSnackBar( SnackBar( content: Text('Google Sign-In failed: ${error.toString()}'), backgroundColor: Theme.of(context).colorScheme.error, ), ); } } @override Widget build(BuildContext context) { final authProvider = Provider.of(context); return Scaffold( appBar: AppBar( title: Text(_isLogin ? 'Login' : 'Sign Up'), ), body: Center( child: SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Form( key: _formKey, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ TextFormField( controller: _emailController, decoration: const InputDecoration(labelText: 'Email'), keyboardType: TextInputType.emailAddress, validator: (value) { if (value == null || value.isEmpty || !value.contains('@')) { return 'Please enter a valid email'; } return null; }, ), TextFormField( controller: _passwordController, decoration: const InputDecoration(labelText: 'Password'), obscureText: true, validator: (value) { if (value == null || value.isEmpty || value.length < 6) { return 'Password must be at least 6 characters long'; } return null; }, ), const SizedBox(height: 20), if (authProvider.status == AuthStatus.authenticating) const CircularProgressIndicator() else ElevatedButton( onPressed: _submit, child: Text(_isLogin ? 'Login' : 'Sign Up'), ), TextButton( onPressed: _toggleFormType, child: Text( _isLogin ? 'Create an account' : 'Have an account? Login'), ), const SizedBox(height: 10), const Text('Or'), const SizedBox(height: 10), if (authProvider.status == AuthStatus.authenticating) const CircularProgressIndicator() // Show loading for Google Sign-In too else ElevatedButton.icon( icon: const Icon(Icons.login), // Replace with Google icon if desired label: const Text('Sign in with Google'), onPressed: _signInWithGoogle, style: ElevatedButton.styleFrom( backgroundColor: Colors.white, foregroundColor: Colors.black, ), ), ], ), ), ), ), ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../providers/auth_provider.dart'; import 'player_screen.dart'; // Placeholder import 'search_screen.dart'; // Placeholder import 'library_screen.dart'; // Placeholder class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { int _currentIndex = 0; final List _screens = [ const HomeContent(), // Separate widget for home content const SearchScreen(), const LibraryScreen(), ]; void _onTabTapped(int index) { setState(() { _currentIndex = index; }); } @override Widget build(BuildContext context) { final authProvider = Provider.of(context, listen: false); return Scaffold( appBar: AppBar( title: const Text('Music Player'), actions: [ IconButton( icon: const Icon(Icons.logout), onPressed: () async { await authProvider.signOut(); // Navigation happens automatically via listener }, ), ], ), body: IndexedStack( // Keep state of inactive screens index: _currentIndex, children: _screens, ), bottomNavigationBar: BottomNavigationBar( currentIndex: _currentIndex, onTap: _onTabTapped, items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: 'Home', ), BottomNavigationBarItem( icon: Icon(Icons.search), label: 'Search', ), BottomNavigationBarItem( icon: Icon(Icons.library_music), label: 'Library', ), ], ), // Optional: Add a mini-player persistent at the bottom // bottomSheet: MiniPlayer(), ); } } // Example content for the Home tab class HomeContent extends StatelessWidget { const HomeContent({super.key}); @override Widget build(BuildContext context) { // TODO: Fetch and display music recommendations, recently played, etc. // Use FirestoreService to get data return Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Text('Home Content - Display Music Here'), ElevatedButton( onPressed: () { // Navigate to a player screen when a song is tapped Navigator.push( context, MaterialPageRoute(builder: (context) => const PlayerScreen(songId: 'dummy_song_id')), // Pass actual song data ); }, child: const Text('Play Dummy Song'), ) ], ), ); } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../services/music_player_service.dart'; import '../models/song.dart'; // Assuming you have a Song model class PlayerScreen extends StatefulWidget { final String songId; // Or pass the full Song object const PlayerScreen({required this.songId, super.key}); @override State createState() => _PlayerScreenState(); } class _PlayerScreenState extends State { Song? _currentSong; // Fetch song details based on songId bool _isLoading = true; // Add state for playback (playing, position, duration) later @override void initState() { super.initState(); _loadSong(); } Future _loadSong() async { setState(() => _isLoading = true); // TODO: Fetch song details from Firestore using widget.songId // For now, using placeholder data // final firestoreService = Provider.of(context, listen: false); // _currentSong = await firestoreService.getSongById(widget.songId); // Placeholder: await Future.delayed(const Duration(milliseconds: 500)); // Simulate network _currentSong = Song( id: widget.songId, title: 'Dummy Song Title', artist: 'Dummy Artist', url: 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3', // Example URL // coverArtUrl: '...', // Optional ); if (_currentSong != null) { // Start playback when song is loaded final playerService = Provider.of(context, listen: false); await playerService.play(_currentSong!.url); // Use the actual song URL } setState(() => _isLoading = false); } @override Widget build(BuildContext context) { final playerService = Provider.of(context); // Listen for changes return Scaffold( appBar: AppBar( title: Text(_currentSong?.title ?? 'Player'), ), body: _isLoading ? const Center(child: CircularProgressIndicator()) : _currentSong == null ? const Center(child: Text('Song not found')) : Padding( padding: const EdgeInsets.all(16.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ // TODO: Add Cover Art // if (_currentSong?.coverArtUrl != null) // Image.network(_currentSong!.coverArtUrl!, height: 200, width: 200), // const SizedBox(height: 20), Text(_currentSong!.title, style: Theme.of(context).textTheme.headlineSmall), Text(_currentSong!.artist, style: Theme.of(context).textTheme.titleMedium), const SizedBox(height: 30), // TODO: Add Seek Bar (Slider) using playerService.positionStream and playerService.durationStream // Slider(...), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ IconButton( icon: const Icon(Icons.skip_previous), iconSize: 48.0, onPressed: () { /* TODO: Implement previous */ }, ), IconButton( icon: Icon( playerService.isPlaying ? Icons.pause_circle_filled : Icons.play_circle_filled, ), iconSize: 64.0, onPressed: () { if (playerService.isPlaying) { playerService.pause(); } else { // If paused or stopped, play the current song URL again if (_currentSong != null) { playerService.play(_currentSong!.url); } } }, ), IconButton( icon: const Icon(Icons.skip_next), iconSize: 48.0, onPressed: () { /* TODO: Implement next */ }, ), ], ), const SizedBox(height: 20), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ IconButton( icon: const Icon(Icons.favorite_border), // Change to Icons.favorite if liked onPressed: () { /* TODO: Implement like song */ }, ), IconButton( icon: const Icon(Icons.playlist_add), onPressed: () { /* TODO: Implement add to playlist */ }, ), IconButton( icon: const Icon(Icons.download), onPressed: () { /* TODO: Implement download song */ }, ), ], ) ], ), ), ); } @override void dispose() { // Consider stopping the player when the screen is disposed // Provider.of(context, listen: false).stop(); super.dispose(); } } import 'package:flutter/material.dart'; class SearchScreen extends StatefulWidget { const SearchScreen({super.key}); @override State createState() => _SearchScreenState(); } class _SearchScreenState extends State { final _searchController = TextEditingController(); List _searchResults = []; // Replace String with your Song model bool _isLoading = false; @override void dispose() { _searchController.dispose(); super.dispose(); } Future _performSearch(String query) async { if (query.isEmpty) { setState(() => _searchResults = []); return; } setState(() => _isLoading = true); // TODO: Implement search logic // - Query Firestore/your backend for songs matching the query // - Use FirestoreService or a dedicated SearchService print('Searching for: $query'); await Future.delayed(const Duration(seconds: 1)); // Simulate network delay // Placeholder results setState(() { _searchResults = List.generate(5, (index) => 'Result ${index + 1} for "$query"'); _isLoading = false; }); } @override Widget build(BuildContext context) { return Scaffold( // appBar: AppBar(title: Text("Search")), // AppBar is in HomeScreen body: Column( children: [ Padding( padding: const EdgeInsets.all(16.0), child: TextField( controller: _searchController, decoration: InputDecoration( labelText: 'Search for songs, artists, albums...', suffixIcon: IconButton( icon: const Icon(Icons.search), onPressed: () => _performSearch(_searchController.text), ), ), onSubmitted: _performSearch, // Search when keyboard submit is pressed ), ), if (_isLoading) const Expanded(child: Center(child: CircularProgressIndicator())) else if (_searchResults.isEmpty && _searchController.text.isNotEmpty) Expanded(child: Center(child: Text('No results found for "${_searchController.text}"'))) else Expanded( child: ListView.builder( itemCount: _searchResults.length, itemBuilder: (context, index) { final result = _searchResults[index]; // Replace with Song object return ListTile( title: Text(result), // Display song title // subtitle: Text('Artist Name'), // Display artist // leading: CircleAvatar(), // Display cover art onTap: () { // TODO: Navigate to PlayerScreen with the selected song print('Tapped on: $result'); // Navigator.push(context, MaterialPageRoute(builder: (context) => PlayerScreen(songId: '...'))); }, ); }, ), ), ], ), ); } } import 'package:flutter/material.dart'; // import 'package:provider/provider.dart'; // import '../providers/auth_provider.dart'; // import '../services/firestore_service.dart'; class LibraryScreen extends StatelessWidget { const LibraryScreen({super.key}); @override Widget build(BuildContext context) { // final userId = Provider.of(context).currentUser?.uid; // final firestoreService = Provider.of(context); return DefaultTabController( length: 2, // Number of tabs child: Scaffold( // appBar: AppBar( // AppBar is in HomeScreen // title: Text('Your Library'), // bottom: TabBar( // tabs: [ // Tab(text: 'Playlists'), // Tab(text: 'Liked Songs'), // ], // ), // ), appBar: const TabBar( // Integrate TabBar into HomeScreen's body for Library tabs: [ Tab(text: 'Playlists'), Tab(text: 'Liked Songs'), ], ), body: TabBarView( children: [ // Playlists Tab _buildPlaylistsView(context), // Liked Songs Tab _buildLikedSongsView(context), ], ), floatingActionButton: FloatingActionButton( onPressed: () { // TODO: Show dialog or navigate to create new playlist screen _showCreatePlaylistDialog(context); }, child: const Icon(Icons.add), tooltip: 'Create Playlist', ), ), ); } Widget _buildPlaylistsView(BuildContext context) { // TODO: Fetch user's playlists from Firestore // Use FirestoreService.getUserPlaylists(userId) -> StreamBuilder or FutureBuilder return Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Text('Your Playlists'), // Replace with ListView of playlists ListTile( leading: const Icon(Icons.playlist_play), title: const Text('My Awesome Mix'), subtitle: const Text('15 songs'), onTap: () { /* TODO: Navigate to Playlist Details Screen */ }, ), ListTile( leading: const Icon(Icons.playlist_play), title: const Text('Workout Jams'), subtitle: const Text('30 songs'), onTap: () { /* TODO: Navigate to Playlist Details Screen */ }, ), ], ), ); } Widget _buildLikedSongsView(BuildContext context) { // TODO: Fetch user's liked songs from Firestore // Use FirestoreService.getLikedSongs(userId) -> StreamBuilder or FutureBuilder return Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ const Text('Your Liked Songs'), // Replace with ListView of liked songs ListTile( leading: const Icon(Icons.music_note), title: const Text('Liked Song 1'), subtitle: const Text('Artist A'), trailing: IconButton(icon: const Icon(Icons.play_arrow), onPressed: () { /* Play song */ }), onTap: () { /* Navigate to player? */ }, ), ListTile( leading: const Icon(Icons.music_note), title: const Text('Liked Song 2'), subtitle: const Text('Artist B'), trailing: IconButton(icon: const Icon(Icons.play_arrow), onPressed: () { /* Play song */ }), onTap: () { /* Navigate to player? */ }, ), ], ), ); } void _showCreatePlaylistDialog(BuildContext context) { final TextEditingController playlistNameController = TextEditingController(); showDialog( context: context, builder: (BuildContext dialogContext) { return AlertDialog( title: const Text('Create New Playlist'), content: TextField( controller: playlistNameController, decoration: const InputDecoration(hintText: "Playlist Name"), autofocus: true, ), actions: [ TextButton( child: const Text('Cancel'), onPressed: () { Navigator.of(dialogContext).pop(); }, ), TextButton( child: const Text('Create'), onPressed: () { final String name = playlistNameController.text.trim(); if (name.isNotEmpty) { // TODO: Call FirestoreService to create the playlist // final userId = Provider.of(context, listen: false).currentUser?.uid; // final firestoreService = Provider.of(context, listen: false); // if (userId != null) { // firestoreService.createPlaylist(userId, name); // } print('Creating playlist: $name'); Navigator.of(dialogContext).pop(); } }, ), ], ); }, ); } } import 'package:firebase_auth/firebase_auth.dart'; import 'package:google_sign_in/google_sign_in.dart'; import 'package:flutter/foundation.dart' show kIsWeb; // For checking platform class AuthService { final FirebaseAuth _firebaseAuth = FirebaseAuth.instance; final GoogleSignIn _googleSignIn = GoogleSignIn( // Optional: Specify scopes if needed, e.g., for profile info // scopes: ['email', 'profile'], // Optional: Specify web client ID if needed for web Google Sign-In // clientId: kIsWeb ? 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com' : null, ); // Stream to listen for authentication changes Stream get authStateChanges => _firebaseAuth.authStateChanges(); // Get current user User? get currentUser => _firebaseAuth.currentUser; // Sign Up with Email and Password Future signUpWithEmail(String email, String password) async { try { return await _firebaseAuth.createUserWithEmailAndPassword( email: email, password: password, ); } on FirebaseAuthException catch (e) { // Handle specific errors (e.g., email-already-in-use) print('Firebase Auth Exception (Sign Up): ${e.code} - ${e.message}'); throw Exception('Sign Up Failed: ${e.message}'); // Rethrow generic for UI } catch (e) { print('Sign Up Error: $e'); throw Exception('An unknown error occurred during sign up.'); } } // Sign In with Email and Password Future signInWithEmail(String email, String password) async { try { return await _firebaseAuth.signInWithEmailAndPassword( email: email, password: password, ); } on FirebaseAuthException catch (e) { // Handle specific errors (e.g., user-not-found, wrong-password) print('Firebase Auth Exception (Sign In): ${e.code} - ${e.message}'); throw Exception('Sign In Failed: ${e.message}'); // Rethrow generic for UI } catch (e) { print('Sign In Error: $e'); throw Exception('An unknown error occurred during sign in.'); } } // Sign In with Google Future signInWithGoogle() async { try { GoogleSignInAccount? googleUser; if (kIsWeb) { // For web, use signInSilently first or direct signIn googleUser = await _googleSignIn.signIn(); } else { // For mobile, direct signIn googleUser = await _googleSignIn.signIn(); } if (googleUser == null) { // User cancelled the sign-in return null; } final GoogleSignInAuthentication googleAuth = await googleUser.authentication; final AuthCredential credential = GoogleAuthProvider.credential( accessToken: googleAuth.accessToken, idToken: googleAuth.idToken, ); return await _firebaseAuth.signInWithCredential(credential); } on FirebaseAuthException catch (e) { print('Firebase Auth Exception (Google Sign In): ${e.code} - ${e.message}'); throw Exception('Google Sign In Failed: ${e.message}'); } catch (e) { print('Google Sign In Error: $e'); throw Exception('An unknown error occurred during Google sign in.'); } } // Sign Out Future signOut() async { try { // Sign out from Google first if signed in with Google if (await _googleSignIn.isSignedIn()) { await _googleSignIn.signOut(); } // Then sign out from Firebase await _firebaseAuth.signOut(); } catch (e) { print('Sign Out Error: $e'); throw Exception('Sign Out Failed.'); } } } import 'package:cloud_firestore/cloud_firestore.dart'; import '../models/song.dart'; import '../models/playlist.dart'; class FirestoreService { final FirebaseFirestore _db = FirebaseFirestore.instance; // --- Songs --- // Example: Get a specific song by ID Future getSongById(String songId) async { try { DocumentSnapshot doc = await _db.collection('songs').doc(songId).get(); if (doc.exists) { return Song.fromFirestore(doc); } return null; } catch (e) { print("Error getting song: $e"); return null; } } // Example: Get all songs (consider pagination for large datasets) Stream> getAllSongs() { return _db.collection('songs').snapshots().map((snapshot) => snapshot.docs.map((doc) => Song.fromFirestore(doc)).toList()); } // TODO: Add methods for searching songs (might need backend indexing like Algolia for efficiency) // --- Playlists --- // Create a new playlist for a user Future createPlaylist(String userId, String playlistName) async { try { await _db.collection('users').doc(userId).collection('playlists').add({ 'name': playlistName, 'songIds': [], // Start with an empty list of song IDs 'createdAt': FieldValue.serverTimestamp(), }); } catch (e) { print("Error creating playlist: $e"); // Handle error appropriately } } // Get a user's playlists Stream> getUserPlaylists(String userId) { return _db .collection('users') .doc(userId) .collection('playlists') .orderBy('createdAt', descending: true) .snapshots() .map((snapshot) => snapshot.docs .map((doc) => Playlist.fromFirestore(doc)) .toList()); } // Add a song (by ID) to a playlist Future addSongToPlaylist(String userId, String playlistId, String songId) async { try { await _db .collection('users') .doc(userId) .collection('playlists') .doc(playlistId) .update({ 'songIds': FieldValue.arrayUnion([songId]) // Add songId if not already present }); } catch (e) { print("Error adding song to playlist: $e"); // Handle error } } // Remove a song (by ID) from a playlist Future removeSongFromPlaylist(String userId, String playlistId, String songId) async { try { await _db .collection('users') .doc(userId) .collection('playlists') .doc(playlistId) .update({ 'songIds': FieldValue.arrayRemove([songId]) // Remove songId }); } catch (e) { print("Error removing song from playlist: $e"); // Handle error } } // Delete a playlist Future deletePlaylist(String userId, String playlistId) async { try { await _db .collection('users') .doc(userId) .collection('playlists') .doc(playlistId) .delete(); } catch (e) { print("Error deleting playlist: $e"); // Handle error } } // --- Liked Songs --- // Like a song Future likeSong(String userId, String songId) async { try { await _db.collection('users').doc(userId).collection('likedSongs').doc(songId).set({ 'likedAt': FieldValue.serverTimestamp(), // Optionally store song details here too, or just the ID }); } catch (e) { print("Error liking song: $e"); } } // Unlike a song Future unlikeSong(String userId, String songId) async { try { await _db.collection('users').doc(userId).collection('likedSongs').doc(songId).delete(); } catch (e) { print("Error unliking song: $e"); } } // Get liked songs (returns list of song IDs) Stream> getLikedSongIds(String userId) { return _db .collection('users') .doc(userId) .collection('likedSongs') .orderBy('likedAt', descending: true) .snapshots() .map((snapshot) => snapshot.docs.map((doc) => doc.id).toList()); } // Check if a song is liked Stream isSongLiked(String userId, String songId) { return _db .collection('users') .doc(userId) .collection('likedSongs') .doc(songId) .snapshots() .map((snapshot) => snapshot.exists); } // TODO: Add methods for user profiles if needed } import 'dart:io'; // Or 'dart:html' for web import 'package:firebase_storage/firebase_storage.dart'; import 'package:flutter/foundation.dart' show kIsWeb; // import 'package:path_provider/path_provider.dart'; // For mobile file system access class StorageService { final FirebaseStorage _storage = FirebaseStorage.instance; // --- Music Files --- // Get download URL for a song (assuming stored by songId or a path) Future getSongDownloadUrl(String storagePath) async { // Example storagePath: 'music/song_id_123.mp3' try { return await _storage.ref(storagePath).getDownloadURL(); } catch (e) { print("Error getting download URL: $e"); // Handle error (e.g., file not found) throw Exception("Could not get song URL."); } } // --- Download Functionality (Conceptual - Requires Platform-Specific Handling) --- // Download a song file (more complex, needs path_provider and potentially dio/http) Future downloadSong(String storagePath, String localFileName) async { if (kIsWeb) { // Web download is typically handled by creating an anchor tag with the download URL print("Download on web: Use getSongDownloadUrl and create an anchor tag."); // You might need 'dart:html' and create an AnchorElement. // String url = await getSongDownloadUrl(storagePath); // html.AnchorElement anchorElement = html.AnchorElement(href: url) // ..setAttribute("download", localFileName) // ..click(); throw UnimplementedError("Web download needs specific implementation using dart:html."); } else { // Mobile Download // try { // final Directory appDocDir = await getApplicationDocumentsDirectory(); // final String localPath = '${appDocDir.path}/$localFileName'; // final File localFile = File(localPath); // print('Downloading to: $localPath'); // final downloadTask = _storage.ref(storagePath).writeToFile(localFile); // // You can listen to the download task's progress // downloadTask.snapshotEvents.listen((taskSnapshot) { // switch (taskSnapshot.state) { // case TaskState.running: // final progress = 100.0 * (taskSnapshot.bytesTransferred / taskSnapshot.totalBytes); // print("Download is $progress% complete."); // break; // case TaskState.paused: // print("Download is paused."); // break; // case TaskState.success: // print("Download complete."); // // TODO: Store metadata about the downloaded file (path, songId) locally (e.g., using sqflite or shared_preferences) // break; // case TaskState.canceled: // print("Download was canceled."); // break; // case TaskState.error: // print("Download error occurred."); // // Handle error // break; // } // }); // await downloadTask; // Wait for completion or handle errors // } catch (e) { // print("Error downloading file: $e"); // throw Exception("Could not download song."); // } throw UnimplementedError("Mobile download needs path_provider and file writing implementation."); } } // TODO: Add methods for checking if a song is downloaded locally // TODO: Add methods for deleting downloaded songs // TODO: Add methods for uploading files (e.g., user profile pictures) if needed } import 'package:audioplayers/audioplayers.dart'; import 'package:flutter/material.dart'; // For ChangeNotifier class MusicPlayerService with ChangeNotifier { final AudioPlayer _audioPlayer = AudioPlayer(); PlayerState _playerState = PlayerState.stopped; Duration _duration = Duration.zero; Duration _position = Duration.zero; String? _currentUrl; MusicPlayerService() { _initAudioPlayer(); } // --- Getters --- bool get isPlaying => _playerState == PlayerState.playing; Duration get duration => _duration; Duration get position => _position; PlayerState get playerState => _playerState; Stream get positionStream => _audioPlayer.onPositionChanged; Stream get durationStream => _audioPlayer.onDurationChanged; Stream get playerStateStream => _audioPlayer.onPlayerStateChanged; void _initAudioPlayer() { _audioPlayer.onPlayerStateChanged.listen((state) { _playerState = state; notifyListeners(); // Notify listeners about state change }); _audioPlayer.onDurationChanged.listen((newDuration) { _duration = newDuration; notifyListeners(); }); _audioPlayer.onPositionChanged.listen((newPosition) { _position = newPosition; notifyListeners(); }); _audioPlayer.onPlayerComplete.listen((event) { _playerState = PlayerState.completed; _position = _duration; // Ensure position reflects completion notifyListeners(); // TODO: Implement logic for what happens on completion (e.g., play next song) }); _audioPlayer.onLog.listen((msg) { // Optional: Log player events for debugging // print('AudioPlayer Log: $msg'); }, onError: (msg) { print('AudioPlayer Error: $msg'); _playerState = PlayerState.stopped; // Or handle error state notifyListeners(); // TODO: Handle errors appropriately (e.g., show message to user) }); } Future play(String url) async { try { // Stop current playback before starting new one if (_playerState == PlayerState.playing || _playerState == PlayerState.paused) { await stop(); } _currentUrl = url; await _audioPlayer.play(UrlSource(url)); _playerState = PlayerState.playing; // Explicitly set state after call notifyListeners(); } catch (e) { print("Error playing audio: $e"); _playerState = PlayerState.stopped; // Set to stopped on error notifyListeners(); // Handle error (e.g., network issue, invalid URL) } } Future pause() async { if (_playerState == PlayerState.playing) { await _audioPlayer.pause(); _playerState = PlayerState.paused; notifyListeners(); } } Future resume() async { if (_playerState == PlayerState.paused) { await _audioPlayer.resume(); _playerState = PlayerState.playing; notifyListeners(); } else if (_playerState == PlayerState.stopped || _playerState == PlayerState.completed) { // If stopped or completed, try playing the last URL again if (_currentUrl != null) { await play(_currentUrl!); } } } Future stop() async { await _audioPlayer.stop(); _playerState = PlayerState.stopped; _position = Duration.zero; // Reset position on stop notifyListeners(); } Future seek(Duration position) async { await _audioPlayer.seek(position); _position = position; // Update position immediately for smoother UI notifyListeners(); } @override void dispose() { _audioPlayer.dispose(); // Release resources when service is disposed super.dispose(); } } import 'dart:async'; import 'package:flutter/material.dart'; import 'package:firebase_auth/firebase_auth.dart'; import '../services/auth_service.dart'; enum AuthStatus { uninitialized, authenticating, authenticated, unauthenticated } class AuthProvider with ChangeNotifier { final AuthService _authService; User? _user; AuthStatus _status = AuthStatus.uninitialized; StreamSubscription? _authStateSubscription; AuthProvider(this._authService) { _authStateSubscription = _authService.authStateChanges.listen(_onAuthStateChanged); // Check initial state (in case stream fires before listener is attached) _user = _authService.currentUser; _onAuthStateChanged(_user); } // Getters User? get currentUser => _user; AuthStatus get status => _status; Future _onAuthStateChanged(User? firebaseUser) async { if (firebaseUser == null) { _user = null; _status = AuthStatus.unauthenticated; } else { _user = firebaseUser; _status = AuthStatus.authenticated; // Optional: Load user profile data from Firestore here } notifyListeners(); } Future signUpWithEmail(String email, String password) async { _status = AuthStatus.authenticating; notifyListeners(); try { await _authService.signUpWithEmail(email, password); // Auth state listener will handle status update to authenticated } catch (e) { _status = AuthStatus.unauthenticated; // Revert status on error notifyListeners(); rethrow; // Rethrow the exception to be caught in the UI } } Future signInWithEmail(String email, String password) async { _status = AuthStatus.authenticating; notifyListeners(); try { await _authService.signInWithEmail(email, password); // Auth state listener will handle status update to authenticated } catch (e) { _status = AuthStatus.unauthenticated; notifyListeners(); rethrow; } } Future signInWithGoogle() async { _status = AuthStatus.authenticating; notifyListeners(); try { await _authService.signInWithGoogle(); // Auth state listener will handle status update to authenticated } catch (e) { _status = AuthStatus.unauthenticated; notifyListeners(); rethrow; } } Future signOut() async { _status = AuthStatus.authenticating; // Show loading briefly during sign out notifyListeners(); try { await _authService.signOut(); // Auth state listener will handle status update to unauthenticated } catch (e) { // If sign out fails, revert to previous state (likely authenticated) _status = _user != null ? AuthStatus.authenticated : AuthStatus.unauthenticated; notifyListeners(); rethrow; } } @override void dispose() { _authStateSubscription?.cancel(); super.dispose(); } } import 'package:cloud_firestore/cloud_firestore.dart'; class Song { final String id; final String title; final String artist; final String url; // URL to the audio file (Firebase Storage or other) final String? coverArtUrl; // Optional URL to cover art image final Duration? duration; // Optional: Song duration Song({ required this.id, required this.title, required this.artist, required this.url, this.coverArtUrl, this.duration, }); // Factory constructor to create a Song from Firestore document data factory Song.fromFirestore(DocumentSnapshot doc) { Map data = doc.data() as Map; return Song( id: doc.id, title: data['title'] ?? 'Unknown Title', artist: data['artist'] ?? 'Unknown Artist', url: data['url'] ?? '', // Make sure URL exists coverArtUrl: data['coverArtUrl'], // Can be null duration: data['duration'] != null ? Duration(milliseconds: data['duration']) // Assuming stored in milliseconds : null, ); } // Method to convert Song object to a Map for Firestore Map toFirestore() { return { 'title': title, 'artist': artist, 'url': url, 'coverArtUrl': coverArtUrl, 'duration': duration?.inMilliseconds, // Store as milliseconds // You might not store 'id' in the document data itself if using doc.id }; } } import 'package:cloud_firestore/cloud_firestore.dart'; class Playlist { final String id; final String name; final List songIds; // List of song IDs in the playlist final Timestamp? createdAt; // Optional: When the playlist was created Playlist({ required this.id, required this.name, required this.songIds, this.createdAt, }); factory Playlist.fromFirestore(DocumentSnapshot doc) { Map data = doc.data() as Map; return Playlist( id: doc.id, name: data['name'] ?? 'Unnamed Playlist', // Ensure songIds is treated as a List songIds: List.from(data['songIds'] ?? []), createdAt: data['createdAt'] as Timestamp?, ); } Map toFirestore() { return { 'name': name, 'songIds': songIds, 'createdAt': createdAt ?? FieldValue.serverTimestamp(), // Set timestamp on creation }; } } import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../services/music_player_service.dart'; import '../screens/player_screen.dart'; // To navigate to full player // import '../models/song.dart'; // If you need current song details class MiniPlayer extends StatelessWidget { const MiniPlayer({super.key}); @override Widget build(BuildContext context) { final playerService = Provider.of(context); // TODO: Get current song details (title, artist, cover) - requires another provider or passing data if (playerService.playerState == PlayerState.stopped || playerService.playerState == PlayerState.completed) { // Don't show mini player if nothing is playing or loaded return const SizedBox.shrink(); // Return empty widget } // Placeholder song details const String currentSongTitle = "Now Playing..."; const String currentSongArtist = "Artist"; // final Song? currentSong = context.watch().song; // Example return GestureDetector( onTap: () { // TODO: Navigate to the full PlayerScreen // Need to know the current song ID to navigate correctly // Navigator.push(context, MaterialPageRoute(builder: (_) => PlayerScreen(songId: currentSong.id))); print("Mini player tapped - navigate to full player"); }, child: Container( height: 60, color: Colors.grey[800], // Example background color padding: const EdgeInsets.symmetric(horizontal: 8.0), child: Row( children: [ // TODO: Add Cover Art Thumbnail // Image.network(currentSong.coverArtUrl ?? '', width: 40, height: 40, fit: BoxFit.cover), const Icon(Icons.music_note, color: Colors.white), // Placeholder icon const SizedBox(width: 8), Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( currentSongTitle, // Replace with actual song title style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold), overflow: TextOverflow.ellipsis, ), Text( currentSongArtist, // Replace with actual artist style: TextStyle(color: Colors.grey[400], fontSize: 12), overflow: TextOverflow.ellipsis, ), ], ), ), // Play/Pause Button IconButton( icon: Icon( playerService.isPlaying ? Icons.pause : Icons.play_arrow, color: Colors.white, ), iconSize: 32.0, onPressed: () { if (playerService.isPlaying) { playerService.pause(); } else { playerService.resume(); } }, ), // Optional: Next Button // IconButton( // icon: Icon(Icons.skip_next, color: Colors.white), // onPressed: () { /* TODO: Implement next song */ }, // ), ], ), ), ); } } **Next Steps:** 1. **Firebase Setup:** * Create a Firebase project at [https://console.firebase.google.com/](https://console.firebase.google.com/). * Enable **Authentication** (Email/Password and Google Sign-In methods). * Enable **Firestore Database**. * Enable **Firebase Storage**. * Register your Flutter app (iOS, Android, Web) with the Firebase project. * **Crucially:** Run `flutterfire configure` in your terminal using the FlutterFire CLI to generate the `lib/firebase_options.dart` file specific to your project. This connects your app to your Firebase backend. You might need to add platform-specific configurations (like SHA keys for Android Google Sign-In). 2. **Populate Firestore/Storage:** Add some sample song metadata to your Firestore `songs` collection and upload corresponding MP3 files to Firebase Storage. Make sure the `url` in Firestore points to the correct download URL (or use the `storagePath` and `StorageService` to get the URL dynamically). 3. **Implement Features:** Flesh out the `// TODO:` sections in the code: * Fetch real data in screens (Home, Library, Search). * Implement search logic against Firestore. * Implement playlist creation/management in `FirestoreService` and `LibraryScreen`. * Implement liking/unliking songs. * Implement download functionality using `StorageService` (requires platform-specific file handling). * Refine the `PlayerScreen` UI (seek bar, cover art). * Implement navigation between screens properly. * Add error handling and loading indicators. 4. **Dependencies:** Run `flutter pub get` in your terminal to install all the packages listed in `pubspec.yaml`. 5. **Run the App:** Use `flutter run` to launch the app on an emulator, device, or web.