Merge pull request CyberTimon#1424 from magnusrodseth/feat/copy-image-path

Add Cmd/Ctrl+L shortcut to copy image paths to the clipboard

Author: CyberTimon

src/hooks/useKeyboardShortcuts.ts

@@ -1,4 +1,5 @@
-import { useEffect, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
+import { toast } from 'react-toastify';
 import { ImageFile, Panel, ExifOverlay } from '../components/ui/AppProperties';
 import { KEYBIND_DEFINITIONS, normalizeCombo } from '../utils/keyboardUtils';
 import { useEditorStore } from '../store/useEditorStore';
@@ -36,6 +37,19 @@ export const useKeyboardShortcuts = ({
     sortedListRef.current = sortedImageList;
   }, [sortedImageList]);
 
+  const handleCopyImagePaths = useCallback(async (paths: Array<string>) => {
+    const physicalPaths = [...new Set(paths.map((path) => path.split('?vc=')[0]))];
+    if (physicalPaths.length === 0) {
+      return;
+    }
+    try {
+      await navigator.clipboard.writeText(physicalPaths.join('\n'));
+    } catch (err) {
+      console.error('Failed to copy image path to clipboard', err);
+      toast.error(`Failed to copy path: ${err}`);
+    }
+  }, []);
+
   useEffect(() => {
     const getStoreState = () => ({
       editor: useEditorStore.getState(),
@@ -56,6 +70,21 @@ export const useKeyboardShortcuts = ({
       }
     }
 
+    const getImagePathsForCopy = (s: any): Array<string> => {
+      if (s.editor.selectedImage) {
+        return [s.editor.selectedImage.path];
+      }
+      const { libraryActivePath, multiSelectedPaths } = s.library;
+      if (multiSelectedPaths.length > 0) {
+        const listOrder = new Map(sortedListRef.current.map((image: ImageFile, index: number) => [image.path, index]));
+        return [...multiSelectedPaths].sort(
+          (a: string, b: string) =>
+            (listOrder.get(a) ?? Number.MAX_SAFE_INTEGER) - (listOrder.get(b) ?? Number.MAX_SAFE_INTEGER),
+        );
+      }
+      return libraryActivePath ? [libraryActivePath] : [];
+    };
+
     const actions: Record<string, any> = {
       open_image: {
         shouldFire: (s: any) => !s.editor.selectedImage && s.library.libraryActivePath !== null,
@@ -78,6 +107,13 @@ export const useKeyboardShortcuts = ({
           handlePasteAdjustments();
         },
       },
+      copy_image_path: {
+        shouldFire: (s: any) => getImagePathsForCopy(s).length > 0,
+        execute: (e: any, s: any) => {
+          e.preventDefault();
+          handleCopyImagePaths(getImagePathsForCopy(s));
+        },
+      },
       copy_files: {
         shouldFire: (s: any) => s.library.multiSelectedPaths.length > 0,
         execute: (e: any, s: any) => {
@@ -590,6 +626,7 @@ export const useKeyboardShortcuts = ({
     handleZoomChange,
     handleRotate,
     handleCopyAdjustments,
+    handleCopyImagePaths,
     handlePasteAdjustments,
     handleRate,
     handleSetColorLabel,

src/i18n/locales/de.json

@@ -1496,6 +1496,7 @@
         "color_label_yellow": "Farbmarkierung: Gelb",
         "copy_adjustments": "Ausgewählte Anpassungen kopieren",
         "copy_files": "Ausgewählte Datei(en) kopieren",
+        "copy_image_path": "Pfad des/der ausgewählten Bilder kopieren",
         "cycle_zoom": "Zoom durchwechseln (Einpassen, 2x Einpassen, 100%)",
         "delete_selected": "Ausgewählte Datei(en) löschen",
         "focus_search": "Suchfeld fokussieren",

src/i18n/locales/en.json

@@ -1496,6 +1496,7 @@
         "color_label_yellow": "Color label: Yellow",
         "copy_adjustments": "Copy selected adjustments",
         "copy_files": "Copy selected file(s)",
+        "copy_image_path": "Copy path of selected image(s)",
         "cycle_zoom": "Cycle zoom (Fit, 2x Fit, 100%)",
         "delete_selected": "Delete selected file(s)",
         "focus_search": "Focus search field",

src/i18n/locales/es.json

@@ -1529,6 +1529,7 @@
         "color_label_yellow": "Etiqueta de color: Amarillo",
         "copy_adjustments": "Copiar ajustes seleccionados",
         "copy_files": "Copiar archivo(s) seleccionado(s)",
+        "copy_image_path": "Copiar la ruta de la(s) imagen(es) seleccionada(s)",
         "cycle_zoom": "Alternar zoom (Ajustar, 2x Ajustar, 100%)",
         "delete_selected": "Eliminar archivo(s) seleccionado(s)",
         "focus_search": "Enfocar el campo de búsqueda",

src/i18n/locales/fr.json

@@ -1529,6 +1529,7 @@
         "color_label_yellow": "Étiquette de couleur : Jaune",
         "copy_adjustments": "Copier les ajustements sélectionnés",
         "copy_files": "Copier le(s) fichier(s) sélectionné(s)",
+        "copy_image_path": "Copier le chemin de la ou des images sélectionnées",
         "cycle_zoom": "Faire défiler le zoom (Ajuster, 2x Ajuster, 100%)",
         "delete_selected": "Supprimer le(s) fichier(s) sélectionné(s)",
         "focus_search": "Activer le champ de recherche",

src/i18n/locales/it.json

@@ -1529,6 +1529,7 @@
         "color_label_yellow": "Etichetta colore: Giallo",
         "copy_adjustments": "Copia regolazioni selezionate",
         "copy_files": "Copia file selezionati",
+        "copy_image_path": "Copia il percorso delle immagini selezionate",
         "cycle_zoom": "Ruota zoom (Adatta, Adatta 2x, 100%)",
         "delete_selected": "Elimina file selezionati",
         "focus_search": "Attiva il campo di ricerca",

src/i18n/locales/ja.json

@@ -1494,6 +1494,7 @@
         "color_label_yellow": "カラーラベル: イエロー",
         "copy_adjustments": "選択した補正設定をコピー",
         "copy_files": "選択したファイルをコピー",
+        "copy_image_path": "選択した画像のパスをコピー",
         "cycle_zoom": "ズームの切り替え (全体表示、2倍拡大、100%)",
         "delete_selected": "選択したファイルを削除",
         "focus_search": "検索フィールドにフォーカス",

src/i18n/locales/ko.json

@@ -1494,6 +1494,7 @@
         "color_label_yellow": "색상 레이블: 노랑",
         "copy_adjustments": "선택한 조정값 복사",
         "copy_files": "선택한 파일 복사",
+        "copy_image_path": "선택한 이미지의 경로 복사",
         "cycle_zoom": "확대/축소 순환 (맞춤, 2배 맞춤, 100%)",
         "delete_selected": "선택한 파일 삭제",
         "focus_search": "검색창에 포커스",

src/i18n/locales/pl.json

@@ -1562,6 +1562,7 @@
         "color_label_yellow": "Etykieta koloru: Żółty",
         "copy_adjustments": "Kopiuj wybrane ustawienia",
         "copy_files": "Skopiuj wybrane pliki",
+        "copy_image_path": "Kopiuj ścieżkę wybranych zdjęć",
         "cycle_zoom": "Przełącz przybliżenie (Dopasuj, 2x Dopasuj, 100%)",
         "delete_selected": "Usuń wybrane pliki",
         "focus_search": "Przejdź do pola wyszukiwania",

src/i18n/locales/pt.json

@@ -1529,6 +1529,7 @@
         "color_label_yellow": "Rótulo de cor: Amarelo",
         "copy_adjustments": "Copiar ajustes selecionados",
         "copy_files": "Copiar arquivo(s) selecionado(s)",
+        "copy_image_path": "Copiar o caminho da(s) imagem(ns) selecionada(s)",
         "cycle_zoom": "Alternar zoom (Caber, 2x Caber, 100%)",
         "delete_selected": "Excluir arquivo(s) selecionado(s)",
         "focus_search": "Focar o campo de pesquisa",