Convert URLs from plain text to links

github-csv-url-to-link.user.js

// ==UserScript==
// @name         Convert URLs from plain text to links
// @namespace    https://helloint.com
// @version      0.4
// @description  GitHub supports rendering CSV file, but it doesn't support links. This script will find the URLs and convert to links.
// @author       Wayne Mao
// @match        https://github.com/**/*.csv
// @icon         https://www.google.com/s2/favicons?sz=64&domain=web.app
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const observer = new MutationObserver(mutationsList => {
        mutationsList.forEach(mutation => {
            if (mutation.type === 'childList') {
                const addedNodes = Array.from(mutation.addedNodes);
                addedNodes.forEach(node => {
                    if (node.classList && node.classList.contains('react-csv-row')) {
                        handleCSVRow(node);
                    }
                    if (node.classList && node.classList.contains('position-relative')) {
                        // 初始化时会一次性添加一批row
                        const rows = node.querySelectorAll('.react-csv-row');
                        rows.forEach(row => handleCSVRow(row));
                    }
                    if (node.querySelector?.('.react-csv-table-body')) {
                        // 从其他页面跳转过来。必须手动把@match改成https://github.com/**/*才会生效
                        const rows = node.querySelector('.react-csv-table-body').querySelectorAll('.react-csv-row');
                        rows.forEach(row => handleCSVRow(row));
                    }
                });
            }
        });
    });

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

    function handleCSVRow(row) {
        const csvCells = row.querySelectorAll('.react-csv-cell');
        csvCells.forEach(cell => {
            const content = cell.textContent.trim();
            if (isValidURL(content)) {
                const link = document.createElement('a');
                link.href = content;
                link.target = '_blank';
                link.textContent = content;
                cell.innerHTML = '';
                cell.appendChild(link);
            }
        });
    }

    function isValidURL(str) {
        try {
            new URL(str);
            return true;
        } catch (_) {
            return false;
        }
    }
})();