Improve attachments previews

[djhi]

Problem

• The FakeRest demo does not show previews for image attachments.
• The input for attachments does not show previews for image attachments.

Solution

• Create a custom field for attachments that display either an image or a link.
• Fix FakeRest DataProvider so that is has the same format as the Supabase one and keep the attachment mimetype

Note form:

Note list:

How To Test

For both demos (fakerest and supabase):

• Open or create a contact
• Add a note with some attachments (both images and simple documents)
• Check that images have previews
• Save the note
• Check that the images have previews in the notes list

Additional Checks

• The documentation is up to date
• Tested with fakerest provider (see related documentation)

Also, please make sure to read the contributing guidelines.

[Madeorsk]

Looks great!
But it isn't showing in the note edition form 😔😔

[WiXSL]

The preview click uses window.open(attachment.src, "_blank"), and browsers block navigating a top-level frame to data: (“Not allowed to navigate top frame to data URL”), so it opens a blank tab.
This doesn’t happen with Supabase (http URLs).

[WiXSL]

I know this is not related to this PR. but still

[WiXSL]

1- Edit a Note, add an image and save (You see the preview of the image)
2- Edit the same Note again an add a file (not an image)
Result: Yo see boath items but no preview of the image

With Fakerest or Supabase is the same.

You also cannot click the image to enlarge it

[Madeorsk]

Looks good, but needs rebase

[WiXSL]

1- Edit a Note, add an image and save (You see the preview of the image)
2- Edit the same Note again an add a file (not an image)
Result: Yo see boath items but no preview of the image

With Fakerest or Supabase is the same.

You also cannot click the image to enlarge it

[djhi]

@WiXSL I can't reproduce the issue with Supabase. I fixed the fakerest implementation

[WiXSL]

@WiXSL I can't reproduce the issue with Supabase. I fixed the fakerest implementation

Its fix now.
But clicking on attachments does not open nor download them. Is this expected?

[djhi]

@WiXSL I can't reproduce the issue with Supabase. I fixed the fakerest implementation

Its fix now. But clicking on attachments does not open nor download them. Is this expected?

I can't reproduce this on neither supabase nor fakerest. When are you trying to open attachments? If it's in the form, I didn't add any code to do it indeed. However, in the note "show" view, it works

[WiXSL]

@WiXSL I can't reproduce the issue with Supabase. I fixed the fakerest implementation

Its fix now. But clicking on attachments does not open nor download them. Is this expected?

I can't reproduce this on neither supabase nor fakerest. When are you trying to open attachments? If it's in the form, I didn't add any code to do it indeed. However, in the note "show" view, it works

I've try it with supabase and everything worked.
With Fakerest is the problem. I've edited a note. Add an atachement, save the note, and when I click on the attachements, they wont open or download

[djhi]

@WiXSL I can't reproduce the issue with Supabase. I fixed the fakerest implementation

Its fix now. But clicking on attachments does not open nor download them. Is this expected?

I can't reproduce this on neither supabase nor fakerest. When are you trying to open attachments? If it's in the form, I didn't add any code to do it indeed. However, in the note "show" view, it works

I've try it with supabase and everything worked. With Fakerest is the problem. I've edited a note. Add an atachement, save the note, and when I click on the attachements, they wont open or download

I can't reproduce this issue. With both FakeRest and Supabase, I can open the attachments by clicking them.

[WiXSL]

I can't reproduce this issue. With both FakeRest and Supabase, I can open the attachments by clicking them.

Mmm, I still can with Fakerest in Chrome v145.

Another issue:
1- Goto Deals, and add a new note
2- Add an image as attachment (you see the preview)
3- Save the new note

Result: You no longer see the preview in the new note

[fzaninotto]

Now this component seems to overlap with AttachmentField. When should we use one or the other? It's not clear.

[WiXSL]

AttachmentField renders a single attachment record, while NoteAttachments renders the note.attachments[] collection.
I clarified that distinction in the JSDoc.

[slax57]

Other than that it works great! 💪