Mattermost-server: RN: Mobile progressive image loading

[mattermod]

Server has now implemented base64 images in the post metadata here: https://mattermost.atlassian.net/browse/MM-27353

This ticket is for the mobile app to utilize this mini image for progressive image loading.

Proposed solution

• Initially load a very low-res version of the image (base64)
• Blur out the low-res image
• Once the image is in the viewport, start loading the high-res image
• Then transition/fade/unblur to the higher res image once it’s loaded

Note: make sure to add the specifications for servers that do not have the base64 string images available - meaning if the mobile app is connected to a server that doesn't support the base64 image metadata, then revert to existing image loading behaviour

---

If you're interested please comment here and come join our "Contributors" community channel on our daily build server, where you can discuss questions with community members and the Mattermost core team. For technical advice or questions, please join our "Developers" community channel.

New contributors please see our Developer's Guide.

JIRA: https://mattermost.atlassian.net/browse/MM-27354

[bhargav50]

I would like to work on this one...

[bhargav50]

@enahum which server is having this code where it will send the preview image in post metadata?

[enahum]

@bhargav50 I believe is 5.28 but @esethna should confirm

[esethna]

@bhargav50 it's merged into master branch of the server repo 3 days ago, but didn't make the v5.28 release. So it will be v5.29

https://github.com/mattermost/mattermost-server/pull/15376