feat: ignored .dotfiles

Author: hamed-musallam

src/hooks/useLoadSpectra.ts

@@ -1,10 +1,10 @@
 import { useCallback, useMemo, useState } from 'react';
 import { read } from 'nmr-load-save';
-import { fileCollectionFromFiles } from 'filelist-utils';
 import { Spectrum } from 'nmr-load-save/lib/types/Spectra/Spectrum';
 import events from '../events';
 import { isArrayOfString } from '../utilities/isArrayOfString';
 import { loadFilesFromURLs } from '../utilities/loadFilesFromURLs';
+import { createFileCollectionFromFiles } from '../utilities/createFileCollection';
 
 export function useLoadSpectra() {
   const [data, setData] = useState<{
@@ -28,9 +28,8 @@ export function useLoadSpectra() {
         } else if ('files' in options) {
           inputFiles = options.files;
         }
-        const fileCollection = await fileCollectionFromFiles(inputFiles, {
-          ignoreDotfiles: false,
-        });
+        // TODO use the new function from filelist-utils once they solve the problem of create filesCollection from files with empty webkitrelativepath
+        const fileCollection = await createFileCollectionFromFiles(inputFiles);
         const { spectra, molecules } = await read(fileCollection);
         setData({ spectra, molecules });
       } catch (error: any) {

src/utilities/createFileCollection.ts

@@ -0,0 +1,34 @@
+import { FileCollection, FileCollectionItem } from 'filelist-utils';
+import {
+  maybeFilter,
+  FilterOptions,
+} from 'filelist-utils/lib/utilities/maybeFilter';
+import { maybeExpand } from 'filelist-utils/lib/utilities/maybeExpand';
+import { ExpandOptions } from 'filelist-utils/lib/ExpandOptions';
+
+export async function createFileCollectionFromFiles(
+  files: File[],
+  options: FilterOptions & ExpandOptions = {},
+) {
+  let fileCollections: FileCollectionItem[] = [];
+
+  // eslint-disable-next-line no-restricted-syntax
+  for (const file of files) {
+    const data: FileCollectionItem = {
+      name: file.name,
+      size: file.size,
+      arrayBuffer: () => file.arrayBuffer(),
+      relativePath: file.webkitRelativePath || file.name,
+      lastModified: Date.now(),
+      stream: () => file.stream(),
+      text: () => file.text(),
+    };
+
+    fileCollections.push(data);
+  }
+
+  fileCollections = await maybeExpand(fileCollections, options);
+  fileCollections = await maybeFilter(fileCollections, options);
+
+  return new FileCollection(fileCollections);
+}