fix(image): Only focus image description on newly inserted image

[mejo-]

Fixes: #6843
Fixes: nextcloud/collectives#1740

Fixes a regression from #6609

🏁 Checklist

• Code is properly formatted (npm run lint / npm run stylelint / composer run cs:check)
• Sign-off message is added to all commits

[codecov]

Codecov Report

Attention: Patch coverage is 9.09091% with 10 lines in your changes missing coverage. Please review.

Project coverage is 52.34%. Comparing base (88462c5) to head (f4bf663).
Report is 7 commits behind head on main.

Files with missing lines	Patch %	Lines
src/nodes/ImageView.vue	0.00%	10 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7201      +/-   ##
==========================================
- Coverage   52.35%   52.34%   -0.01%     
==========================================
  Files         479      479              
  Lines       41669    41681      +12     
  Branches     1023     1023              
==========================================
+ Hits        21815    21818       +3     
- Misses      19752    19761       +9     
  Partials      102      102              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[mejo-]

@max-nextcloud I'm curious what you think about the approach with setMeta().

The challenge is to detect whether the loaded attachment just got inserted or whether it's an existing attachment in the node view ImageView.vue. New attachments are uploaded and inserted into the editor content in MediaHandler.vue.

I had to find a way to register the newly inserted image from MediaHandler.vue and then check in ImageView.vue whether the loaded image is the one just inserted. I chose a transaction metadata property as to my knowledge that's kept in the local instance and not synchronised via the collaboration plugin, but I might be wrong here.

[max-nextcloud]

I think this change does what it's intended to do.
However I think the underlying problem is a different one.

I think the alt text should be focused directly after inserting the image - even if the image has not been loaded yet. But it seems we only render the alt text once the image has been loaded. We should always render the alt text. If the image fails to load or takes a long time the alt text might tell what is supposed to be displayed.

Also - if i insert an image and the processing takes a long time so I continue typing somewhere else I would not expect the focus to be moved once the image finished loading.

[JuliaKirschenheuter]

works, thank you!

[mejo-]

/backport to stable31

[emberfiend]

I think this patch introduced this behaviour (video below). Clicking around causes only the isLastInserted ImageView to reload. Importantly, it only happens when you click in between paragraphs...?! I don't understand enough yet about how these parts interact to suggest a fix though 😅

Screencast.from.2025-05-09.09-19-59.webm