From a509a62ce5763d08f4b0423b0d218572addb3bd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 13 Jun 2024 14:23:13 +0200
Subject: [PATCH 1/4] chore: Refactor frontend capabilities to a service to be
 able to update on the fly
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/AdminSettings.vue  |  3 ++-
 src/file-actions.js               |  8 +++---
 src/files.js                      | 27 ++++++++++---------
 src/helpers/isDocument.js         |  4 +--
 src/helpers/types.js              |  4 ++-
 src/services/capabilities.ts      | 45 +++++++++++++++++++++++++++++++
 src/services/collabora.js         | 11 ++++----
 src/view/DocumentTargetPicker.vue |  3 ++-
 src/view/NewFileMenu.js           |  9 ++++---
 src/view/Office.vue               |  4 +--
 src/viewer.js                     |  4 +--
 11 files changed, 85 insertions(+), 37 deletions(-)
 create mode 100644 src/services/capabilities.ts

diff --git a/src/components/AdminSettings.vue b/src/components/AdminSettings.vue
index e6a04d1135..4ca5e687e1 100644
--- a/src/components/AdminSettings.vue
+++ b/src/components/AdminSettings.vue
@@ -409,6 +409,7 @@ import SettingsFontList from './SettingsFontList.vue'
 
 import '@nextcloud/dialogs/style.css'
 import { getCallbackBaseUrl } from '../helpers/url.js'
+import { getCapabilities } from '../services/capabilities.ts'
 
 const SERVER_STATE_OK = 0
 const SERVER_STATE_LOADING = 1
