1 files changed, 77 insertions, 0 deletions
diff --git a/apps/files/src/newMenu/newFromTemplate.ts b/apps/files/src/newMenu/newFromTemplate.ts
new file mode 100644
index 00000000000..356fc5e1611
--- /dev/null
+++ b/apps/files/src/newMenu/newFromTemplate.ts
@@ -0,0 +1,77 @@
+/**
+ * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { Entry } from '@nextcloud/files'
+import type { ComponentInstance } from 'vue'
+import type { TemplateFile } from '../types.ts'
+
+import { Folder, Node, Permission, addNewFileMenuEntry } from '@nextcloud/files'
+import { loadState } from '@nextcloud/initial-state'
+import { newNodeName } from '../utils/newNodeDialog'
+import { translate as t } from '@nextcloud/l10n'
+import Vue, { defineAsyncComponent } from 'vue'
+
+// async to reduce bundle size
+const TemplatePickerVue = defineAsyncComponent(() => import('../views/TemplatePicker.vue'))
+let TemplatePicker: ComponentInstance & { open: (n: string, t: TemplateFile) => void } | null = null
+
+const getTemplatePicker = async (context: Folder) => {
+	if (TemplatePicker === null) {
+		// Create document root
+		const mountingPoint = document.createElement('div')
+		mountingPoint.id = 'template-picker'
+		document.body.appendChild(mountingPoint)
+
+		// Init vue app
+		TemplatePicker = new Vue({
+			render: (h) => h(
+				TemplatePickerVue,
+				{
+					ref: 'picker',
+					props: {
+						parent: context,
+					},
+				},
+			),
+			methods: { open(...args) { this.$refs.picker.open(...args) } },
+			el: mountingPoint,
+		})
+	}
+	return TemplatePicker
+}
+
+/**
+ * Register all new-file-menu entries for all template providers
+ */
+export function registerTemplateEntries() {
+	const templates = loadState<TemplateFile[]>('files', 'templates', [])
+
+	// Init template files menu
+	templates.forEach((provider, index) => {
+		addNewFileMenuEntry({
+			id: `template-new-${provider.app}-${index}`,
+			displayName: provider.label,
+			iconClass: provider.iconClass || 'icon-file',
+			iconSvgInline: provider.iconSvgInline,
+			enabled(context: Folder): boolean {
+				return (context.permissions & Permission.CREATE) !== 0
+			},
+			order: 11,
+			async handler(context: Folder, content: Node[]) {
+				const templatePicker = getTemplatePicker(context)
+				const name = await newNodeName(`${provider.label}${provider.extension}`, content, {
+					label: t('files', 'Filename'),
+					name: provider.label,
+				})
+
+				if (name !== null) {
+					// Create the file
+					const picker = await templatePicker
+					picker.open(name.trim(), provider)
+				}
+			},
+		} as Entry)
+	})
+}