Merge pull request #1318 from github/clipclipboard

remove clipboard.js use vanilla javascript

Author: mlinksva

.gitignore

@@ -2,8 +2,6 @@
 /_site
 /node_modules
 /.bundle
-assets/vendor/clipboard/src
-assets/vendor/clipboard/test
 assets/vendor/hint.css/src
 /vendor
 /.sass-cache

_config.yml

@@ -31,7 +31,6 @@ exclude:
   - vendor/bundle
   - spec
   - assets/vendor/selectivizr/tests
-  - assets/vendor/clipboard/test
   - assets/vendor/*/README.*
   - license-list-XML
 

_includes/footer.html

@@ -16,7 +16,6 @@
     </div> <!-- /container -->
 
     {% if page.collection == "licenses" or page.class == "license-types" %}
-    <script src="{{ 'assets/vendor/clipboard/dist/clipboard.min.js' | relative_url }}"></script>
     <script>
       window.annotations = {{ site.data.rules | jsonify }};
       {% if page.collection == "licenses" %}

assets/js/app.js

@@ -61,32 +61,72 @@ class Choosealicense {
     });
   }
 
-  // Initializes Clipboard.js
+  // Initializes copy-to-clipboard behavior
   initClipboard() {
     const buttons = document.querySelectorAll('.js-clipboard-button');
     buttons.forEach((button) => {
       button.dataset.clipboardPrompt = button.textContent;
-    });
+      button.addEventListener('click', (event) => {
+        event.preventDefault();
 
-    const clip = new Clipboard('.js-clipboard-button');
-    clip.on('mouseout', (event) => this.clipboardMouseout(event));
-    clip.on('complete', (event) => this.clipboardComplete(event));
-  }
+        const targetSelector = button.getAttribute('data-clipboard-target');
+        if (!targetSelector) return;
 
-  // Callback to restore the clipboard button's original text
-  clipboardMouseout(event) {
-    const trigger = event && event.trigger;
-    if (trigger) {
-      trigger.textContent = trigger.dataset.clipboardPrompt || '';
-    }
+        const targetElement = document.querySelector(targetSelector);
+        if (!targetElement) return;
+
+        this.selectText(targetElement);
+
+        const textToCopy = targetElement.textContent || '';
+        if (!textToCopy) return;
+
+        this.copyText(textToCopy)
+          .then(() => {
+            button.textContent = 'Copied!';
+          })
+          .catch(() => {
+            // If copying fails, leave the prompt unchanged.
+          });
+      });
+
+      const restorePrompt = () => {
+        button.textContent = button.dataset.clipboardPrompt || '';
+      };
+
+      button.addEventListener('mouseleave', restorePrompt);
+      button.addEventListener('blur', restorePrompt);
+    });
   }
 
-  // Post-copy user feedback callback
-  clipboardComplete(event) {
-    const trigger = event && event.trigger;
-    if (trigger) {
-      trigger.textContent = 'Copied!';
+  copyText(text) {
+    if (navigator.clipboard && window.isSecureContext) {
+      return navigator.clipboard.writeText(text);
     }
+
+    return new Promise((resolve, reject) => {
+      const textarea = document.createElement('textarea');
+      textarea.value = text;
+      textarea.setAttribute('readonly', '');
+      textarea.style.position = 'absolute';
+      textarea.style.left = '-9999px';
+      document.body.appendChild(textarea);
+
+      textarea.focus();
+      textarea.select();
+      textarea.setSelectionRange(0, textarea.value.length);
+
+      try {
+        const successful = document.execCommand('copy');
+        if (!successful) {
+          throw new Error('Copy command was unsuccessful');
+        }
+        resolve();
+      } catch (error) {
+        reject(error);
+      } finally {
+        document.body.removeChild(textarea);
+      }
+    });
   }
 
   // Initializes the repository suggestion feature