@@ -529,7 +530,7 @@ export default {
 				const protocol = this.checkUrlProtocol(newVal)
 				const nextcloudProtocol = this.checkUrlProtocol(window.location.href)
 				if (protocol !== nextcloudProtocol) this.serverError = PROTOCOL_MISMATCH
-				else this.serverError = Object.values(OC.getCapabilities().richdocuments.collabora).length > 0 ? SERVER_STATE_OK : SERVER_STATE_CONNECTION_ERROR
+				else this.serverError = Object.values(getCapabilities().collabora).length > 0 ? SERVER_STATE_OK : SERVER_STATE_CONNECTION_ERROR
 			}
 		},
 		isSetup() {
diff --git a/src/file-actions.js b/src/file-actions.js
index 02202d04da..4c33583821 100644
--- a/src/file-actions.js
+++ b/src/file-actions.js
@@ -3,14 +3,12 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { registerFileAction, FileAction } from '@nextcloud/files'
-import { getCapabilities } from '@nextcloud/capabilities'
+import { getCapabilities } from './services/capabilities.ts'
 import { translate as t } from '@nextcloud/l10n'
 
 // eslint-disable-next-line import/no-unresolved
 import appIcon from '../img/app.svg?raw'
 
-const richdocuments = getCapabilities().richdocuments
-
 const openPdf = new FileAction({
 	id: 'office-open-pdf',
 
@@ -22,12 +20,12 @@ const openPdf = new FileAction({
 	displayName: () => {
 		return t('richdocuments',
 			'Edit with {productName}',
-			{ productName: richdocuments.productName })
+			{ productName: getCapabilities().productName })
 	},
 
 	enabled: () => {
 		// Only enable the file action when files_pdfviewer is enabled
-		const optionalMimetypes = richdocuments.mimetypesNoDefaultOpen
+		const optionalMimetypes = getCapabilities().mimetypesNoDefaultOpen
 		return optionalMimetypes.includes('application/pdf')
 	},
 
diff --git a/src/files.js b/src/files.js
index 31bb270fd9..07291514d1 100644
--- a/src/files.js
+++ b/src/files.js
@@ -18,6 +18,7 @@ import FilesAppIntegration from './view/FilesAppIntegration.js'
 import { splitPath } from './helpers/index.js'
 import { enableScrollLock, disableScrollLock } from './helpers/safariFixer.js'
 import NewFileMenu from './view/NewFileMenu.js'
+import { getCapabilities } from './services/capabilities.ts'
 
 const FRAME_DOCUMENT = 'FRAME_DOCUMENT'
 const PostMessages = new PostMessageService({
@@ -34,11 +35,11 @@ const odfViewer = {
 	receivedLoading: false,
 	isProxyStarting: false,
 	isCollaboraConfigured: (
-		(OC.getCapabilities().richdocuments.config.wopi_url.indexOf('proxy.php') !== -1)
-		|| (typeof OC.getCapabilities().richdocuments.collabora === 'object' && OC.getCapabilities().richdocuments.collabora.length !== 0)),
-	supportedMimes: OC.getCapabilities().richdocuments.mimetypes.concat(OC.getCapabilities().richdocuments.mimetypesNoDefaultOpen),
-	excludeMimeFromDefaultOpen: OC.getCapabilities().richdocuments.mimetypesNoDefaultOpen,
-	hideDownloadMimes: OC.getCapabilities().richdocuments.mimetypesSecureView,
+		(getCapabilities().config.wopi_url.indexOf('proxy.php') !== -1)
+		|| (typeof getCapabilities().collabora === 'object' && getCapabilities().collabora.length !== 0)),
+	supportedMimes: getCapabilities().mimetypes.concat(getCapabilities().mimetypesNoDefaultOpen),
+	excludeMimeFromDefaultOpen: getCapabilities().mimetypesNoDefaultOpen,
+	hideDownloadMimes: getCapabilities().mimetypesSecureView,
 
 	onEdit(fileName, context) {
 		let fileDir
@@ -50,7 +51,7 @@ const odfViewer = {
 		if (!odfViewer.isCollaboraConfigured) {
 			$.get(generateOcsUrl('cloud/capabilities?format=json')).then(
 				e => {
-					if ((OC.getCapabilities().richdocuments.config.wopi_url.indexOf('proxy.php') !== -1)
+					if ((getCapabilities().config.wopi_url.indexOf('proxy.php') !== -1)
 						|| (typeof e.ocs.data.capabilities.richdocuments.collabora === 'object'
 						&& e.ocs.data.capabilities.richdocuments.collabora.length !== 0)) {
 						odfViewer.isCollaboraConfigured = true
@@ -101,11 +102,11 @@ const odfViewer = {
 
 		const $iframe = $('<iframe data-cy="documentframe" id="richdocumentsframe" nonce="' + btoa(OC.requestToken) + '" scrolling="no" allowfullscreen allow="clipboard-read *; clipboard-write *" src="' + documentUrl + '" />')
 		odfViewer.loadingTimeout = setTimeout(odfViewer.onTimeout,
-			(OC.getCapabilities().richdocuments.config.timeout * 1000 || 15000))
+			(getCapabilities().config.timeout * 1000 || 15000))
 		$iframe.src = documentUrl
 
 		if ((OC.appswebroots.richdocumentscode || OC.appswebroots.richdocumentscode_arm64)
-			&& OC.getCapabilities().richdocuments.config.wopi_url.indexOf('proxy.php') >= 0) {
+			&& getCapabilities().config.wopi_url.indexOf('proxy.php') >= 0) {
 			odfViewer.checkProxyStatus()
 		}
 
@@ -183,15 +184,15 @@ const odfViewer = {
 				...FilesAppIntegration.loggingContext(),
 			})
 			odfViewer.onClose()
-			OC.Notification.showTemporary(t('richdocuments', 'Failed to load {productName} - please try again later', { productName: OC.getCapabilities().richdocuments.productName || 'Collabora Online' }))
+			OC.Notification.showTemporary(t('richdocuments', 'Failed to load {productName} - please try again later', { productName: getCapabilities().productName || 'Collabora Online' }))
 		} else if (!odfViewer.receivedLoading) {
 			odfViewer.loadingTimeout = setTimeout(odfViewer.onTimeout,
-				(OC.getCapabilities().richdocuments.config.timeout * 1000 || 15000))
+				(getCapabilities().config.timeout * 1000 || 15000))
 		}
 	},
 
 	checkProxyStatus() {
-		const wopiUrl = OC.getCapabilities().richdocuments.config.wopi_url
+		const wopiUrl = getCapabilities().config.wopi_url
 		const url = wopiUrl.slice(0, wopiUrl.indexOf('proxy.php') + 'proxy.php'.length)
 		$.get(url + '?status').done(function(result) {
 			if (result && result.status) {
@@ -211,7 +212,7 @@ const odfViewer = {
 	},
 }
 
-const settings = OC.getCapabilities().richdocuments.config || {}
+const settings = getCapabilities().config || {}
 Config.update('ooxml', settings.doc_format === 'ooxml')
 
 window.OCA.RichDocuments = {
@@ -297,7 +298,7 @@ addEventListener('DOMContentLoaded', () => {
 				})
 				odfViewer.onClose()
 				OC.Notification.showTemporary(t('richdocuments', 'Failed to connect to {productName}. Please try again later or contact your server administrator.',
-					{ productName: OC.getCapabilities().richdocuments.productName },
+					{ productName: getCapabilities().productName },
 				))
 			}
 			break
diff --git a/src/helpers/isDocument.js b/src/helpers/isDocument.js
index f260b52f99..3cb74d3ccf 100644
--- a/src/helpers/isDocument.js
+++ b/src/helpers/isDocument.js
@@ -2,10 +2,10 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { getCapabilities } from '@nextcloud/capabilities'
+import { getCapabilities } from './../services/capabilities.ts'
 
 /** @type Array.<String> */
-const mimetypes = getCapabilities().richdocuments.mimetypes
+const mimetypes = getCapabilities().mimetypes
 
 /**
  * Determines if the mimetype of the resource is supported by richdocuments
diff --git a/src/helpers/types.js b/src/helpers/types.js
index 73f545ab4c..6b2012f37d 100644
--- a/src/helpers/types.js
+++ b/src/helpers/types.js
@@ -3,7 +3,9 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-const ooxml = OC.getCapabilities().richdocuments.config.doc_format === 'ooxml'
+import { getCapabilities } from '../services/capabilities.ts'
+
+const ooxml = getCapabilities().config.doc_format === 'ooxml'
 
 const getFileTypes = () => {
 	if (ooxml) {
diff --git a/src/services/capabilities.ts b/src/services/capabilities.ts
new file mode 100644
index 0000000000..ae3ad03796
--- /dev/null
+++ b/src/services/capabilities.ts
@@ -0,0 +1,45 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { getCapabilities as getInitialCapabilities } from '@nextcloud/capabilities'
+
+interface OfficeCapabilities {
+	version: string;
+	mimetypes: string[];
+	config: {
+		wopi_url: string;
+	}
+}
+interface AllCapabilities {
+	richdocuments: OfficeCapabilities;
+}
+
+const initialCapabilities: AllCapabilities = <AllCapabilities>getInitialCapabilities()
+
+class CapabilitiesService {
+
+	private capabilities: OfficeCapabilities = (initialCapabilities as AllCapabilities).richdocuments
+
+	getCapabilities(): OfficeCapabilities|null {
+		return this.capabilities
+	}
+
+	setCapabilities(capabilities: OfficeCapabilities) {
+		this.capabilities = capabilities
+	}
+
+	updateCapability(key: string, value: string) {
+		this.capabilities[key] = value
+	}
+
+}
+
+const capabilitiesService = new CapabilitiesService()
+
+const getCapabilities = (): OfficeCapabilities => {
+	return capabilitiesService.getCapabilities()
+}
+
+export { getCapabilities, capabilitiesService }
diff --git a/src/services/collabora.js b/src/services/collabora.js
index bee1c91054..85abb037bd 100644
--- a/src/services/collabora.js
+++ b/src/services/collabora.js
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import axios from '@nextcloud/axios'
-import { getCapabilities } from '@nextcloud/capabilities'
+import { getCapabilities } from './../services/capabilities.ts'
 
 export const LOADING_ERROR = {
 	COLLABORA_UNCONFIGURED: 1,
@@ -11,17 +11,16 @@ export const LOADING_ERROR = {
 }
 
 export const isCollaboraConfigured = () => {
-	const collaboraCapabilities = getCapabilities()?.richdocuments?.collabora
+	const collaboraCapabilities = getCapabilities()?.collabora
 	return isBuiltinCodeServerUsed() || collaboraCapabilities.length !== 0
 }
 
 export const isBuiltinCodeServerUsed = () => {
-	const richdocumentsCapabilities = getCapabilities()?.richdocuments
-	return richdocumentsCapabilities?.config?.wopi_url?.indexOf('proxy.php') !== -1
+	return getCapabilities()?.config?.wopi_url?.indexOf('proxy.php') !== -1
 }
 
 export const checkCollaboraConfiguration = async () => {
-	const wopiUrl = getCapabilities()?.richdocuments?.config?.wopi_url
+	const wopiUrl = getCapabilities()?.config?.wopi_url
 	if (!wopiUrl) {
 		throw Error(LOADING_ERROR.COLLABORA_UNCONFIGURED)
 	}
@@ -29,7 +28,7 @@ export const checkCollaboraConfiguration = async () => {
 
 let proxyStatusCheckRetry = 0
 export const checkProxyStatus = async (_resolve, _reject) => {
-	const wopiUrl = getCapabilities()?.richdocuments?.config?.wopi_url
+	const wopiUrl = getCapabilities()?.config?.wopi_url
 	if (wopiUrl.indexOf('proxy.php') === -1) {
 		return true
 	}
diff --git a/src/view/DocumentTargetPicker.vue b/src/view/DocumentTargetPicker.vue
index b7e1a622e6..8ffdc1ed75 100644
--- a/src/view/DocumentTargetPicker.vue
+++ b/src/view/DocumentTargetPicker.vue
@@ -50,6 +50,7 @@ import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent.js'
 import NcListItem from '@nextcloud/vue/dist/Components/NcListItem.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import TableOfContentsIcon from 'vue-material-design-icons/TableOfContents.vue'
+import { getCapabilities } from '../services/capabilities.ts'
 
 export default {
 	name: 'DocumentTargetPicker',
@@ -94,7 +95,7 @@ export default {
 		async openFilePicker() {
 			const self = this
 			await getFilePickerBuilder(t('files', 'Select file or folder to link to'))
-				.setMimeTypeFilter(OC.getCapabilities().richdocuments.mimetypes)
+				.setMimeTypeFilter(getCapabilities().mimetypes)
 				.addButton({
 					label: t('richdocuments', 'Insert image'),
 					callback: (files) => {
diff --git a/src/view/NewFileMenu.js b/src/view/NewFileMenu.js
index 2c83f3fd9b..0f64c2d2f9 100644
--- a/src/view/NewFileMenu.js
+++ b/src/view/NewFileMenu.js
@@ -9,6 +9,7 @@ import Types from '../helpers/types.js'
 import { createEmptyFile } from '../services/api.js'
 import { generateUrl, generateFilePath, generateOcsUrl } from '@nextcloud/router'
 import { showError } from '@nextcloud/dialogs'
+import { getCapabilities } from '../services/capabilities.ts'
 
 /** @type OC.Plugin */
 const NewFileMenu = {
@@ -26,7 +27,7 @@ const NewFileMenu = {
 			iconClass: 'icon-filetype-document',
 			fileType: 'x-office-document',
 			actionHandler(filename) {
-				if (OC.getCapabilities().richdocuments.templates) {
+				if (getCapabilities().templates) {
 					self._openTemplatePicker('document', document.mime, filename)
 				} else {
 					self._createDocument(document.mime, filename)
@@ -41,7 +42,7 @@ const NewFileMenu = {
 			iconClass: 'icon-filetype-spreadsheet',
 			fileType: 'x-office-spreadsheet',
 			actionHandler(filename) {
-				if (OC.getCapabilities().richdocuments.templates) {
+				if (getCapabilities().templates) {
 					self._openTemplatePicker('spreadsheet', spreadsheet.mime, filename)
 				} else {
 					self._createDocument(spreadsheet.mime, filename)
@@ -56,7 +57,7 @@ const NewFileMenu = {
 			iconClass: 'icon-filetype-presentation',
 			fileType: 'x-office-presentation',
 			actionHandler(filename) {
-				if (OC.getCapabilities().richdocuments.templates) {
+				if (getCapabilities().templates) {
 					self._openTemplatePicker('presentation', presentation.mime, filename)
 				} else {
 					self._createDocument(presentation.mime, filename)
@@ -71,7 +72,7 @@ const NewFileMenu = {
 			iconClass: 'icon-filetype-draw',
 			fileType: 'x-office-drawing',
 			actionHandler(filename) {
-				if (OC.getCapabilities().richdocuments.templates) {
+				if (getCapabilities().templates) {
 					self._openTemplatePicker('drawing', drawing.mime, filename)
 				} else {
 					self._createDocument(drawing.mime, filename)
diff --git a/src/view/Office.vue b/src/view/Office.vue
index e4e99f1ccd..cd6304c6e0 100644
--- a/src/view/Office.vue
+++ b/src/view/Office.vue
@@ -101,7 +101,7 @@ import {
 	generateUrl,
 	imagePath,
 } from '@nextcloud/router'
-import { getCapabilities } from '@nextcloud/capabilities'
+import { getCapabilities } from './../services/capabilities.ts'
 import {
 	generateCSSVarTokens,
 	getCollaboraTheme,
@@ -317,7 +317,7 @@ export default {
 				console.error('Document loading failed due to timeout: Please check for failing network requests')
 				this.loading = LOADING_STATE.FAILED
 				this.error = t('richdocuments', 'Failed to load {productName} - please try again later', { productName: loadState('richdocuments', 'productName', 'Nextcloud Office') })
-			}, (getCapabilities().richdocuments.config.timeout * 1000 || 15000))
+			}, (getCapabilities().config.timeout * 1000 || 15000))
 		},
 		sendPostMessage(msgId, values = {}) {
 			this.postMessage.sendWOPIPostMessage(FRAME_DOCUMENT, msgId, values)
diff --git a/src/viewer.js b/src/viewer.js
index bd8a673097..fe12102f2e 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -7,9 +7,9 @@ import './init-shared.js'
 import '../css/filetypes.scss'
 
 import Office from './view/Office.vue'
-import { getCapabilities } from '@nextcloud/capabilities'
+import { getCapabilities } from './services/capabilities.ts'
 
-const supportedMimes = getCapabilities().richdocuments.mimetypes
+const supportedMimes = getCapabilities().mimetypes
 
 if (OCA.Viewer) {
 	OCA.Viewer.registerHandler({

From f42ab5203722e0b642ee198dc5ab99b6ad4aa008 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 13 Jun 2024 14:25:55 +0200
Subject: [PATCH 2/4] fix: Move auto setup of built-in code server to an async
 request done by the frontend
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 lib/AppInfo/Application.php           | 57 +-----------------------
 lib/Controller/SettingsController.php | 64 ++++++++++++++++++++++++++-
 src/services/builtInCode.ts           | 36 +++++++++++++++
 src/types/index.d.ts                  | 16 +++++++
 src/viewer.js                         |  3 ++
 5 files changed, 119 insertions(+), 57 deletions(-)
 create mode 100644 src/services/builtInCode.ts
 create mode 100644 src/types/index.d.ts

diff --git a/lib/AppInfo/Application.php b/lib/AppInfo/Application.php
index 3b7449ea00..3e18c1bc69 100644
--- a/lib/AppInfo/Application.php
+++ b/lib/AppInfo/Application.php
@@ -1,4 +1,6 @@
 <?php
+
+declare(strict_types=1);
 /**
  * SPDX-FileCopyrightText: 2016 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -7,7 +9,6 @@
 namespace OCA\Richdocuments\AppInfo;
 
 use OCA\Files_Sharing\Event\ShareLinkAccessedEvent;
-use OCA\Richdocuments\AppConfig;
 use OCA\Richdocuments\Capabilities;
 use OCA\Richdocuments\Db\WopiMapper;
 use OCA\Richdocuments\Listener\AddContentSecurityPolicyListener;
@@ -28,11 +29,8 @@
 use OCA\Richdocuments\Preview\OpenDocument;
 use OCA\Richdocuments\Preview\Pdf;
 use OCA\Richdocuments\Reference\OfficeTargetReferenceProvider;
-use OCA\Richdocuments\Service\CapabilitiesService;
-use OCA\Richdocuments\Service\DiscoveryService;
 use OCA\Richdocuments\Template\CollaboraTemplateProvider;
 use OCA\Viewer\Event\LoadViewer;
-use OCP\App\IAppManager;
 use OCP\AppFramework\App;
 use OCP\AppFramework\Bootstrap\IBootContext;
 use OCP\AppFramework\Bootstrap\IBootstrap;
@@ -45,7 +43,6 @@
 use OCP\Preview\BeforePreviewFetchedEvent;
 use OCP\Security\CSP\AddContentSecurityPolicyEvent;
 use OCP\Security\FeaturePolicy\AddFeaturePolicyEvent;
-use OCP\Server;
 
 class Application extends App implements IBootstrap {
 	public const APPNAME = 'richdocuments';
@@ -54,7 +51,6 @@ public function __construct(array $urlParams = []) {
 		parent::__construct(self::APPNAME, $urlParams);
 	}
 
-
 	public function register(IRegistrationContext $context): void {
 		$context->registerTemplateProvider(CollaboraTemplateProvider::class);
 		$context->registerCapability(Capabilities::class);
@@ -84,54 +80,5 @@ public function register(IRegistrationContext $context): void {
 	}
 
 	public function boot(IBootContext $context): void {
-		$this->checkAndEnableCODEServer();
-	}
-
-	public function checkAndEnableCODEServer() {
-		// Supported only on Linux OS, and x86_64 & ARM64 platforms
-		$supportedArchs = ['x86_64', 'aarch64'];
-		$osFamily = PHP_VERSION_ID >= 70200 ? PHP_OS_FAMILY : PHP_OS;
-		if ($osFamily !== 'Linux' || !in_array(php_uname('m'), $supportedArchs)) {
-			return;
-		}
-
-		$CODEAppID = (php_uname('m') === 'x86_64') ? 'richdocumentscode' : 'richdocumentscode_arm64';
-
-		if (Server::get(IAppManager::class)->isEnabledForUser($CODEAppID)) {
-			$appConfig = $this->getContainer()->get(AppConfig::class);
-			$wopi_url = $appConfig->getAppValue('wopi_url');
-			$isCODEEnabled = strpos($wopi_url, 'proxy.php?req=') !== false;
-
-			// Check if we have the wopi_url set to custom currently
-			if ($wopi_url !== null && $wopi_url !== '' && $isCODEEnabled === false) {
-				return;
-			}
-
-			$urlGenerator = \OC::$server->getURLGenerator();
-			$relativeUrl = $urlGenerator->linkTo($CODEAppID, '') . 'proxy.php';
-			$absoluteUrl = $urlGenerator->getAbsoluteURL($relativeUrl);
-			$new_wopi_url = $absoluteUrl . '?req=';
-
-			// Check if the wopi url needs to be updated
-			if ($isCODEEnabled && $wopi_url === $new_wopi_url) {
-				return;
-			}
-
-			$appConfig->setAppValue('wopi_url', $new_wopi_url);
-			$appConfig->setAppValue('disable_certificate_verification', 'yes');
-
-			/** @var DiscoveryService $discoveryService */
-			$discoveryService = $this->getContainer()->get(DiscoveryService::class);
-			/** @var CapabilitiesService $capabilitiesService */
-			$capabilitiesService = $this->getContainer()->get(CapabilitiesService::class);
-
-			$discoveryService->resetCache();
-			$capabilitiesService->resetCache();
-			try {
-				$capabilitiesService->fetch();
-				$discoveryService->fetch();
-			} catch (\Exception $e) {
-			}
-		}
 	}
 }
diff --git a/lib/Controller/SettingsController.php b/lib/Controller/SettingsController.php
index 5a7a258b63..9de0c86f2e 100644
--- a/lib/Controller/SettingsController.php
+++ b/lib/Controller/SettingsController.php
@@ -6,17 +6,17 @@
 namespace OCA\Richdocuments\Controller;
 
 use OCA\Richdocuments\AppConfig;
+use OCA\Richdocuments\Capabilities;
 use OCA\Richdocuments\Service\CapabilitiesService;
 use OCA\Richdocuments\Service\ConnectivityService;
 use OCA\Richdocuments\Service\DemoService;
 use OCA\Richdocuments\Service\DiscoveryService;
 use OCA\Richdocuments\Service\FontService;
 use OCA\Richdocuments\UploadException;
+use OCP\App\IAppManager;
 use OCP\AppFramework\Controller;
 use OCP\AppFramework\Http;
 use OCP\AppFramework\Http\Attribute\NoAdminRequired;
-use OCP\AppFramework\Http\Attribute\NoCSRFRequired;
-use OCP\AppFramework\Http\Attribute\PublicPage;
 use OCP\AppFramework\Http\DataDisplayResponse;
 use OCP\AppFramework\Http\DataResponse;
 use OCP\AppFramework\Http\JSONResponse;
@@ -26,6 +26,7 @@
 use OCP\IConfig;
 use OCP\IL10N;
 use OCP\IRequest;
+use OCP\IURLGenerator;
 use OCP\PreConditionNotMetException;
 use OCP\Util;
 use Psr\Log\LoggerInterface;
@@ -431,4 +432,63 @@ private function getUploadedFile(string $key): array {
 		}
 		return $file;
 	}
+
+	#[Http\Attribute\FrontpageRoute(verb: 'GET', url: '/autosetup')]
+	public function setupCode(IURLGenerator $urlGenerator, IAppManager $appManager, Capabilities $capabilities): DataResponse {
+		$statusCode = Http::STATUS_NOT_MODIFIED;
+		// If no collabora url is configured and richdocumentscode is enabled we will configure it
+		// TODO If richdocumentscode is configured we attempt to fetch capabilities to start it
+
+		// Supported only on Linux OS, and x86_64 & ARM64 platforms
+		$supportedArchs = ['x86_64', 'aarch64'];
+		$architecture = php_uname('m');
+		if (PHP_OS_FAMILY !== 'Linux' || !in_array($architecture, $supportedArchs)) {
+			return new DataResponse([
+				'message' => 'Invalid architecture for built-in CODE server.'
+			], Http::STATUS_NOT_MODIFIED);
+		}
+
+		$CODEAppID = ($architecture === 'x86_64') ? 'richdocumentscode' : 'richdocumentscode_arm64';
+
+		if ($appManager->isEnabledForUser($CODEAppID)) {
+			$wopiUrl = $this->appConfig->getAppValue('wopi_url');
+			$isCODEEnabled = str_contains($wopiUrl, 'proxy.php?req=');
+
+			// Check if we have the wopi_url set to custom currently
+			if ($wopiUrl !== null && $wopiUrl !== '' && $isCODEEnabled === false) {
+				return new DataResponse([
+					'message' => 'An office server is already configured'
+				], Http::STATUS_NOT_MODIFIED);
+			}
+
+			$relativeUrl = $urlGenerator->linkTo($CODEAppID, '') . 'proxy.php';
+			$absoluteUrl = $urlGenerator->getAbsoluteURL($relativeUrl);
+			$new_wopi_url = $absoluteUrl . '?req=';
+
+			// Check if the wopi url needs to be updated
+			if ($isCODEEnabled && $wopiUrl === $new_wopi_url) {
+				return new DataResponse([
+					'message' => 'The built-in CODE server is already configured'
+				], Http::STATUS_NOT_MODIFIED);
+			}
+
+			$this->appConfig->setAppValue('wopi_url', $new_wopi_url);
+			$this->appConfig->setAppValue('disable_certificate_verification', 'yes');
+
+			$this->discoveryService->resetCache();
+			$this->capabilitiesService->resetCache();
+			try {
+				$this->capabilitiesService->fetch();
+				$this->discoveryService->fetch();
+			} catch (\Exception $e) {
+				return new DataResponse([
+					'message' => 'Failed to get proxy.php endpoints: ' . $e->getMessage(),
+				], Http::STATUS_INTERNAL_SERVER_ERROR);
+			}
+		}
+
+		return new DataResponse([
+			'capabilities' => $capabilities->getCapabilities()['richdocuments'],
+		], $statusCode);
+	}
 }
diff --git a/src/services/builtInCode.ts b/src/services/builtInCode.ts
new file mode 100644
index 0000000000..30aaf69efa
--- /dev/null
+++ b/src/services/builtInCode.ts
@@ -0,0 +1,36 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { generateUrl } from '@nextcloud/router'
+import { getCapabilities, capabilitiesService } from './capabilities'
+import axios from '@nextcloud/axios'
+import { showError } from '@nextcloud/dialogs'
+
+const wopiUrl = getCapabilities()?.config?.wopi_url
+const isConfigured = wopiUrl !== ''
+const appWebRoots = window._oc_appswebroots
+const isCodeInstalled = appWebRoots?.richdocumentscode !== undefined || appWebRoots?.richdocumentscode_arm64 !== undefined
+const shouldAutoSetupCode = !isConfigured && isCodeInstalled
+
+const autoSetupBuiltInCodeServerIfNeeded = async () => {
+	if (!isCodeInstalled || !shouldAutoSetupCode || !window.oc_isadmin) {
+		return
+	}
+
+	const result = await axios.get(generateUrl('apps/richdocuments/autosetup'))
+	if (result?.data?.capabilities) {
+		capabilitiesService.setCapabilities(result?.data?.capabilities)
+	} else {
+		showError('Could not autoconfigure built-in CODE server, click to open the admin settings for further details: ' + result?.data?.message, {
+			onClick: () => {
+				window.location.href = generateUrl('settings/admin/richdocuments')
+			},
+		})
+	}
+}
+
+export {
+	autoSetupBuiltInCodeServerIfNeeded,
+}
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
new file mode 100644
index 0000000000..8e54b33265
--- /dev/null
+++ b/src/types/index.d.ts
@@ -0,0 +1,16 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+export {}
+
+declare global {
+    interface Window {
+		oc_isadmin: boolean;
+        _oc_appswebroots: {
+            richdocumentscode: string|undefined;
+            richdocumentscode_arm64: string|undefined;
+        }
+	}
+}
diff --git a/src/viewer.js b/src/viewer.js
index fe12102f2e..a588760b42 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -8,6 +8,7 @@ import '../css/filetypes.scss'
 
 import Office from './view/Office.vue'
 import { getCapabilities } from './services/capabilities.ts'
+import { autoSetupBuiltInCodeServerIfNeeded } from './services/builtInCode.ts'
 
 const supportedMimes = getCapabilities().mimetypes
 
@@ -21,3 +22,5 @@ if (OCA.Viewer) {
 		canCompare: true,
 	})
 }
+
+autoSetupBuiltInCodeServerIfNeeded()
\ No newline at end of file

From 369c33ce8a00f149629886432fc54e3bf1b4e704 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 13 Jun 2024 14:27:59 +0200
Subject: [PATCH 3/4] chore: Also handle typescript files in eslint
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 .eslintrc.js  | 1 +
 package.json  | 4 ++--
 tsconfig.json | 5 +++--
 webpack.js    | 7 -------
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index adf0fbe01f..12d0c9246c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -15,6 +15,7 @@ module.exports = {
 	},
 	extends: [
 		'@nextcloud',
+		'@nextcloud/eslint-config/typescript',
 		'plugin:cypress/recommended',
 	],
 	env: {
diff --git a/package.json b/package.json
index 747f845e05..510a4e5ca9 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,8 @@
     "build": "NODE_ENV=production webpack --progress --config webpack.js",
     "dev": "NODE_ENV=development webpack --progress --config webpack.js",
     "watch": "NODE_ENV=development webpack --progress --watch --config webpack.js",
-    "lint": "eslint --ext .js,.vue src",
-    "lint:fix": "eslint --ext .js,.vue src --fix",
+    "lint": "eslint --ext .js,.vue,.ts,.tsx src",
+    "lint:fix": "eslint --ext .js,.vue,.ts,.tsx src --fix",
     "lint:cypress": "eslint --ext .js cypress",
     "stylelint": "stylelint src/**/*.vue src/**/*.scss src/**/*.css css/*.scss",
     "stylelint:fix": "stylelint src/**/*.vue src/**/*.scss src/**/*.css css/*.scss --fix",
diff --git a/tsconfig.json b/tsconfig.json
index 48927d53b2..b2f1898573 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,9 +9,10 @@
 		"jsx": "react",
 		"allowJs": true
 	},
-	"include": ["src/**/*.tsx"],
+	"include": ["src/**/*.ts", "src/**/*.tsx"],
 	"exclude": [
 		"node_modules",
 		"vendor"
-	]
+	],
+	"typeRoots": ["node_modules/@types", "src/types"]
 }
diff --git a/webpack.js b/webpack.js
index 0478f8c8c6..867add40e6 100644
--- a/webpack.js
+++ b/webpack.js
@@ -28,13 +28,6 @@ webpackRules.RULE_JS.exclude = BabelLoaderExcludeNodeModulesExcept([
 // Replaces rules array
 webpackConfig.module.rules = Object.values(webpackRules)
 
-// Add typescript rule
-webpackConfig.module.rules.push({
-	test: /\.tsx?$/,
-	use: ['babel-loader', 'ts-loader'],
-	exclude: /node_modules/,
-})
-
 // Raw files rule
 webpackConfig.module.rules.push({
 	resourceQuery: /raw/,

From 4158fbe9172aedda4722de112c7cdfaf3e0fd8ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 13 Jun 2024 14:36:24 +0200
Subject: [PATCH 4/4] fix: Fix eslint errors for typescript files
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 .eslintrc.js                      |  2 ++
 src/helpers/getLoggedInUser.js    |  4 +---
 src/services/config.tsx           | 17 +++++++-------
 src/services/postMessage.tsx      | 38 ++++++++++++++++++-------------
 src/view/DocumentTargetPicker.vue |  5 ++--
 src/viewer.js                     |  2 +-
 6 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 12d0c9246c..80f3c77887 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -29,5 +29,7 @@ module.exports = {
 		'jsdoc/require-param-description': 'off',
 		'jsdoc/require-param-type': 'off',
 		'jsdoc/require-property-description': 'off',
+		'@typescript-eslint/no-unused-vars': 'off',
+		'@typescript-eslint/no-explicit-any': 'off',
 	}
 }
diff --git a/src/helpers/getLoggedInUser.js b/src/helpers/getLoggedInUser.js
index df9f5c8a34..c75a03fa2d 100644
--- a/src/helpers/getLoggedInUser.js
+++ b/src/helpers/getLoggedInUser.js
@@ -6,9 +6,7 @@
 import { loadState } from '@nextcloud/initial-state'
 
 /**
- * Gets the current user's display name if logged in.
- *
- * @return boolean | string
+ * @return {boolean|string} Gets the current user's display name if logged in.
  */
 function getLoggedInUser() {
 	return loadState('richdocuments', 'loggedInUser')
diff --git a/src/services/config.tsx b/src/services/config.tsx
index f57ecae817..be9cc5d290 100644
--- a/src/services/config.tsx
+++ b/src/services/config.tsx
@@ -6,19 +6,20 @@ import { loadState } from '@nextcloud/initial-state'
 
 class ConfigService {
 
-    private values: {[name: string]: any}
+	private values: {[name: string]: any}
 
-    constructor () {
+	constructor() {
 		this.values = loadState('richdocuments', 'document', {})
 	}
 
-    update(key: string, value: any) {
-        this.values[key] = value
-    }
+	update(key: string, value: any) {
+		this.values[key] = value
+	}
+
+	get(key: string): any {
+		return this.values[key]
+	}
 
-    get(key: string): any {
-        return this.values[key]
-    }
 }
 
 const Config = new ConfigService()
diff --git a/src/services/postMessage.tsx b/src/services/postMessage.tsx
index 009ea0520b..5f7a239823 100644
--- a/src/services/postMessage.tsx
+++ b/src/services/postMessage.tsx
@@ -2,24 +2,31 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import { emit } from "@nextcloud/event-bus"
+import { emit } from '@nextcloud/event-bus'
 
 type MessageEventSource = Window | MessagePort | ServiceWorker;
 
+export interface WopiPostValues {
+	Deprecated?: boolean;
+}
 export interface WopiPost {
 	MessageId: string;
 	Values: WopiPostValues;
 }
 
-export interface WopiPostValues {
-	Deprecated?: boolean;
+interface WindowCallbackHandler { (): Window}
+
+interface PostMessageHandlerParam {
+	data: any;
+	parsed: { msgId: string, args: WopiPostValues, deprecated: boolean }
 }
 
-interface WindowCallbackHandler { (): Window}
+type PostMessageHandler = (values: PostMessageHandlerParam) => void;
 
 export default class PostMessageService {
-	private readonly targets: {[name: string]: (Window|WindowCallbackHandler)};
-	private postMessageHandlers: Function[] = [];
+
+	private readonly targets: {[name: string]: (Window|WindowCallbackHandler)}
+	private postMessageHandlers: PostMessageHandler[] = []
 
 	constructor(targets: {[name: string]: (Window|WindowCallbackHandler)}) {
 		this.targets = targets
@@ -29,7 +36,7 @@ export default class PostMessageService {
 	}
 
 	sendPostMessage(target: string, message: any, targetOrigin: string = '*') {
-		let targetElement: Window;
+		let targetElement: Window
 		if (typeof this.targets[target] === 'function') {
 			targetElement = (this.targets[target] as WindowCallbackHandler)()
 		} else {
@@ -39,12 +46,11 @@ export default class PostMessageService {
 		console.debug('PostMessageService.sendPostMessage', target, message)
 	}
 
-
 	sendWOPIPostMessage(target: string, msgId: string, values: any = {}) {
 		const msg = {
 			MessageId: msgId,
 			SendTime: Date.now(),
-			Values: values
+			Values: values,
 		}
 
 		this.sendPostMessage(target, JSON.stringify(msg))
@@ -66,17 +72,17 @@ export default class PostMessageService {
 		return { msgId, args, deprecated }
 	}
 
-	registerPostMessageHandler(callback: Function) {
+	registerPostMessageHandler(callback: PostMessageHandler) {
 		this.postMessageHandlers.push(callback)
 	}
 
-	unregisterPostMessageHandler(callback: Function) {
+	unregisterPostMessageHandler(callback: PostMessageHandler) {
 		const handlerIndex = this.postMessageHandlers.findIndex(cb => cb === callback)
 		delete this.postMessageHandlers[handlerIndex]
 	}
 
 	private handlePostMessage(data: any) {
-		const parsed = PostMessageService.parsePostMessage(data);
+		const parsed = PostMessageService.parsePostMessage(data)
 		if (typeof parsed === 'undefined' || parsed === null) {
 			return
 		}
@@ -88,15 +94,15 @@ export default class PostMessageService {
 			}
 		} catch (e) {}
 
-		this.postMessageHandlers.forEach((fn: Function): void => {
+		this.postMessageHandlers.forEach((fn: PostMessageHandler): void => {
 			if (parsed.deprecated) {
 				console.debug('PostMessageService.handlePostMessage', 'Ignoring deprecated post message', parsed.msgId)
-				return;
+				return
 			}
 			try {
 				fn({
-					data: data,
-					parsed
+					data,
+					parsed,
 				})
 			} catch (e) {
 				console.error('Error during post message handler', parsed, e)
diff --git a/src/view/DocumentTargetPicker.vue b/src/view/DocumentTargetPicker.vue
index 8ffdc1ed75..92286f7fa4 100644
--- a/src/view/DocumentTargetPicker.vue
+++ b/src/view/DocumentTargetPicker.vue
@@ -93,7 +93,6 @@ export default {
 			}
 		},
 		async openFilePicker() {
-			const self = this
 			await getFilePickerBuilder(t('files', 'Select file or folder to link to'))
 				.setMimeTypeFilter(getCapabilities().mimetypes)
 				.addButton({
@@ -101,8 +100,8 @@ export default {
 					callback: (files) => {
 						const file = files[0]
 						this.fileId = file.fileid
-						self.filePath = file.path
-						self.fetchReferences()
+						this.filePath = file.path
+						this.fetchReferences()
 					},
 				})
 				.setContainer(this.$refs.picker)
diff --git a/src/viewer.js b/src/viewer.js
index a588760b42..2b5e2b2be6 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -23,4 +23,4 @@ if (OCA.Viewer) {
 	})
 }
 
-autoSetupBuiltInCodeServerIfNeeded()
\ No newline at end of file
+autoSetupBuiltInCodeServerIfNeeded()