Update index.html

Author: jeevasusej

docs/index.html

@@ -46,13 +46,34 @@
       white-space: pre;
       margin-bottom: 1.5rem;
       border: 1px solid #444;
+      position: relative;
     }
 
     code {
       background: none;
       color: inherit;
     }
 
+    .copy-button {
+      background-color: #4a5568;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      padding: 0.3rem 0.6rem;
+      font-size: 12px;
+      font-family: inherit;
+      cursor: pointer;
+      transition: background-color 0.2s ease;
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      z-index: 1;
+    }
+
+    .copy-button:hover {
+      background-color: #2d3748;
+    }
+
     table {
       width: 100%;
       border-collapse: collapse;
@@ -144,13 +165,35 @@ <h1>ValueMapper</h1>
     async function loadReadme() {
       const res = await fetch('https://raw.githubusercontent.com/TechFusionMasters/ValueMapper/main/README.md');
       const markdown = await res.text();
-
       const html = marked.parse(markdown);
       document.getElementById('readme-content').innerHTML = html;
+      addCopyButtons();
+    }
+
+    function addCopyButtons() {
+      const blocks = document.querySelectorAll("pre > code");
+      blocks.forEach((codeBlock) => {
+        const button = document.createElement("button");
+        button.innerText = "Copy";
+        button.className = "copy-button";
+        button.addEventListener("click", async () => {
+          try {
+            await navigator.clipboard.writeText(codeBlock.innerText);
+            button.innerText = "Copied!";
+            setTimeout(() => (button.innerText = "Copy"), 1500);
+          } catch (err) {
+            console.error("Copy failed", err);
+            button.innerText = "Error";
+          }
+        });
+
+        const pre = codeBlock.parentNode;
+        pre.appendChild(button);
+      });
     }
 
     const script = document.createElement('script');
-    script.src = 'https://cdn.jsdelivr.net/npm/marked/marked.min.js?v=1.0.3'; // cache-busting query
+    script.src = 'https://cdn.jsdelivr.net/npm/marked/marked.min.js?v=1.0.3';
     script.onload = loadReadme;
     document.body.appendChild(script);
   </script>