Change library formatting for folder structure

[YuumiPie]

Sorry if this is a simple question or asked before but is it possible to change the track formatting for "View by Folder Structure" to something like "title" instead of "01. title.flac" (bascially display title of file instead of filename)? And if not, is it possible to do so in a custom format?

[TT-ReBORN]

Hi @YuumiPie,

this is only possible if you manipulate it via regexp. You can not do any custom title formatting because it reads only the filename.
So, I have implemented 3 options, to hide album year, track number and file extension. There is nothing more you can do.

Currently I am rewriting and refactoring the whole Georgia-ReBORN again ( nearly finished ), but if you can not wait
for the next commit, you could implement it in yours:

1. Open lib-properties.js and add the new property setting, ~line 319:
   ['Panel Library - View By Folder Hide', '', 'viewByFolderHide'],

Between these:

['Panel Library - View By', 1, 'viewBy'],
['Panel Library - View By Folder Hide', '', 'viewByFolderHide'],
['Panel Library - View By Album Art', 0, 'albumArtViewBy'],

2. Open lib-menu.js and add the Hide menu under the Views menu, line ~295:

		libMenu.newMenu({ menuName: 'Views', separator: false });
		lib.panel.menu.forEach((v, i) => libMenu.newItem({
			menuName: 'Views',
			str: v,
			func: () => this.setView(i),
			checkRadio: i == libSet.viewBy,
			separator: i > lib.panel.menu.length - 3
		}));

		// * View by Folder Structure Hide menu
		if (libSet.viewBy === 10) {
			libMenu.newMenu({ menuName: 'Hide', separator: false });
			['Hide album year', 'Hide track number', 'Hide file extension'].forEach((v, i) => {
				libMenu.newItem({
					menuName: 'Hide',
					str: v,
					func: () => {
						const key = i.toString();
						if (libSet.viewByFolderHide.includes(key)) {
							libSet.viewByFolderHide = libSet.viewByFolderHide.replace(key, '');
						} else {
							libSet.viewByFolderHide += key;
						}
						lib.pop.buildTree(lib.lib.root, 0);
						lib.panel.imgView = grSet.libraryLayout === 'normal' && grSet.libraryLayoutFullPreset ? libSet.albumArtShow = false : libSet.albumArtShow;
						lib.men.loadView(false, !lib.panel.imgView ? (libSet.artTreeSameView ? libSet.viewBy : libSet.treeViewBy) : (libSet.artTreeSameView ? libSet.viewBy : libSet.albumArtViewBy), lib.pop.sel_items[0]);
					},
					checkItem: libSet.viewByFolderHide.includes(i.toString()),
					separator: i > lib.panel.menu.length - 3
				});
			});
		}

3. In the same lib-menu.js file nearly at the bottom after setView method, add the setViewByFolderHide method, line ~935:

	setView(i) {
		if (i < lib.panel.menu.length) {
			if (libSet.artTreeSameView) {
				libSet.treeViewBy = i;
				libSet.albumArtViewBy = i;
			} else {
				if (!lib.panel.imgView) libSet.treeViewBy = i;
				else libSet.albumArtViewBy = i;
				if (libSet.treeViewBy != libSet.albumArtViewBy) {
					libSet.set(lib.panel.imgView ? 'Panel Library - Tree' : 'Panel Library - Tree Image', null);
					libSet.set(lib.panel.imgView ? 'Panel Library - Tree Search' : 'Panel Library - Tree Image Search', null);
				}
			}
			lib.panel.set('view', i);
		}
	}

	setViewByFolderHide(tree, indicesStr) {
		const hideAlbumYear = (name) =>
			name.replace(/^\s*[[({]?\d{4}[\])}]?\s*[-.]\s*/, '');

		const hideTrackNumber = (name) =>
			/^\d{1,2} \S/.test(name) && !/[-._]/.test(name) ? name :
			name.replace(/^\d{1,2}([-.]\d{1,2})?([-. _]+)(?=\S)/, '');

		const hideFileExtension = (name) =>
			name.replace(/\.\w+$/, '');

		const hideFuncs = [
			hideAlbumYear,
			hideTrackNumber,
			hideFileExtension
		];

		const selectedHideFuncs = indicesStr
			.split('')
			.map(index => hideFuncs[parseInt(index, 10)])
			.filter(Boolean);

		if (selectedHideFuncs.length === 0) return;

		const applyHideFuncs = (name) =>
			selectedHideFuncs.reduce((acc, hideFunction) => hideFunction(acc), name);

		const traverseAndHide = (node) => {
			if (node.nm) {
				node.nm = applyHideFuncs(node.nm);
			}
			if (node.child && node.child.length > 0) {
				node.child.forEach(traverseAndHide);
			}
		};

		tree.forEach(traverseAndHide);
	}

4. Finally open lib-populate.js and go to the buildTree method and apply this new setViewByFolderHide method, line ~345:

 		// * Apply View By Folder Hide if View by Folder Structure is active
		if (libSet.viewBy === 10) lib.men.setViewByFolderHide(this.tree, libSet.viewByFolderHide);

Between these:

		const br_l = br.length;
		const par = this.tree.length - 1;
		if (level == 0) this.clearTree();

		// * Apply View By Folder Hide if View by Folder Structure is active
		if (libSet.viewBy === 10) lib.men.setViewByFolderHide(this.tree, libSet.viewByFolderHide);

		br.forEach((v, i) => {
			j = this.tree.length;
			const item = this.tree[j] = v;

Now you can start foobar, go to the Library panel, click on the top right hamburger ... menu > Views > View by Folder Structure.
Click again on the hamburger menu, and now the implemented Hide menu will display ( only available for View by Folder Structure ).
Choose your desired options, all three can be enabled.

-TT

P.S. I have wrote this also because @Wil-B, may have interest to implement this feature to his original Library tree =)

[YuumiPie]

Some of my songs files have a format of "1-01 title" so I added this regex to remove them (not sure if it is the best): /^\b(?:\d+-\d+)\b\s?/
Thanks very much for the help o/ works perfect

[TT-ReBORN]

Ok, I have updated and refined the track title regex in the above code:

		const hideTrackNumber = (name) =>
			/^\d{1,2} \S/.test(name) && !/[-._]/.test(name) ? name :
			name.replace(/^\d{1,2}([-.]\d{1,2})?([-. _]+)(?=\S)/, ''); 

	const hideTrackNumber = (name) =>
		/^\d{1,2} \S/.test(name) && !/[-._]/.test(name) ? name :
		name.replace(/^\d{1,2}([-.]\d{1,2})?([-. _]+)(?=\S)/, '');

	const examples = [
		'01 - title',  // -> "title"
		'01-title',    // -> "title"
		'01-02 title', // -> "title"
		'01_title',    // -> "title"
		'01. title',   // -> "title"
		'01.02 title', // -> "title"
		'1-01 title',  // -> "title"
		'01-01 title', // -> "title"
		'01 title',    // -> "01 title"
		'01title'      // -> "01title"
	];

	examples.forEach(example => {
		console.log(`Original: "${example}", Filtered: "${hideTrackNumber(example)}"`);
	});

As you see we have two special edge cases 01 title and 01title that should be preserved.
Because track titles can have numbers, i.e 99 Luftballons etc...

-TT