refactor: refactored alien dashbook stories

packages/pinball_components/lib/src/components/alien_bumper.dart

@@ -59,19 +59,16 @@ class AlienBumper extends BodyComponent with InitialPosition {
   @override
   Future<void> onLoad() async {
     await super.onLoad();
+    renderBody = false;
+
     await _loadSprites();
 
-    // TODO(erickzanardo): Look into using onNewState instead.
-    // Currently doing: onNewState(gameRef.read<GameState>()) will throw an
-    // `Exception: build context is not available yet`
     deactivate();
     await add(_spriteComponent);
   }
 
   @override
   Body createBody() {
-    renderBody = false;
-
     final shape = EllipseShape(
       center: Vector2.zero(),
       majorRadius: _majorRadius,

packages/pinball_components/sandbox/lib/main.dart

@@ -23,7 +23,7 @@ void main() {
   addKickerStories(dashbook);
   addSlingshotStories(dashbook);
   addSparkyBumperStories(dashbook);
-  addAlienBumperStories(dashbook);
+  addAlienZoneStories(dashbook);
   addZoomStories(dashbook);
   addBoundariesStories(dashbook);
   runApp(dashbook);

packages/pinball_components/sandbox/lib/stories/alien_bumper/stories.dart

@@ -1,15 +0,0 @@
-import 'package:dashbook/dashbook.dart';
-import 'package:flame/game.dart';
-import 'package:sandbox/common/common.dart';
-import 'package:sandbox/stories/alien_bumper/alien_bumper_game.dart';
-
-void addAlienBumperStories(Dashbook dashbook) {
-  dashbook.storiesOf('Alien Bumpers').add(
-        'Basic',
-        (context) => GameWidget(
-          game: AlienBumperGame()..trace = context.boolProperty('Trace', true),
-        ),
-        codeLink: buildSourceLink('alien_bumper/basic.dart'),
-        info: AlienBumperGame.info,
-      );
-}

packages/pinball_components/sandbox/lib/stories/alien_zone/alien_bumper_a_game.dart

@@ -0,0 +1,28 @@
+import 'dart:async';
+
+import 'package:flame/extensions.dart';
+import 'package:pinball_components/pinball_components.dart';
+import 'package:sandbox/stories/ball/basic_ball_game.dart';
+
+class AlienBumperAGame extends BasicBallGame {
+  AlienBumperAGame() : super(color: const Color(0xFF0000FF));
+
+  static const info = '''
+    Shows how a AlienBumperA is rendered.
+
+    - Activate the "trace" parameter to overlay the body.
+''';
+
+  @override
+  Future<void> onLoad() async {
+    await super.onLoad();
+
+    final center = screenToWorld(camera.viewport.canvasSize! / 2);
+    final alienBumperA = AlienBumper.a()
+      ..initialPosition = Vector2(center.x - 20, center.y - 20)
+      ..priority = 1;
+    await add(alienBumperA);
+
+    await traceAllBodies();
+  }
+}

packages/pinball_components/sandbox/lib/stories/alien_zone/alien_bumper_b_game.dart

@@ -5,11 +5,11 @@ import 'package:pinball_components/pinball_components.dart';
 import 'package:sandbox/common/common.dart';
 import 'package:sandbox/stories/ball/basic_ball_game.dart';
 
-class AlienBumperGame extends BasicBallGame with Traceable {
-  AlienBumperGame() : super(color: const Color(0xFF0000FF));
+class AlienBumperBGame extends BasicBallGame {
+  AlienBumperBGame() : super(color: const Color(0xFF0000FF));
 
   static const info = '''
-    Shows how a AlienBumper is rendered.
+    Shows how a AlienBumperB is rendered.
 
     - Activate the "trace" parameter to overlay the body.
 ''';
@@ -19,16 +19,10 @@ class AlienBumperGame extends BasicBallGame with Traceable {
     await super.onLoad();
 
     final center = screenToWorld(camera.viewport.canvasSize! / 2);
-    final alienBumperA = AlienBumper.a()
-      ..initialPosition = Vector2(center.x - 20, center.y - 20)
-      ..priority = 1;
     final alienBumperB = AlienBumper.b()
       ..initialPosition = Vector2(center.x - 10, center.y + 10)
       ..priority = 1;
-    await addAll([
-      alienBumperA,
-      alienBumperB,
-    ]);
+    await add(alienBumperB);
 
     await traceAllBodies();
   }

packages/pinball_components/sandbox/lib/stories/alien_zone/stories.dart

@@ -0,0 +1,25 @@
+import 'package:dashbook/dashbook.dart';
+import 'package:flame/game.dart';
+import 'package:sandbox/common/common.dart';
+import 'package:sandbox/stories/alien_zone/alien_bumper_a_game.dart';
+import 'package:sandbox/stories/alien_zone/alien_bumper_b_game.dart';
+
+void addAlienZoneStories(Dashbook dashbook) {
+  dashbook.storiesOf('Alien Zone')
+    ..add(
+      'Alien Bumper A',
+      (context) => GameWidget(
+        game: AlienBumperAGame()..trace = context.boolProperty('Trace', true),
+      ),
+      codeLink: buildSourceLink('alien_zone/alien_bumper_a.dart'),
+      info: AlienBumperAGame.info,
+    )
+    ..add(
+      'Alien Bumper B',
+      (context) => GameWidget(
+        game: AlienBumperBGame()..trace = context.boolProperty('Trace', true),
+      ),
+      codeLink: buildSourceLink('alien_zone/alien_bumper_b.dart'),
+      info: AlienBumperAGame.info,
+    );
+}

packages/pinball_components/sandbox/lib/stories/stories.dart

@@ -1,4 +1,4 @@
-export 'alien_bumper/stories.dart';
+export 'alien_zone/stories.dart';
 export 'ball/stories.dart';
 export 'baseboard/stories.dart';
 export 'boundaries/stories.dart';