☰

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).

// ==UserScript==
// @name         Hacker News Single click opener
// @namespace    selfdocumentingcode
// @version      0.6
// @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        GM_openInTab
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';

  console.log(window);

  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 = () => {
      if (isExternalLink) {
        GM_openInTab(linkUrl);
      }
      GM_openInTab(commentsUrl);
    };

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