Add automatic link preview image generation for resources

[nicki182]

Terms

• [x] I have searched open and closed feature requests
• [x] I agree to follow activist's Code of Conduct

Description

Add the ability for users to automatically generate a preview image when creating a resource with a link. This feature should:

• Run on the backend for reliability and security.
• Use a Python backend with Selenium to visit the link and generate a screenshot as the preview image.
• Attempt to extract Open Graph or Twitter card images first, and fallback to a screenshot if none are found.
• Store and associate the preview image with the resource in the database/storage.
• Allow users to accept, edit, or replace the auto-generated preview image during resource creation.
• If no resource preview can be generated fallback with generic icon resource in front
• Add in resource model icon image and make it editable for user, the preview image is for initial default but user can edit this.
• Use correct permission for user

This will improve the visual experience and make listings more engaging.

Implementation notes:

• See Selenium screenshot example for technical reference.
• Should be extensible for future resource types.
• Consider caching and error handling for failed previews.

Let me know if I can help implement this feature!

Contribution

I am happy to help with backend development and front end and implementation details.

[UnknownSean8]

This looks like a big feature! Is it better if we split this ticket out into smaller chunks? 🤔

[andrewtavis]

100% agree, @UnknownSean8 :) Let's get done with the current work, and maybe we can convert this into an epic and make sub-issues in the next sync this Saturday?

[nicki182]

For sure. This is something I was thinking of doing after MVP maybe as a nice feature for later. And at least 2 since you have the user being able to edit and change the resource image and the another one for the default