feat(devtools): add notifications for copy to clipboard (#646)

antonreshetov · web-flow · commit 00755ba5aab1 · 2025-12-04T10:35:33.000+03:00
diff --git a/src/main/i18n/locales/cs_CZ/messages.json b/src/main/i18n/locales/cs_CZ/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Databáze byla úspěšně migrována."
+    "copied": "Zkopírováno do schránky",
+    "migrate": "Databáze byla úspěšně migrována.",
+    "backup": {
+      "created": "Záloha byla úspěšně vytvořena.",
+      "restored": "Záloha byla úspěšně obnovena.",
+      "deleted": "Záloha byla úspěšně smazána."
+    }
   },
   "warning": {
     "noUndo": "Tuto akci nelze vrátit zpět.",
diff --git a/src/main/i18n/locales/de_DE/messages.json b/src/main/i18n/locales/de_DE/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Datenbank erfolgreich migriert."
+    "copied": "In die Zwischenablage kopiert",
+    "migrate": "Datenbank erfolgreich migriert.",
+    "backup": {
+      "created": "Sicherung erfolgreich erstellt.",
+      "restored": "Sicherung erfolgreich wiederhergestellt.",
+      "deleted": "Sicherung erfolgreich gelöscht."
+    }
   },
   "warning": {
     "noUndo": "Diese Aktion kann nicht rückgängig gemacht werden.",
diff --git a/src/main/i18n/locales/el_GR/messages.json b/src/main/i18n/locales/el_GR/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Η DB μετέφερε επιτυχώς τα δεδομένα."
+    "copied": "Αντιγράφηκε στο πρόχειρο",
+    "migrate": "Η DB μετέφερε επιτυχώς τα δεδομένα.",
+    "backup": {
+      "created": "Το αντίγραφο ασφαλείας δημιουργήθηκε επιτυχώς.",
+      "restored": "Το αντίγραφο ασφαλείας αποκαταστάθηκε επιτυχώς.",
+      "deleted": "Το αντίγραφο ασφαλείας διαγράφηκε επιτυχώς."
+    }
   },
   "warning": {
     "noUndo": "Δεν μπορείτε να αναιρέσετε αυτήν την ενέργεια.",
diff --git a/src/main/i18n/locales/en_US/messages.json b/src/main/i18n/locales/en_US/messages.json
@@ -15,6 +15,7 @@
     }
   },
   "success": {
+    "copied": "Copied to clipboard",
     "migrate": "DB successfully migrated.",
     "backup": {
       "created": "Backup successfully created.",
diff --git a/src/main/i18n/locales/es_ES/messages.json b/src/main/i18n/locales/es_ES/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Base de datos migrada exitosamente."
+    "copied": "Copiado al portapapeles",
+    "migrate": "Base de datos migrada exitosamente.",
+    "backup": {
+      "created": "Copia de seguridad creada exitosamente.",
+      "restored": "Copia de seguridad restaurada exitosamente.",
+      "deleted": "Copia de seguridad eliminada exitosamente."
+    }
   },
   "warning": {
     "noUndo": "No podrás deshacer esta acción.",
diff --git a/src/main/i18n/locales/fa_IR/messages.json b/src/main/i18n/locales/fa_IR/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "پایگاه داده با موفقیت مهاجرت کرد."
+    "copied": "در کلیپ‌بورد کپی شد",
+    "migrate": "پایگاه داده با موفقیت مهاجرت کرد.",
+    "backup": {
+      "created": "پشتیبان با موفقیت ایجاد شد.",
+      "restored": "پشتیبان با موفقیت بازیابی شد.",
+      "deleted": "پشتیبان با موفقیت حذف شد."
+    }
   },
   "warning": {
     "noUndo": "شما نمی‌توانید این عمل را برگردانید.",
diff --git a/src/main/i18n/locales/fr_FR/messages.json b/src/main/i18n/locales/fr_FR/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Base de données migrée avec succès."
+    "copied": "Copié dans le presse-papiers",
+    "migrate": "Base de données migrée avec succès.",
+    "backup": {
+      "created": "Sauvegarde créée avec succès.",
+      "restored": "Sauvegarde restaurée avec succès.",
+      "deleted": "Sauvegarde supprimée avec succès."
+    }
   },
   "warning": {
     "noUndo": "Vous ne pouvez pas annuler cette action.",
diff --git a/src/main/i18n/locales/ja_JP/messages.json b/src/main/i18n/locales/ja_JP/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "データベースの移行が完了しました。"
+    "copied": "クリップボードにコピーしました",
+    "migrate": "データベースの移行が完了しました。",
+    "backup": {
+      "created": "バックアップが正常に作成されました。",
+      "restored": "バックアップが正常に復元されました。",
+      "deleted": "バックアップが正常に削除されました。"
+    }
   },
   "warning": {
     "noUndo": "この操作は取り消せません。",
diff --git a/src/main/i18n/locales/pl_PL/messages.json b/src/main/i18n/locales/pl_PL/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Pomyślnie przeprowadzono migrację bazy danych."
+    "copied": "Skopiowano do schowka",
+    "migrate": "Pomyślnie przeprowadzono migrację bazy danych.",
+    "backup": {
+      "created": "Kopia zapasowa została pomyślnie utworzona.",
+      "restored": "Kopia zapasowa została pomyślnie przywrócona.",
+      "deleted": "Kopia zapasowa została pomyślnie usunięta."
+    }
   },
   "warning": {
     "noUndo": "Tej operacji nie można cofnąć.",
diff --git a/src/main/i18n/locales/pt_BR/messages.json b/src/main/i18n/locales/pt_BR/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "DB migrado com sucesso."
+    "copied": "Copiado para a área de transferência",
+    "migrate": "DB migrado com sucesso.",
+    "backup": {
+      "created": "Backup criado com sucesso.",
+      "restored": "Backup restaurado com sucesso.",
+      "deleted": "Backup excluído com sucesso."
+    }
   },
   "warning": {
     "noUndo": "Você não pode desfazer esta ação.",
diff --git a/src/main/i18n/locales/ro_RO/messages.json b/src/main/i18n/locales/ro_RO/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "DB a fost migrat cu succes."
+    "copied": "Copiat în clipboard",
+    "migrate": "DB a fost migrat cu succes.",
+    "backup": {
+      "created": "Backup creat cu succes.",
+      "restored": "Backup restaurat cu succes.",
+      "deleted": "Backup șters cu succes."
+    }
   },
   "warning": {
     "noUndo": "Nu puteți anula această acțiune.",
diff --git a/src/main/i18n/locales/ru_RU/messages.json b/src/main/i18n/locales/ru_RU/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "База данных успешно мигрирована."
+    "copied": "Скопировано в буфер обмена",
+    "migrate": "База данных успешно мигрирована.",
+    "backup": {
+      "created": "Резервная копия успешно создана.",
+      "restored": "Резервная копия успешно восстановлена.",
+      "deleted": "Резервная копия успешно удалена."
+    }
   },
   "warning": {
     "noUndo": "Это действие нельзя отменить.",
diff --git a/src/main/i18n/locales/tr_TR/messages.json b/src/main/i18n/locales/tr_TR/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "Database başarıyla taşındı."
+    "copied": "Panoya kopyalandı",
+    "migrate": "Database başarıyla taşındı.",
+    "backup": {
+      "created": "Yedek başarıyla oluşturuldu.",
+      "restored": "Yedek başarıyla geri yüklendi.",
+      "deleted": "Yedek başarıyla silindi."
+    }
   },
   "warning": {
     "noUndo": "Bu işlemi geri alamazsınız.",
diff --git a/src/main/i18n/locales/uk_UA/messages.json b/src/main/i18n/locales/uk_UA/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "База даних успішно мігрована."
+    "copied": "Скопійовано в буфер обміну",
+    "migrate": "База даних успішно мігрована.",
+    "backup": {
+      "created": "Резервну копію успішно створено.",
+      "restored": "Резервну копію успішно відновлено.",
+      "deleted": "Резервну копію успішно видалено."
+    }
   },
   "warning": {
     "noUndo": "Ви не зможете скасувати цю дію.",
diff --git a/src/main/i18n/locales/zh_CN/messages.json b/src/main/i18n/locales/zh_CN/messages.json
@@ -11,7 +11,13 @@
     ]
   },
   "success": {
-    "migrate": "数据库迁移成功。"
+    "copied": "已复制到剪贴板",
+    "migrate": "数据库迁移成功。",
+    "backup": {
+      "created": "备份创建成功。",
+      "restored": "备份恢复成功。",
+      "deleted": "备份删除成功。"
+    }
   },
   "warning": {
     "noUndo": "此操作无法撤消。",
diff --git a/src/main/i18n/locales/zh_HK/messages.json b/src/main/i18n/locales/zh_HK/messages.json
@@ -11,6 +11,11 @@
     ]
   },
   "success": {
+    "copied": "已複製",
+    "backup": {
+      "created": "備份已創建",
+      "restored": "備份已恢復"
+    },
     "migrate": "資料庫遷移成功。"
   },
   "warning": {
diff --git a/src/main/i18n/locales/zh_TW/messages.json b/src/main/i18n/locales/zh_TW/messages.json
@@ -11,6 +11,11 @@
     ]
   },
   "success": {
+    "copied": "已複製",
+    "backup": {
+      "created": "備份已建立",
+      "restored": "備份已還原"
+    },
     "migrate": "資料庫遷移成功。"
   },
   "warning": {
diff --git a/src/renderer/components/devtools/converters/Base64Converter.vue b/src/renderer/components/devtools/converters/Base64Converter.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 
 const text = ref('')
 const isBase64ToText = ref(false)
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 const title = computed(() => i18n.t('devtools:converters.base64.label'))
 const description = computed(() =>
diff --git a/src/renderer/components/devtools/converters/CaseConverter.vue b/src/renderer/components/devtools/converters/CaseConverter.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
 import {
   camelCase,
@@ -64,8 +65,10 @@ function convert(input: string, type: keyof typeof caseType): string {
   }
 }
 
+const copy = useCopyToClipboard()
+
 function copyCase(type: keyof typeof caseType) {
-  navigator.clipboard.writeText(convert(text.value, type))
+  copy(convert(text.value, type))
 }
 
 const output = computed(() => {
diff --git a/src/renderer/components/devtools/converters/ColorConverter.vue b/src/renderer/components/devtools/converters/ColorConverter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 import chroma from 'chroma-js'
 // @ts-expect-error some
 import { colornames } from 'color-name-list'
@@ -16,7 +16,7 @@ const description = computed(() =>
   i18n.t('devtools:converters.colorConverter.description'),
 )
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 const selectedColor = ref('#154696')
 
diff --git a/src/renderer/components/devtools/converters/JsonToToml.vue b/src/renderer/components/devtools/converters/JsonToToml.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 import * as toml from 'toml'
 
 const text = ref('')
 const error = ref('')
 
 const isTomlToJson = ref(false)
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 const title = computed(() => i18n.t('devtools:converters.jsonToToml.label'))
 const description = computed(() =>
diff --git a/src/renderer/components/devtools/converters/JsonToXml.vue b/src/renderer/components/devtools/converters/JsonToXml.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 
 const text = ref('')
 const error = ref('')
 
 const isXmlToJson = ref(false)
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 const title = computed(() => i18n.t('devtools:converters.jsonToXml.label'))
 const description = computed(() =>
diff --git a/src/renderer/components/devtools/converters/JsonToYaml.vue b/src/renderer/components/devtools/converters/JsonToYaml.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 import yaml from 'js-yaml'
 
 const text = ref('')
 const error = ref('')
 
 const isYamlToJson = ref(false)
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 const title = computed(() => i18n.t('devtools:converters.jsonToYaml.label'))
 const description = computed(() =>
diff --git a/src/renderer/components/devtools/converters/TextToAsciiBinary.vue b/src/renderer/components/devtools/converters/TextToAsciiBinary.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 
 const text = ref('')
 const isAsciiToText = ref(false)
@@ -11,7 +11,7 @@ const description = computed(() =>
   i18n.t('devtools:converters.textToAscii.description'),
 )
 
-const { copy } = useClipboard()
+const copy = useCopyToClipboard()
 
 function convertTextToAscii(input: string): string {
   if (!input) {
diff --git a/src/renderer/components/devtools/converters/TextToUnicode.vue b/src/renderer/components/devtools/converters/TextToUnicode.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Switch } from '@/components/ui/shadcn/switch'
+import { useCopyToClipboard } from '@/composables'
 import { i18n } from '@/electron'
-import { useClipboard } from '@vueuse/core'
 
 const text = ref('')
 const isUnicodeToText = ref(false)
@@ -11,6 +11,8 @@ const description = computed(() =>
   i18n.t('devtools:converters.textToUnicode.description'),
 )
 
+const copy = useCopyToClipboard()
+
 function convertTextToUnicode(input: string): string {
   if (!input) {
     return ''
@@ -57,8 +59,6 @@ function convert() {
 }
 
 const output = computed(() => convert())
-
-const { copy } = useClipboard()
 </script>
 
 <template>
diff --git a/src/renderer/components/devtools/crypto/Hash.vue b/src/renderer/components/devtools/crypto/Hash.vue
diff --git a/src/renderer/components/devtools/crypto/Hmac.vue b/src/renderer/components/devtools/crypto/Hmac.vue
diff --git a/src/renderer/components/devtools/crypto/Password.vue b/src/renderer/components/devtools/crypto/Password.vue
diff --git a/src/renderer/components/devtools/crypto/Uuid.vue b/src/renderer/components/devtools/crypto/Uuid.vue
diff --git a/src/renderer/components/devtools/generators/JsonGenerator.vue b/src/renderer/components/devtools/generators/JsonGenerator.vue
diff --git a/src/renderer/components/devtools/generators/LoremIpsumGenerator.vue b/src/renderer/components/devtools/generators/LoremIpsumGenerator.vue
diff --git a/src/renderer/components/devtools/web/Slugify.vue b/src/renderer/components/devtools/web/Slugify.vue
diff --git a/src/renderer/components/devtools/web/UrlEncoder.vue b/src/renderer/components/devtools/web/UrlEncoder.vue
diff --git a/src/renderer/components/devtools/web/UrlParser.vue b/src/renderer/components/devtools/web/UrlParser.vue
diff --git a/src/renderer/composables/index.ts b/src/renderer/composables/index.ts
diff --git a/src/renderer/composables/useCopyToClipboard.ts b/src/renderer/composables/useCopyToClipboard.ts

Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@`
`15`	`15`	`}`
`16`	`16`	`},`
`17`	`17`	`"success": {`
	`18`	`+ "copied": "Copied to clipboard",`
`18`	`19`	`"migrate": "DB successfully migrated.",`
`19`	`20`	`"backup": {`
`20`	`21`	`"created": "Backup successfully created.",`