Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Fix broken import

Upgrade dependencies

Bump Node.js version

Use consistent outline color with <input>

Pin Node.js version

It is more transparent as a file in the repo and removes the need for a NODE_VERSION environment variable in the Cloudflare Pages configuration.

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Simplify font stacks

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Bump highlight.js CSS

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Bump preload URL

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Improve paragraph alignment

Upgrade dependencies

Simplify loop to match feed.json

Upgrade dependencies

Add JSON Feed

Fix broken scroll position on back button

Wrapping setGridRowEnd in setTimeout causes the CSS recalculation (and window height update) to occur AFTER the scroll position has already been set, which causes the scroll position to be lost. The setTimeout was only required to workaround odd timing between showSearch and showPage, which is resolved by moving setGridRowEnd to showPage.

Reduce card border thickness on mobile

Breakpoint was selected based on manual testing on real-world devices, DevTools simulation does not accurately reflect the excessive thickness that is apparent on a real screen.

Stop event propagation instead of specifically handling it

This pattern is more idiomatic and self-contained, which is easier to maintain.

Implement "skip to main" button

Move keydown event listeners closer together

Remove canonical URL header

It causes issues with SEO when the search engine's scraper doesn't finish running the JS to update the canonical URL for an article. There are also no alternate URLs so the canonical URL is not useful anyway (the canonical URL was originally intended to de-duplicate the "www." subdomain but "www." already redirects to the root).

Upgrade dependencies

Enable pressing spacebar to click links

Upgrade dependencies

Preload external assets

Improve plain <p> message styling

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Only cache requests on own hostname

Otherwise it will try to cache chrome extensions or user-initiated requests from console, which was not intended.

Immediately replace old service workers

Upgrade dependencies

Upgrade dependencies

Simplify debounce function

No need to pass `this` because it's not being called on an object.

Upgrade dependencies

Manually call setGridRowEnd on first page load

After debouncing ResizeObserver, the initial call on first page load needs to be manual otherwise there will be a visible delay.

Debounce ResizeObserver

Further improves performance by not recalculating on every pixel resized

Re-use ResizeObserver instead of instantiating new ones

Upgrade dependencies

Upgrade dependencies

Align search icon vertically with <search> center instead of clear button center

The clear button is not a standard control anyway so it didn't make sense to align with it.

Upgrade dependencies

Upgrade dependencies

Add simplified npm start script

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Upgrade dependencies

Partially rollback 0c7f59e

Should allow empty search because this is commonly used to reset the search.

Rollback 041ec4d

The spacer <div> is required to minimize the <main> height to just fit its content. Without the spacer, <main> will consume the entire screen height and spread its children across the entire height. When there are not enough cards to fill the screen height, this spread results in ugly spacing.

Set precise card heights

This change removes excessive padding in some cards to improve the masonry layout. Setting max-block-size is required when there are not enough cards to fill the screen height (e.g. on search).

Upgrade dependencies

Add tags as categories

Upgrade dependencies

Simplify body grid

Upgrade dependencies

Upgrade dependencies

Set edge cache TTL to 30 days

Default TTL is 2 hours. Confirmed that stale-while-revalidate logic is working.

Avoid blocking for auth token

The auth token is not required if responding with a cached response, so don't wait for it.

Clean origin response to allow custom cache logic

Upgrade dependencies

Implement stale-while-revalidate caching on edge

Upgrade dependencies

Preload assets

Upgrade dependencies

Improve high-contrast accessibility

Transparent borders will render as black when forced-colors mode is active, allowing the elements to still be clearly distinguished when background colors are removed.