| // this needs to be minified and url encoded: https://chriszarate.github.io/bookmarkleter/ | |
| // raw url will change if gist is updated | |
| (async function () { | |
| const id = "4a89a1e108b8ee7d8f03666c93287cacea096a3b"; | |
| const response = await fetch( | |
| `https://gist.githubusercontent.com/FranciscoG/76a6881a00ad555cd06f6736adb2bedb/raw/${id}/hn-links.js` | |
| ); | |
| eval(await response.text()); | |
| })(); |
| (function (d) { | |
| function makeCss() { | |
| const css = ` | |
| .double-opener { | |
| background: none; | |
| border: none; | |
| padding: 0; | |
| appearance: none; | |
| display: inline-block; | |
| font-size: inherit; | |
| font-family: inherit; | |
| color: #828282; | |
| cursor: pointer; | |
| } | |
| .double-opener:hover { | |
| text-decoration: underline; | |
| } | |
| `; | |
| /** | |
| * Insert css into <head> | |
| * remove existing style tag to make it easier to develop | |
| */ | |
| const head = document.head || document.getElementsByTagName("head")[0]; | |
| const style = document.createElement("style"); | |
| const id = "double-opener-styles"; | |
| style.id = id; | |
| document.getElementById(id)?.remove(); | |
| head.appendChild(style); | |
| style.appendChild(document.createTextNode(css)); | |
| } | |
| function makeDoubleLink(id, submissionLink, parent) { | |
| const separator = d.createTextNode(" | "); | |
| const btn = d.createElement("button"); | |
| btn.textContent = "open both"; | |
| btn.className = "double-opener"; | |
| const itemHref = `item?id=${id}`; | |
| btn.addEventListener("click", function (e) { | |
| e.preventDefault(); | |
| if (submissionLink) { | |
| window.open(submissionLink, `_blank_${id}_1`); | |
| } | |
| setTimeout(() => { | |
| window.open(itemHref, `_blank_${id}_2`); | |
| }, 500); | |
| }); | |
| parent.appendChild(separator); | |
| parent.appendChild(btn); | |
| } | |
| makeCss(); | |
| d.querySelectorAll(".itemlist tr[id]").forEach(function (tr) { | |
| const { id } = tr; | |
| let { href: submissionLink } = tr.querySelector(".title a"); | |
| if (submissionLink === `item?id=${id}`) submissionLink = null; | |
| // get next <tr> | |
| const actionRow = d.querySelector(`tr[id="${tr.id}"] + tr`); | |
| if (actionRow) makeDoubleLink(id, submissionLink, actionRow.querySelector('.subtext')); | |
| }); | |
| })(document); |