stimulus-value-bindings/src/utils/next-tick.js

One-way reactive DOM bindings for Stimulus JS

let stack = [];

export function nextTick(callback = () => {}) {
  queueMicrotask(() => {
    setTimeout(() => releaseNextTicks());
  });

  return new Promise((res) => {
    stack.push(() => {
      callback();
      res();
    });
  });
}

function releaseNextTicks() {
  while (stack.length) stack.shift()();
}