refresh files page after exporting a file

Signed-off-by: silver <[email protected]>

Author: silversledge

src/export-refresh-listener.js

@@ -0,0 +1,34 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { subscribe, emit } from '@nextcloud/event-bus'
+
+/**
+ * Reloads the current directory in the Files app
+ */
+function triggerUIRefresh() {
+	// Only run in Files app
+	if (!window.location.pathname.includes('/apps/files')) {
+		return
+	}
+
+	emit('files:list:changed')
+
+	const urlParams = new URLSearchParams(window.location.search)
+	const currentDir = urlParams.get('dir') || '/'
+	const cleanUrl = `${window.location.origin}/index.php/apps/files/files?dir=${encodeURIComponent(currentDir)}`
+	window.location.href = cleanUrl
+}
+
+// Listen for export completion events and and trigger a delayed refresh
+subscribe('richdocuments:export-completed', (event) => {
+	// Minimal delay to ensure we're back in Files app context
+	setTimeout(() => {
+		triggerUIRefresh()
+	}, 200)
+})
+
+// Also provide immediate refresh functionality for other triggers
+window.richdocumentsRefreshFiles = triggerUIRefresh

src/file-actions.js

@@ -6,6 +6,9 @@ import { registerFileAction, FileAction } from '@nextcloud/files'
 import { getCapabilities } from './services/capabilities.ts'
 import { translate as t } from '@nextcloud/l10n'
 
+// Import the export refresh listener to initialize it
+import './export-refresh-listener.js'
+
 // eslint-disable-next-line import/no-unresolved
 import appIcon from '../img/app.svg?raw'
 

src/view/Office.vue

@@ -87,6 +87,7 @@ import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 import AlertOctagonOutline from 'vue-material-design-icons/AlertOctagonOutline.vue'
 import { loadState } from '@nextcloud/initial-state'
 import { showInfo, spawnDialog } from '@nextcloud/dialogs'
+import { emit } from '@nextcloud/event-bus'
 
 import ZoteroHint from '../components/Modal/ZoteroHint.vue'
 import { basename, dirname } from 'path'
@@ -191,6 +192,7 @@ export default {
 			showZotero: false,
 			modified: false,
 			hasWidgetEditingEnabled: false,
+			recentExport: false,
 
 			formData: {
 				action: null,
@@ -415,12 +417,19 @@ export default {
 				}
 				break
 			case 'UI_Close':
+				// If we recently did a saveAs operation, emit refresh event
+				if (this.recentExport) {
+					emit('richdocuments:export-completed', {
+						timestamp: Date.now(),
+					})
+				}
 				this.close()
 				break
 			case 'Session_Closed':
 				this.handleSessionClosed(args)
 				break
 			case 'UI_SaveAs':
+				this.recentExport = true
 				this.saveAs(args.format)
 				break
 			case 'Action_Save_Resp':