Group and Flatten a list of tags in dataviewjs

[brpaz]

Hello.

I want to create an index page linking to all the code snippets stored in Obsidian.

Each snippet file, has a type: "#type/snippet" tag and then a list of multiple other tags, which further categorize the snippet.

Example:

📦 Type:: #type/snippet 
🏷️ Tags:: #snippet/github-actions #snippet/kustomize

On my page, I want to group each snippet by each tag (in this example, since the snippet has two tags, it would be displayed twice on the page, grouped by each specific tag).

I managed to get everything grouped, but it breaks if the snippet has more than one tag, as the two tags are displayed together in the same row instead of breaking into a separate group..

Here is my current data view code:

for (let group of dv.pages("#type/snippet").groupBy(t => t.tags)) {
	dv.header(2, capitalize(group.key.replace("#snippet/", "").replace("-", " ")))
	dv.list(group.rows.map(k => [k.file.link]))  
}

I think I would need to somehow flatten the tags before the "group by" but am not sure how to do it.

Can anyone give me some suggestions, please? Thank you.

[mnvwvnm]

I'm a dumb in JS... but if you're using the field Tags:: (and not file.tags > an implicit field), then you need to follow some rules to write multiple values in inline-fields. The general rule is:

inline-filed:: "value 1", "value 2"

They're accepted some exceptions for tags and links, removing the quotes... but you need to use commas...

🏷️ Tags:: #snippet/github-actions, #snippet/kustomize

EDIT: e podia ter respondido em Português... :)

[AnnaKornfeldSimpson]

Alternative to re-writing in the notes could be using the string split method, with your delimiter as either ' ' (space) or the escape code for whitespace, since tags cannot have spaces inside them. I would probably test this out in a more simple table with no group-by but just having the tags as one of the columns and make sure they show up looking like a list in the output. (e.g. do you have to do anything special if there is only one tag?)

Once you've sorted out the problem mnvwvnm identified, you'll want to flatten the tags field, which will turn a result with multiple tags into multiple rows (each with a single tag and all the other data from that result), before you call groupBy on the tags.