Prompt for filename during creation

lib/AppInfo/Application.php

@@ -22,6 +22,8 @@
 use OCA\Files_MindMap\Listener\LoadAdditionalListener;
 use OCA\Files_MindMap\Listener\LoadViewerListener;
 use OCA\Files_MindMap\Listener\LoadPublicViewerListener;
+use OCA\Files_MindMap\Listener\RegisterTemplateCreatorListener;
+use OCP\Files\Template\RegisterTemplateCreatorEvent;
 
 
 
@@ -47,6 +49,7 @@ public function register(IRegistrationContext $context): void {
 		$context->registerEventListener(LoadAdditionalScriptsEvent::class, LoadAdditionalListener::class);
 		$context->registerEventListener(BeforeTemplateRenderedEvent::class, LoadPublicViewerListener::class);
 		$context->registerEventListener(LoadViewer::class, LoadViewerListener::class);
+		$context->registerEventListener(RegisterTemplateCreatorEvent::class, RegisterTemplateCreatorListener::class);
 	}
 
 	public function boot(IBootContext $context): void {

lib/Controller/FileHandlingController.php

@@ -79,6 +79,9 @@ public function load($dir, $filename) {
 				}
 				$fileContents = $file->getContent();
 				if ($fileContents !== false) {
+					if ($fileContents === '') {
+						$fileContents = '{"root":{"data":{"id":"root","text":"New mind map"},"children":[]}}';
+					}
 					$writable = $file->isUpdateable();
 					$mime = $file->getMimeType();
 					$mTime = $file->getMTime();

lib/Controller/PublicFileHandlingController.php

@@ -121,6 +121,9 @@ public function load($token) {
 
         $fileContents = $fileNode->getContent();
         if ($fileContents !== false) {
+            if ($fileContents === '') {
+                $fileContents = '{"root":{"data":{"id":"root","text":"New mind map"},"children":[]}}';
+            }
             $writeable = $this->checkPermissions($share, \OCP\Constants::PERMISSION_UPDATE);
             return new DataResponse(
                 [

lib/Listener/RegisterTemplateCreatorListener.php

@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+namespace OCA\Files_MindMap\Listener;
+
+use OCA\Files_MindMap\AppInfo\Application;
+use OCP\EventDispatcher\Event;
+use OCP\EventDispatcher\IEventListener;
+use OCP\Files\Template\RegisterTemplateCreatorEvent;
+use OCP\Files\Template\TemplateFileCreator;
+use OCP\IL10N;
+
+/** @template-implements IEventListener<RegisterTemplateCreatorEvent|Event> */
+final class RegisterTemplateCreatorListener implements IEventListener {
+	public function __construct(private IL10N $l10n) {}
+
+	public function handle(Event $event): void {
+		if (!($event instanceof RegisterTemplateCreatorEvent)) {
+			return;
+		}
+
+		$event->getTemplateManager()->registerTemplateFileCreator(function () {
+			$creator = new TemplateFileCreator(
+				Application::APPNAME,
+				$this->l10n->t('New mind map'),
+				'.km',
+			);
+			$creator->addMimetype('application/km');
+
+			$iconContent = file_get_contents(__DIR__ . '/../../img/mindmap.svg');
+			if ($iconContent !== false) {
+				if (method_exists($creator, 'setIconSvgInline')) {
+					$creator->setIconSvgInline($iconContent);
+				} else {
+					$creator->setIconClass('icon-mindmap');
+				}
+			} else {
+				$creator->setIconClass('icon-template-add');
+			}
+
+			$creator->setActionLabel($this->l10n->t('Create new mind map'));
+			return $creator;
+		});
+	}
+}

src/__tests__/MindMap.spec.js

@@ -5,7 +5,7 @@
 
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
 import { shallowMount } from '@vue/test-utils'
-import MindMap from '../views/MindMap.vue'
+import MindMap from '../views/MindMap.js'
 
 vi.mock('@nextcloud/l10n', () => ({ getLanguage: () => 'en' }))
 vi.mock('@nextcloud/router', () => ({
@@ -32,7 +32,6 @@ const viewerMixin = {
 	},
 	methods: {
 		doneLoading() {},
-		handleWebviewerloaded() {},
 	},
 }
 
@@ -51,7 +50,7 @@ function mountMindMap(dataOverrides = {}) {
 	})
 }
 
-describe('MindMap.vue', () => {
+describe('MindMap', () => {
 	beforeEach(() => {
 		window.OCA = { FilesMindMap: { setFile: vi.fn() } }
 	})
@@ -106,13 +105,5 @@ describe('MindMap.vue', () => {
 			})
 			expect(window.OCA.FilesMindMap.setFile).toHaveBeenCalled()
 		})
-
-		it('removes the webviewerloaded event listener on destroy', () => {
-			const spy = vi.spyOn(document, 'removeEventListener')
-			const wrapper = mountMindMap()
-			wrapper.unmount()
-			expect(spy).toHaveBeenCalledWith('webviewerloaded', expect.anything())
-			spy.mockRestore()
-		})
 	})
 })

src/mindmap.js

@@ -7,22 +7,16 @@
 /* global OCA */
 // eslint-disable-next-line import/no-unresolved
 import SvgPencil from '@mdi/svg/svg/pencil.svg?raw'
-// eslint-disable-next-line import/no-unresolved
-import MindMapSvg from '../img/mindmap.svg?raw'
 
 import {
 	DefaultType,
 	registerFileAction,
-	File,
 	Permission,
-	getUniqueName,
 } from '@nextcloud/files'
 import {
 	FileAction,
 	registerFileAction as legacyRegisterFileAction,
-	addNewFileMenuEntry as legacyAddNewFileMenuEntry,
 } from '@nextcloud/files-legacy'
-import { emit } from '@nextcloud/event-bus'
 import axios from '@nextcloud/axios'
 import { getCurrentUser } from '@nextcloud/auth'
 import { dirname } from '@nextcloud/paths'
@@ -230,50 +224,6 @@ const FilesMindMap = {
 		}
 	},
 
-	registerNewFileMenuPlugin() {
-		legacyAddNewFileMenuEntry({
-			id: 'mindmapfile',
-			displayName: t('files_mindmap', 'New mind map file'),
-			...(version >= 33 ? { iconSvgInline: MindMapSvg } : { iconClass: 'icon-mindmap' }),
-			enabled(context) {
-				// only attach to main file list, public view is not supported yet
-				console.debug('addNewFileMenuEntry', context)
-				return (context.permissions & Permission.CREATE) !== 0
-			},
-			async handler(context, content) {
-				const contentNames = content.map((node) => node.basename)
-				const fileName = getUniqueName(t('files_mindmap', 'New mind map.km'), contentNames)
-				const source = context.encodedSource + '/' + encodeURIComponent(fileName)
-
-				const response = await axios({
-					method: 'PUT',
-					url: source,
-					headers: {
-						Overwrite: 'F',
-					},
-					data: ' ',
-				})
-
-				const fileid = parseInt(response.headers['oc-fileid'])
-				const file = new File({
-					source: context.source + '/' + fileName,
-					id: fileid,
-					mtime: new Date(),
-					mime: 'application/km',
-					owner: getCurrentUser()?.uid || null,
-					permissions: Permission.ALL,
-					root: context?.root || '/files/' + getCurrentUser()?.uid,
-				})
-
-				// FilesMindMap.showMessage(t('files_mindmap', 'Created "{name}"', { name: fileName }))
-
-				emit('files:node:created', file)
-
-				OCA.Viewer.openWith('mindmap', { path: file.path })
-			},
-		})
-	},
-
 	setFile(file) {
 		const filename = file.filename + ''
 		const basename = file.basename + ''

src/mindmapviewer.js

@@ -5,13 +5,12 @@
  */
 
 /* global OCA */
-import MindMap from './views/MindMap.vue'
+import MindMap from './views/MindMap.js'
 import FilesMindMap from './mindmap.js'
 
 OCA.FilesMindMap = FilesMindMap
 
 FilesMindMap.init()
-FilesMindMap.registerNewFileMenuPlugin()
 FilesMindMap.registerFileActions()
 
 const supportedMimes = OCA.FilesMindMap.getSupportedMimetypes()

src/views/MindMap.js

@@ -0,0 +1,56 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-FileCopyrightText: 2024 Jingtao Yan <i@actom.me>
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+/* global OCA */
+import { generateUrl } from '@nextcloud/router'
+
+console.debug('MindMap Vue Loading')
+
+// Plain Options API component — intentionally NOT a Vue SFC.
+// The viewer app (Vue 2.7) renders this component; using a compiled SFC would
+// bundle Vue 3 render helpers (createElementBlock, openBlock) that are
+// incompatible with the Vue 2.7 runtime. The render(h) signature receives
+// Vue 2.7's h function directly from the runtime, keeping VNodes compatible.
+// The viewer also injects its Mime mixin (providing doneLoading, source,
+// davPath, fileList, fileid etc.) via component.mixins — that merge only
+// works for plain Options API objects, not <script setup> components.
+export default {
+	name: 'MindMap',
+	inheritAttrs: false,
+
+	computed: {
+		iframeSrc() {
+			return generateUrl('/apps/files_mindmap/?file={file}', {
+				file: this.source ?? this.davPath,
+			})
+		},
+
+		file() {
+			return this.fileList.find((f) => f.fileid === this.fileid)
+		},
+	},
+
+	mounted() {
+		console.debug('mounted file: ', this.file)
+		if (OCA.FilesMindMap) {
+			OCA.FilesMindMap.setFile(this.file)
+		}
+		this.doneLoading()
+	},
+
+	render(h) {
+		return h('iframe', {
+			style: {
+				width: '100%',
+				height: 'calc(100vh - var(--header-height))',
+				marginTop: 'var(--header-height)',
+				position: 'absolute',
+			},
+			attrs: { src: this.iframeSrc },
+			on: { load: () => { console.debug('File:', this.file) } },
+		})
+	},
+}