notepad.cc - a piece of paper in the cloud

// ==UserScript==
// @name         .lu Short Link Converter
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  .lu/xxxxx を https://d.kuku.lu/xxxxx へのリンクに変換
// @match        https://may.2chan.net/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function () {
    'use strict';

    const pattern = /\.lu\/([a-zA-Z0-9]+)/g;

    function convertTextNode(node) {
        const text = node.nodeValue;

        pattern.lastIndex = 0;

        if (!pattern.test(text)) {
            pattern.lastIndex = 0;
            return;
        }

        pattern.lastIndex = 0;

        const fragment = document.createDocumentFragment();
        let lastIndex = 0;
        let match;

        while ((match = pattern.exec(text)) !== null) {

            // マッチする前の文字
            fragment.appendChild(
                document.createTextNode(
                    text.slice(lastIndex, match.index)
                )
            );

            // 実際に開くURL
            const fullUrl = 'https://d.kuku.lu/' + match[1];

            // リンク作成
            const link = document.createElement('a');

            // クリック時のURL
            link.href = fullUrl;

            // ★ 表示は元の .lu/XXXX のまま
            link.textContent = match[0];

            link.target = '_blank';
            link.rel = 'noopener noreferrer';

            // 見た目
            link.style.color = '#06c';
            link.style.textDecoration = 'underline';

            fragment.appendChild(link);

            lastIndex = pattern.lastIndex;
        }

        // 残りの文字
        fragment.appendChild(
            document.createTextNode(text.slice(lastIndex))
        );

        node.parentNode.replaceChild(fragment, node);
    }

    function scan(root) {
        const walker = document.createTreeWalker(
            root,
            NodeFilter.SHOW_TEXT,
            {
                acceptNode(node) {
                    const parent = node.parentElement;

                    if (!parent) {
                        return NodeFilter.FILTER_REJECT;
                    }

                    // 既にリンクになっているものなどは除外
                    if (
                        parent.closest(
                            'a, script, style, textarea, input'
                        )
                    ) {
                        return NodeFilter.FILTER_REJECT;
                    }

                    pattern.lastIndex = 0;

                    return pattern.test(node.nodeValue)
                        ? NodeFilter.FILTER_ACCEPT
                        : NodeFilter.FILTER_REJECT;
                }
            }
        );

        const nodes = [];

        while (walker.nextNode()) {
            nodes.push(walker.currentNode);
        }

        nodes.forEach(convertTextNode);
    }

    // 初回処理
    if (document.body) {
        scan(document.body);
    }

    // 後から追加されたレスにも対応
    const observer = new MutationObserver((mutations) => {
        for (const mutation of mutations) {
            for (const node of mutation.addedNodes) {

                if (node.nodeType === Node.TEXT_NODE) {
                    convertTextNode(node);

                } else if (node.nodeType === Node.ELEMENT_NODE) {
                    scan(node);
                }
            }
        }
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

})();