attempt to fix issue of file upload sometimes doing nothing (#732)

* attempt to fix issue of file upload sometimes doing nothing

* apply formatting changes

---------

Co-authored-by: Logende <[email protected]>

Author: Logende

meta_configurator/src/components/dialogs/csvimport/importCsvUtils.ts

@@ -19,15 +19,24 @@ import {identifyArraysInJson} from '@/utility/arrayPathUtils';
 import {stringToIdentifier} from '@/utility/stringToIdentifier';
 
 export function requestUploadFileToRef(resultString: Ref<string>, resultTableName: Ref<string>) {
-  const {open, onChange} = useFileDialog();
+  const {open, onChange, reset} = useFileDialog({
+    // accept only json, schema.json, yaml, yml, xml and xsd files
+    accept: '.csv',
+    multiple: false,
+  });
 
   onChange((files: FileList | null) => {
     if (files && files.length > 0) {
       resultTableName.value = stringToIdentifier(files[0].name, true); // Get the name of the first file
       readFileContentToStringRef(files, resultString);
     }
+    reset(); // Reset the file dialog after selection
   });
-  open();
+
+  // opening it with a small delay might fix the issue of the dialog opening but onChange never triggering
+  setTimeout(() => {
+    open();
+  }, 3);
 }
 
 export function inferSchemaForNewDataAndMergeIntoCurrentSchema(

meta_configurator/src/components/toolbar/importFile.ts

@@ -9,13 +9,21 @@ import {findAvailableSchemaId} from '@/schema/schemaReadingUtils';
  * Opens a file dialog to select a JSON schema to import.
  */
 export function openImportSchemaDialog(): void {
-  const {open, onChange} = useFileDialog();
+  const {open, onChange, reset} = useFileDialog({
+    // accept only json, schema.json, yaml, yml, xml and xsd files
+    accept: '.json, .yaml, .yml, .xml, .schema.json',
+    multiple: false,
+  });
 
   onChange((files: FileList | null) => {
     readFileContentForFunction(files, importSchema);
+    reset(); // Reset the file dialog after selection
   });
 
-  open();
+  // opening it with a small delay might fix the issue of the dialog opening but onChange never triggering
+  setTimeout(() => {
+    open();
+  }, 5);
 }
 
 function importSchema(importedSchema: any) {

meta_configurator/src/components/toolbar/uploadFile.ts

@@ -10,13 +10,21 @@ import {SessionMode} from '@/store/sessionMode';
  * @param resultDataLink The DataLink to which the file content should be written
  */
 export function openUploadFileDialog(resultDataLink: ManagedData): void {
-  const {open, onChange} = useFileDialog();
+  const {open, onChange, reset} = useFileDialog({
+    // accept only json, schema.json, yaml, yml, xml and xsd files
+    accept: '.json, .yaml, .yml, .xml, .schema.json',
+    multiple: false,
+  });
 
   onChange((files: FileList | null) => {
     readFileContentToDataLink(files, resultDataLink);
+    reset(); // Reset the file dialog after selection
   });
 
-  open();
+  // opening it with a small delay might fix the issue of the dialog opening but onChange never triggering
+  setTimeout(() => {
+    open();
+  }, 3);
 }
 
 /**

meta_configurator/src/utility/readFileContent.ts

@@ -41,7 +41,7 @@ async function readFileContentFromFileList(
     // parse the file content depending on the file suffix
     const fileName = file.name;
     for (const formatName of formatRegistry.getFormatNames()) {
-      if (fileName.endsWith(formatName)) {
+      if (fileName.toLowerCase().endsWith(formatName.toLowerCase())) {
         return formatRegistry.getFormat(formatName).dataConverter.parse(await fileContentAsString);
       }
     }
@@ -98,5 +98,7 @@ export function readFileContentForFunction(
         fct(contents as any);
       }
     })
-    .catch(error => errorService.onError(error));
+    .catch(error => {
+      errorService.onError(error);
+    });
 }