files-hierarchy
A simple library for fetching file and folder hierarchy from the local system. The library uses the HTML input element to select files and folders, and returns the hierarchy in the form of a nested map and a flat array. The library also allows customizing the attributes of the input element, such as setting the multiple and webkitdirectory attribute.
Features
Fetch file and folder hierarchy using the HTML input element
Returns both nested and flat hierarchy
Customizable input element attributes
TypeScript support
Usage
yarn add files-hierarchy
or
npm i files-hierarchy
import { FileHierarchyFetcher } from "file-hierarchy-fetcher";
const fetcher = new FileHierarchyFetcher({
attributes: {
multiple: true,
},
});
fetcher.getFiles().then((data) => {
console.log(data.nestedFiles);
console.log(data.flatDirectories);
});
/**flatted directories
* {
"orignalWebkitPath": ".github/workflows/chromatic.yml",
"type": "FOLDER",
"path": ".github/",
},
{
"orignalWebkitPath": ".github/workflows/chromatic.yml",
"type": "FOLDER",
"path": ".github/workflows/"
},
{
"orignalWebkitPath": ".github/workflows/chromatic.yml",
"type": "FILE",
"path": ".github/workflows/chromatic.yml/",
"file": {}
}
]
**/