Bugfixes and cleanup

- Removed unused images
- Minor changes to onboarding to make it more up to date with Stac changes
- Renamed movie_carousel to anime_home_carousel
- Episode list is not reversed on details screen now
- Bottom nav height adjusted for iOS
- Updated Readme.md

Author: Potatomonsta

examples/ani_watch/README.md

@@ -1,16 +1,17 @@
-# AniWatch
+# AniWatch 📺
 
-A new Flutter project.
+AniWatch is a sample Flutter application built to demonstrate the capabilities of the **Stac** Server-Driven UI (SDUI) framework. The app allows users to browse through a catalog of Anime shows, view their airing schedules, and access detailed information about each series.
 
-## Getting Started
+## Features
 
-This project is a starting point for a Flutter application.
+*   Browse a list/grid of Anime shows.
+*   View detailed information for each Anime, including synopsis, genres, ratings, etc. (content driven by Stac).
+*   Check airing schedules for ongoing and upcoming Anime.
+*   Dynamic UI rendering powered by the Stac SDUI framework.
 
-A few resources to get you started if this is your first Flutter project:
+## Purpose
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+This project primarily serves as an example of how to:
 
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+*   Integrate the Stac SDUI framework into a Flutter application.
+*   Manage navigation and data flow in an SDUI architecture.

examples/ani_watch/assets/images/image.png

@@ -7,8 +7,8 @@
                 "type": "image",
                 "imageType": "asset",
                 "src": "assets/images/kny.png",
-                "width": 10000,
-                "height": 10000,
+                "width": "maxFinite",
+                "height": "maxFinite",
                 "fit": "cover"
             },
             {
@@ -52,16 +52,9 @@
                                 },
                                 {
                                     "type": "text",
-                                    "data": "",
+                                    "data": "Watch, enjoy and track all of your anime series, movies and OVA’s",
                                     "style": "bodyLarge",
-                                    "children": [
-                                        {
-                                            "data": "Watch, enjoy and track all of your anime series, movies and OVA’s",
-                                            "style": {
-                                                "color": "onSurfaceVariant@65"
-                                            }
-                                        }
-                                    ]
+                                    "copyWithStyle": {"color": "onSurfaceVariant@65"}
                                 },
                                 {
                                     "type": "sizedBox",

examples/ani_watch/assets/images/jjk.jpg

@@ -5,7 +5,7 @@ import 'package:ani_watch/screens/navigation_view.dart';
 import 'package:ani_watch/widgets/ani_list_description_text/ani_list_description_text_parser.dart';
 import 'package:ani_watch/widgets/animeScheduleItem/anime_schedule_item_parser.dart';
 import 'package:ani_watch/widgets/anime_upcoming/anime_upcoming_parser.dart';
-import 'package:ani_watch/widgets/movie_carousel/movie_carousel_parser.dart';
+import 'package:ani_watch/widgets/movie_carousel/anime_home_carousel_parser.dart';
 import 'package:stac/stac.dart';
 
 void main() async {

examples/ani_watch/assets/jsons/screens/onboarding_screen.json

@@ -483,7 +483,6 @@ Map<String, dynamic> getAnimeEpisodesView() {
       "type": "listView",
       "padding": {"left": 16, "right": 16, "top": 0, "bottom": 0},
       "isPrimary": false,
-      "reverse": true,
       "scrollDirection": "vertical",
       "shrinkWrap": true,
       "separator": {"type": "sizedBox", "height": 10},

examples/ani_watch/lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:ani_watch/screens/home.dart';
 import 'package:ani_watch/screens/schedule.dart';
+import 'package:flutter/foundation.dart';
 
 final Map<String, dynamic> navigationView = {
   "type": "defaultBottomNavigationController",
@@ -13,7 +14,7 @@ final Map<String, dynamic> navigationView = {
     },
     "bottomNavigationBar": {
       "type": "container",
-      "height": 60,
+      "height": getMobilePlatformSpecificValue(),
       "padding": 0,
       "child": {
         "type": "clipRRect",
@@ -102,3 +103,11 @@ final Map<String, dynamic> navigationView = {
     },
   },
 };
+
+int getMobilePlatformSpecificValue() {
+  if (defaultTargetPlatform == TargetPlatform.iOS) {
+    return 86;
+  } else {
+    return 60;
+  }
+}

examples/ani_watch/lib/screens/details_screen.dart

@@ -2,7 +2,7 @@ import 'dart:ui';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
-import 'package:ani_watch/widgets/movie_carousel/movie_carousel.dart';
+import 'package:ani_watch/widgets/movie_carousel/anime_home_carousel.dart';
 import 'package:smooth_page_indicator/smooth_page_indicator.dart';
 import 'package:stac/stac.dart';
 
@@ -74,6 +74,16 @@ class _AnimeHomeCarouselWidgetState extends State<AnimeHomeCarouselWidget> {
               controller: pageController,
               itemCount: widget.movies.length,
               itemBuilder: (context, index) {
+                var episodeText = "";
+                try {
+                  if (widget.movies[index]['episodes'] != null) {
+                    episodeText = "${widget.movies[index]['episodes']}";
+                  } else if(widget.movies[index]['nextAiringEpisode']['episode'] != null) {
+                    episodeText = "${widget.movies[index]['nextAiringEpisode']['episode'] - 1}";
+                  }
+                } on Exception {
+                  episodeText = "";
+                }
                 return Padding(
                   padding: EdgeInsets.symmetric(vertical: 0, horizontal: 16),
                   child: Container(
@@ -148,7 +158,7 @@ class _AnimeHomeCarouselWidgetState extends State<AnimeHomeCarouselWidget> {
                                 ),
                               ),
                               Text(
-                                "${widget.movies[index]['season'].toString().toCapitalized} ${widget.movies[index]['seasonYear']} · ${widget.movies[index]['episodes'] ?? widget.movies[index]['nextAiringEpisode']['episode'] - 1} Episodes",
+                                "${widget.movies[index]['season'].toString().toCapitalized} ${widget.movies[index]['seasonYear']}${episodeText.isEmpty ? "" :  " · $episodeText Episodes"}",
                                 style: Theme.of(
                                   context,
                                 ).textTheme.bodyMedium?.apply(