Add a Click to Copy Button for Code Blocks in docs

[tarunsinghofficial]

Is your feature request related to a problem? Please describe:
It is important to have a "copy" button available on code blocks in the documentation. This will allow users to easily copy the entire code without accidentally leaving any important parts behind.

Describe the solution you'd like:
We will use JavaScript to implement the copy functionality throughout the complete documentation, allowing for a specific code block to be copied.

Steps to reproduce:

• Go to the developer documentation website.
• Check for any code block

Screenshot:

[tarunsinghofficial]

I will be happy to work on this, please assign this to me. Thanks

[fershad]

@tarunsinghofficial thanks for the suggestion.

We'd like to keep our frontend code as light as possible, and so would appreciate a solution that:

1. Uses minimal JavaScript
2. Does not use any external libraries, frameworks, or scripts

Could you share your ideas around this.

[kelvinparmar]

Hey @fershad you are trying to say copy the commands that is written for installation for that you need to copy button?
Am I write?

[tarunsinghofficial]

@tarunsinghofficial thanks for the suggestion.

We'd like to keep our frontend code as light as possible, and so would appreciate a solution that:

1. Uses minimal JavaScript
2. Does not use any external libraries, frameworks, or scripts

Could you share your ideas around this.

Thank you for considering the suggestion. I completely understand the importance of keeping the frontend lightweight and free from external dependencies.

To address the requirement of implementing a "copy" button without relying on heavy JavaScript frameworks or external scripts, we can explore a simple and lightweight solution. We can use simple javascript to add the copy functionality.

I'll start working on implementing this solution and will keep you updated on the progress. If you have any further suggestions or concerns, please feel free to share.

[tarunsinghofficial]

Hi @fershad ,

I have created the feature. Check out PR #38. Thanks

[fershad]

Ideally this is something that should be implemented without relying on too much client side JavaScript.

At most, the client side JS I'd expect for this is event handlers on the copy buttons, and a function that copies that code the to clipboard. This should be progressively enhanced, and use feature detection to hide the copy button if JS is disabled or if the clipboard is not available.