From fdc76685da7e7e745f23e04ec4527f0ce5637a04 Mon Sep 17 00:00:00 2001
From: ilhooq <contact@sphilip.com>
Date: Tue, 10 Sep 2024 10:16:08 +0200
Subject: [PATCH] =?UTF-8?q?Impl=C3=A9mentation=20copie=20des=20messages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite/src/ChatMessage.svelte | 11 ++++++++---
 vite/src/lib/clipboard.js   | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 3 deletions(-)
 create mode 100644 vite/src/lib/clipboard.js

diff --git a/vite/src/ChatMessage.svelte b/vite/src/ChatMessage.svelte
index eeca05c..c4c39de 100644
--- a/vite/src/ChatMessage.svelte
+++ b/vite/src/ChatMessage.svelte
@@ -1,6 +1,6 @@
 <script>
-    import { beforeUpdate, afterUpdate } from 'svelte';
-    import { createEventDispatcher } from 'svelte';
+    import { beforeUpdate, afterUpdate, createEventDispatcher} from 'svelte';
+    import { copyToClipboard } from './lib/clipboard.js';
 
     export let message;
     export let container;
@@ -56,6 +56,11 @@
 				break;
 		}
 	}
+    function handleCopy() {
+        copyToClipboard(message.content)
+            .then(() => alert('Text copied successfully!'))
+            .catch(err => alert(`Failed to copy text: ${err.message}`));
+    }
 </script>
 
 <style>
@@ -86,7 +91,7 @@
 	                <span class="icon-edit"></span>
 	            </button>
             {:else if message.role == 'assistant'}
-                <button class="btn btn-primary btn-sm" title="Copier"><span class="icon-content_copy"></span></button>
+                <button class="btn btn-primary btn-sm" title="Copier" on:click={handleCopy}><span class="icon-content_copy"></span></button>
                 <button class="btn btn-primary btn-sm" title="Régénérer"><span class="icon-loop"></span></button>
                 <button class="btn btn-primary btn-sm" title="Supprimer le message"><span class="icon-delete"></span></button>
             {/if}
diff --git a/vite/src/lib/clipboard.js b/vite/src/lib/clipboard.js
new file mode 100644
index 0000000..78a4dcd
--- /dev/null
+++ b/vite/src/lib/clipboard.js
@@ -0,0 +1,36 @@
+// src/lib/clipboard.js
+
+export async function copyToClipboard(text) {
+    if (navigator.clipboard) {
+      try {
+            await navigator.clipboard.writeText(text);
+        } catch (err) {
+            console.error('Failed to copy text:', err);
+        }
+    } else {
+      return fallbackCopyToClipboard(text);
+    }
+  }
+
+  function fallbackCopyToClipboard(text) {
+    return new Promise((resolve, reject) => {
+      const textArea = document.createElement("textarea");
+      textArea.value = text;
+
+      // Éviter le scrolling vers le bas
+      textArea.style.position = "fixed";
+      textArea.style.top = "-9999px";
+
+      document.body.appendChild(textArea);
+      textArea.focus();
+      textArea.select();
+
+      if (document.execCommand('copy')) {
+        resolve();
+      } else {
+        reject(new Error('Fallback: Copy command was unsuccessful'));
+      }
+
+      document.body.removeChild(textArea);
+    });
+  }