Collabora: Insert images from cloud

[kulmann]

Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

As a user writing a document in Collabora, I want to insert images from my cloud storage so that I don't need to download them to my harddisk first.

User Value

Deep integration of Collabora, ease of use

Acceptance Criteria

• Insert menu in Collabora: Image is a dropdown with options From device and From cloud
• From device behaves exactly like the Image button before (select file from local disk)
• inserting an image from the cloud opens a modal with the web embed mode, giving the possibility to select an image from the personal space, a share or any project space
• images which were shared via secure view are not selectable
• same file types are allowed as with selection from the device (probably something like jpg, png, gif, maybe more)
• image content gets copied into the document at the current cursor position (no linking whatsoever)

[kulmann]

Technical note: see post message api docs on https://sdk.collaboraonline.com/docs/postmessage_api.html

• Trigger message from collabora is UI_InsertGraphic
• Message to collabora is Action_InsertGraphics

[db-ot]

Backendpart: opencloud-eu/opencloud#1104

[rhafer]

@kulmann opencloud-eu/opencloud#1191 is a starting point for the backend implementation.

[AlexAndBear]

https://github.com/CollaboraOnline/online/blob/de6ac50efe5402fcd5659f859e237cdedb1d81eb/browser/src/unocommands.js#L381

its there, need to find a away to enable it

[AlexAndBear]

		case 'UI_InsertGraphic':
				FilesAppIntegration.insertGraphic((filename, url) => {
					this.postMessage.sendWOPIPostMessage(FRAME_DOCUMENT, 'Action_InsertGraphic', {
						filename,
						url,
					})
				})

[AlexAndBear]

Received postMessage event on insert image button click:
[postMessage] {message: '{"MessageId":"UI_InsertGraphic","SendTime":1752056280245,"Values":{}}', targetOrigin: 'https://some-origin.de/', rest: Array(0)}

Sent postMessage event on file pick

PostMessageService.sendPostMessage FRAME_DOCUMENT {"MessageId":"Action_InsertGraphic","SendTime":1752056372545,"Values":{"filename":"image.png","url":"https://lalala.com/image.png"}}