Hacker News Single click opener

Adds an [l+c] link that opens the url and the comments page in new tabs in one click. Inspired by Reddit Enhancement Suite (/r/Enhancement).

Verze ze dne 11. 09. 2023. Zobrazit nejnovější verzi.

Nainstalovat skript ?

Zeptejte se na otázku, přidejte recenzi nebo skript nahlašte.

Wrap lines

// ==UserScript==
// @name         Hacker News Single click opener
// @namespace    selfdocumentingcode
// @version      0.4
// @description  Adds an [l+c] link that opens the url and the comments page in new tabs in one click. Inspired by Reddit Enhancement Suite (/r/Enhancement).
// @author       selfdocumentingcode@github
// @match        https://news.ycombinator.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=ycombinator.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";

  const pageHas4Tables = document.querySelectorAll("table").length === 4;

  if (!pageHas4Tables) return;

  const pageHasTableWithLinks =
    document.querySelectorAll(
      "table > tbody >tr.athing > td.title > span.titleline > a"
    ).length > 0;

  const pageHasTableWithCommentLinks =
    document.querySelectorAll(
      'table > tbody > tr > td.subtext > span.subline > a[href^="item"]'
    ).length > 0;

  const isRelevantPage = pageHasTableWithLinks && pageHasTableWithCommentLinks;

  if (!isRelevantPage) return;

  const tableWithLinks = document.querySelectorAll("table")[2];

  const tableRows = tableWithLinks.querySelectorAll("tbody > tr");

  for (let i = 0; i < tableRows.length; i++) {
    const tr = tableRows[i];

    // Table rows are a mix of links, comments, spacers, etc.
    // Link rows have the class 'athing' for some reason
    if (!tr.classList.contains("athing")) continue;

    const linkUrl = tr.querySelector("td.title > span.titleline > a")?.href;

    if (!linkUrl) continue;

    // Row with link to comments follows link row
    const commentsTr = tableRows[i + 1];

    // This row and the next can now be skipped
    i += 2;

    const subtextContainer = commentsTr.querySelector(
      "td.subtext > span.subline"
    );

    const isJobsLink =
      !subtextContainer || subtextContainer.children.length === 1; // There might be a better way to test, but this fits

    // Don't want to show l+c on job posts
    if (isJobsLink) continue;

    const commentsUrl = subtextContainer.querySelector("span.age > a")?.href;

    subtextContainer.appendChild(document.createTextNode(" | "));

    const isExternalLink = linkUrl.indexOf("news.ycombinator.com") < 0;

    const lPlusCLink = document.createElement("a");
    lPlusCLink.href = "javascript:void(0)";
    lPlusCLink.text = isExternalLink ? "[l+c]" : "[l=c]";

    lPlusCLink.onclick = () => {
      window.open(commentsUrl, "_blank");
      if (isExternalLink) {
        window.open(linkUrl, "_blank");
      }
    };

    subtextContainer.appendChild(lPlusCLink);
  }
})();