feat: update mascot for resolute (#1324)

This includes the new artwork and also adds support for dark variants of
image assets used in the slideshow.

UDENG-9066

Author: d-loose

apps/ubuntu_bootstrap/assets/slides/1/mascot-dark.svg

@@ -1,6 +1,7 @@
 import 'dart:convert';
 import 'dart:io';
 
+import 'package:collection/collection.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -9,52 +10,90 @@ import 'package:intl/intl.dart' hide TextDirection;
 import 'package:intl/intl_standalone.dart';
 import 'package:path/path.dart' as path;
 import 'package:ubuntu_bootstrap/providers/slide_html.dart';
+import 'package:ubuntu_flavor/ubuntu_flavor.dart';
 import 'package:ubuntu_logger/ubuntu_logger.dart';
 import 'package:ubuntu_provision/ubuntu_provision.dart';
 
 final slidesProvider = Provider(
-  (ref) => SlidesModel(flavorName: ref.watch(flavorProvider).displayName),
+  (ref) => SlidesModel(
+    brightness: ref.watch(brightnessProvider),
+    flavor: ref.watch(flavorProvider),
+  ),
 );
 
 final _log = Logger('slides');
 
 /// Pre-caches and holds the HTML slides.
 class SlidesModel {
-  SlidesModel({required this.flavorName});
-
-  final String flavorName;
-  final List<SlideHtml> slides = [];
-
-  SlideHtml? get(int index) => slides[index];
+  factory SlidesModel({
+    required Brightness brightness,
+    required UbuntuFlavor flavor,
+  }) =>
+      _instance
+        .._brightness = brightness
+        .._flavor = flavor;
+
+  @visibleForTesting
+  SlidesModel.internal({
+    required Brightness brightness,
+    required UbuntuFlavor flavor,
+  })  : _brightness = brightness,
+        _flavor = flavor;
+
+  static final SlidesModel _instance = SlidesModel.internal(
+    flavor: UbuntuFlavor.ubuntu,
+    brightness: Brightness.light,
+  );
+
+  Brightness _brightness;
+  UbuntuFlavor _flavor;
+  final List<SlideHtml> _slides = [];
+  final List<SlideHtml> _slidesDark = [];
+
+  UnmodifiableListView<SlideHtml> get slides => UnmodifiableListView(
+        switch (_brightness) {
+          Brightness.light => _slides,
+          Brightness.dark => _slidesDark,
+        },
+      );
 
   Future<void> preCache() async {
-    final loadFutures = <Future<void>>[];
+    _slides.addAll(await _loadSlides(Brightness.light));
+    _slidesDark.addAll(await _loadSlides(Brightness.dark));
+  }
+
+  Future<List<SlideHtml>> _loadSlides(Brightness brightness) async {
+    final loadFutures = <Future<SlideHtml?>>[];
     while (true) {
       final index = loadFutures.length + 1;
       final slidePath = '${ConfigService.whiteLabelDirectory}slides/$index';
       final slideDirectory = Directory(slidePath);
       if (!await slideDirectory.exists()) {
         break;
       }
-      loadFutures.add(_loadSlide(index));
+      loadFutures.add(_loadSlide(index, brightness));
     }
 
     if (loadFutures.isEmpty) {
       _log.info('No custom slides found, using default slides.');
       while (true) {
         final index = loadFutures.length + 1;
-        final slideFuture = _loadSlide(index, fromAssets: true);
+        final slideFuture = _loadSlide(index, brightness, fromAssets: true);
         if (await slideFuture == null) {
           break;
         }
         loadFutures.add(slideFuture);
       }
     }
 
-    slides.addAll((await Future.wait(loadFutures)).whereType());
+    return (await Future.wait(loadFutures)).nonNulls.toList();
   }
 
-  Future<SlideHtml?> _loadSlide(int index, {bool fromAssets = false}) async {
+  Future<SlideHtml?> _loadSlide(
+    int index,
+    Brightness brightness, {
+    bool fromAssets = false,
+  }) async {
     const defaultLocale = 'en_US';
     final locale = Intl.defaultLocale ?? await findSystemLocale();
     final locales = [locale, defaultLocale];
@@ -89,11 +128,12 @@ class SlidesModel {
       }
 
       final flavorSpecificContent =
-          content.replaceAll('{{ DISTRO }}', flavorName);
+          content.replaceAll('{{ DISTRO }}', _flavor.displayName);
 
       final bundledHtml = await _replaceImages(
         flavorSpecificContent,
         index,
+        brightness,
         fromAssets: fromAssets,
       );
 
@@ -106,7 +146,8 @@ class SlidesModel {
   /// Replaces the image src attributes with base64 encoded images.
   Future<String> _replaceImages(
     String html,
-    int index, {
+    int index,
+    Brightness brightness, {
     bool fromAssets = false,
   }) async {
     final document = parse(html);
@@ -116,11 +157,24 @@ class SlidesModel {
       if (src == null) {
         continue;
       }
+      final srcDark = src.replaceFirstMapped(
+        // first group matches everything except the file extension, second group
+        // matches the file extension
+        RegExp(r'(.*)(\.[^\.]*)'),
+        (m) => '${m[1]}-dark${m[2]}',
+      );
 
       final Uint8List imageBytes;
       final fileExtension = path.extension(src);
       if (fromAssets) {
-        final imagePath = 'assets/slides/$index/$src';
+        final basePath = 'assets/slides/$index/';
+        final String imagePath;
+        if (brightness == Brightness.dark &&
+            await rootBundle.exists(basePath + srcDark)) {
+          imagePath = basePath + srcDark;
+        } else {
+          imagePath = basePath + src;
+        }
         try {
           final data = await rootBundle.load(imagePath);
           imageBytes = data.buffer.asUint8List();
@@ -129,9 +183,15 @@ class SlidesModel {
           continue;
         }
       } else {
-        final imageFile = File(
-          '${ConfigService.whiteLabelDirectory}slides/$index/$src',
-        );
+        final baseImagePath =
+            '${ConfigService.whiteLabelDirectory}slides/$index/';
+        final File imageFile;
+        if (brightness == Brightness.dark &&
+            await File(baseImagePath + srcDark).exists()) {
+          imageFile = File(baseImagePath + srcDark);
+        } else {
+          imageFile = File(baseImagePath + src);
+        }
         if (!await imageFile.exists()) {
           _log.error(
             'Error loading image $src from $imageFile: File does not exist.',

apps/ubuntu_bootstrap/assets/slides/1/mascot.svg

@@ -1,5 +1,7 @@
 // ignore_for_file: prefer_const_constructors
 
+import 'dart:collection';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:mockito/annotations.dart';
@@ -63,12 +65,12 @@ class MockSlidesModel extends Mock implements SlidesModel {
   Future<void> preCache() async {}
 
   @override
-  late final slides = [
+  late final slides = UnmodifiableListView([
     for (var i = 1; i <= slideCount; i++)
       SlideHtml(
         '<html><body>slide_$i</body></html>',
         index: i,
         locale: 'en_US',
       ),
-  ];
+  ]);
 }