fix: rename package

.github/workflows/app_ui.yaml

@@ -1,18 +0,0 @@
-name: app_ui
-
-on:
-  push:
-    paths:
-      - "packages/app_ui/**"
-      - ".github/workflows/app_ui.yaml"
-
-  pull_request:
-    paths:
-      - "packages/app_ui/**"
-      - ".github/workflows/app_ui.yaml"
-
-jobs:
-  build:
-    uses: VeryGoodOpenSource/very_good_workflows/.github/workflows/flutter_package.yml@v1
-    with:
-      working_directory: packages/app_ui

.github/workflows/pinball_ui.yaml

@@ -0,0 +1,18 @@
+name: pinball_ui
+
+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

lib/select_character/view/character_selection_page.dart

@@ -1,12 +1,12 @@
 // ignore_for_file: public_member_api_docs
 
-import 'package:app_ui/app_ui.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 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);
@@ -33,7 +33,7 @@ class CharacterSelectionView extends StatelessWidget {
   Widget build(BuildContext context) {
     final l10n = context.l10n;
 
-    return DialogDecoration(
+    return PinballDialogLayout(
       header: Text(
         l10n.characterSelectionTitle,
         style: Theme.of(context).textTheme.headline3,

lib/start_game/widgets/how_to_play_dialog.dart

@@ -1,8 +1,8 @@
 // ignore_for_file: public_member_api_docs
 
-import 'package:app_ui/app_ui.dart';
 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);
@@ -12,7 +12,7 @@ class HowToPlayDialog extends StatelessWidget {
     final l10n = context.l10n;
     const spacing = SizedBox(height: 16);
 
-    return DialogDecoration(
+    return PinballDialogLayout(
       header: Text(l10n.howToPlay),
       body: Column(
         children: const [

packages/app_ui/lib/src/dialog/dialog.dart

@@ -1 +0,0 @@
-export 'dialog_decoration.dart';

packages/app_ui/lib/src/dialog/dialog_decoration.dart

@@ -1,73 +0,0 @@
-import 'package:app_ui/gen/gen.dart';
-import 'package:flutter/material.dart';
-
-/// {@template dialog_background}
-/// A dialog decoration with pixel looking background.
-///
-/// Requires the header [Widget] and body [Widget], which are displayed on the
-/// decoration.
-/// {@endtemplate}
-class DialogDecoration extends StatelessWidget {
-  /// {@macro dialog_background}
-  const DialogDecoration({
-    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));
-    const boardWidth = 5.0;
-
-    return LayoutBuilder(
-      builder: (context, constraints) {
-        final gameWidgetWidth = constraints.maxHeight * 9 / 16;
-
-        return Center(
-          child: SizedBox(
-            height: gameWidgetWidth,
-            width: gameWidgetWidth,
-            child: DecoratedBox(
-              decoration: BoxDecoration(
-                borderRadius: radius,
-                border: Border.all(
-                  color: Colors.white,
-                  width: boardWidth,
-                ),
-                image: DecorationImage(
-                  fit: BoxFit.cover,
-                  image: AssetImage(
-                    Assets.images.dialog.background.keyName,
-                  ),
-                ),
-              ),
-              child: Padding(
-                padding: const EdgeInsets.all(boardWidth - 1),
-                child: ClipRRect(
-                  borderRadius: radius,
-                  child: Column(
-                    children: [
-                      Expanded(
-                        child: Center(child: _header),
-                      ),
-                      Expanded(
-                        flex: 4,
-                        child: _body,
-                      ),
-                    ],
-                  ),
-                ),
-              ),
-            ),
-          ),
-        );
-      },
-    );
-  }
-}

packages/pinball_ui/lib/gen/assets.gen.dart

@@ -28,7 +28,8 @@ class Assets {
 }
 
 class AssetGenImage extends AssetImage {
-  const AssetGenImage(String assetName) : super(assetName, package: 'app_ui');
+  const AssetGenImage(String assetName)
+      : super(assetName, package: 'pinball_ui');
 
   Image image({
     Key? key,

packages/pinball_ui/lib/pinball_ui.dart

@@ -1,3 +1,3 @@
-library app_ui;
+library pinball_ui;
 
 export 'src/dialog/dialog.dart';

packages/pinball_ui/lib/src/dialog/dialog.dart

@@ -0,0 +1 @@
+export 'pinball_dialog_layout.dart';

packages/pinball_ui/lib/src/dialog/pinball_dialog_layout.dart

@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:pinball_ui/gen/gen.dart';
+
+/// {@template pinball_dialog_layout}
+/// A dialog decoration with pixel looking background.
+///
+/// Requires the header [Widget] and body [Widget], which are displayed on the
+/// decoration.
+/// {@endtemplate}
+class PinballDialogLayout extends StatelessWidget {
+  /// {@macro pinball_dialog_layout}
+  const PinballDialogLayout({
+    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) {
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        final gameWidgetWidth = constraints.maxHeight * 9 / 16;
+
+        return Center(
+          child: SizedBox(
+            height: gameWidgetWidth,
+            width: gameWidgetWidth,
+            child: _DialogDecoration(
+              header: _header,
+              body: _body,
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
+
+class _DialogDecoration extends StatelessWidget {
+  const _DialogDecoration({
+    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));
+    const boardWidth = 5.0;
+
+    return DecoratedBox(
+      decoration: BoxDecoration(
+        borderRadius: radius,
+        border: Border.all(
+          color: Colors.white,
+          width: boardWidth,
+        ),
+        image: DecorationImage(
+          fit: BoxFit.cover,
+          image: AssetImage(
+            Assets.images.dialog.background.keyName,
+          ),
+        ),
+      ),
+      child: Padding(
+        padding: const EdgeInsets.all(boardWidth - 1),
+        child: ClipRRect(
+          borderRadius: radius,
+          child: Column(
+            children: [
+              Expanded(
+                child: Center(child: _header),
+              ),
+              Expanded(
+                flex: 4,
+                child: _body,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

packages/pinball_ui/pubspec.yaml

@@ -1,4 +1,4 @@
-name: app_ui
+name: pinball_ui
 description: App UI Component Library
 version: 1.0.0+1
 publish_to: none

packages/pinball_ui/test/src/dialog/pinball_dialog_layout_test.dart

@@ -1,18 +1,18 @@
 // ignore_for_file: prefer_const_constructors
 
-import 'package:app_ui/app_ui.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
+import 'package:pinball_ui/pinball_ui.dart';
 
 void main() {
-  group('DialogDecoration', () {
+  group('PinballDialogLayout', () {
     testWidgets('renders header and body', (tester) async {
       const headerText = 'header';
       const bodyText = 'body';
 
       await tester.pumpWidget(
         MaterialApp(
-          home: DialogDecoration(
+          home: PinballDialogLayout(
             header: Text(headerText),
             body: Text(bodyText),
           ),

pubspec.lock

@@ -15,13 +15,6 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.8.0"
-  app_ui:
-    dependency: "direct main"
-    description:
-      path: "packages/app_ui"
-      relative: true
-    source: path
-    version: "1.0.0+1"
   args:
     dependency: transitive
     description:
@@ -504,6 +497,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:

pubspec.yaml

@@ -7,8 +7,6 @@ environment:
   sdk: ">=2.16.0 <3.0.0"
 
 dependencies:
-  app_ui:
-    path: packages/app_ui
   bloc: ^8.0.2
   cloud_firestore: ^3.1.10
   equatable: ^2.0.3
@@ -33,6 +31,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