1 files changed, 153 insertions, 0 deletions
diff --git a/apps/files/src/store/search.ts b/apps/files/src/store/search.ts
new file mode 100644
index 00000000000..43e01f35b92
--- /dev/null
+++ b/apps/files/src/store/search.ts
@@ -0,0 +1,153 @@
+/*!
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { View } from '@nextcloud/files'
+import type RouterService from '../services/RouterService.ts'
+import type { SearchScope } from '../types.ts'
+
+import { emit, subscribe } from '@nextcloud/event-bus'
+import debounce from 'debounce'
+import { defineStore } from 'pinia'
+import { ref, watch } from 'vue'
+import { VIEW_ID } from '../views/search.ts'
+import logger from '../logger.ts'
+
+export const useSearchStore = defineStore('search', () => {
+	/**
+	 * The current search query
+	 */
+	const query = ref('')
+
+	/**
+	 * Scope of the search.
+	 * Scopes:
+	 * - filter: only filter current file list
+	 * - globally: search everywhere
+	 */
+	const scope = ref<SearchScope>('filter')
+
+	// reset the base if query is cleared
+	watch(scope, updateSearch)
+
+	watch(query, (old, current) => {
+		// skip if only whitespaces changed
+		if (old.trim() === current.trim()) {
+			return
+		}
+
+		updateSearch()
+	})
+
+	// initialize the search store
+	initialize()
+
+	/**
+	 * Debounced update of the current route
+	 * @private
+	 */
+	const updateRouter = debounce((isSearch: boolean) => {
+		const router = window.OCP.Files.Router as RouterService
+		router.goToRoute(
+			undefined,
+			{
+				view: VIEW_ID,
+			},
+			{
+				query: query.value,
+			},
+			isSearch,
+		)
+	})
+
+	/**
+	 * Handle updating the filter if needed.
+	 * Also update the search view by updating the current route if needed.
+	 *
+	 * @private
+	 */
+	function updateSearch() {
+		// emit the search event to update the filter
+		emit('files:search:updated', { query: query.value, scope: scope.value })
+		const router = window.OCP.Files.Router as RouterService
+
+		// if we are on the search view and the query was unset or scope was set to 'filter' we need to move back to the files view
+		if (router.params.view === VIEW_ID && (query.value === '' || scope.value === 'filter')) {
+			scope.value = 'filter'
+			return router.goToRoute(
+				undefined,
+				{
+					view: 'files',
+				},
+				{
+					...router.query,
+					query: undefined,
+				},
+			)
+		}
+
+		// for the filter scope we do not need to adjust the current route anymore
+		// also if the query is empty we do not need to do anything
+		if (scope.value === 'filter' || !query.value) {
+			return
+		}
+
+		const isSearch = router.params.view === VIEW_ID
+
+		logger.debug('Update route for updated search query', { query: query.value, isSearch })
+		updateRouter(isSearch)
+	}
+
+	/**
+	 * Event handler that resets the store if the file list view was changed.
+	 *
+	 * @param view - The new view that is active
+	 * @private
+	 */
+	function onViewChanged(view: View) {
+		if (view.id !== VIEW_ID) {
+			query.value = ''
+			scope.value = 'filter'
+		}
+	}
+
+	/**
+	 * Initialize the store from the router if needed
+	 */
+	function initialize() {
+		subscribe('files:navigation:changed', onViewChanged)
+
+		const router = window.OCP.Files.Router as RouterService
+		// if we initially load the search view (e.g. hard page refresh)
+		// then we need to initialize the store from the router
+		if (router.params.view === VIEW_ID) {
+			query.value = [router.query.query].flat()[0] ?? ''
+
+			if (query.value) {
+				scope.value = 'globally'
+				logger.debug('Directly navigated to search view', { query: query.value })
+			} else {
+				// we do not have any query so we need to move to the files list
+				logger.info('Directly navigated to search view without any query, redirect to files view.')
+				router.goToRoute(
+					undefined,
+					{
+						...router.params,
+						view: 'files',
+					},
+					{
+						...router.query,
+						query: undefined,
+					},
+					true,
+				)
+			}
+		}
+	}
+
+	return {
+		query,
+		scope,
+	}
+})