Issue 19

ios/Flutter/AppFrameworkInfo.plist

@@ -20,7 +20,5 @@
   <string>????</string>
   <key>CFBundleVersion</key>
   <string>1.0</string>
-  <key>MinimumOSVersion</key>
-  <string>13.0</string>
 </dict>
 </plist>

ios/Runner.xcodeproj/project.pbxproj

@@ -540,7 +540,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";
@@ -597,7 +597,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
-				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = AppIcon;
 				CLANG_ANALYZER_NONNULL = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
 				CLANG_CXX_LIBRARY = "libc++";

ios/Runner/AppDelegate.swift

@@ -2,12 +2,15 @@ import Flutter
 import UIKit
 
 @main
-@objc class AppDelegate: FlutterAppDelegate {
+@objc class AppDelegate: FlutterAppDelegate, FlutterImplicitEngineDelegate {
   override func application(
     _ application: UIApplication,
     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
   ) -> Bool {
-    GeneratedPluginRegistrant.register(with: self)
     return super.application(application, didFinishLaunchingWithOptions: launchOptions)
   }
+
+  func didInitializeImplicitFlutterEngine(_ engineBridge: FlutterImplicitEngineBridge) {
+    GeneratedPluginRegistrant.register(with: engineBridge.pluginRegistry)
+  }
 }

ios/Runner/Info.plist

@@ -2,6 +2,8 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+	<key>CADisableMinimumFrameDurationOnPhone</key>
+	<true/>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
@@ -24,6 +26,29 @@
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+	<key>UIApplicationSceneManifest</key>
+	<dict>
+		<key>UIApplicationSupportsMultipleScenes</key>
+		<false/>
+		<key>UISceneConfigurations</key>
+		<dict>
+			<key>UIWindowSceneSessionRoleApplication</key>
+			<array>
+				<dict>
+					<key>UISceneClassName</key>
+					<string>UIWindowScene</string>
+					<key>UISceneConfigurationName</key>
+					<string>flutter</string>
+					<key>UISceneDelegateClassName</key>
+					<string>FlutterSceneDelegate</string>
+					<key>UISceneStoryboardFile</key>
+					<string>Main</string>
+				</dict>
+			</array>
+		</dict>
+	</dict>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
@@ -41,9 +66,5 @@
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
-	<key>CADisableMinimumFrameDurationOnPhone</key>
-	<true/>
-	<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
 </dict>
 </plist>

lib/core/designsystem/atoms/dimensions.dart

@@ -0,0 +1,10 @@
+class Spacings {
+  static const double xSmall = 4.0;
+  static const double small = 8.0;
+  static const double medium = 16.0;
+  static const double large = 24.0;
+  static const double xLarge = 32.0;
+  static const double xl2 = 40.0;
+  static const double xl3 = 56.0;
+  static const double xl4 = 64.0;
+}

lib/core/designsystem/atoms/typography.dart

@@ -0,0 +1,53 @@
+import 'package:flutter/widgets.dart';
+
+const double labelXS = 12;
+const double labelS = 14;
+const double labelM = 16;
+const double labelL = 18;
+
+const double defaultTiny = 10;
+const double defaultSBody = 12;
+const double defaultBody = 14;
+const double defaultXS2 = 18;
+const double defaultXS = 20;
+const double defaultS = 24;
+const double defaultM = 28;
+const double defaultL = 32;
+const double defaultXL = 40;
+const double defaultXL2 = 48;
+
+final headingH1 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultXL2,
+  fontWeight: FontWeight.w700,
+);
+
+final headingH2 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultXL,
+  fontWeight: FontWeight.w700,
+);
+
+final headingH3 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultL,
+  fontWeight: FontWeight.w700,
+);
+
+final headingH4 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultM,
+  fontWeight: FontWeight.w700,
+);
+
+final headingH5 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultS,
+  fontWeight: FontWeight.w700,
+);
+
+final headingH6 = TextStyle(
+  fontFamily: 'Poppins',
+  fontSize: defaultXS,
+  fontWeight: FontWeight.w700,
+);

lib/core/designsystem/organisms/list_item.dart

@@ -1,19 +1,21 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_html/flutter_html.dart';
 import 'package:mibook/core/designsystem/atoms/colors.dart';
+import 'package:mibook/core/designsystem/molecules/indicators/progress_stepper.dart';
 
 abstract class ListItemInput {
   Widget get content;
 }
 
-class BookItemInput extends ListItemInput {
+class TitleImageDescriptionInput extends ListItemInput {
   final String id;
   final String kind;
   final String title;
   final String authors;
   final String description;
   final String? thumbnail;
 
-  BookItemInput({
+  TitleImageDescriptionInput({
     required this.id,
     required this.kind,
     required this.title,
@@ -71,6 +73,97 @@ class GenericInput extends ListItemInput {
   Widget get content => child;
 }
 
+class TitleImageProgressInput extends ListItemInput {
+  final String title;
+  final String? thumbnail;
+  final double progress; // value between 0.0 and 1.0
+
+  TitleImageProgressInput({
+    required this.title,
+    required this.progress,
+    this.thumbnail,
+  });
+
+  @override
+  Widget get content {
+    return Row(
+      children: [
+        if (thumbnail != null)
+          Container(
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(8),
+            ),
+            child: SizedBox(
+              width: 32,
+              height: 32,
+              child: Image.network(
+                thumbnail!,
+                width: 50,
+                height: 75,
+                fit: BoxFit.cover,
+              ),
+            ),
+          ),
+        const SizedBox(width: 16),
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                title,
+                style: const TextStyle(
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+              const SizedBox(height: 8),
+              ProgressStepper(progress: progress),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class TitleSubtitleHtmlDescriptionInput extends ListItemInput {
+  final String title;
+  final String subtitle;
+  final String description;
+
+  TitleSubtitleHtmlDescriptionInput({
+    required this.title,
+    required this.subtitle,
+    required this.description,
+  });
+
+  @override
+  Widget get content {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(
+          title,
+          style: TextStyle(
+            fontSize: 24,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        const SizedBox(height: 8),
+        if (subtitle.isNotEmpty)
+          Text(
+            subtitle,
+            style: TextStyle(
+              fontSize: 16,
+              fontWeight: FontWeight.w500,
+            ),
+          ),
+        const SizedBox(height: 16),
+        Html(data: description),
+      ],
+    );
+  }
+}
+
 class ListItem extends StatelessWidget {
   final ListItemInput input;
   final bool isExpanded;
@@ -94,7 +187,7 @@ class ListItem extends StatelessWidget {
           color: onBackground,
         ),
         child: Padding(
-          padding: const EdgeInsets.all(8.0),
+          padding: const EdgeInsets.all(16.0),
           child: input.content,
         ),
       ),