1 files changed, 67 insertions, 0 deletions
diff --git a/docs/_static/js/codecopier.js b/docs/_static/js/codecopier.js
new file mode 100644
index 00000000..bf0b3b4d
--- /dev/null
+++ b/docs/_static/js/codecopier.js
@@ -0,0 +1,67 @@
+const hamburgerIcon = `
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 5.3335H24M0 12.0002H24M0 18.6668H24" stroke="#FFAE12" stroke-width="3"/>
+  </svg>
+`
+
+const innersOfCopyDiv = `
+  <p>Copy</p>
+  <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect x="4.95605" y="4.5" width="7" height="7" rx="1.5" stroke="#FD8F01"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.456055 2C0.456055 0.895431 1.35149 0 2.45605 0H6.45605C7.56062 0 8.45605 0.895431 8.45605 2V3H7.45605V2C7.45605 1.44772 7.00834 1 6.45605 1H2.45605C1.90377 1 1.45605 1.44772 1.45605 2V6C1.45605 6.55228 1.90377 7 2.45605 7H3.45605V8H2.45605C1.35149 8 0.456055 7.10457 0.456055 6V2Z" fill="#FD8F01"/>
+  </svg>
+`
+
+function formDiv(id) {
+  return `
+  <div class='copyDiv' data-identifier='${id}'>
+    ${innersOfCopyDiv}
+  </div>
+`
+}
+
+$(document).ready(async function () {
+  const codeSnippets = $(
+    '.rst-content div[class^=highlight] div[class^=highlight], .rst-content pre.literal-block div[class^=highlight], .rst-content pre.literal-block div[class^=highlight]'
+  )
+
+  codeSnippets.each((index, el) => {
+    el.insertAdjacentHTML('beforeend', formDiv(index))
+  })
+
+  const copyButton = $('.copyDiv')
+
+  copyButton.click(async ({
+    currentTarget
+  }) => {
+    // we obtain text and copy it
+    const id = currentTarget.dataset.identifier
+
+    try {
+      await navigator.clipboard.writeText(currentTarget.offsetParent.innerText)
+    } catch (error) {
+      console.log('Copiing text failed, please try again', {
+        error
+      })
+    }
+
+    // we edit the copyDiv connected to copied text
+    const divWithNeededId = $(`div[data-identifier='${id}']`)
+    divWithNeededId.addClass('copiedNotifier')
+    divWithNeededId.html('<span>Copied!</span>')
+
+    setTimeout(() => {
+      divWithNeededId.html(innersOfCopyDiv)
+      divWithNeededId.removeClass('copiedNotifier')
+
+    }, 2000)
+  })
+
+  // we edit the button that is added by readthedocs portal
+  const readTheDocsButton = $('div.rst-versions')
+  const navbar = $('nav[data-toggle=wy-nav-shift]')
+
+  navbar.append(readTheDocsButton)
+
+});
+