Templater (Javascript?) selecting tag not working

[johnmcd88]

Hi everyone,

I've been working on my first Templater template with help for this forum, but I'm a complete Javascript novice. I've pulled bits and pieces from examples all over the web, and I'm making some good progress without actually knowing what I'm doing. My template is designed to prompt for two values and use those two value to rename the file, which works fine. Next it displays a suggestor with a list of filtered tags from my tag hierarchy and allows the user to select one, then puts the selected tag in a field in the front matter. The suggestor is popping up and displaying the correct selection list and I select one, but the return variable is showing up as 'undefined' when I apply the template. Here's the template:

<%*
try {
var manufacturer = await tp.system.prompt("Manufacturer");
} catch {
/Don't die if user cancels prompt/
}
if (manufacturer === null) manufacturer = "Manufacturer";
try {
var model = await tp.system.prompt("Model");
} catch {
/Don't die if user cancels prompt/
}
if (model === null) model = "Model";
/* Change the title/filename */
const newTitle = ${manufacturer} ${model};
await tp.file.rename(newTitle);
// Let the user select the right tag
const allTags = Object.entries(app.metadataCache.getTags());
const electronicsTags = allTags.filter(t => String(t[0]).startsWith("#Electronics/")).sort( (a, b) => a[0].localeCompare(b[0]));
const selectedTag = (await tp.system.suggester(t => t[0], electronicsTags)[0]);
%>

tags:

• <% selectedTag %>
  Manufacturer: <% manufacturer %>
  Model: <% model %>
  Charging Type:
  OS:
  Updated:

---

The last three lines for selecting the tag I got from ceciltech on this Reddit post - https://www.reddit.com/r/ObsidianMD/comments/11fzu1s/prompt_for_tags_with_templater/; I had to fix an issue with some missing end parens, but it correctly displays the filtered list of tags and allows me to select one. However, the 'selectedTag' value shows up as 'undefined' after making a selection. I'm still trying to figure out what the code does, but I'm hoping to get some guidance on how to troubleshoot it.

Any thoughts or suggestions?

I realize that I'm probably making a mess of the Javascript stuff, but I'm just starting to learn.

[Zachatoo]

Change this line

const selectedTag = (await tp.system.suggester(t => t[0], electronicsTags)[0]);

to this

const selectedTag = (await tp.system.suggester(t => t[0], electronicsTags))[0];

Also, because I think you'll run into this soon, you should use whitespace control to ensure the frontmatter is properly parsed by Obsidian.

<%*
// your block of code here, notice the -%> instead of %>
-%>
---
tags:
  - <% selectedTag %>
Manufacturer:  <% manufacturer %>
Model: <% model %>
Charging Type: 
OS: 
Updated: 
---

[johnmcd88]

Excellent - thank you!