remove images from app assets, use cached network images

.github/workflows/docs.yml

@@ -6,6 +6,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
       - name: Setup Python
         uses: actions/setup-python@v2
         with:

.gitignore

@@ -9,6 +9,7 @@
 .history
 .svn/
 /site/
+.venv/
 
 # IntelliJ related
 *.iml

docs/contributing.md

@@ -42,7 +42,7 @@ git checkout -b [BRANCH NAME]
 
 1. Install mkdocs and its requirements
 ```bash
-python3 -m  pip install mkdocs pymdown-extensions mkdocs-material mkdocs-git-revision-date-localized-plugin
+python3 -m  pip install -r requirements-docs.txt
 ```
 2. Check the installations by:
 ```bash

lib/src/custom_items/home_page.dart

@@ -13,8 +13,9 @@ class HomePage extends StatelessWidget {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 850.0),
-            allowFontScaling: false,
+            minTextAdapt: false,
           );
           return Container(
             child: ListView(

lib/src/custom_items/simulation_card.dart

@@ -1,3 +1,4 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
@@ -59,9 +60,11 @@ class _SimulationCardState extends State<SimulationCard> {
                 flex: 10,
                 child: Container(
                   padding: EdgeInsets.fromLTRB(5, 10, 5, 0),
-                  child: Image.asset(
-                    widget.image,
-                    fit: BoxFit.fill,
+                  child:CachedNetworkImage(
+                    imageUrl: widget.image,
+                    progressIndicatorBuilder: (context, url, downloadProgress) =>
+                        CircularProgressIndicator(value: downloadProgress.progress),
+                    errorWidget: (context, url, error) => Icon(Icons.error),
                   ),
                 ),
               ),

lib/src/data/simulations.dart

@@ -12,6 +12,7 @@ import 'package:shared_preferences/shared_preferences.dart';
 import 'package:simulate/src/simulations/lissajous_curve.dart';
 import 'package:simulate/src/simulations/epicycloid_curve.dart';
 import 'package:simulate/src/simulations/maurer_rose.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 class Simulations with ChangeNotifier {
   static var _favorites = [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1];
@@ -57,8 +58,8 @@ class Simulations with ChangeNotifier {
         id: 0,
         simulationName: 'Toothpick Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/ToothpickPatternDark.png'
-            : 'assets/simulations/ToothpickPatternLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/ToothpickPatternDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/ToothpickPatternLight.png',
         direct: ToothpickPattern(),
         infoLink: 'https://en.wikipedia.org/wiki/Toothpick_sequence',
         fav: _favorites[0],
@@ -67,8 +68,8 @@ class Simulations with ChangeNotifier {
         id: 1,
         simulationName: 'Bubble Sort (Bars)',
         image: theme.darkTheme
-            ? 'assets/simulations/BubbleSortDark.png'
-            : 'assets/simulations/BubbleSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/BubbleSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/BubbleSortLight.png',
         direct: BubbleSortBars(),
         infoLink: 'https://en.wikipedia.org/wiki/Bubble_sort',
         fav: _favorites[1],
@@ -77,8 +78,8 @@ class Simulations with ChangeNotifier {
         id: 2,
         simulationName: 'Insertion Sort',
         image: theme.darkTheme
-            ? 'assets/simulations/InsertionSortDark.png'
-            : 'assets/simulations/InsertionSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortLight.png',
         direct: InsertionHome(),
         infoLink: 'https://en.wikipedia.org/wiki/Insertion_sort',
         fav: _favorites[2],
@@ -87,8 +88,8 @@ class Simulations with ChangeNotifier {
         id: 3,
         simulationName: 'Rose Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/RosePatternDark.png'
-            : 'assets/simulations/RosePatternLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/RosePatternDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/RosePatternLight.png',
         direct: RosePattern(),
         infoLink: 'https://en.wikipedia.org/wiki/Rose_(mathematics)',
         fav: _favorites[3],
@@ -97,8 +98,8 @@ class Simulations with ChangeNotifier {
         id: 4,
         simulationName: 'Fourier Series',
         image: theme.darkTheme
-            ? 'assets/simulations/FourierSeriesDark.png'
-            : 'assets/simulations/FourierSeriesLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/FourierSeriesDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/FourierSeriesLight.png',
         direct: FourierSeries(),
         infoLink: 'https://en.wikipedia.org/wiki/Fourier_series',
         fav: _favorites[4],
@@ -107,8 +108,8 @@ class Simulations with ChangeNotifier {
         id: 5,
         simulationName: 'Lissajous Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/LissajousCurveDark.png'
-            : 'assets/simulations/LissajousCurveLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/LissajousCurveDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/LissajousCurveLight.png',
         direct: LissajousCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Lissajous_curve',
         fav: _favorites[5],
@@ -117,8 +118,8 @@ class Simulations with ChangeNotifier {
         id: 6,
         simulationName: 'Epicycloid Pattern (Pencil of Lines)',
         image: theme.darkTheme
-            ? 'assets/simulations/Epicycloid1Dark.png'
-            : 'assets/simulations/Epicycloid1Light.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid1Dark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid1Light.png',
         direct: EpicycloidCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Epicycloid',
         fav: _favorites[6],
@@ -127,8 +128,8 @@ class Simulations with ChangeNotifier {
         id: 7,
         simulationName: 'Epicycloid Curve',
         image: theme.darkTheme
-            ? 'assets/simulations/EpicycloidDark.png'
-            : 'assets/simulations/Epicycloid.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/EpicycloidDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/Epicycloid.png',
         direct: NormalEpicycloidCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Epicycloid',
         fav: _favorites[7],
@@ -137,8 +138,8 @@ class Simulations with ChangeNotifier {
         id: 8,
         simulationName: 'Maurer Rose Pattern',
         image: theme.darkTheme
-            ? 'assets/simulations/MaurerRoseDark.png'
-            : 'assets/simulations/MaurerRoseLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/MaurerRoseDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/MaurerRoseLight.png',
         direct: MaurerRoseCurve(),
         infoLink: 'https://en.wikipedia.org/wiki/Maurer_rose',
         fav: _favorites[8],
@@ -147,8 +148,8 @@ class Simulations with ChangeNotifier {
         id: 9,
         simulationName: 'Selection Sort',
         image: theme.darkTheme
-            ? 'assets/simulations/InsertionSortDark.png'
-            : 'assets/simulations/InsertionSortLight.png',
+            ? 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortDark.png'
+            : 'https://raw.githubusercontent.com/builtree/assets/simulate/web-assets/InsertionSortLight.png',
         direct: SelectionSortBars(),
         infoLink: 'https://en.wikipedia.org/wiki/Selection_sort',
         fav: _favorites[9],

lib/src/simulations/bubble_sort.dart

@@ -144,8 +144,9 @@ class _BubbleSortBarsState extends State<BubbleSortBars> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/epicycloid.dart

@@ -44,8 +44,9 @@ class _NormalEpicycloidCurveState extends State<NormalEpicycloidCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(720.0, 1600.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/epicycloid_curve.dart

@@ -36,8 +36,9 @@ class _EpicycloidCurveState extends State<EpicycloidCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(434.0, 924.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/fourier_series.dart

@@ -62,8 +62,9 @@ class _FourierSeriesState extends State<FourierSeries> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(1024.0, 512.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(
@@ -122,7 +123,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 1,
                             max: 100,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {
@@ -140,7 +142,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 10,
                             max: 200,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {
@@ -158,7 +161,8 @@ class _FourierSeriesState extends State<FourierSeries> {
                           Slider(
                             min: 0,
                             max: 0.3,
-                            activeColor: Theme.of(context).colorScheme.secondary,
+                            activeColor:
+                                Theme.of(context).colorScheme.secondary,
                             inactiveColor: Colors.grey,
                             onChanged: (value) {
                               setState(() {

lib/src/simulations/insertion_sort.dart

@@ -123,8 +123,9 @@ class _InsertionHomeState extends State<InsertionHome> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/lissajous_curve.dart

@@ -38,8 +38,9 @@ class _LissajousCurveState extends State<LissajousCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/maurer_rose.dart

@@ -38,8 +38,9 @@ class MaurerRoseCurveState extends State<MaurerRoseCurve> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/rose_pattern.dart

@@ -37,8 +37,9 @@ class _RosePatternState extends State<RosePattern> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(

lib/src/simulations/toothpick.dart

@@ -144,8 +144,9 @@ class _ToothpickPatternState extends State<ToothpickPattern> {
         if (constraints.maxWidth != 0) {
           ScreenUtil.init(
             constraints,
+            context: context,
             designSize: Size(512.0, 1024.0),
-            allowFontScaling: true,
+            minTextAdapt: true,
           );
           return Scaffold(
             appBar: AppBar(