1 files changed, 51 insertions, 0 deletions
diff --git a/apps/files/src/views/search.ts b/apps/files/src/views/search.ts
new file mode 100644
index 00000000000..a30f732163c
--- /dev/null
+++ b/apps/files/src/views/search.ts
@@ -0,0 +1,51 @@
+/**
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { ComponentPublicInstanceConstructor } from 'vue/types/v3-component-public-instance'
+
+import { View, getNavigation } from '@nextcloud/files'
+import { t } from '@nextcloud/l10n'
+import { getContents } from '../services/Search.ts'
+import { VIEW_ID as FILES_VIEW_ID } from './files.ts'
+import MagnifySvg from '@mdi/svg/svg/magnify.svg?raw'
+import Vue from 'vue'
+
+export const VIEW_ID = 'search'
+
+/**
+ * Register the search-in-files view
+ */
+export function registerSearchView() {
+	let instance: Vue
+	let view: ComponentPublicInstanceConstructor
+
+	const Navigation = getNavigation()
+	Navigation.register(new View({
+		id: VIEW_ID,
+		name: t('files', 'Search'),
+		caption: t('files', 'Search results within your files.'),
+
+		async emptyView(el) {
+			if (!view) {
+				view = (await import('./SearchEmptyView.vue')).default
+			} else {
+				instance.$destroy()
+			}
+			instance = new Vue(view)
+			instance.$mount(el)
+		},
+
+		icon: MagnifySvg,
+		order: 10,
+
+		parent: FILES_VIEW_ID,
+		// it should be shown expanded
+		expanded: true,
+		// this view is hidden by default and only shown when active
+		hidden: true,
+
+		getContents,
+	}))
+}