dart_twitter_api: anydartz: anyflutter_hooks: anyhooks_riverpod: anyhttp: any

class EnvironmentConfig {  // We add the api key by running 'flutter run --dart-define=apiKey=MYKEY`  final apiKey = const String.fromEnvironment("apiKey");  final apiKeySecret = const String.fromEnvironment("apiKeySecret");  final accessToken = const String.fromEnvironment("accessToken");  final accessTokenSecret = const String.fromEnvironment("accessTokenSecret");}final environmentConfigProvider = Provider<EnvironmentConfig>((ref) {  return EnvironmentConfig();});

import 'dart:io';import 'package:dart_twitter_api/twitter_api.dart';import 'package:flutter_twitter_api/environment_config.dart';import 'package:hooks_riverpod/hooks_riverpod.dart';import 'package:dartz/dartz.dart';import 'package:http/http.dart';// Here we provide the TwitterApi that we got from the Package we added in the beginningfinal twitterApiProvider = Provider<TwitterApi>((ref) {  final config = ref.watch(environmentConfigProvider);  print(config.apiKey);  print(config.apiKeySecret);  print(config.accessToken);  print(config.accessTokenSecret);  final twitterApi = TwitterApi(    client: TwitterClient(      consumerKey: config.apiKey,      consumerSecret: config.apiKeySecret,      token: config.accessToken,      secret: config.accessTokenSecret,    ),  );  return twitterApi;});// Providing our Repository to later on be accessible to the Controller (the class that the UI will use)final twitterRepositoryProvider = Provider<TwitterRepository>((ref) {  final twitterApi = ref.watch(twitterApiProvider);  return TwitterRepository(twitterApi);});class TwitterRepository {  TwitterRepository(this._twitterApi);  final TwitterApi _twitterApi;  Future<Either<Failure, String>> post(String status) async {    try {      Tweet tweet = await _twitterApi.tweetService.update(status: status);      return Right(tweet.fullText);    } on Response catch (response) {      return Left(Failure(response.reasonPhrase));    } on SocketException catch (_) {      return Left(Failure('No internect connection'));    }  }}// This class doesn't have to be in this file but done so to make it simpler in this example. // We are going to use this to have our custom failure making our error decoupled and easier to manage.class Failure {  Failure(this.message);  final String message;}

import 'package:dartz/dartz.dart';import 'package:flutter_twitter_api/twitter_repository.dart';import 'package:hooks_riverpod/all.dart';final twitterControllerProvider = StateNotifierProvider<TwitterController>((ref) {  final twitterRepository = ref.watch(twitterRepositoryProvider);  return TwitterController(twitterRepository);});class TwitterController extends StateNotifier<AsyncValue<String>> {  TwitterController(    this._twitterRepository, [    AsyncValue<String> state,  ]) : super(state ?? AsyncValue.data(''));  final TwitterRepository _twitterRepository;  Future<Either<Failure, String>> postTweet(String tweetMessage) async {    state = AsyncValue.loading();    final result = await _twitterRepository.post(tweetMessage);    result.fold(      (failure) => state = AsyncValue.error(failure),      (message) => state = AsyncValue.data(message),    );    return result;  }}

import 'package:flutter/material.dart';import 'package:flutter_hooks/flutter_hooks.dart';import 'package:hooks_riverpod/hooks_riverpod.dart';import 'twitter_controller.dart';import 'twitter_repository.dart';void main() {  runApp(ProviderScope(child: MyApp()));}class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      title: 'Flutter Demo',      theme: ThemeData(        primarySwatch: Colors.blue,      ),      home: MyHomePage(),    );  }}// We are using a HookWidgetclass MyHomePage extends HookWidget {  @override  Widget build(BuildContext context) {    // The hook will make sure to dispose the TextEditingController and other nice things.    final textEditingController = useTextEditingController();    return Scaffold(      backgroundColor: Colors.white,      body: Stack(        children: [          Container(            color: const Color(0xffE9EFFD),            padding: const EdgeInsets.only(top: kToolbarHeight),            child: Align(              alignment: Alignment.topCenter,              child: Text(                'Calm tweeter',                style: Theme.of(context).textTheme.headline4,              ),            ),          ),          Container(            padding: const EdgeInsets.all(12.0),            margin: const EdgeInsets.only(top: kToolbarHeight * 2),            decoration: BoxDecoration(              color: Colors.white,              borderRadius: BorderRadius.only(                topLeft: Radius.circular(42),                topRight: Radius.circular(42),              ),            ),            child: Column(              mainAxisAlignment: MainAxisAlignment.end,              children: <Widget>[                Spacer(),                TweetResponse(),                Spacer(),                CustomInputField(                  onPressed: () => postTweet(context, textEditingController),                  textEditingController: textEditingController,                ),              ],            ),          ),        ],      ),    );  }  void postTweet(BuildContext context, TextEditingController tweetTextEditingController) async {    // We add a early guard clause    if (tweetTextEditingController.text.isEmpty) return;    // Make the request and if it works we will clear the Input field, if not the input field will not be cleared.    final result = await context.read(twitterControllerProvider).postTweet(tweetTextEditingController.text);    if (result.isRight()) {      tweetTextEditingController.clear();    }  }}class CustomInputField extends StatelessWidget {  const CustomInputField({    Key key,    @required this.textEditingController,    @required this.onPressed,  }) : super(key: key);  final TextEditingController textEditingController;  final VoidCallback onPressed;  @override  Widget build(BuildContext context) {    return TextField(      controller: textEditingController,      keyboardType: TextInputType.multiline,      minLines: 1,      maxLines: 4,      maxLength: 280,      maxLengthEnforced: true,      decoration: InputDecoration(        hintText: 'How are you all doing?',        border: OutlineInputBorder(          borderRadius: BorderRadius.circular(8),          borderSide: BorderSide.none,        ),        suffixIcon: ClipOval(          child: Material(            color: Colors.white.withOpacity(0.0),            child: IconButton(              onPressed: onPressed,              icon: Icon(Icons.send),            ),          ),        ),        filled: true,        fillColor: const Color(0xffF6F8FD),      ),    );  }}class TweetResponse extends HookWidget {  @override  Widget build(BuildContext context) {    final tweetControllerState = useProvider(twitterControllerProvider.state);    final theme = Theme.of(context).textTheme.headline6.copyWith(color: const Color(0xff2F3A5D));    return tweetControllerState.when(      data: (data) => Text(data.isEmpty ? 'Write a tweet ' : 'Tweet: $data', style: theme),      loading: () => CircularProgressIndicator(),      error: (err, sr) {        if (err is Failure) {          return Text(err.message, style: theme);        }        return Text('An unexpected error occurred ', style: theme);      },    );  }}