Merge pull request #48 from bluefireteam/feat/flip

Author: erickzanardo

packages/mini_sprite_editor/lib/l10n/arb/app_en.arb

@@ -207,5 +207,14 @@
     "addColor": "Add color",
     "@addColor": {
         "description": "Label for add color"
+    },
+    "flipVertically": "Flip vertically",
+    "@flipVertically": {
+        "description": "Label for flipping the sprite vertically"
+    },
+    "flipHorizontally": "Flip horizontally",
+    "@flipHorizontally": {
+        "description": "Label for flipping the sprite horizontally"
     }
+
 }

packages/mini_sprite_editor/lib/sprite/cubit/sprite_cubit.dart

@@ -79,6 +79,20 @@ class SpriteCubit extends ReplayCubit<SpriteState> {
     emit(state.copyWith(cursorPosition: const Offset(-1, -1)));
   }
 
+  void flipSpriteVertically() {
+    final newPixels = [
+      ...state.pixels.reversed.map((e) => [...e]),
+    ];
+    emit(state.copyWith(pixels: newPixels));
+  }
+
+  void flipSpriteHorizontally() {
+    final newPixels = [
+      ...state.pixels.map((e) => [...e.reversed]),
+    ];
+    emit(state.copyWith(pixels: newPixels));
+  }
+
   Offset _projectOffset(Offset position, double pixelSize) {
     final projected = position / pixelSize;
     final x = projected.dx.floorToDouble();

packages/mini_sprite_editor/lib/sprite/view/sprite_page.dart

@@ -172,6 +172,25 @@ class SpriteView extends StatelessWidget {
                       gridActive ? Icons.grid_on : Icons.grid_off,
                     ),
                   ),
+                  IconButton(
+                    key: const Key('flip_vertically_key'),
+                    onPressed: () async {
+                      context.read<SpriteCubit>().flipSpriteVertically();
+                    },
+                    tooltip: l10n.flipVertically,
+                    icon: const Icon(Icons.transform),
+                  ),
+                  IconButton(
+                    key: const Key('flip_horizontally_key'),
+                    onPressed: () async {
+                      context.read<SpriteCubit>().flipSpriteHorizontally();
+                    },
+                    tooltip: l10n.flipHorizontally,
+                    icon: Transform.rotate(
+                      angle: 1.5708,
+                      child: const Icon(Icons.transform),
+                    ),
+                  ),
                   IconButton(
                     key: const Key('copy_to_clipboard_key'),
                     onPressed: () {

packages/mini_sprite_editor/test/sprite/cubit/sprite_cubit_test.dart

@@ -57,6 +57,46 @@ void main() {
       },
     );
 
+    test('flip vertically', () {
+      final cubit = SpriteCubit();
+      final state = SpriteState.initial().copyWith(
+        pixels: [
+          [1, 1],
+          [0, 0],
+        ],
+      );
+      final expected = SpriteState.initial().copyWith(
+        pixels: [
+          [0, 0],
+          [1, 1],
+        ],
+      );
+      cubit
+        ..setSprite(state.pixels)
+        ..flipSpriteVertically();
+      expect(cubit.state, equals(expected));
+    });
+
+    test('flip horizontally', () {
+      final cubit = SpriteCubit();
+      final state = SpriteState.initial().copyWith(
+        pixels: [
+          [1, 1],
+          [0, 0],
+        ],
+      );
+      final expected = SpriteState.initial().copyWith(
+        pixels: [
+          [1, 1],
+          [0, 0],
+        ],
+      );
+      cubit
+        ..setSprite(state.pixels)
+        ..flipSpriteHorizontally();
+      expect(cubit.state, equals(expected));
+    });
+
     group('importFromClipboard', () {
       late GetClipboardStub stub;
       final sprite = MiniSprite(const [

packages/mini_sprite_editor/test/sprite/view/sprite_view_test.dart

@@ -213,6 +213,48 @@ void main() async {
       verify(() => spriteCubit.cursorUp(any(), any())).called(1);
     });
 
+    group('flip', () {
+      testWidgets('flips horizontally', (tester) async {
+        _mockState(
+          spriteState: SpriteState.initial(),
+          toolsState: ToolsState.initial(),
+          configState: ConfigState.initial(),
+          libraryState: LibraryState.initial(),
+        );
+        await tester.pumpTest(
+          spriteCubit: spriteCubit,
+          toolsCubit: toolsCubit,
+          configCubit: configCubit,
+          libraryCubit: libraryCubit,
+        );
+
+        await tester.tap(find.byKey(const Key('flip_horizontally_key')));
+        await tester.pump();
+
+        verify(() => spriteCubit.flipSpriteHorizontally()).called(1);
+      });
+
+      testWidgets('flips vertically', (tester) async {
+        _mockState(
+          spriteState: SpriteState.initial(),
+          toolsState: ToolsState.initial(),
+          configState: ConfigState.initial(),
+          libraryState: LibraryState.initial(),
+        );
+        await tester.pumpTest(
+          spriteCubit: spriteCubit,
+          toolsCubit: toolsCubit,
+          configCubit: configCubit,
+          libraryCubit: libraryCubit,
+        );
+
+        await tester.tap(find.byKey(const Key('flip_vertically_key')));
+        await tester.pump();
+
+        verify(() => spriteCubit.flipSpriteVertically()).called(1);
+      });
+    });
+
     group('tools', () {
       group('brush', () {
         testWidgets(