Merge remote-tracking branch 'origin/dev'

Author: m-r-davari

README.md

@@ -26,8 +26,9 @@ You are welcomed to contribute, instead of copying the Idea or Code.
 \
 3 - **Most Used Languages**, it provides linear progress chart for most used languages in personal repos.
 \
-4 - **Most Used Languages**, it provides pie chart for repos languages overview.
-
+4 - **Repos Languages Overview**, it provides pie chart for repos languages overview.
+\
+5 - **Github Friends**, it provides images slider of your Github friends.
 
 ## Samples
 
@@ -86,6 +87,19 @@ You are welcomed to contribute, instead of copying the Idea or Code.
   <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/master/assets/hzh_langs_overview_light.gif" width="44%">
 </picture>
 
+\
+**5 - Github Friends**
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_friends_dark.gif">
+  <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_friends_light.gif" width="44%">
+</picture>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_friends_circle_dark.gif">
+  <img alt="Image changing depending on Dark/Light Github theme mode." src="https://raw.githubusercontent.com/m-r-davari/github_readme_beautifier/dev/assets/mr_github_friends_circle_light.gif" width="44%">
+</picture>
+
 ## How To Use
 1 - Go to the web app from [**here**](https://m-r-davari.github.io/github_readme_beautifier).\
 2 - Enter your Github username.\
@@ -114,4 +128,5 @@ You are welcomed to contribute, instead of copying the Idea or Code.
 - This project has been developed using Flutter web and is still under development.
 - If your Exported Gif has some lag you can generate it again to have smooth Gif loops.
 - Consider using optimized GIF files; they have a smaller size without losing quality and will load faster on your README file, even with a low-speed network.
+- If you want more image compression you can use this online tool [**ezgif**](https://ezgif.com/optimize).
 

assets/github_friends_thumbnail.gif

@@ -2,6 +2,10 @@ import 'package:ffmpeg_wasm/ffmpeg_wasm.dart';
 import 'package:get/get.dart';
 import 'package:github_readme_beautifier/core/network_manager/dio_network_manager_web.dart';
 import 'package:github_readme_beautifier/core/network_manager/i_nework_manager.dart';
+import 'package:github_readme_beautifier/data/user/datasource/i_user_info_remote_datasource.dart';
+import 'package:github_readme_beautifier/data/user/datasource/user_info_remote_datasouce.dart';
+import 'package:github_readme_beautifier/data/user/repository/i_user_info_repository.dart';
+import 'package:github_readme_beautifier/data/user/repository/user_info_repository.dart';
 import 'package:github_readme_beautifier/presentation/exporter/exporter_controller.dart';
 import 'package:github_readme_beautifier/core/downloader/downloader.dart';
 import 'package:github_readme_beautifier/core/downloader/i_downloader.dart';
@@ -11,8 +15,8 @@ import 'package:github_readme_beautifier/core/gif_optimizer/gif_optimizer.dart';
 import 'package:github_readme_beautifier/core/gif_optimizer/i_gif_optimizer.dart';
 import 'package:github_readme_beautifier/core/screenshot_maker/i_screenshot_maker.dart';
 import 'package:github_readme_beautifier/core/screenshot_maker/screenshot_maker.dart';
-import 'package:github_readme_beautifier/data/git_repos/datasource/git_repos.dart';
-import 'package:github_readme_beautifier/data/git_repos/datasource/i_git_repos.dart';
+import 'package:github_readme_beautifier/data/git_repos/datasource/git_repos_remote_datasource.dart';
+import 'package:github_readme_beautifier/data/git_repos/datasource/i_git_repos_remote_datasource.dart';
 import 'package:github_readme_beautifier/presentation/user/user_controller.dart';
 import 'package:github_readme_beautifier/utils/const_keeper.dart';
 
@@ -29,7 +33,10 @@ class AppBindings extends Bindings {
     Get.put<INetworkManager>(DioNetworkManager(baseUrl: ConstKeeper.baseUrl));
     Get.put<IGitReposRemoteDataSource>(GitReposRemoteDataSource(networkManager: Get.find<INetworkManager>()));
 
-    Get.put(UserController(),permanent: true);
+
+    Get.put<IUserInfoRemoteDatasource>(UserInfoRemoteDatasource(networkManager: Get.find<INetworkManager>()));
+    Get.put<IUserInfoRepository>(UserInfoRepository(remoteDatasource: Get.find<IUserInfoRemoteDatasource>()));
+    Get.put<UserController>(UserController(),permanent: true);
 
   }
 

assets/mr_github_friends_circle_dark.gif

@@ -6,11 +6,12 @@ class GifMaker extends IGifMaker {
 
   final FFmpeg _fFmpeg;
   GifMaker(this._fFmpeg);
+  int createdGifCount = 0;
 
   @override
   Future<Uint8List> createGif(
       {required List<Uint8List> frames, String frameRate = '50', String exportRate = '20', required String fileName,
-      String loopNum = '0', String maxColors = '200', bool loopDelay = false}) async {
+      String loopNum = '0', String maxColors = '200', bool loopDelay = false,String bayer='5'}) async {
 
     //frame rate changes from 24 to 50
     //because with reverse frames we have total 50 frames and if we want to use 24 fps export it will deduct frames and cause the
@@ -25,34 +26,35 @@ class GifMaker extends IGifMaker {
     // '-r' is the frame rate of export it must be 24 and it effects the size of export gif higher -r will cause higher size.
     // best -r values is between 20~24.
 
-
+    createdGifCount +=1;
+    print('---- gifCreatedCount-- $createdGifCount --');
     for (int i = 0; i < frames.length; i++) {
-      _fFmpeg.writeFile(i < 10 ? '${fileName}_00$i.png' : i < 100 ? '${fileName}_0$i.png' : '${fileName}_$i.png', frames[i]);
+      _fFmpeg.writeFile(i < 10 ? '$fileName${createdGifCount}_00$i.png' : i < 100 ? '$fileName${createdGifCount}_0$i.png' : '$fileName${createdGifCount}_$i.png', frames[i]);
     }
 
     await _fFmpeg.run([
       '-framerate', frameRate,
-      '-i', '${fileName}_%03d.png',
+      '-i', '$fileName${createdGifCount}_%03d.png',
       '-vf', 'palettegen=max_colors=$maxColors',
       //palettegen //palettegen=max_colors=256 //'palettegen=stats_mode=single:max_colors=256'
       'palette.png',
     ]);
 
     await _fFmpeg.run([
       '-framerate', frameRate,
-      '-i', '${fileName}_%03d.png',
+      '-i', '$fileName${createdGifCount}_%03d.png',
       '-i', 'palette.png',
-      '-lavfi', 'paletteuse=dither=bayer:bayer_scale=5${loopDelay ? ', setpts=\'if(eq(N,${frames.length - 1}),2/TB,PTS)\'' : ''}',
+      '-lavfi', 'paletteuse=dither=bayer:bayer_scale=$bayer${loopDelay ? ', setpts=\'if(eq(N,${frames.length - 1}),2/TB,PTS)\'' : ''}',
       //'-filter_complex', //'[0:v][1:v]paletteuse',//'[0:v][1:v]paletteuse=dither=bayer:bayer_scale=5'
       // [0:v][1:v]paletteuse=dither=floyd_steinberg //[0:v][1:v]paletteuse ////paletteuse
       //'-t', '1',
       '-loop', loopNum,
       '-r', exportRate,
       '-f', 'gif',
-      '$fileName.gif',
+      '$fileName$createdGifCount.gif',
     ]);
-    final gifData = _fFmpeg.readFile('$fileName.gif');
-    _fFmpeg.unlink('$fileName.gif');
+    final gifData = _fFmpeg.readFile('$fileName$createdGifCount.gif');
+    _fFmpeg.unlink('$fileName$createdGifCount.gif');
     return gifData;
 
   }

assets/mr_github_friends_circle_light.gif

@@ -5,7 +5,7 @@ abstract class IGifMaker {
   /// this method will make Git file with Uint8List
   Future<Uint8List> createGif(
     {required List<Uint8List> frames, String frameRate = '50', String exportRate = '20', required String fileName,
-    String loopNum = '0', String maxColors = '200', bool loopDelay = false}
+    String loopNum = '0', String maxColors = '200', bool loopDelay = false,String bayer = '5'}
   );
 
 }

assets/mr_github_friends_dark.gif

@@ -3,6 +3,10 @@ abstract class UIState {
 }
 
 
+class InitialState extends UIState {
+
+}
+
 class LoadingState extends UIState {
 
 }