Show HN: visual hcker.news extension – story preview images for HN headlines

ilyaizen1 pts0 comments

GitHub - ilyaizen/hcker-news-previews: Chrome Extension for hcker.news Story Previews · GitHub

/" data-turbo-transient="true" />

Skip to content

Search or jump to...

Search code, repositories, users, issues, pull requests...

-->

Search

Clear

Search syntax tips

Provide feedback

--><br>We read every piece of feedback, and take your input very seriously.

Include my email address so I can be contacted

Cancel

Submit feedback

Saved searches

Use saved searches to filter your results more quickly

-->

Name

Query

To see all available qualifiers, see our documentation.

Cancel

Create saved search

Sign in

/;ref_cta:Sign up;ref_loc:header logged out"}"<br>Sign up

Appearance settings

Resetting focus

You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

{{ message }}

ilyaizen

hcker-news-previews

Public

Notifications<br>You must be signed in to change notification settings

Fork

Star

main

BranchesTags

Go to file

CodeOpen more actions menu

Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit

History<br>2 Commits<br>2 Commits

icons

icons

options

options

src

src

styles

styles

test

test

.gitignore

.gitignore

README.md

README.md

manifest.json

manifest.json

preview.gif

preview.gif

View all files

Repository files navigation

hcker.news previews

Chrome/Edge extension showing story image previews and descriptions beside the headlines.

Features:

16:9 story thumbnail on each item

favicon before the title

OG/meta description line under the title

hover preview card

click-to-open lightbox with zoom controls

on-site toggle + size control

Install

Load unpacked

Open chrome://extensions

Enable Developer mode

Click Load unpacked

Select this repository

Open hcker.news

Settings

Open the extension’s options page to configure:

Enable thumbnails

API base URL

Settings sync via chrome.storage.sync and apply live.

Keyboard

I — toggle thumbnails

Esc — close the lightbox

Highlights

Uses the YAHNC API to map HN item IDs to images

Prefers remote og:image URLs when available

Falls back to a stored screenshot only when needed

Dedupe-safe and idempotent for infinite scroll / client navigation

Gracefully hides missing or broken images

Development

Run the DOM helper tests:

node --test test/dom.test.mjs

Notes

Backend API: https://hn-clone.is-ai-good-yet.com

Icons in icons/ are placeholders and should be replaced before release

About

Chrome Extension for hcker.news Story Previews

hcker.news

Topics

hacker-news

Resources

Readme

Uh oh!

There was an error while loading. Please reload this page.

Activity

Stars

star

Watchers

watching

Forks

forks

Report repository

Releases

No releases published

Packages

Uh oh!

There was an error while loading. Please reload this page.

Contributors

Uh oh!

There was an error while loading. Please reload this page.

Languages

JavaScript<br>72.6%

CSS<br>24.3%

HTML<br>3.1%

You can’t perform that action at this time.

news hcker previews reload extension story

Related Articles