☰

Copy URL with Hash

Add a contextmenu command to copy URL with '#' anchor

  1. // ==UserScript==
  2. // @name Copy URL with Hash
  3. // @version 0.1.1
  4. // @description Add a contextmenu command to copy URL with '#' anchor
  5. // @license MIT
  6. // @author eight04 <eight04@gmail.com>
  7. // @homepageURL https://github.com/eight04/copy-url-with-hash
  8. // @supportURL https://github.com/eight04/copy-url-with-hash/issues
  9. // @incompatible chrome
  10. // @incompatible opera
  11. // @incompatible safari
  12. // @include *
  13. // @require https://greasyfork.org/scripts/33034-gm-context/code/GM_context.js?version=219427
  14. // @grant none
  15. // @namespace https://greasyfork.org/users/813
  16. // ==/UserScript==
  17.  
  18. /* global GM_context */
  19.  
  20. (function(){
  21.   let hash;
  22.     
  23.   const item = {
  24.     label: "Copy URL with #hash",
  25.     onclick() {
  26.       const url = new URL(location.href);
  27.       url.hash = hash;
  28.       const input = document.createElement("input");
  29.       input.value = url.href;
  30.       document.body.appendChild(input);
  31.       input.select();
  32.       document.execCommand("copy");
  33.       input.remove();
  34.     }
  35.   };
  36.   
  37.   GM_context.add({
  38.     context: ["page", "link"],
  39.     items: [item],
  40.     oncontext(e) {
  41.       hash = findHash(e.target);
  42.       if (!hash) return false;
  43.       GM_context.update(item, {label: `Copy URL with #${hash}`});
  44.     }
  45.   });
  46.   
  47.   function findHash(node) {
  48.     if (node.id || node.name) {
  49.       return node.id || node.name;
  50.     }
  51.     const anchor = node.querySelector("[id], a[name]");
  52.     if (anchor) {
  53.       return anchor.id || anchor.name;
  54.     }
  55.     const head = node.closest("h1, h2, h3, h4, h5, h6");
  56.     if (head) {
  57.       if (head.id) {
  58.         return head.id;
  59.       }
  60.       const anchor = head.querySelector("[id], a[name]");
  61.       if (anchor) {
  62.         return anchor.id || anchor.name;
  63.       }
  64.     }
  65.     const header = head.closest("header");
  66.     if (header) {
  67.       if (header.id) {
  68.         return header.id;
  69.       }
  70.       const anchor = header.querySelector("[id], a[name]");
  71.       if (anchor) {
  72.         return anchor.id || anchor.name;
  73.       }
  74.     }
  75.   }
  76. })();