Text to URL

Конвертирует текст в виде ссылок в реальные ссылки, на которые можно кликнуть.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name Text to URL
// @namespace https://github.com/T1mL3arn
// @author T1mL3arn
// @description:ru Конвертирует текст в виде ссылок в реальные ссылки, на которые можно кликнуть.
// @description:en Converts url-like text into clickable url.
// @match *://*/*
// @version 1.1.1
// @run-at document-end
// @license GPLv3
// @supportURL https://greasyfork.org/en/scripts/367955-text-to-url/feedback
// @homepageURL https://greasyfork.org/en/scripts/367955-text-to-url
// @description Конвертирует текст в виде ссылок в реальные ссылки, на которые можно кликнуть.
// ==/UserScript==

///TODO improve ereg to match URI syntax (https://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Generic_syntax) ?
let linkEreg = /(?:https|http|ftp|file):\/\/.+?(?=[,.]?(?:\s|$))/gi;
let linkEregLocal = /(?:https|http|ftp|file):\/\/.+?(?=[,.]?(?:\s|$))/i;
let obsOptions = { childList: true, subtree: true };
let wrappedCount = 0;

function printWrappedCount() { 
  if (wrappedCount > 0) {
    console.info(`[ ${GM_info.script.name} ] wrapped links count: ${wrappedCount}`);
  } 
}

let obs = new MutationObserver((changes, obs) => {
  wrappedCount = 0;
  obs.disconnect();
  changes.forEach((change) => change.addedNodes.forEach((node) => fixLinks(node)) );
  obs.observe(document.body, obsOptions);
  printWrappedCount();
});

function fixLinks(node) {
  ///TODO consider not to run script for form and input elements!
  ///TODO also search syntax-highlith libraries and also exclude them 
  if (node.tagName != 'A' && node.tagName != 'SCRIPT') {
    // this is a text node
    if (node.nodeType === 3) {
      let content = node.textContent;
      if (content && content != '') {
        if (linkEregLocal.test(content)) {
          wrapTextNode(node);
        }
      }
    } else if (node.childNodes && node.childNodes.length > 0) {
      node.childNodes.forEach(fixLinks);
    }
  }
}

function wrapTextNode(node) {
  let match;
  let sibling = node;
  let content = node.textContent;
  linkEreg.lastIndex = 0;
  while ((match = linkEreg.exec(content)) != null) {
    let fullMatch = match[0];
    let anchor = document.createElement('a');

    let range = document.createRange();
    range.setStart(sibling, linkEreg.lastIndex - match[0].length);
    range.setEnd(sibling, linkEreg.lastIndex);
    range.surroundContents(anchor);

    wrappedCount++;

    anchor.href = fullMatch;
    anchor.textContent = fullMatch;
    anchor.target = '_blank';
    anchor.title = 'open link in a new tab';
    anchor.setAttribute('ttu-wrapped', '1');
    linkEreg.lastIndex = 0;
    
    sibling = getNextTextSibling(anchor);
    if (sibling == null)
      break;
    else
      content = sibling.textContent;
  }
}

function getNextTextSibling(node) {
  let next = node.nextSibling;
  while (next != null) {
    if (next.nodeType == 3)
      return next;
    else
      next = node.nextSibling;
  }
  return null;
}

fixLinks(document.body);
printWrappedCount();
obs.observe(document.body, obsOptions);