Globals

Some global functions can be accessed in code blocks.

call(callback)

Calls the specified callback and returns its output. It is a convenient replacement for IIFE(immediately-invoked function expression).

call(() => {
  const div = document.createElement("div");
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.background = "orange";
  return div;
});

unsubscribe(hook)

Registers a disposal hook for the given code block, which will be called before the code block is re-run". It is useful to "clean up" a code block, say to cancel an animation loop or close a socket.

reset = Inputs.button("Reset", { label: "click me" });

call(() => {
  reset;
  const span = document.createElement("span");
  span.textContent = 0;
  const counting = () => (span.textContent = +span.textContent + 1);
  const timer = setInterval(counting, 1000);
  unsubscribe(() => clearInterval(timer));
  return span;
});