lsm / HyperNeo / 32534119598

80%

push

github

feat(web): add click-to-copy button to markdown render area (#2674)

* feat(web): add click-to-copy button to markdown render area

Reuse the shared CopyButton inside MarkdownRenderer, positioned at the
top right of the prose container. Revealed on hover for pointer devices,
always visible on touch, with no layout shift. Copies the raw markdown
source and reverts after the confirmation state.

* fix(web): address review feedback on markdown copy button

Reserve a right gutter on touch devices so the always-visible copy
button never covers the first line, and reset the copied confirmation
when the copied text changes so streaming updates cannot leave a stale
Copied state.

* fix(web): ignore stale copy completions after text changes

Guard the copied success state with the latest text so an in-flight
copyToClipboard for a previous streaming value cannot mark newer
content as copied.

* fix(web): copy the markdown source matching the rendered html

Track the source that produced the displayed html and hand that to the
copy button, so clicks during streaming re-renders copy what the user
currently sees rather than the pending content.

* fix(web): commit rendered html and copy source in the same paint

Assign the prose innerHTML from a layout effect so the DOM commit lands
synchronously with the renderedSource state that drives the copy
button, closing the sub-frame window where a click could copy source
newer than the painted markdown.

* fix(web): hide markdown copy button until the first render commits

Gate the copy button on the first committed html so it cannot appear
over a blank render area while markdown modules load.

* fix(web): skip copied-state reset on CopyButton mount

The text-change reset effect also ran on mount; with the button now
appearing at the first html commit, Preact flushes that mount effect
after a same-frame click, wiping the copied confirmation. Only reset
when the text actually changes.

* fix(web): gate markdown copy butto... (continued)

44711 of 60100 branches covered (74.39%)

Branch coverage included in aggregate %.

14 of 15 new or added lines in 2 files covered. (93.33%)

60724 of 72477 relevant lines covered (83.78%)

3978.63 hits per line