AndrewUsher / AndrewUsher/andrewusher.dev

Improve code block UX with share and open in playground

Offen
#337 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
enhancement
Vorherrschende Sprache
TypeScript
Sterne
1
Forks
0
Ø Merge
2 T. 5 Std.
Gemergte PRs (30 T.)
59

Beschreibung

The copy button script in src/layouts/BaseLayout.astro:58 works, but it's the only thing we have for a site that writes a lot about code.

Upgrade:
- keep the copy button but add a toast ("Copied") instead of just swapping the icon
- add filename tab when markdown has a title, and show language label
- add "Open in StackBlitz" for runnable examples — reuse the Cookie Store and Durable Streams demos in src/components/blog/* as patterns
- track most-copied blocks with a simple event to PostHog/Plausible so I know what's useful
- make sure it still works after astro:page-load transitions and with keyboard users

No need to rewrite syntax highlighting. Shiki config in astro.config.mjs:62 stays as is. Just the wrapper around pre.astro-code.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.