dataview/metaedit & asynchronous function

[melbv]

Hi all

i am trying to set up a page with the following structure:

Frontmatter

---
datagroup1:
 - datapoint1
 - datapoint2
datagroup2:
 - datapoint3
 - datapoint4
  - datapoint5
 - datapoint6
datagroup3:
 - datapoint7
 - datapoint8
---

Body

• 1 dataviewjs block for displaying non-null datapoints (with dv.view)
• 1 dataviewjs block for resetting all datapoints to 0 triggered by a click of a Button (through plugin & api) (with customJS, MetaEdit API & dv.view)

the code broadly works BUT the display script show 0 for all datapoints. It seems to me that both scripts do execute regardless and that the display script get fed the result of the reset script, whether the button is clicked or not. I am not sure how to manage the competition for frontmatter resource btw the 2 scripts.

what have i tried:

• move scripts around on the page to make the display script execute before the reset script
• wrap the metaedit instance of the reset script in a async / await function
• wrap the full reset script in a async / await function

None of the solutions seem to work. Would you know how to best implement this? Or whether it is possible at all at current?
Happy to paste the code if it helps.

[blacksmithgu]

Can you share the actual code at a high level? It's hard to know based just on description.

[melbv]

Hi @blacksmithgu

Below are as high level of the current code (quite dirty as i have not yet cleaned it, my apologies!) - the current code wraps the 'update' function only in an 'async/await' wrapper.
I hope that this is clear enough!
Thanks for your help on this.

frontmatter display function

const {globalFunc} = customJS;
let {items} = input;
let ing = [];
let j = 0;

if (!Boolean(items)) {
	return "⚠️ <b>Warning</b>\nThe frontmatter field is empty!\n<b>The list cannot be printed.</b>"
}

for (let i = 0; i < items.length; i++) {
	let name = items[i].replace(items[i].split(" ")[0] + " " + items[i].split(" ")[1]+ " " + items[i].split(" ")[2], "");
	let unit = items[i].split(" ")[2];
	let amount = items[i].split(" ")[1];
	let emoji = items[i].split(" ")[0];

	if (amount > 0) {
		ing[j] = emoji + " " + amount + " " + unit + " <b>" + name + "</b>"
		j++
	}
}

if (ing.length == 0) {
	return dv.el('p', "✌️ Nothing to do")
}

dv.el('div', globalFunc.BuildList(ing, "\n"))

 

Corresponding dv.view

dv.view("/path/to/items", { items: dv.current().datagroup1 })

 

Reset function
which sits within a customJS class.

resetList(args) {
		const {
			that,
			app,
			dv,
			theme,
			listOfIt,
    } = args;
		
    const { createButton } = app.plugins.plugins["buttons"]
const updateSct = listOfIt
		const btnStr = this.getBtnName(theme, updateSct)
			
			dv.el('div',
				createButton({
					app,
					el: that.container,
					args: { name: btnStr, color: 'blue' },
					clickOverride: { click: this.getEditApi(), params: [updateSct, this.processItems(this.getPoint(dv.page("pagename.md"), updateSct), false), dv.page("pagename.md").file.path]}
				}),
			)

  }
	
	async getEditApi() {
		const { update } = app.plugins.plugins["metaedit"].api
		return await update
	}

 

Corresponding dv.view

const {customClass} = customJS
customClass.resetList({app: app, dv: dv, that:this, theme: "to0", listOfIt: "datagroup1" })