brian6932/ycombinator-keys
1
0
Fork 0
forked from AmineB/ycombinator-keys
Code Pull Requests Activity

Compare commits

base: brian6932:main
Branches Tags
brian6932:main brian6932:rewrite AmineB:main
..
compare: brian6932:901cbff919ce42d5864c4e0d33172edb8c116e96
Branches Tags
brian6932:main brian6932:rewrite AmineB:main

2 Commits
main ... 901cbff919

Author SHA1 Message Date
Brian
901cbff919 Set branch-specific URIs 2025-04-20 00:59:05 -04:00
Brian
6e662cf7ff Rewrite 2025-04-20 00:58:32 -04:00
1 changed files with 40 additions and 69 deletions
Expand all files Collapse all files

109
keyboard-watcher.user.js
View File

@ -2,10 +2,10 @@
// @name ycombinator-keys
// @namespace https://gitea.amine-bouabdallaoui.fr/AmineB/ycombinator-keys
// @license gpl-3.0-only
// @match *://news.ycombinator.com/*
// @match http*://news.ycombinator.com/*
// @icon https://gitea.amine-bouabdallaoui.fr/AmineB/ycombinator-keys/raw/branch/main/icons/48.png
// @grant none
// @version 11
// @version 4
// @author AmineB
// @description Ycombinator keyboard nav.
// @downloadURL https://gitea.amine-bouabdallaoui.fr/brian6932/ycombinator-keys/raw/branch/main/keyboard-watcher.user.js
@ -18,12 +18,8 @@ globalThis.document.styleSheets[0].insertRule('tbody tr.athing>td.title>span.tit
const requery = () => globalThis.document.querySelectorAll('tbody tr.athing')
let
query = requery(),
selected = -1,
lastCollapsed
selected = -1
const
input = new Set()
.add('INPUT')
.add('TEXTAREA'),
// This is a Firefox only option. For some reason older versions of Firefox can't set outline: none.
focusInvisible = { __proto__: null, focusVisible: false },
isComment = () => query[selected].classList.contains('comtr'),
@ -38,74 +34,49 @@ const
query[selected].lastChild.firstChild.firstChild.focus(focusInvisible)
},
keydown = event => {
if (!input.has(event.target.tagName))
switch (event.key) {
case 'j':
const lastIndex = query.length - 1
if (selected === lastIndex)
return
if (selected !== -1)
query[selected].style.boxShadow = ''
let hiddenChain = 0
while (selected < lastIndex) {
const hidden = query[++selected].classList.contains('noshow')
hiddenChain = hiddenChain * hidden + hidden
if (!hidden) {
lastCollapsed = query[selected].classList.contains('coll') ? selected : undefined
break
}
}
selected -= hiddenChain * (selected - hiddenChain === lastCollapsed)
highlightSelected()
switch (event.key) {
case 'j':
if (selected + 1 === query.length)
return
case 'k':
if (selected <= 0)
return
if (selected !== -1)
query[selected].style.boxShadow = ''
while (selected >= 0 && query[--selected].classList.contains('noshow'));
highlightSelected()
while (selected < query.length && query[++selected].classList.contains('noshow'));
highlightSelected()
return
case 'k':
if (selected <= 0)
return
case 'h':
if (globalThis.location.pathname === '/hidden')
for (const selector of query[selected].nextSibling.querySelectorAll('a'))
if (selector.innerText === 'un-hide') {
selector.click()
break
}
else
query[selected].nextSibling.querySelector('a.clicky.hider')?.click()
if (selected + 1 <= query.length)
highlightSelected()
return
case 'c':
globalThis.open('https://news.ycombinator.com/item?id=' + query[selected].id, '_self')
return
case 'C':
globalThis.open('https://news.ycombinator.com/item?id=' + query[selected].id)
return
case 'r':
if (!isComment())
return
globalThis.open(query[selected].querySelector('div.reply a').href, '_self')
return
case 'R':
if (!isComment())
return
globalThis.open(query[selected].querySelector('div.reply a').href)
return
case 'u':
globalThis.open((isComment() ? query[selected] : query[selected].nextSibling).querySelector('a.hnuser').href, '_self')
return
case 'U':
globalThis.open((isComment() ? query[selected] : query[selected].nextSibling).querySelector('a.hnuser').href)
}
query[selected].style.boxShadow = ''
while (selected >= 0 && query[--selected].classList.contains('noshow'));
highlightSelected()
return
case 'h':
if (globalThis.location.pathname === '/hidden')
for (const selector of query[selected].nextSibling.querySelectorAll('a'))
if (selector.innerText === 'un-hide') {
selector.click()
break
}
else
query[selected].nextSibling.querySelector('a.clicky.hider')?.click()
if (selected + 1 <= query.length)
highlightSelected()
return
case 'c':
globalThis.open('https://news.ycombinator.com/item?id=' + query[selected].id, '_self')
return
case 'C':
globalThis.open('https://news.ycombinator.com/item?id=' + query[selected].id)
return
case 'u':
globalThis.open((isComment() ? query[selected] : query[selected].nextSibling).querySelector('a.hnuser').href, '_self')
return
case 'U':
globalThis.open((isComment() ? query[selected] : query[selected].nextSibling).querySelector('a.hnuser').href)
}
},
listen = () => globalThis.document.addEventListener('keydown', keydown)