Add dataview query inside the field

[dxcore35]

I would like to type something like:

INPUT[suggester(dv.pages().where(b => b.class === 'needs').sort(b => b.date_created, "asc")):needs]`

---

This suggester should be filled with filenames coming from this dataview query.

Here is the very tiresome work around with dataviewJS:

const setFilter = "" ;
let filter = "Need | "
const pages = dv.pages().where(b => b.class === 'needs').sort(b => b.date_created, "asc")
let list = []

for (let items of pages) {
	list.push('option(' + items.file.name + ')')
}


// This is the Mermaid configuration.
const codeblock = "INPUT[suggester(";
const backticks = "`";

await dv.paragraph(
  `${filter}${backticks}${codeblock}
  ${list}):needs]
  ${backticks} 
  `);

But there is a glitch, for good few seconds I see this:

Before the select button renders correctly.

[mProjectsCode]

Please see #103

[dxcore35]

It doesn't explain why there is a glitch I mentioned above, that for good few seconds before the meta-bind button is generated there is just text.

[mProjectsCode]

it seems like the parser has some strange problem with the line breaks in the input field declaration.
Try changing your last line to

await dv.paragraph( `${filter}${backticks}${codeblock}${list}):needs]${backticks}`);

[mProjectsCode]

Correction, it seems like dataview is doing some fancy predictive rendering and reactive evaluation of the querry, which reevaluates the script and potentially breaks the input fields

[mProjectsCode]

This is something that dataview does and i have no influence over it, so i can't fix it.

[dxcore35]

For example im generating with dataviewJS:

• mermaid diagrams
• heatmaps

Non of those generate first text and then the GUI. So I think there is something in meta-bind plugin that is doing it. Please check.

[mProjectsCode]

Closing this for now. In the next release, you will be able to build the input field using js.