feat: migrate files app integration to new API

Since Nextcloud 28 the files app does not support `OCA.Files` for
actions and similar integrations anymore.
Instead we need to use the new files API provided by `@nextcloud/files`.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

.eslintignore

@@ -1,5 +1,4 @@
 js/
 l10n/
 src/adminSettings.js
-src/filetypes.js
 src/utils.js

css/filetypes.css

@@ -40,7 +40,6 @@ public function handle(Event $event): void {
 			return;
 		}
 
-		Util::addScript('maps', 'maps-filetypes');
-		Util::addStyle('maps', 'filetypes');
+		Util::addInitScript('maps', 'maps-init-files');
 	}
 }

lib/Listener/LoadAdditionalScriptsListener.php

@@ -38,10 +38,12 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.7.2",
     "@maplibre/maplibre-gl-leaflet": "^0.1.2",
+    "@mdi/svg": "^7.4.47",
     "@nextcloud/auth": "^2.5.1",
     "@nextcloud/axios": "^2.5.1",
     "@nextcloud/dialogs": "^6.3.1",
     "@nextcloud/event-bus": "^3.3.1",
+    "@nextcloud/files": "^3.12.0",
     "@nextcloud/l10n": "^3.1.0",
     "@nextcloud/moment": "^1.3.4",
     "@nextcloud/paths": "^2.1.0",
@@ -84,6 +86,8 @@
     "@nextcloud/eslint-config": "^8.4.1",
     "@nextcloud/stylelint-config": "^3.1.0",
     "@nextcloud/webpack-vue-config": "^6.3.0",
-    "@types/leaflet": "^1.9.20"
+    "@types/leaflet": "^1.9.20",
+    "@vue/tsconfig": "^0.5.1",
+    "typescript": "^5.9.2"
   }
 }

package-lock.json

@@ -0,0 +1,49 @@
+import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { FileAction, Permission } from '@nextcloud/files'
+import { n, t } from '@nextcloud/l10n'
+import { generateUrl } from '@nextcloud/router'
+
+import svgMapMarker from '@mdi/svg/svg/map-marker.svg?raw'
+
+export default new FileAction({
+	id: 'maps:import-as-favorite',
+
+	displayName() {
+		return t('maps', 'Import as devices in Maps')
+	},
+
+	enabled(files) {
+		if (files.length !== 1) {
+			return false
+		}
+
+		const [file] = files
+		if (!(file.permissions & Permission.READ)) {
+			return false
+		}
+		return [
+			'application/gpx+xml',
+			'application/vnd.google-earth.kmz',
+			'application/vnd.google-earth.kml+xml',
+		].includes(file.mime)
+	},
+
+	async exec(file) {
+		const path = file.path
+		const url = generateUrl('/apps/maps/import/devices')
+		try {
+			const { data } = await axios.post(url, { path })
+			const number = typeof data === 'number' ? data : data.nbImported
+			showSuccess(n('maps', 'One device imported', '%n devices imported', number))
+		} catch (error) {
+			showError(t('maps', 'Failed to import devices'))
+			console.error('Failed to import devices', { error })
+		}
+		return null
+	},
+
+	iconSvgInline() {
+		return svgMapMarker
+	},
+})

package.json

@@ -0,0 +1,50 @@
+import axios from '@nextcloud/axios'
+import { showError, showSuccess } from '@nextcloud/dialogs'
+import { FileAction, Permission } from '@nextcloud/files'
+import { n, t } from '@nextcloud/l10n'
+import { generateUrl } from '@nextcloud/router'
+
+import svgMapMarker from '@mdi/svg/svg/map-marker.svg?raw'
+
+export default new FileAction({
+	id: 'maps:import-as-favorite',
+
+	displayName() {
+		return t('maps', 'Import as favorites in Maps')
+	},
+
+	enabled(files) {
+		if (files.length !== 1) {
+			return false
+		}
+
+		const [file] = files
+		if (!(file.permissions & Permission.READ)) {
+			return false
+		}
+		return [
+			'application/geo+json',
+			'application/gpx+xml',
+			'application/vnd.google-earth.kmz',
+			'application/vnd.google-earth.kml+xml',
+		].includes(file.mime)
+	},
+
+	async exec(file) {
+		const path = file.path
+		const url = generateUrl('/apps/maps/import/favorites')
+		try {
+			const { data } = await axios.post(url, { path })
+			const number = typeof data === 'number' ? data : data.nbImported
+			showSuccess(n('maps', 'One favorite imported', '%n favorites imported', number))
+		} catch (error) {
+			showError(t('maps', 'Failed to import favorites'))
+			console.error('Failed to import favorites', { error })
+		}
+		return null
+	},
+
+	iconSvgInline() {
+		return svgMapMarker
+	},
+})

src/files-actions/import-devices.ts

@@ -0,0 +1,45 @@
+import { DefaultType, FileAction, Permission } from '@nextcloud/files'
+import { t } from '@nextcloud/l10n'
+import { generateUrl } from '@nextcloud/router'
+
+import svgMapMarker from '@mdi/svg/svg/map-marker.svg?raw'
+
+export default new FileAction({
+	id: 'maps:view-map',
+	default: DefaultType.DEFAULT,
+
+	displayName() {
+		return t('maps', 'View in Maps')
+	},
+
+	enabled(files) {
+		if (files.length !== 1) {
+			return false
+		}
+
+		const [file] = files
+		if (!(file.permissions & Permission.READ)) {
+			return false
+		}
+		return [
+			'application/gpx+xml',
+			'application/x-nextcloud-maps',
+		].includes(file.mime)
+	},
+
+	async exec(file) {
+		if (file.mime === 'application/x-nextcloud-maps') {
+			const url = generateUrl('apps/maps/m/{mapId}', { mapId: file.fileid })
+			window.open(url, '_self')
+		} else {
+			const url = generateUrl('apps/maps/?track={path}', { path: file.path })
+			window.open(url, '_self')
+		}
+
+		return null
+	},
+
+	iconSvgInline() {
+		return svgMapMarker
+	},
+})