snippets

send multiple signals at the same time

• A single data-s attribute can send multiple signals via a space separated list of the signal names.
• NOTE: signals are triggered async (i.e. execution of each signal does not wait for prior signals to complete). Individual signal function can call each other if a synchronous approach is required.

html

<div data-r="alfa">waiting...</div>
<div data-r="bravo">waiting...</div>
<div data-r="charlie">waiting...</div>
<button data-s="alfa bravo charlie">send signal</button>

javascript

export const b = {};

export function alfa(_, __, el) {
  el.innerHTML = `alfa: ${b.time()}`;
}

export function bravo(_, __, el) {
  el.innerHTML = `bravo: ${b.time()}`;
}

export function charlie(_, __, el) {
  el.innerHTML = `charlie: ${b.time()}`;
}