Skip div(md()) submit

[davidarny]

Is it possible to skip await div(md("Some text")) submitting?

I have a script that connects to VPN, and the only way I found to skip submitting is to omit awaiting

try {
  div(md(`Checking VPN status...`));

  const connected = await state();

  await div({
    html: md(
      `VPN status: ${connected ? "**Connected ✅**" : "**Disconnected ❎**"}`
    ),
    enter: 'Press "Enter" to toggle VPN connection',
  });

  if (connected) {
    div(md("Disconnecting..."));
    await disconnect();
    await div(md("VPN status: **Disconnected ❎**"));
  } else {
    div(md("Connecting..."));
    await connect();
    await div(md("VPN status: **Connected ✅**"));
  }
} catch (error) {
  console.log("[ERROR]: ", error);
}

But in this case a loader is not displayed. I can't figure out how to do it in a right way. Please help me 🙏

[johnlindquist]

@DavidArutiunian maybe something like:

setTimeout(()=> {
submit()
},1000)

await div()

"submit" is a global which causes the current visible prompt to end.

[davidarny]

@johnlindquist in this case Checking VPN status... will be hidden and nothing will be displayed until await state is done

[johnlindquist]

@DavidArutiunian Does this clear it up?

let state = new Promise(resolve => {
  setTimeout(() => {
    resolve("done")
  }, 1000)
})

state.then(value => {
  console.log(value)
  submit(value) // This submits the currently focused prompt
})

await div(md(`This is dismissed when state is resolved`))

[johnlindquist]

@DavidArutiunian Or, another common pattern:

let state = () =>
  new Promise(resolve => {
    setTimeout(() => {
      resolve("done")
    }, 1000)
  })

await div({
  html: md(`This is dismissed when state is resolved`),
  onInit: async () => {
    let value = await state()
    submit(value)
  },
})