Merge pull request #1095 from nextcloud-libraries/fix/emit-signal

FilePicker: Signal folder creation to files app

lib/components/FilePicker/FilePicker.vue

@@ -54,6 +54,7 @@ import FileList from './FileList.vue'
 import FilePickerBreadcrumbs from './FilePickerBreadcrumbs.vue'
 import FilePickerNavigation from './FilePickerNavigation.vue'
 
+import { emit as emitOnEventBus } from '@nextcloud/event-bus'
 import { davRootPath } from '@nextcloud/files'
 import { NcEmptyContent } from '@nextcloud/vue'
 import { join } from 'path'
@@ -249,15 +250,22 @@ const noFilesDescription = computed(() => {
 
 /**
  * Handle creating new folder (breadcrumb menu)
+ * This will create the folder using WebDAV, reload the directory content and signal the directory creation to fhe files app
+ *
  * @param name The new folder name
  */
-const onCreateFolder = (name: string) => {
-	client
-		.createDirectory(join(davRootPath, currentPath.value, name))
+const onCreateFolder = async (name: string) => {
+	try {
+		await client.createDirectory(join(davRootPath, currentPath.value, name))
 		// reload file list
-		.then(() => loadFiles())
+		await loadFiles()
+		// emit event bus to force files app to reload that file if needed
+		emitOnEventBus('files:node:created', files.value.filter((file) => file.basename === name)[0])
+	} catch (error) {
+		console.warn('Could not create new folder', { name, error })
 		// show error to user
-		.catch((e) => showError(t('Could not create the new folder')))
+		showError(t('Could not create the new folder'))
+	}
 }
 </script>
 

lib/composables/dav.ts

@@ -35,7 +35,7 @@ import { onMounted, ref, watch } from 'vue'
 export const useDAVFiles = function(
 	currentView: Ref<'files'|'recent'|'favorites'> | ComputedRef<'files'|'recent'|'favorites'>,
 	currentPath: Ref<string> | ComputedRef<string>,
-): { isLoading: Ref<boolean>, client: WebDAVClient, files: Ref<Node[]>, loadFiles: () => void, getFile: (path: string) => Promise<Node> } {
+): { isLoading: Ref<boolean>, client: WebDAVClient, files: Ref<Node[]>, loadFiles: () => Promise<void>, getFile: (path: string) => Promise<Node> } {
 	/**
 	 * The WebDAV client
 	 */
@@ -104,7 +104,7 @@ export const useDAVFiles = function(
 	return {
 		isLoading,
 		files,
-		loadFiles: () => loadDAVFiles(),
+		loadFiles: loadDAVFiles,
 		getFile,
 		client,
 	}

package.json

@@ -56,6 +56,7 @@
   "dependencies": {
     "@mdi/svg": "^7.3.67",
     "@nextcloud/axios": "^2.4.0",
+    "@nextcloud/event-bus": "^3.1.0",
     "@nextcloud/files": "^3.0.0-beta.26",
     "@nextcloud/initial-state": "^2.1.0",
     "@nextcloud/l10n": "^2.2.0",