probot.github.io icon indicating copy to clipboard operation
probot.github.io copied to clipboard

Add "Copy to Clipboard" button for shell commands in documentation

Open Rishi2600 opened this issue 2 months ago • 0 comments

Is your feature request related to a problem? Please describe. When following the Probot Development Docs, there are shell commands such as:

npx create-probot-app my-first-app

Currently, users have to manually select and copy these commands, which can be slightly inconvenient, especially for beginners who want to get started quickly.

Describe the solution you'd like It would be great to have a small “Copy” clipboard icon button on the right side of each command block that, when clicked, copies the command to the clipboard. For example:

Add a small clipboard icon (📋) that appears on hover or is always visible. On click → copy the command text to the clipboard and show a tooltip like “Copied!”. This would make it more user-friendly and consistent with many modern documentation sites (like Next.js, React, or TailwindCSS).

Describe alternatives you've considered Manually copying commands works, but it’s slower and slightly error-prone (extra spaces, missed characters, etc.).

Teachability, Documentation, Adoption, Migration Strategy This would be a simple UI enhancement to the docs site (https://probot.github.io/docs/). No breaking changes only a better developer experience. It could be implemented using a small JavaScript snippet or a Docusaurus/Docsify plugin (depending on the docs stack).

Additional context I’d love to work on this feature and contribute the implementation if approved!

Rishi2600 avatar Nov 20 '25 14:11 Rishi2600