From 45cd89face7bb59cbd69faca9cf3f13a55f2d2bd Mon Sep 17 00:00:00 2001
From: arturplaczek <33895544+arturplaczek@users.noreply.github.com>
Date: Fri, 29 Apr 2022 10:30:52 +0200
Subject: [PATCH] chore: dialog background for select character & how to play
 (#236)

---
 .github/workflows/pinball_ui.yaml             |  23 ++++++
 lib/game/view/widgets/game_hud.dart           |   6 +-
 .../view/widgets/play_button_overlay.dart     |   1 +
 .../view/character_selection_page.dart        |  24 ++++--
 .../widgets/how_to_play_dialog.dart           |  31 +++----
 packages/pinball_ui/.gitignore                |  39 +++++++++
 packages/pinball_ui/README.md                 |  11 +++
 packages/pinball_ui/analysis_options.yaml     |   4 +
 .../assets/images/dialog/background.png       | Bin 0 -> 20606 bytes
 packages/pinball_ui/lib/gen/assets.gen.dart   |  78 ++++++++++++++++++
 packages/pinball_ui/lib/gen/gen.dart          |   1 +
 packages/pinball_ui/lib/pinball_ui.dart       |   3 +
 .../pinball_ui/lib/src/dialog/dialog.dart     |   1 +
 .../lib/src/dialog/pixelated_decoration.dart  |  56 +++++++++++++
 packages/pinball_ui/pubspec.yaml              |  29 +++++++
 .../src/dialog/pixelated_decoration_test.dart |  26 ++++++
 pubspec.lock                                  |   7 ++
 pubspec.yaml                                  |   2 +
 .../widgets/how_to_play_dialog_test.dart      |   7 +-
 19 files changed, 317 insertions(+), 32 deletions(-)
 create mode 100644 .github/workflows/pinball_ui.yaml
 create mode 100644 packages/pinball_ui/.gitignore
 create mode 100644 packages/pinball_ui/README.md
 create mode 100644 packages/pinball_ui/analysis_options.yaml
 create mode 100644 packages/pinball_ui/assets/images/dialog/background.png
 create mode 100644 packages/pinball_ui/lib/gen/assets.gen.dart
 create mode 100644 packages/pinball_ui/lib/gen/gen.dart
 create mode 100644 packages/pinball_ui/lib/pinball_ui.dart
 create mode 100644 packages/pinball_ui/lib/src/dialog/dialog.dart
 create mode 100644 packages/pinball_ui/lib/src/dialog/pixelated_decoration.dart
 create mode 100644 packages/pinball_ui/pubspec.yaml
 create mode 100644 packages/pinball_ui/test/src/dialog/pixelated_decoration_test.dart

diff --git a/.github/workflows/pinball_ui.yaml b/.github/workflows/pinball_ui.yaml
new file mode 100644
index 00000000..98643ffa
--- /dev/null
+++ b/.github/workflows/pinball_ui.yaml
@@ -0,0 +1,23 @@
+name: pinball_ui
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+on:
+  push:
+    paths:
+      - "packages/pinball_ui/**"
+      - ".github/workflows/pinball_ui.yaml"
+
+  pull_request:
+    paths:
+      - "packages/pinball_ui/**"
+      - ".github/workflows/pinball_ui.yaml"
+
+jobs:
+  build:
+    uses: VeryGoodOpenSource/very_good_workflows/.github/workflows/flutter_package.yml@v1
+    with:
+      working_directory: packages/pinball_ui
+      coverage_excludes: "lib/gen/*.dart"
diff --git a/lib/game/view/widgets/game_hud.dart b/lib/game/view/widgets/game_hud.dart
index 9cfb2d67..e3c44877 100644
--- a/lib/game/view/widgets/game_hud.dart
+++ b/lib/game/view/widgets/game_hud.dart
@@ -66,14 +66,14 @@ class _ScoreViewDecoration extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     const radius = BorderRadius.all(Radius.circular(12));
-    const boardWidth = 5.0;
+    const borderWidth = 5.0;
 
     return DecoratedBox(
       decoration: BoxDecoration(
         borderRadius: radius,
         border: Border.all(
           color: AppColors.white,
-          width: boardWidth,
+          width: borderWidth,
         ),
         image: DecorationImage(
           fit: BoxFit.cover,
@@ -83,7 +83,7 @@ class _ScoreViewDecoration extends StatelessWidget {
         ),
       ),
       child: Padding(
-        padding: const EdgeInsets.all(boardWidth - 1),
+        padding: const EdgeInsets.all(borderWidth - 1),
         child: ClipRRect(
           borderRadius: radius,
           child: child,
diff --git a/lib/game/view/widgets/play_button_overlay.dart b/lib/game/view/widgets/play_button_overlay.dart
index f90ebb98..3db62a50 100644
--- a/lib/game/view/widgets/play_button_overlay.dart
+++ b/lib/game/view/widgets/play_button_overlay.dart
@@ -28,6 +28,7 @@ class PlayButtonOverlay extends StatelessWidget {
             context: context,
             barrierDismissible: false,
             builder: (_) {
+              // TODO(arturplaczek): remove after merge StarBlocListener
               final height = MediaQuery.of(context).size.height * 0.5;
 
               return Center(
diff --git a/lib/select_character/view/character_selection_page.dart b/lib/select_character/view/character_selection_page.dart
index 0e83db8d..83dc6ee6 100644
--- a/lib/select_character/view/character_selection_page.dart
+++ b/lib/select_character/view/character_selection_page.dart
@@ -6,6 +6,7 @@ import 'package:pinball/l10n/l10n.dart';
 import 'package:pinball/select_character/select_character.dart';
 import 'package:pinball/start_game/start_game.dart';
 import 'package:pinball_theme/pinball_theme.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 class CharacterSelectionDialog extends StatelessWidget {
   const CharacterSelectionDialog({Key? key}) : super(key: key);
@@ -32,25 +33,32 @@ class CharacterSelectionView extends StatelessWidget {
   Widget build(BuildContext context) {
     final l10n = context.l10n;
 
-    return Scaffold(
+    return PixelatedDecoration(
+      header: Text(
+        l10n.characterSelectionTitle,
+        style: Theme.of(context).textTheme.headline3,
+      ),
       body: SingleChildScrollView(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            const SizedBox(height: 80),
-            Text(
-              l10n.characterSelectionTitle,
-              style: Theme.of(context).textTheme.headline3,
-            ),
-            const SizedBox(height: 80),
             const _CharacterSelectionGridView(),
             const SizedBox(height: 20),
             TextButton(
               onPressed: () {
                 Navigator.of(context).pop();
+                // TODO(arturplaczek): remove after merge StarBlocListener
+                final height = MediaQuery.of(context).size.height * 0.5;
+
                 showDialog<void>(
                   context: context,
-                  builder: (_) => const HowToPlayDialog(),
+                  builder: (_) => Center(
+                    child: SizedBox(
+                      height: height,
+                      width: height * 1.4,
+                      child: const HowToPlayDialog(),
+                    ),
+                  ),
                 );
               },
               child: Text(l10n.start),
diff --git a/lib/start_game/widgets/how_to_play_dialog.dart b/lib/start_game/widgets/how_to_play_dialog.dart
index aed7a3e3..bc5166e4 100644
--- a/lib/start_game/widgets/how_to_play_dialog.dart
+++ b/lib/start_game/widgets/how_to_play_dialog.dart
@@ -2,6 +2,7 @@
 
 import 'package:flutter/material.dart';
 import 'package:pinball/l10n/l10n.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 class HowToPlayDialog extends StatelessWidget {
   const HowToPlayDialog({Key? key}) : super(key: key);
@@ -11,19 +12,15 @@ class HowToPlayDialog extends StatelessWidget {
     final l10n = context.l10n;
     const spacing = SizedBox(height: 16);
 
-    return Dialog(
-      child: Padding(
-        padding: const EdgeInsets.all(20),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            Text(l10n.howToPlay),
-            spacing,
-            const _LaunchControls(),
-            spacing,
-            const _FlipperControls(),
-          ],
-        ),
+    return PixelatedDecoration(
+      header: Text(l10n.howToPlay),
+      body: ListView(
+        children: const [
+          spacing,
+          _LaunchControls(),
+          spacing,
+          _FlipperControls(),
+        ],
       ),
     );
   }
@@ -41,9 +38,7 @@ class _LaunchControls extends StatelessWidget {
       children: [
         Text(l10n.launchControls),
         const SizedBox(height: 10),
-        Row(
-          mainAxisSize: MainAxisSize.min,
-          mainAxisAlignment: MainAxisAlignment.center,
+        Wrap(
           children: const [
             KeyIndicator.fromIcon(keyIcon: Icons.keyboard_arrow_down),
             spacing,
@@ -81,9 +76,7 @@ class _FlipperControls extends StatelessWidget {
               ],
             ),
             const SizedBox(height: 8),
-            Row(
-              mainAxisSize: MainAxisSize.min,
-              mainAxisAlignment: MainAxisAlignment.center,
+            Wrap(
               children: const [
                 KeyIndicator.fromKeyName(keyName: 'A'),
                 rowSpacing,
diff --git a/packages/pinball_ui/.gitignore b/packages/pinball_ui/.gitignore
new file mode 100644
index 00000000..d6130351
--- /dev/null
+++ b/packages/pinball_ui/.gitignore
@@ -0,0 +1,39 @@
+# Miscellaneous
+*.class
+*.log
+*.pyc
+*.swp
+.DS_Store
+.atom/
+.buildlog/
+.history
+.svn/
+
+# IntelliJ related
+*.iml
+*.ipr
+*.iws
+.idea/
+
+# VSCode related
+.vscode/
+
+# Flutter/Dart/Pub related
+**/doc/api/
+**/ios/Flutter/.last_build_id
+.dart_tool/
+.flutter-plugins
+.flutter-plugins-dependencies
+.packages
+.pub-cache/
+.pub/
+/build/
+
+# Web related
+lib/generated_plugin_registrant.dart
+
+# Symbolication related
+app.*.symbols
+
+# Obfuscation related
+app.*.map.json
diff --git a/packages/pinball_ui/README.md b/packages/pinball_ui/README.md
new file mode 100644
index 00000000..cabc194a
--- /dev/null
+++ b/packages/pinball_ui/README.md
@@ -0,0 +1,11 @@
+# pinball_ui
+
+[![style: very good analysis][very_good_analysis_badge]][very_good_analysis_link]
+[![License: MIT][license_badge]][license_link]
+
+UI Toolkit for the Pinball Flutter Application
+
+[license_badge]: https://img.shields.io/badge/license-MIT-blue.svg
+[license_link]: https://opensource.org/licenses/MIT
+[very_good_analysis_badge]: https://img.shields.io/badge/style-very_good_analysis-B22C89.svg
+[very_good_analysis_link]: https://pub.dev/packages/very_good_analysis
diff --git a/packages/pinball_ui/analysis_options.yaml b/packages/pinball_ui/analysis_options.yaml
new file mode 100644
index 00000000..f8155aa6
--- /dev/null
+++ b/packages/pinball_ui/analysis_options.yaml
@@ -0,0 +1,4 @@
+include: package:very_good_analysis/analysis_options.2.4.0.yaml
+analyzer:
+  exclude:
+    - lib/**/*.gen.dart
diff --git a/packages/pinball_ui/assets/images/dialog/background.png b/packages/pinball_ui/assets/images/dialog/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..0aad300f947035b97e2d7a17e40411e1a3437a63
GIT binary patch
literal 20606
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

literal 0
HcmV?d00001

diff --git a/packages/pinball_ui/lib/gen/assets.gen.dart b/packages/pinball_ui/lib/gen/assets.gen.dart
new file mode 100644
index 00000000..41c45ece
--- /dev/null
+++ b/packages/pinball_ui/lib/gen/assets.gen.dart
@@ -0,0 +1,78 @@
+/// GENERATED CODE - DO NOT MODIFY BY HAND
+/// *****************************************************
+///  FlutterGen
+/// *****************************************************
+
+// ignore_for_file: directives_ordering,unnecessary_import
+
+import 'package:flutter/widgets.dart';
+
+class $AssetsImagesGen {
+  const $AssetsImagesGen();
+
+  $AssetsImagesDialogGen get dialog => const $AssetsImagesDialogGen();
+}
+
+class $AssetsImagesDialogGen {
+  const $AssetsImagesDialogGen();
+
+  /// File path: assets/images/dialog/background.png
+  AssetGenImage get background =>
+      const AssetGenImage('assets/images/dialog/background.png');
+}
+
+class Assets {
+  Assets._();
+
+  static const $AssetsImagesGen images = $AssetsImagesGen();
+}
+
+class AssetGenImage extends AssetImage {
+  const AssetGenImage(String assetName)
+      : super(assetName, package: 'pinball_ui');
+
+  Image image({
+    Key? key,
+    ImageFrameBuilder? frameBuilder,
+    ImageLoadingBuilder? loadingBuilder,
+    ImageErrorWidgetBuilder? errorBuilder,
+    String? semanticLabel,
+    bool excludeFromSemantics = false,
+    double? width,
+    double? height,
+    Color? color,
+    BlendMode? colorBlendMode,
+    BoxFit? fit,
+    AlignmentGeometry alignment = Alignment.center,
+    ImageRepeat repeat = ImageRepeat.noRepeat,
+    Rect? centerSlice,
+    bool matchTextDirection = false,
+    bool gaplessPlayback = false,
+    bool isAntiAlias = false,
+    FilterQuality filterQuality = FilterQuality.low,
+  }) {
+    return Image(
+      key: key,
+      image: this,
+      frameBuilder: frameBuilder,
+      loadingBuilder: loadingBuilder,
+      errorBuilder: errorBuilder,
+      semanticLabel: semanticLabel,
+      excludeFromSemantics: excludeFromSemantics,
+      width: width,
+      height: height,
+      color: color,
+      colorBlendMode: colorBlendMode,
+      fit: fit,
+      alignment: alignment,
+      repeat: repeat,
+      centerSlice: centerSlice,
+      matchTextDirection: matchTextDirection,
+      gaplessPlayback: gaplessPlayback,
+      isAntiAlias: isAntiAlias,
+      filterQuality: filterQuality,
+    );
+  }
+
+  String get path => assetName;
+}
diff --git a/packages/pinball_ui/lib/gen/gen.dart b/packages/pinball_ui/lib/gen/gen.dart
new file mode 100644
index 00000000..e7ad4c54
--- /dev/null
+++ b/packages/pinball_ui/lib/gen/gen.dart
@@ -0,0 +1 @@
+export 'assets.gen.dart';
diff --git a/packages/pinball_ui/lib/pinball_ui.dart b/packages/pinball_ui/lib/pinball_ui.dart
new file mode 100644
index 00000000..b46adf95
--- /dev/null
+++ b/packages/pinball_ui/lib/pinball_ui.dart
@@ -0,0 +1,3 @@
+library pinball_ui;
+
+export 'src/dialog/dialog.dart';
diff --git a/packages/pinball_ui/lib/src/dialog/dialog.dart b/packages/pinball_ui/lib/src/dialog/dialog.dart
new file mode 100644
index 00000000..7a224272
--- /dev/null
+++ b/packages/pinball_ui/lib/src/dialog/dialog.dart
@@ -0,0 +1 @@
+export 'pixelated_decoration.dart';
diff --git a/packages/pinball_ui/lib/src/dialog/pixelated_decoration.dart b/packages/pinball_ui/lib/src/dialog/pixelated_decoration.dart
new file mode 100644
index 00000000..542a00db
--- /dev/null
+++ b/packages/pinball_ui/lib/src/dialog/pixelated_decoration.dart
@@ -0,0 +1,56 @@
+import 'package:flutter/material.dart';
+import 'package:pinball_ui/gen/gen.dart';
+
+/// {@template pixelated_decoration}
+/// Widget with pixelated background and layout defined for dialog displays.
+/// {@endtemplate}
+class PixelatedDecoration extends StatelessWidget {
+  /// {@macro pixelated_decoration}
+  const PixelatedDecoration({
+    Key? key,
+    required Widget header,
+    required Widget body,
+  })  : _header = header,
+        _body = body,
+        super(key: key);
+
+  final Widget _header;
+  final Widget _body;
+
+  @override
+  Widget build(BuildContext context) {
+    const radius = BorderRadius.all(Radius.circular(12));
+
+    return Material(
+      borderRadius: radius,
+      child: Padding(
+        padding: const EdgeInsets.all(5),
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            borderRadius: radius,
+            image: DecorationImage(
+              fit: BoxFit.fill,
+              image: AssetImage(Assets.images.dialog.background.keyName),
+            ),
+          ),
+          child: ClipRRect(
+            borderRadius: radius,
+            child: Column(
+              children: [
+                Expanded(
+                  child: Center(
+                    child: _header,
+                  ),
+                ),
+                Expanded(
+                  flex: 4,
+                  child: _body,
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/packages/pinball_ui/pubspec.yaml b/packages/pinball_ui/pubspec.yaml
new file mode 100644
index 00000000..79c65338
--- /dev/null
+++ b/packages/pinball_ui/pubspec.yaml
@@ -0,0 +1,29 @@
+name: pinball_ui
+description: UI Toolkit for the Pinball Flutter Application
+version: 1.0.0+1
+publish_to: none
+
+environment:
+  sdk: ">=2.16.0 <3.0.0"
+
+dependencies:
+  flutter:
+    sdk: flutter
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+  test: ^1.19.2
+  very_good_analysis: ^2.4.0
+
+flutter:
+  uses-material-design: true
+  generate: true
+
+  assets:
+    - assets/images/dialog/
+
+flutter_gen:
+  line_length: 80
+  assets:
+    package_parameter_enabled: true
diff --git a/packages/pinball_ui/test/src/dialog/pixelated_decoration_test.dart b/packages/pinball_ui/test/src/dialog/pixelated_decoration_test.dart
new file mode 100644
index 00000000..772f2570
--- /dev/null
+++ b/packages/pinball_ui/test/src/dialog/pixelated_decoration_test.dart
@@ -0,0 +1,26 @@
+// ignore_for_file: prefer_const_constructors
+
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:pinball_ui/pinball_ui.dart';
+
+void main() {
+  group('PixelatedDecoration', () {
+    testWidgets('renders header and body', (tester) async {
+      const headerText = 'header';
+      const bodyText = 'body';
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: PixelatedDecoration(
+            header: Text(headerText),
+            body: Text(bodyText),
+          ),
+        ),
+      );
+
+      expect(find.text(headerText), findsOneWidget);
+      expect(find.text(bodyText), findsOneWidget);
+    });
+  });
+}
diff --git a/pubspec.lock b/pubspec.lock
index 9ee8ae6c..4b71c77b 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -499,6 +499,13 @@ packages:
       relative: true
     source: path
     version: "1.0.0+1"
+  pinball_ui:
+    dependency: "direct main"
+    description:
+      path: "packages/pinball_ui"
+      relative: true
+    source: path
+    version: "1.0.0+1"
   platform:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 48c570c3..f129ea19 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -35,6 +35,8 @@ dependencies:
     path: packages/pinball_flame
   pinball_theme:
     path: packages/pinball_theme
+  pinball_ui:
+    path: packages/pinball_ui
 
 dev_dependencies:
   bloc_test: ^9.0.2
diff --git a/test/start_game/widgets/how_to_play_dialog_test.dart b/test/start_game/widgets/how_to_play_dialog_test.dart
index 082f102e..c31ac1a3 100644
--- a/test/start_game/widgets/how_to_play_dialog_test.dart
+++ b/test/start_game/widgets/how_to_play_dialog_test.dart
@@ -2,16 +2,19 @@
 
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:pinball/l10n/l10n.dart';
 import 'package:pinball/start_game/start_game.dart';
 
 import '../../helpers/helpers.dart';
 
 void main() {
   group('HowToPlayDialog', () {
-    testWidgets('displays dialog', (tester) async {
+    testWidgets('displays content', (tester) async {
+      final l10n = await AppLocalizations.delegate.load(Locale('en'));
+
       await tester.pumpApp(HowToPlayDialog());
 
-      expect(find.byType(Dialog), findsOneWidget);
+      expect(find.text(l10n.launchControls), findsOneWidget);
     });
   });