aws-amplify / aws-amplify/amplify-ui

FR (StorageImage): S3-image-component for Angular

Open
#3,169 2 comments 0 reactions 0 assignees View on GitHub
Angular feature-request Storage
Dominant language
TypeScript
Stars
1.1k
Forks
347
Avg merge
18h 29m
Merged PRs (30d)
9

Description

### On which framework/platform would you like to see this feature implemented?

Angular

### Which UI component is this feature-request for?

Storage

### Please describe your feature-request in detail.

Well, this used to exist. We use it for the profile pictures of our users. We store the profile pictures of our users in an S3 bucket and would love to have a component that can also cache images you have shown before. The other methods of downloading an item from S3 would require a custom implementation of caching, which is a nightmare.

An alternative would be to provide an option to set up a bucket for sharing static website delivery. We have many stages and deploy them automatically, and afaik we cannot set them up for static web content delivery from within amplify.

The old image component was exactly what we wanted and used heavily. It was deprecated without replacement, and for that reason, we cannot upgrade our amplify UI library version.

### Please describe a solution you'd like.

The old connected S3 image component for angular with Ivy support, i.e. for modern angular versions.

### We love contributors! Is this something you'd be interested in working on?

- [ ] 👋 I may be able to implement this feature request.
- [ ] ⚠️ This feature might incur a breaking change.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the old connected S3 image component for Angular and the current Amplify UI Storage components, with attention to modern Angular Ivy support. Compare the requested image caching behavior and static website delivery alternative, then define which supported component and caching behavior would satisfy the request.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, aws, typescript
Domain
cloud, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.