skypress/src/ at c8e4693c258b8801207fcc13f9564f6e9494a40f · jeremy.herve.bzh/skypress · Tangled

jeremy.herve.bzh / skypress

0

A calm place to write long-form, and publish it to the open social web. skypress.blog/

0

skypress / src /

at c8e4693c258b8801207fcc13f9564f6e9494a40f 6 folders

Jeremy Herve Reveal Bluesky + external-link icons on article mentions on hover 13d ago

Reveal Bluesky + external-link icons on article mentions on hover Match the profile-page author handle link more fully: on hover/focus the mention brightens to --sun and a Bluesky logo (left) and external-arrow (right) slide in. They're drawn as currentColor mask pseudo-elements (::before/::after) because the mention arrives as sanitised HTML and can't carry nested <svg> children; the icons inherit the link colour and collapse to zero width at rest so the mention reads as plain inline text. The sanitiser already gives the anchor target="_blank" + safe rel, so mentions open in a new tab. Verified in the browser (hover reveals both icons in --sun).

1 week ago

Replace the SkyPress mark with the new winged-sun logo Swap the hand-drawn type-block mark for the new winged-sun logo across the favicon and every in-app spot (Logo.astro, AppBar, LoadingScene). The mark now lives once in src/lib/brand/skypress-mark.ts as inline SVG whose paths use fill="currentColor", so it follows the surrounding color (the --sun token, which lightens in dark mode) instead of being locked to one orange. A single source avoids duplicating the path data across the Astro/React island boundary. The favicon keeps the static-orange public/skypress-logo.svg, since a favicon can't inherit currentColor. This drops the landing-only sun->moon easter-egg: the new logo is a sun with no moon variant and only one asset was provided. Its night/dusk swap styles in index.astro and the three tests that locked it are removed.

2 weeks ago

Fix @-mention autocomplete and quiet the post-length counter Two issues surfaced by an in-browser smoke test (publish from @jeherve.com mentioning @jeremy.herve.bzh): 1. The @ autocomplete never ran ours — every keystroke hit WordPress's built-in user completer (GET /wp/v2/users → 404). Both completers claim the '@' trigger and the block editor resolves a trigger to the FIRST matching completer, so appending ours left it shadowed. Replace every '@'-triggered completer with ours instead of appending (extracted as replaceAtMentionCompleter). 2. Selecting an option inserted nothing: getOptionCompletion returned { action: 'replace', value }, but 'replace' swaps the whole block (the slash- completer contract) and dropped the inline anchor. Return the anchor element directly so it inserts at the caret in place of the typed @query — the core link-completer pattern. Also: the live grapheme counter showed 'Bluesky post: N/300' at all times; only warn when actually over the limit (hidden otherwise). Verified end to end in the browser: autocomplete resolves jeremy.herve.bzh from public.api.bsky.app, inserts the class+href+data-did anchor, the confirm dialog discloses the notify target, and the published post carries the #mention facet (correct DID + byte offsets) plus the document's flat mentions interop list.

1 week ago

Reveal Bluesky + external-link icons on article mentions on hover Match the profile-page author handle link more fully: on hover/focus the mention brightens to --sun and a Bluesky logo (left) and external-arrow (right) slide in. They're drawn as currentColor mask pseudo-elements (::before/::after) because the mention arrives as sanitised HTML and can't carry nested <svg> children; the icons inherit the link colour and collapse to zero width at rest so the mention reads as plain inline text. The sanitiser already gives the anchor target="_blank" + safe rel, so mentions open in a new tab. Verified in the browser (hover reveals both icons in --sun).

1 week ago

Style post-length counter and mention autocomplete option

1 week ago

Debounce mention lookup + guard registration via hasFilter

1 week ago