assetLister.js

// Automaticly generates the manifest that contains all the assets
const { promisify } = require('util');
const fs = require('fs');
const path = require('path');
const stat = promisify(fs.stat);
const readDir = promisify(fs.readdir);
const prettier = require('prettier');

/**
 * Generate entity
 *
 * @param {String} filePath The path to the file to convert to an entity.
 * @return {Object} A file entity.
 */
function fileToEntity(filePath) {
	const extension = path.extname(filePath);
	const name = path.basename(filePath, extension);
	return {
		name,
		url: path.relative(path.join(__dirname, 'assets'), filePath)
	};
}

/**
 * Read the directory
 *
 * @param {string} dirPath the path of the directory.
 * @return {Array} An array of asset objects.
 */
async function readDirectory(dirPath) {
	const result = [];
	for (const child of await readDir(dirPath)) {
		const childPath = path.join(dirPath, child);
		const stats = await stat(childPath); // eslint-disable-line no-await-in-loop
		if (stats.isDirectory()) {
			result.push({
				name: child,
				children: await readDirectory(childPath) // eslint-disable-line no-await-in-loop
			});
		} else {
			result.push(fileToEntity(childPath));
		}
	}
	return result;
}

/**
 * Tests if an entity is a dir
 *
 * @param {Object} entity  The entity to check.
 * @returns {boolean} Wether the entity is a dir.
 */
function entityIsDir(entity) {
	return entity.children !== undefined;
}

/**
 * Convert an entity object to a string
 *
 * @param {Object} entity The entity object to convert.
 * @return {string} The entity object as a string.
 */
function entityToString(entity) {
	return (entityIsDir(entity) ? dirToString(entity) : fileToString(entity)) + ',';
}

/**
 * Convert a tree of entities to a string
 *
 * @param {Object} tree A tree of entities.
 * @param {boolean} root Is this the root of a tree?
 * @returns {string} The tree converted to a string.
 */
function writeToString(tree, root = false) {
	let string = root ? '[' : '';

	if (Array.isArray(tree)) {
		string += tree.map(entityToString).reduce((prev, curr) => prev + curr);
	} else {
		string += entityToString(tree);
	}

	if (root) {
		string += ']';
	}

	return string;
}

/**
 * Convert a dir entity to a string
 *
 * @param {Object} dirEntity Entity object to conver to a string.
 * @return {string} The dir entity as a string.
 */
function dirToString(dirEntity) {
	return `{id: "${dirEntity.name}", children:[${dirEntity.children
		.map(child => writeToString(child))
		.reduce((prev, curr) => prev + curr)}] }`;
}

/**
 * Convert an file entity to a string
 *
 * @param {Object} fileEntity Entity to write to string.
 * @return {string} The file entity as a string.
 */
function fileToString(fileEntity) {
	return `{id: "${fileEntity.name}", url: require("assets/${fileEntity.url}") }`;
}

readDirectory(path.join(__dirname, 'assets'))
	// Generate the JavaScript
	.then(result => `export default ${writeToString(result, true)}`)
	// Add path fix for Windows
	.then(result => result.replace(/\\/g, '\\\\'))
	// Format the JavaScript so that it's readable
	.then(prettier.format)
	// We only need to write one file so it doesnt matter that it's sync
	.then(result => fs.writeFileSync(path.resolve(__dirname, 'src', 'assets.js'), result)) // eslint-disable-line no-sync
	.catch(console.error);