Calling actions from within an action

I am getting some results I’m finding difficult to comprehend when I am calling actions from within an action, eg. the action setS1rS2 (on button S1rS2) compared to action setS1S2 in jsfiddle https://jsfiddle.net/WarwickGrigg/eo537smc/

Using latest hyperapp v 1.0.1. Excerpt below:

const actions = {
  setS1: dt => (_, actions) => { return {s1: dt} }, // changes state
  setS2: dt => (_, actions) => { return {s2: dt} }, // changes state
  setS1S2: dt => (_, actions) => {
    actions.setS1(dt); // changes state
    actions.setS2(dt); // changes state
  },
  setS1rS2:dt => (_, actions)  => {
    actions.setS1(dt); // no effect (!)
    return {s2: dt};   // changes state for s2
  },

Results are different but even more confusing (for me) if I remove the ‘=> (_, actions)’ action function wrapper. Is there something special about calling actions from within an action?

[jorgebucaran]

Okay, I found the fix changing line 107 to:

if (data && data !== (slice = get(path, state)) && !data.then) {
  repaint((state = set(path, copy(slice, data), state, {})))
}

The interesting part is:

slice = get(path, state)

that basically computes the slice afresh.

[warwickgrigg]

Thanks, Jorge. And thank you for hyperapp - very promising and elegant. I’ve created a jsfiddle fork here https://jsfiddle.net/WarwickGrigg/rqqzqb9n/ with the action functions omitting the => (_, actions) wrapper, annotating the results:

const actions = {
  setS1: dt => { return {s1: dt} }, // changes state
  setS2: dt => { return {s2: dt} }, // changes state
  setS1S2: dt => {
    actions.setS1(dt); // no effect
    actions.setS2(dt); // no effect
  },
  setS1rS2:dt => {
    actions.setS1(dt); // no effect (!)
    return {s2: dt};   // changes state for s2
  },
  setS1cS2:dt => {
    s1obj = actions.setS1(dt); // assume no effect (?), but returns obj
    return Object.assign([], s1obj, {s2: dt}); // changes state`