From 0544a515b654f9bb9183e2fb9d6a4b99de5af87d Mon Sep 17 00:00:00 2001
From: MasutaYunikon <quentinmail974@gmail.com>
Date: Fri, 22 May 2026 22:29:16 +0200
Subject: [PATCH] fix: copy

---
 src/composables/useClipboard.ts     | 15 +++++++++++++++
 src/views/settings/JellyfinView.vue | 11 +++++++----
 src/views/settings/ProfileView.vue  | 13 ++++++++-----
 src/views/settings/UsersView.vue    | 13 ++++++++-----
 4 files changed, 38 insertions(+), 14 deletions(-)
 create mode 100644 src/composables/useClipboard.ts

diff --git a/src/composables/useClipboard.ts b/src/composables/useClipboard.ts
new file mode 100644
index 0000000..c5d856b
--- /dev/null
+++ b/src/composables/useClipboard.ts
@@ -0,0 +1,15 @@
+/** Copie du texte dans le presse-papiers avec fallback pour HTTP non-localhost. */
+export async function copyToClipboard(text: string): Promise<void> {
+    if (navigator.clipboard) {
+        await navigator.clipboard.writeText(text)
+        return
+    }
+    // Fallback : execCommand (HTTP non sécurisé)
+    const el = document.createElement('textarea')
+    el.value = text
+    el.style.cssText = 'position:fixed;top:-9999px;left:-9999px;opacity:0'
+    document.body.appendChild(el)
+    el.select()
+    document.execCommand('copy')
+    document.body.removeChild(el)
+}
diff --git a/src/views/settings/JellyfinView.vue b/src/views/settings/JellyfinView.vue
index dd6a988..dc78158 100644
--- a/src/views/settings/JellyfinView.vue
+++ b/src/views/settings/JellyfinView.vue
@@ -102,7 +102,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted }  from 'vue'
+import { copyToClipboard } from '@/composables/useClipboard'
 
 const jellyfinUrl        = ref('')
 const jellyfinAdminToken = ref('')
@@ -179,9 +180,11 @@ async function syncUsers() {
 }
 
 async function copyToken() {
-  await navigator.clipboard.writeText(myToken.value)
-  tokenCopied.value = true
-  setTimeout(() => { tokenCopied.value = false }, 2000)
+  try {
+    await copyToClipboard(myToken.value)
+    tokenCopied.value = true
+    setTimeout(() => { tokenCopied.value = false }, 2000)
+  } catch {}
 }
 
 
diff --git a/src/views/settings/ProfileView.vue b/src/views/settings/ProfileView.vue
index 77bd424..782c2b3 100644
--- a/src/views/settings/ProfileView.vue
+++ b/src/views/settings/ProfileView.vue
@@ -92,8 +92,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { useAuthStore }   from '@/stores/auth'
+import { ref, onMounted }        from 'vue'
+import { useAuthStore }          from '@/stores/auth'
+import { copyToClipboard }       from '@/composables/useClipboard'
 
 const auth = useAuthStore()
 
@@ -156,9 +157,11 @@ async function loadMyToken() {
 onMounted(loadMyToken)
 
 async function copyToken() {
-  await navigator.clipboard.writeText(myToken.value)
-  tokenCopied.value = true
-  setTimeout(() => { tokenCopied.value = false }, 2000)
+  try {
+    await copyToClipboard(myToken.value)
+    tokenCopied.value = true
+    setTimeout(() => { tokenCopied.value = false }, 2000)
+  } catch {}
 }
 
 async function regenerateToken() {
diff --git a/src/views/settings/UsersView.vue b/src/views/settings/UsersView.vue
index 75cbb65..5e0a73d 100644
--- a/src/views/settings/UsersView.vue
+++ b/src/views/settings/UsersView.vue
@@ -174,8 +174,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { useAuthStore }   from '@/stores/auth'
+import { ref, onMounted }  from 'vue'
+import { useAuthStore }    from '@/stores/auth'
+import { copyToClipboard } from '@/composables/useClipboard'
 
 interface User {
   id       : string
@@ -305,9 +306,11 @@ function inviteUrl(code: string) {
 }
 
 async function copyInvite(code: string) {
-  await navigator.clipboard.writeText(inviteUrl(code))
-  copied.value = code
-  setTimeout(() => { copied.value = null }, 2000)
+  try {
+    await copyToClipboard(inviteUrl(code))
+    copied.value = code
+    setTimeout(() => { copied.value = null }, 2000)
+  } catch {}
 }
 
 // ── Helpers ───────────────────────────────────────────────────