Merge pull request #1924 from matthiasn/feat/paste_image_from_clipboard

feat: paste image from clipboard
matthiasn · Feb 3, 2025 · c5af080 · c5af080
2 parents fb86cbe + 418780e
commit c5af080
Show file tree

Hide file tree

Showing 13 changed files with 668 additions and 3 deletions.
diff --git a/lib/features/ai/state/ollama_image_analysis.g.dart b/lib/features/ai/state/ollama_image_analysis.g.dart
diff --git a/lib/features/journal/repository/clipboard_repository.dart b/lib/features/journal/repository/clipboard_repository.dart
@@ -0,0 +1,10 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:super_clipboard/super_clipboard.dart';
+
+part 'clipboard_repository.g.dart';
+
+@riverpod
+SystemClipboard? clipboardRepository(Ref ref) {
+  return SystemClipboard.instance;
+}
diff --git a/lib/features/journal/repository/clipboard_repository.g.dart b/lib/features/journal/repository/clipboard_repository.g.dart
diff --git a/lib/features/journal/state/entry_controller.g.dart b/lib/features/journal/state/entry_controller.g.dart
diff --git a/lib/features/journal/state/image_paste_controller.dart b/lib/features/journal/state/image_paste_controller.dart
@@ -0,0 +1,54 @@
+import 'dart:async';
+
+import 'package:lotti/features/journal/repository/clipboard_repository.dart';
+import 'package:lotti/logic/image_import.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:super_clipboard/super_clipboard.dart';
+
+part 'image_paste_controller.g.dart';
+
+@riverpod
+class ImagePasteController extends _$ImagePasteController {
+  @override
+  Future<bool> build({
+    required String? linkedFromId,
+    required String? categoryId,
+  }) async {
+    final clipboard = ref.read(clipboardRepositoryProvider);
+    if (clipboard == null) {
+      return false;
+    }
+    final reader = await clipboard.read();
+    return reader.canProvide(Formats.png) || reader.canProvide(Formats.jpeg);
+  }
+
+  Future<void> paste() async {
+    final clipboard = ref.read(clipboardRepositoryProvider);
+    if (clipboard == null) {
+      return;
+    }
+    final reader = await clipboard.read();
+
+    if (reader.canProvide(Formats.png)) {
+      reader.getFile(Formats.png, (file) async {
+        await importPastedImages(
+          data: await file.readAll(),
+          fileExtension: 'png',
+          linkedId: linkedFromId,
+          categoryId: categoryId,
+        );
+      });
+    }
+
+    if (reader.canProvide(Formats.jpeg)) {
+      reader.getFile(Formats.jpeg, (file) async {
+        await importPastedImages(
+          data: await file.readAll(),
+          fileExtension: 'jpg',
+          linkedId: linkedFromId,
+          categoryId: categoryId,
+        );
+      });
+    }
+  }
+}
diff --git a/lib/features/journal/state/image_paste_controller.g.dart b/lib/features/journal/state/image_paste_controller.g.dart
diff --git a/lib/features/journal/ui/widgets/create/create_entry_action_modal.dart b/lib/features/journal/ui/widgets/create/create_entry_action_modal.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:lotti/features/journal/ui/widgets/create/create_entry_action_list_tile.dart';
+import 'package:lotti/features/journal/ui/widgets/create/paste_image_list_tile.dart';
 import 'package:lotti/l10n/app_localizations_context.dart';
 import 'package:lotti/themes/theme.dart';
 import 'package:lotti/utils/modals.dart';
@@ -24,6 +25,7 @@ class CreateEntryModal {
           ImportImageAssetsListTile(linkedFromId, categoryId: categoryId),
           if (isMacOS)
             CreateScreenshotListTile(linkedFromId, categoryId: categoryId),
+          PasteImageListTile(linkedFromId, categoryId: categoryId),
           verticalModalSpacer,
         ],
       ),

diff --git a/lib/features/journal/ui/widgets/create/paste_image_list_tile.dart b/lib/features/journal/ui/widgets/create/paste_image_list_tile.dart
@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:lotti/features/journal/state/image_paste_controller.dart';
+import 'package:lotti/l10n/app_localizations_context.dart';
+
+class PasteImageListTile extends ConsumerWidget {
+  const PasteImageListTile(
+    this.linkedFromId, {
+    this.categoryId,
+    super.key,
+  });
+
+  final String? linkedFromId;
+  final String? categoryId;
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final provider = imagePasteControllerProvider(
+      linkedFromId: linkedFromId,
+      categoryId: categoryId,
+    );
+    final canPasteImage = ref.watch(provider).valueOrNull ?? false;
+
+    if (!canPasteImage) {
+      return const SizedBox.shrink();
+    }
+
+    return ListTile(
+      leading: const Icon(Icons.paste),
+      title: Text(context.messages.addActionAddImageFromClipboard),
+      onTap: () {
+        Navigator.of(context).pop();
+        ref.read(provider.notifier).paste();
+      },
+    );
+  }
+}
diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
@@ -4,6 +4,7 @@
   "addActionAddEvent": "Event",
   "addActionAddMeasurable": "Measurable",
   "addActionAddPhotos": "Photo(s)",
+  "addActionAddImageFromClipboard": "Paste Image",
   "addActionAddScreenshot": "Screenshot",
   "addActionAddSurvey": "Fill Survey",
   "addActionAddTask": "Task",