tklepzig

(() => {
  document.querySelector('[data-disable-with^=Loading]')?.click();
  setTimeout(() => document.querySelectorAll('.Details-content--closed').forEach(x => x.click()), 4000)
})()

tklepzig

 const machine = Machine({
  id: "machine",
  initial: "A",
  states: {
    A: {
      after: {
        2_000: "B",
      },
    },
    B: {

tklepzig

const alivePing = Machine({
  id: "alivePing",
  initial: "enabled",
  states: {
    enabled: {
      on: {
        DISABLE: "disabled",
        ALIVE_PING: {
          target: "enabled",
          actions: actions.cancel("delay")

tklepzig

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

tklepzig

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

tklepzig

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

tklepzig

TypeScript and currying

In functional programming you often want to apply a function partly. A simple example is a function add. It would be nice if we could use add like:

var res2 = add(1, 3); // => 4

var add10To = add(10);
var res = add10To(5); // => 15