fix scroll add copy btn

Author: tinchox5

docs/compare/dom-to-image/index.html

@@ -285,5 +285,6 @@ <h2>Ready to switch?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/compare/html-to-image/index.html

@@ -283,5 +283,6 @@ <h2>Ready to try SnapDOM?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/compare/html2canvas/index.html

@@ -489,5 +489,6 @@ <h2>Ready to switch?</h2>
       return String(s).replace(/[&<>"']/g, c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
     }
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/compare/index.html

@@ -212,5 +212,6 @@ <h2>Try snapDOM in 30 seconds</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/compare/modern-screenshot/index.html

@@ -247,5 +247,6 @@ <h2>Try SnapDOM in 30 seconds</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/copy-code.js

@@ -0,0 +1,32 @@
+(function () {
+  function ready(fn) {
+    if (document.readyState !== 'loading') fn()
+    else document.addEventListener('DOMContentLoaded', fn)
+  }
+  ready(function () {
+    document.querySelectorAll('.code-block').forEach(function (block) {
+      if (block.dataset.copyReady) return
+      block.dataset.copyReady = '1'
+      var code = block.textContent
+      var btn = document.createElement('button')
+      btn.type = 'button'
+      btn.className = 'code-copy'
+      btn.setAttribute('aria-label', 'Copy code')
+      btn.textContent = 'Copy'
+      btn.addEventListener('click', function () {
+        navigator.clipboard.writeText(code).then(function () {
+          btn.textContent = 'Copied'
+          btn.classList.add('copied')
+          setTimeout(function () {
+            btn.textContent = 'Copy'
+            btn.classList.remove('copied')
+          }, 1500)
+        }).catch(function () {
+          btn.textContent = 'Error'
+          setTimeout(function () { btn.textContent = 'Copy' }, 1500)
+        })
+      })
+      block.appendChild(btn)
+    })
+  })
+})()

docs/docs/api/index.html

@@ -229,5 +229,6 @@ <h2>Ready to capture?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/docs/cache/index.html

@@ -169,5 +169,6 @@ <h2>Ready to capture?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/docs/index.html

@@ -222,5 +222,6 @@ <h2>Ready to capture?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>

docs/docs/options/index.html

@@ -314,5 +314,6 @@ <h2>Ready to capture?</h2>
       }
     })();
   </script>
+  <script defer src="/copy-code.js"></script>
 </body>
 </html>