☰

Automatic URL Decoder

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

当前为 2018-10-17 提交的版本，查看 最新版本。

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