Enhancement of the tree structure build

[qtipee]

The buildFilesTree function is working ; it builds a map for each folder that can contain other maps (sub-folders) or files (the audio files). However, I'm note sure this is the better way of doing it.

The goal of this function is to build a tree to retrieve the hierarchical structure of the uploaded content, because when uploading a folder from a file input (with webkitdirectory tag), we only get the files and not the folders, but we can retrieve them via the webkitRelativePath property of each file.

This tree structure is important ; it is used to add the folders and audio files to the zip file (generated application) and to build the HTML tree to display the audio files.

So, is there a better way of building the tree structure ? Or maybe another way of uploading the files, or by using another data container for the folders and files than the Map. This is important to use as less libraries as possible and to do the maximum with vanilla Javascript.

pwa-playlist-generator/app/js/app.js

Lines 59 to 96 in f8523cf

	// Builds a tree structure with the uploaded files
	function buildFilesTree(filesList)
	{
	let filesTree = new Map();
	// Iterates over each uploaded file
	for (let i = 0; i < filesList.length; i++)
	{
	let file = filesList[i];
	// Filters the audio files
	if (file.type.includes('audio'))
	{
	let filename = file.name;
	let relativePath = file.webkitRelativePath;
	// This file parent folders (array)
	let fileParents = relativePath.split('/').slice(0, -1);
	let currentFolder = filesTree;
	// Iterates over each parent folder of the current file
	for (let f = 0; f < fileParents.length; f++)
	{
	// This folder is not in the files tree yet
	if (!currentFolder.has(fileParents[f]))
	{
	currentFolder.set(fileParents[f], new Map());
	}
	currentFolder = currentFolder.get(fileParents[f]);
	}
	// Adds this file to its first parent folder
	currentFolder.set(filename, file);
	}
	}
	return filesTree;
	}

A test example result :

[grunenwald]

Should you add a "help wanted" label to this issue ?
https://help.github.com/en/github/managing-your-work-on-github/about-labels