☰

Cool papers abstract

Collect paper titles with links to arXiv, sort by keywords, and display them in a single card with ordered numbering, matching margins of the page layout.

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

// ==UserScript==
// @name         Cool papers abstract
// @namespace    http://tampermonkey.net/
// @version      2024-10-17
// @description  Collect paper titles with links to arXiv, sort by keywords, and display them in a single card with ordered numbering, matching margins of the page layout.
// @author       yorhaha
// @match        https://papers.cool/arxiv/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=papers.cool
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Step 1: Check if URL contains "?show=100", if not, add it
    if (!window.location.href.includes('?show=200')) {
        window.location.href = window.location.href + '?show=200';
        return;  // Stop further execution as the page will reload
    }

    // Define the keywords for sorting
    const keywords = ["agent", "math", "reinforcement", "multimodal", "mllm", "vision language", "vision-language", "vlm", "rag", "retrieval-augmented generation"];

    // Step 2: Find all elements with class="title-link" and collect their innerText and IDs
    const titleElements = Array.from(document.querySelectorAll('.title-link')); // Convert NodeList to Array

    // Step 3: Sort titleElements by the presence of keywords
    const sortedTitleElements = titleElements.sort((a, b) => {
        const aTitle = a.innerText.toLowerCase();
        const bTitle = b.innerText.toLowerCase();

        // Function to check how early a keyword appears in the title, -1 if not found
        const getKeywordIndex = (title, keywords) => {
            for (let i = 0; i < keywords.length; i++) {
                const keywordIndex = title.indexOf(keywords[i]);
                if (keywordIndex !== -1) {
                    return i; // Return the index of the keyword in the keywords array
                }
            }
            return keywords.length; // Return a large value if no keyword is found
        };

        const aIndex = getKeywordIndex(aTitle, keywords);
        const bIndex = getKeywordIndex(bTitle, keywords);

        return aIndex - bIndex;  // Sort based on the earliest keyword match
    });

    // Step 4: Create a single card element to display all titles in a numbered list with links
    const card = document.createElement('div');
    card.style.border = '1px solid #ddd';
    card.style.borderRadius = '8px';
    card.style.padding = '20px';
    card.style.backgroundColor = '#fff';
    card.style.boxShadow = '0 2px 5px rgba(0, 0, 0, 0.1)';
    card.style.marginTop = '20px';  // Add top margin for spacing

    // Create an ordered list <ol> to display the titles with numbering and links
    const ol = document.createElement('ol');
    ol.style.paddingLeft = '20px';  // Ensure proper indentation

    sortedTitleElements.forEach(element => {
        const title = element.innerText;               // Get the title text
        const arxivId = element.id.split('title-')[1]; // Extract the arXiv ID from the id attribute
        const arxivLink = `https://arxiv.org/abs/${arxivId}`;  // Construct the arXiv URL

        // Create the list item <li>
        const li = document.createElement('li');
        li.style.marginBottom = '10px';  // Add space between each title

        // Create the anchor <a> element with the arXiv link
        const a = document.createElement('a');
        a.href = arxivLink;
        a.innerText = title;
        a.target = '_blank';  // Open link in a new tab
        a.style.textDecoration = 'none';
        // a.style.color = '#1a0dab';
        a.style.color = 'black';

        // Append the anchor <a> to the list item <li>
        li.appendChild(a);

        // Append the list item <li> to the ordered list <ol>
        ol.appendChild(li);
    });

    card.appendChild(ol);

    // Step 5: Insert the card before the element with class="papers"
    const papersElement = document.querySelector('.papers');
    if (papersElement) {
        papersElement.parentNode.insertBefore(card, papersElement);
    }

    // Step 6: Match the left and right margins of the first child of "#arxiv > div.papers"
    const firstChild = document.querySelector('#arxiv > div.papers').firstElementChild;
    if (firstChild) {
        const computedStyle = window.getComputedStyle(firstChild);
        card.style.marginLeft = computedStyle.marginLeft;
        card.style.marginRight = computedStyle.marginRight;
    }

})();