chore: refactor iframes to load collabora directly

Signed-off-by: Julius Härtl <[email protected]>

appinfo/routes.php

@@ -32,6 +32,7 @@
 		['name' => 'document#remote', 'url' => 'remote', 'verb' => 'GET'],
 		['name' => 'document#createFromTemplate', 'url' => 'indexTemplate', 'verb' => 'GET'],
 		['name' => 'document#publicPage', 'url' => '/public', 'verb' => 'GET'],
+		['name' => 'document#token', 'url' => '/token', 'verb' => 'POST'],
 
 		['name' => 'document#editOnline', 'url' => 'editonline', 'verb' => 'GET'],
 		['name' => 'document#editOnlineTarget', 'url' => 'editonline/{fileId}/{target}', 'verb' => 'GET'],

lib/Controller/DocumentController.php

@@ -148,7 +148,7 @@ public function extAppGetData(int $fileId) {
 	 * @param string|null $path
 	 * @return RedirectResponse|TemplateResponse
 	 */
-	public function index($fileId, ?string $path = null) {
+	public function index($fileId, ?string $path = null, ?int $version = null) {
 		try {
 			$folder = $this->rootFolder->getUserFolder($this->uid);
 
@@ -184,7 +184,7 @@ public function index($fileId, ?string $path = null) {
 			$params = [
 				'permissions' => $item->getPermissions(),
 				'title' => $item->getName(),
-				'fileId' => $item->getId() . '_' . $this->config->getSystemValue('instanceid'),
+				'fileId' => $item->getId() . '_' . $this->config->getSystemValue('instanceid') . ($version !== null ? '_' . $version : ''),
 				'token' => $token,
 				'token_ttl' => $wopi->getExpiry(),
 				'urlsrc' => $urlSrc,
@@ -489,4 +489,17 @@ public function editOnlineTarget(int $fileId, ?string $target = null) {
 
 		return $this->renderErrorPage('File not found', Http::STATUS_NOT_FOUND);
 	}
+
+
+
+	#[Http\Attribute\NoAdminRequired]
+	#[Http\Attribute\NoCSRFRequired]
+	public function token(int $fileId, ?string $shareToken = null) {
+		[$urlSrc, $token, $wopi] = $this->tokenManager->getToken((string)$fileId, $shareToken, $this->uid, false);
+
+		return new Http\DataResponse([
+			'urlSrc' => $urlSrc,
+			...$wopi->jsonSerialize(),
+		]);
+	}
 }

src/files.js

@@ -111,7 +111,6 @@ const odfViewer = {
 			$iframe.addClass('full')
 			$('#content').addClass('full-height')
 			$('footer').addClass('hidden')
-			$('#imgframe').addClass('hidden')
 			$('#controls').addClass('hidden')
 			$('#content').addClass('loading')
 		} else {
@@ -162,7 +161,6 @@ const odfViewer = {
 		if (isPublic) {
 			$('#content').removeClass('full-height')
 			$('footer').removeClass('hidden')
-			$('#imgframe').removeClass('hidden')
 			$('.directLink').removeClass('hidden')
 			$('.directDownload').removeClass('hidden')
 		}

src/helpers/coolParameters.js

@@ -47,7 +47,7 @@ const getUIDefaults = () => {
 }
 
 const getCollaboraTheme = () => {
-	return loadState('richdocuments', 'theme', '')
+	return loadState('richdocuments', 'theme', 'nextcloud')
 }
 
 const generateCSSVarTokens = () => {

src/helpers/index.js

@@ -76,8 +76,17 @@ const splitPath = (path) => {
 	return [directory, fileName]
 }
 
+const getRandomId = (length = 5) => {
+	return Math.random()
+		.toString(36)
+		.replace(/[^a-z]+/g, '')
+		.slice(0, length || 5)
+
+}
+
 export {
 	languageToBCP47,
 	getNextcloudVersion,
 	splitPath,
+	getRandomId,
 }

src/services/LoggedInPostMessageHandler.js

@@ -0,0 +1,40 @@
+import PostMessageHandler from './PostMessageHandler.js'
+
+export default class LoggedInPostMessageHandler extends PostMessageHandler {
+
+	#context = null
+
+	constructor(context) {
+		super()
+		this.#context = context
+	}
+
+	Frame_Ready() {}
+	App_LoadingStatus() {}
+	Action_Load_Resp() {}
+	Clicked_Button() {}
+	UI_Share() {
+		this.#context.share()
+	}
+
+	UI_Mention() {}
+	UI_Close() {}
+	UI_SaveAs() {}
+	Download_As() {}
+	Views_List() {}
+	Get_Views_Resp() {}
+	UI_ZoteroKeyMissing() {}
+	Action_loadRevViewer() {}
+	Action_Save_Resp() {}
+	File_Rename() {}
+	Action_GetLinkPreview() {}
+	UI_InsertGraphic() {}
+	UI_CreateFile() {}
+	UI_Paste() {}
+	UI_Hyperlink() {}
+	UI_FileVersions() {}
+	UI_PickLink() {}
+	App_VersionRestore() {}
+	Host_VersionRestore() {}
+
+}

src/services/PostMessageHandler.js

@@ -0,0 +1,35 @@
+
+export default class PostMessageHandler {
+
+	#context = null
+
+	constructor(context) {
+		this.#context = context
+	}
+
+	Frame_Ready() {}
+	App_LoadingStatus() {}
+	Action_Load_Resp() {}
+	Clicked_Button() {}
+	UI_Share() {}
+	UI_Mention() {}
+	UI_Close() {}
+	UI_SaveAs() {}
+	Download_As() {}
+	Views_List() {}
+	Get_Views_Resp() {}
+	UI_ZoteroKeyMissing() {}
+	Action_loadRevViewer() {}
+	Action_Save_Resp() {}
+	File_Rename() {}
+	Action_GetLinkPreview() {}
+	UI_InsertGraphic() {}
+	UI_CreateFile() {}
+	UI_Paste() {}
+	UI_Hyperlink() {}
+	UI_FileVersions() {}
+	UI_PickLink() {}
+	App_VersionRestore() {}
+	Host_VersionRestore() {}
+
+}