feat(playground): add a button to copy rome_ir to clipboard

[IWANABETHATGUY]

Summary

add a button to copy rome_ir to clipboard

rome_ir.mp4

opy rome_ir to clipboard

Test Plan

No

[MichaReiser]

Thanks for this contribution.

What are the use cases that you see for the new button? To copy the document into a PR summary?

[IWANABETHATGUY]

Thanks for this contribution.

What are the use cases that you see for the new button? To copy the document into a PR summary?

As this issue said, #2587. It would be help full when you want to debug rome_ir locally, especially when the IR is very long that the IR textarea need a scrollbar to hold it.
I have been finished a nearly finished here, https://iwanabethatguy.github.io/romeir-to-rs/.

[ematipico]

I am not sure I understand the use case. Can't you select all the text and copy it? What's the benefit of having a button in this case?

[IWANABETHATGUY]

I am not sure I understand the use case. Can't you select all the text and copy it? What's the benefit of having a button in this case?

This is more like a DX optimization? try to copy this rome IR https://play.rome.tools/?lineWidth=80&indentStyle=tab&quoteStyle=double&indentWidth=2&sourceType=module&treeStyle=0&isTypeScript=false&isJsx=false#aQBtAHAAbwByAHQAIABSAGUAYQBjAHQATAB5AG4AeAAsACAAewAgAEMAbwBtAHAAbwBuAGUAbgB0ACAAfQAgAGYAcgBvAG0AIAAiAEAAYgB5AHQAZQBkAC0AbAB5AG4AeAAvAHIAZQBhAGMAdAAtAHIAdQBuAHQAaQBtAGUAIgA7AAoAaQBtAHAAbwByAHQAIAB7AHAAYQBzAGMAYQBsAEMAYQBzAGUATgBhAG0AZQB9ACAAZgByAG8AbQAgACIAewB7AHAAYQBjAGsAYQBnAGUATgBhAG0AZQB9AH0ALwBjAG8AbQBwAG8AbgBlAG4AdABzAC8AewB7AGsAZQBiAGEAYgBDAGEAcwBlAE4AYQBtAGUAfQB9ACIAOwAKAAoAZQB4AHAAbwByAHQAIABkAGUAZgBhAHUAbAB0ACAAYwBsAGEAcwBzACAARABlAG0AbwAgAGUAeAB0AGUAbgBkAHMAIABDAG8AbQBwAG8AbgBlAG4AdAAgAHsACgAgACAAcgBlAG4AZABlAHIAIAAoACkAIAB7AAoAIAAgACAAIAByAGUAdAB1AHIAbgAgACgACgAgACAAIAAgACAAIAA8AHYAaQBlAHcAPgAKACAAIAAgACAAIAAgACAAIAA8AHAAYQBzAGMAYQBsAEMAYQBzAGUATgBhAG0AZQAgAHAAYQByAGEAbQBzAEEAPQB7ACcAdABoAGkAcwAgAGkAcwAgAHAAcgBvAHAAcwAnAH0AIAAvAD4ACgAgACAAIAAgACAAIAA8AC8AdgBpAGUAdwA+AAoAIAAgACAAIAApAAoAIAAgAH0ACgB9AAoA, you would somehow know why this is useful, if you think this button is overkill, I would like to close this.

[ematipico]

I can see the use case and the additional feature, but I can't see adding a new dependency (the toast) to the project. It seems an overkill to me... I mean, it's nice, but I don't think it's necessary for the time being.

[NicholasLYang]

Nice! I was considering adding this too, actually for the formatted output more than the IR. Would it be possible to add this to multiple views?

[NicholasLYang]

Perhaps we could do without the toast? And just show an error inline or even an old school alert

[MichaReiser]

Perhaps we could do without the toast? And just show an error inline or even an old school alert

Does an old school title attribute work? Or does it not get triggered if it gets added after the user hovers with the mouse.

[IWANABETHATGUY]

2022-05-25.1.55.20.mov

[IWANABETHATGUY]

I remove toast and use this little svg icon instead, it should not have bundle size issue
.

[NicholasLYang]

Sorry to keep nitpicking, but the design is a little awkward. The check mark goes away after a few seconds, which is confusing, and leads to flickering if someone clicks the button multiple times in a row.

I'd also lean towards an clipboard-copy icon instead of a Copy to Clipboard button which takes up width and potentially covers the IR output:

.

That said, I'd be open to merging if the flickering issue and my above comments are fixed.

[IWANABETHATGUY]

2022-05-26.1.35.48.mov