☰

Automatic URL Decoder

Декодирует все найденные на странице ссылки, похожие на "%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82%20%D0%BC%D0%B8%D1%80", в удобочитаемое "привет мир"

目前為 2018-10-18 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name Automatic URL Decoder
  3. // @namespace https://github.com/T1mL3arn
  4. // @author T1mL3arn
  5. // @description:ru Декодирует все найденные на странице ссылки, похожие на "%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82%20%D0%BC%D0%B8%D1%80", в удобочитаемое "привет мир"
  6. // @description:en It decodes all percent-encoded links on current page.
  7. // @match *://*/*
  8. // @exclude-match https://github.com/t1ml3arn-userscript-js/Automatic-URL-Decoder
  9. // @exclude https://github.com/t1ml3arn-userscript-js/Automatic-URL-Decoder
  10. // @exclude-match https://greasyfork.org/en/scripts/40305-automatic-url-decoder
  11. // @exclude https://greasyfork.org/en/scripts/40305-automatic-url-decoder
  12. // @version 2.1.1
  13. // @run-at document-end
  14. // @license GPLv3
  15. // @supportURL https://github.com/T1mL3arn/Automatic-URL-Decoder/issues
  16. // @homepageURL https://github.com/T1mL3arn/Automatic-URL-Decoder
  17. // @description Декодирует все найденные на странице ссылки, похожие на "%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82%20%D0%BC%D0%B8%D1%80", в удобочитаемое "привет мир"
  18. // ==/UserScript==
  19.  
  20. (() => {
  21.   
  22.   const DECODED_ELT_CLASS = 'auto-url-decoder-s739';
  23.   
  24.   const underlineCss = `
  25.   .${DECODED_ELT_CLASS} {
  26.     border-bottom: 2px solid currentColor !important;
  27.     margin-bottom: -2px !important;
  28.   }`;
  29.   const CSS_greenBackground = getDefaultBackgroundCSS('#deffc3');
  30.   const CSS_redBackground = getDefaultBackgroundCSS('#fcd7d7');
  31.   const CSS_blueBackground = getDefaultBackgroundCSS('#d7ebfc');
  32.  
  33.   function addStyle(css) {
  34.     const id = 'auto-url-decoder-style-elt'; 
  35.     const style = document.getElementById(id) || document.head.appendChild(document.createElement('style'));
  36.     style.id = id;
  37.     style.textContent = css;
  38.   }
  39.  
  40.   function getDefaultBackgroundCSS(color) {
  41.     return `
  42.     .${DECODED_ELT_CLASS} {
  43.       background-color: ${color} !important;
  44.       padding: 2px 2px !important;
  45.       margin: 0 -2px !important;
  46.     }`;
  47.   }
  48.  
  49.   function fixLinks(node) {
  50.     if (node.nodeType === 3) {
  51.       let content = node.textContent;
  52.       if (content != '') {
  53.         if (linkEregLocal.test(content) && percentEncodingEreg.test(content)) {
  54.           if (decodedNodeCSS != null) replaceAndStyleLink(node);
  55.           else {
  56.             try {
  57.               let decoded = content.replace(linkEreg, decodeURIComponent);
  58.               if (decoded.length != content.length) node.textContent = decoded;
  59.             } catch (e) {
  60.               // URI mailformed, hust skip it
  61.             }
  62.           }
  63.         }
  64.       }
  65.     } else if (node.nodeType === 1 && node.childNodes.length > 0 && isElementAllowed(node)) {
  66.       node.childNodes.forEach(fixLinks);
  67.     }
  68.   }
  69.   
  70.   function isElementAllowed(elt) {
  71.     return blockedTagsList.indexOf(elt.tagName) == -1 && !elt.matches(blockedClassesSelector);
  72.   }
  73.  
  74.   function replaceAndStyleLink(node) {
  75.     let match;
  76.     let sibling = node;
  77.     let content = node.textContent;
  78.     while ((match = linkEreg.exec(content)) != null) {
  79.       let fullMatch = match[0];
  80.       let decoded;
  81.  
  82.       try {
  83.         decoded = decodeURIComponent(fullMatch);
  84.       } catch (e) {
  85.         content = content.substring(linkEreg.lastIndex);
  86.         linkEreg.lastIndex = 0;
  87.         continue;
  88.       }
  89.  
  90.       if (decoded.length != fullMatch.length) {
  91.         let span = document.createElement('span');
  92.         span.classList.add(DECODED_ELT_CLASS);
  93.  
  94.         if (storeOriginalURL) span.dataset.urlDecOriginalUrl = fullMatch;
  95.   
  96.         let range = document.createRange();
  97.         range.setStart(sibling, linkEreg.lastIndex - match[0].length);
  98.         range.setEnd(sibling, linkEreg.lastIndex);
  99.         range.surroundContents(span);
  100.         
  101.         content = content.substring(linkEreg.lastIndex);
  102.         span.textContent = decoded;
  103.         linkEreg.lastIndex = 0;
  104.         counter++;
  105.  
  106.         sibling = getNextTextSibling(span);
  107.         if (sibling == null)  break;
  108.       }
  109.     }
  110.   }
  111.   
  112.   function getNextTextSibling(node) {
  113.     let next = node.nextSibling;
  114.     while (next != null) {
  115.       if (next.nodeType == 3) return next;
  116.       else                    next = node.nextSibling;
  117.     }
  118.     return null;
  119.   }
  120.  
  121.   let linkEreg = /(?:[a-z][a-z0-9-+.]+:\/\/|www\.).+?(?=\s|$)/gi;
  122.   let linkEregLocal = /(?:[a-z][a-z0-9-+.]+:\/\/|www\.).+?(?=\s|$)/i;
  123.   let percentEncodingEreg = /%[a-f0-9]{2}/i;
  124.   let obsOptions = { childList: true, subtree: true };
  125.   let blockedTagsList = 'NOSCRIPT OPTION SCRIPT STYLE TEXTAREA SVG CANVAS BUTTON SELECT TEMPLATE METER PROGRESS MATH TIME HEAD CODE PRE'.split(' ');
  126.   
  127.   ///NOTE Use 'foo' (or any other dummy class) in this selector
  128.   // if you need to make this variable "empty"
  129.   // It allows to avoid  SyntaxError: '' is not a valid selector
  130.   let blockedClassesSelector = `${DECODED_ELT_CLASS}`.split(' ').map(class_ => `.${class_}`).join(', ');
  131.   
  132.   let counter = 0;
  133.   let storeOriginalURL = false;
  134.  
  135.   // set one of style from above to enable 
  136.   // custom style for fixed links
  137.   let decodedNodeCSS = CSS_greenBackground;
  138.   
  139.   let obs = new MutationObserver((changes, obs) => {
  140.     counter = 0;
  141.     obs.disconnect();
  142.     changes.forEach((change) => change.addedNodes.forEach((node) => fixLinks(node)) );
  143.     obs.observe(document.body, obsOptions);
  144.     //console.log('[ URL  Decoder ] Decoded: ', counter);
  145.   });
  146.   
  147.   if (decodedNodeCSS != null) addStyle(decodedNodeCSS);
  148.   
  149.   counter = 0;
  150.   fixLinks(document.body);
  151.   //console.log('[ URL  Decoder ] Decoded: ', counter);
  152.   obs.observe(document.body, obsOptions);
  153. })();