Add area duplication to other pages

Author: CodeDoctorDE

api/lib/src/protocol/event.dart

@@ -154,6 +154,9 @@ sealed class DocumentEvent extends ReplayEvent with _$DocumentEvent {
 
   const factory DocumentEvent.areasCreated(List<Area> areas) = AreasCreated;
 
+  const factory DocumentEvent.areasDuplicated(Area area, List<String> pages) =
+      AreasDuplicated;
+
   const factory DocumentEvent.areasRemoved(List<String> areas) = AreasRemoved;
 
   const factory DocumentEvent.areaChanged(

api/lib/src/protocol/event.freezed.dart

@@ -130,6 +130,17 @@ String getInitialArea(DocumentPage? page) {
   return page?.areas.firstWhereOrNull((e) => e.isInitial)?.name ?? '';
 }
 
+Area _createDuplicatedArea(Area area, List<Area> existingAreas) {
+  final baseName = area.name.isEmpty ? 'Area' : area.name;
+  final existingNames = existingAreas.map((e) => e.name).toSet();
+  var name = baseName;
+  var count = 1;
+  while (existingNames.contains(name)) {
+    name = '$baseName (${count++})';
+  }
+  return area.copyWith(name: name);
+}
+
 class DocumentBloc extends ReplayBloc<DocumentEvent, DocumentState> {
   final _historyReloadRunner = CoalescedAsyncRunner(
     delay: const Duration(milliseconds: 50),
@@ -1203,6 +1214,45 @@ class DocumentBloc extends ReplayBloc<DocumentEvent, DocumentState> {
         reset: shouldRepaint,
       );
     }, transformer: sequential());
+    on<AreasDuplicated>((event, emit) async {
+      final current = state;
+      if (current is! DocumentLoadSuccess) return;
+      if (!(embedding?.editable ?? true)) return;
+      final selectedPages = event.pages.toSet();
+      var data = current.data.setPage(current.page, current.pageName).$1;
+      var currentPage = current.page;
+      var currentPageChanged = false;
+      for (final (pageName, realPageName) in data.getPagesWithNames()) {
+        if (!selectedPages.contains(pageName) &&
+            !selectedPages.contains(realPageName)) {
+          continue;
+        }
+        final page = data.getPage(realPageName);
+        if (page == null) continue;
+        final duplicatedArea = _createDuplicatedArea(event.area, page.areas);
+        final areas = [
+          ...page.areas.map((e) {
+            if (duplicatedArea.isInitial && e.isInitial) {
+              return e.copyWith(isInitial: false);
+            }
+            return e;
+          }),
+          duplicatedArea,
+        ];
+        final updatedPage = page.copyWith(areas: areas);
+        data = data.setPage(updatedPage, realPageName).$1;
+        if (realPageName == current.pageName) {
+          currentPage = updatedPage;
+          currentPageChanged = true;
+        }
+      }
+      _saveState(
+        emit,
+        state: current.copyWith(data: data, page: currentPage),
+        shouldRefresh: () => currentPageChanged,
+        reset: currentPageChanged,
+      );
+    }, transformer: sequential());
     on<AreasRemoved>((event, emit) {
       final current = state;
       if (current is! DocumentLoadSuccess) return;

api/lib/src/protocol/event.g.dart

@@ -1,6 +1,7 @@
 import 'package:butterfly/bloc/document_bloc.dart';
 import 'package:butterfly/cubits/settings.dart';
 import 'package:butterfly/dialogs/layers.dart';
+import 'package:butterfly/dialogs/pages.dart';
 import 'package:butterfly/helpers/point.dart';
 import 'package:butterfly/helpers/rect.dart';
 import 'package:butterfly/widgets/context_menu.dart';
@@ -59,6 +60,25 @@ ContextMenuBuilder buildAreaContextMenu(
         );
       },
     ),
+    ContextMenuItem(
+      icon: const PhosphorIcon(PhosphorIconsLight.copySimple),
+      label: AppLocalizations.of(context).duplicate,
+      onPressed: () async {
+        final selectedPages = await showDialog<List<String>>(
+          context: context,
+          builder: (context) => SelectPagesDialog(
+            pages: state.data
+                .getPagesWithNames()
+                .where((e) => e.$2 != state.pageName)
+                .toList(),
+          ),
+        );
+        if (selectedPages == null) return;
+        if (!context.mounted) return;
+        Navigator.of(context).pop();
+        bloc.add(AreasDuplicated(area, selectedPages));
+      },
+    ),
     ContextMenuItem(
       icon: const PhosphorIcon(PhosphorIconsLight.trash),
       label: AppLocalizations.of(context).delete,

app/lib/bloc/document_bloc.dart

@@ -27,17 +27,17 @@ class PageDialogCallback {
   );
 }
 
-class PagesDialog extends StatefulWidget {
+class ImportPagesDialog extends StatefulWidget {
   final List<ui.Image> pages;
   final String? name;
 
-  const PagesDialog({super.key, required this.pages, this.name});
+  const ImportPagesDialog({super.key, required this.pages, this.name});
 
   @override
-  State<PagesDialog> createState() => _PagesDialogState();
+  State<ImportPagesDialog> createState() => _ImportPagesDialogState();
 }
 
-class _PagesDialogState extends State<PagesDialog> {
+class _ImportPagesDialogState extends State<ImportPagesDialog> {
   List<int> _selected = const [];
   bool _spreadToPages = false,
       _createAreas = true,

app/lib/dialogs/area/context.dart

@@ -0,0 +1,71 @@
+import 'package:butterfly/src/generated/i18n/app_localizations.dart';
+import 'package:flutter/material.dart';
+
+class SelectPagesDialog extends StatefulWidget {
+  final List<(String name, String id)> pages;
+
+  const SelectPagesDialog({super.key, required this.pages});
+
+  @override
+  State<SelectPagesDialog> createState() => _SelectPagesDialogState();
+}
+
+class _SelectPagesDialogState extends State<SelectPagesDialog> {
+  final List<String> _selected = [];
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text(AppLocalizations.of(context).selectPages),
+      scrollable: true,
+      content: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          CheckboxListTile(
+            title: Text(AppLocalizations.of(context).selectAll),
+            value: _selected.length == widget.pages.length,
+            onChanged: (v) {
+              setState(() {
+                if (v == true) {
+                  _selected.clear();
+                  _selected.addAll(widget.pages.map((e) => e.$2));
+                } else {
+                  _selected.clear();
+                }
+              });
+            },
+          ),
+          ...widget.pages.map(
+            (page) => CheckboxListTile(
+              title: Text(
+                page.$1.isEmpty ? AppLocalizations.of(context).page : page.$1,
+              ),
+              value: _selected.contains(page.$2),
+              onChanged: (v) {
+                setState(() {
+                  if (v == true) {
+                    _selected.add(page.$2);
+                  } else {
+                    _selected.remove(page.$2);
+                  }
+                });
+              },
+            ),
+          ),
+        ],
+      ),
+      actions: [
+        TextButton(
+          onPressed: () => Navigator.pop(context),
+          child: Text(MaterialLocalizations.of(context).cancelButtonLabel),
+        ),
+        ElevatedButton(
+          onPressed: _selected.isEmpty
+              ? null
+              : () => Navigator.pop(context, _selected),
+          child: Text(AppLocalizations.of(context).select),
+        ),
+      ],
+    );
+  }
+}

app/lib/dialogs/import/pages.dart

@@ -809,7 +809,7 @@ class ImportService {
         dialog?.close();
         final callback = await showDialog<PageDialogCallback>(
           context: context,
-          builder: (context) => PagesDialog(pages: images, name: name),
+          builder: (context) => ImportPagesDialog(pages: images, name: name),
         );
         for (var image in images) {
           try {

app/lib/dialogs/pages.dart

@@ -968,10 +968,10 @@ packages:
     dependency: "direct main"
     description:
       name: path_provider
-      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
+      sha256: a7f4874f987173da295a61c181b8ee71dab59b332a486b391babf26a1b884825
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.5"
+    version: "2.1.6"
   path_provider_android:
     dependency: transitive
     description:
@@ -1000,10 +1000,10 @@ packages:
     dependency: transitive
     description:
       name: path_provider_platform_interface
-      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      sha256: "484838772624c3a4b94f1e44a3e19897fee738f2d5c4ce448443b0417f7c9dda"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.3"
   path_provider_windows:
     dependency: transitive
     description:

app/lib/services/import.dart

@@ -262,6 +262,28 @@ void main() {
     },
   );
 
+  test('duplicating area adds it to selected pages', () async {
+    final initialState = bloc.state as DocumentLoadSuccess;
+    final pages = initialState.data.getPages(true);
+    final firstPageName = pages.firstWhere((name) => name.endsWith('.Page 1'));
+    final secondPageName = pages.firstWhere((name) => name.endsWith('.Page 2'));
+    const area = Area(
+      name: 'Shared area',
+      width: 100,
+      height: 80,
+      position: Point(10, 20),
+    );
+
+    bloc.add(AreasDuplicated(area, ['Page 1', secondPageName]));
+    await _settleBlocEvents();
+
+    final state = bloc.state as DocumentLoadSuccess;
+    expect(state.pageName, secondPageName);
+    expect(state.page.areas, [area]);
+    expect(state.data.getPage(firstPageName)?.areas, [area]);
+    expect(state.data.getPage(secondPageName)?.areas, [area]);
+  });
+
   test('reset state change waits for reload to finish', () async {
     await bloc.close();
     await currentIndexCubit.close();