fix: name conflict generation

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

lib/components/ConflictPicker.vue

@@ -81,6 +81,7 @@ import Vue from 'vue'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import Close from 'vue-material-design-icons/Close.vue'
 
+import type { ConflictResolutionResult } from '../index.ts'
 import { n, t } from '../utils/l10n.ts'
 import logger from '../utils/logger.ts'
 import NodesPicker from './NodesPicker.vue'
@@ -105,11 +106,18 @@ export default Vue.extend({
 			default: '',
 		},
 
+		/** All the existing files in the current directory */
+		content: {
+			type: Array as () => Node[],
+			required: true,
+		},
+
 		/** Existing files to be replaced */
 		conflicts: {
 			type: Array as () => Node[],
 			required: true,
 		},
+
 		/** New files being moved/uploaded */
 		files: {
 			type: Array as () => (Node|File)[],
@@ -222,7 +230,7 @@ export default Vue.extend({
 			this.$emit('submit', {
 				selected: [],
 				renamed: [],
-			})
+			} as ConflictResolutionResult)
 		},
 
 		onSubmit() {
@@ -250,7 +258,7 @@ export default Vue.extend({
 			if (toRename.length > 0) {
 				toRename.forEach(file => {
 					const name = (file instanceof File) ? file.name : file.basename
-					const newName = this.getUniqueName(name, directoryContent)
+					const newName = this.getUniqueName(name, this.content)
 					if (file instanceof File) {
 						file = new File([file], newName, { type: file.type, lastModified: file.lastModified })
 						renamed.push(file)
@@ -273,7 +281,7 @@ export default Vue.extend({
 			this.$emit('submit', {
 				selected,
 				renamed,
-			})
+			} as ConflictResolutionResult)
 		},
 
 		/**

lib/components/UploadPicker.vue

@@ -248,7 +248,7 @@ export default Vue.extend({
 
 				try {
 					// Let the user choose what to do with the conflicting files
-					const { selected, renamed } = await openConflictPicker(this.destination.dirname, compareFiles, conflicts)
+					const { selected, renamed } = await openConflictPicker(this.destination.dirname, compareFiles, this.content)
 					files = [...uploads, ...selected, ...renamed]
 				} catch (error) {
 					// User cancelled

lib/index.ts

@@ -10,8 +10,8 @@ export { Upload, Status as UploadStatus } from './upload'
 let _uploader: Uploader | null = null
 
 export type ConflictResolutionResult = {
-	selected: File[],
-	renamed: File[],
+	selected: (File|Node)[],
+	renamed: (File|Node)[],
 }
 /**
  * Get an Uploader instance
@@ -46,17 +46,19 @@ export function upload(destinationPath: string, file: File): Uploader {
  * Open the conflict resolver
  * @param {string} dirname the directory name
  * @param {(File|Node)[]} files the incoming files
- * @param {Node[]} conflicts the existing files
+ * @param {Node[]} conflicts the conflicting files that already exists in the directory
+ * @param {Node[]} content all the existing files in the directory
  * @return {Promise<ConflictResolutionResult>} the selected and renamed files
  */
-export async function openConflictPicker(dirname: string, files: (File|Node)[], conflicts: Node[]): Promise<ConflictResolutionResult> {
+export async function openConflictPicker(dirname: string, files: (File|Node)[], conflicts: Node[], content: Node[]): Promise<ConflictResolutionResult> {
 	const { default: ConflictPicker } = await import('./components/ConflictPicker.vue')
 	return new Promise((resolve, reject) => {
 		const picker = new ConflictPicker({
 			propsData: {
 				dirname,
 				files,
 				conflicts,
+				content,
 			},
 		})