Create a panel to display last 10 images from clipboard stored locally

[iamhectorsosa]

We think it would be useful to have access to the last 10 images that have been pasted from the clipboard. So I'm figuring that after successfully pasting an image we can store in the local storage. @mateusabelli gave this suggestion:

Hello @ekqt I've never done this before, but I think that you could convert the image to Base64 string and store them in local storage. This way the image is available only on the users browser cache and the app can consume them by accessing local storage and converting the Base64 string back to an image. I hope this helps!

[iamhectorsosa]

Related to (feat) Alert before paste & screenshot history #1

[mateusabelli]

Hello @ekqt

I've been thinking about how we can accomplish this feature, I still feel like the local storage idea could work, but after doing a few tests and research I've found out that huge images could take a while to be converted and use up to megabytes each in storage.

I thought about using the browser's native file API, so we can load and reference the images locally from the users drive.

To provide a better UX, we could then take a snapshot the latest state that the user left the image and downscale to a very low res thumbnail and that could be converted to a Base64 string of maybe 30 to 50 kilobyes, along with the settings parameters.

This would allow the user to have the last 10 images with a small preview plus the saved state of them. Please let me know how do you feel about this.

[iamhectorsosa]

Hey, @mateusabelli I'm open for this. Sounds like an interesting proposal, if there is anything I can do to help, please let me know!

[mateusabelli]

Hey, @mateusabelli I'm open for this. Sounds like an interesting proposal, if there is anything I can do to help, please let me know!

That's cool, thank you for assigning me @ekqt. I'll be opening a draft PR as soon as possible to further test the implementation.