Babel/TS transform for writing the animation specifications

I am wondering if you considered some sort of transform to go from a subset of Javascript to the declarations. So that something like this:

return @reanimated({
  if (!clockRunning(clock)) {
    state.finished = 0;
    state.velocity = velocity;
    state.position = value;
    config.toValue = dest;
    startClock(clock);
  };
  spring(clock, state, config);
  if (state.finished) { 
    stopClock(clock)
  };
  return state.position;
})

is transformed into:

  return [
    cond(not(clockRunning(clock)), [
      set(state.finished, 0),
      set(state.velocity, velocity),
      set(state.position, value),
      set(config.toValue, dest),
      startClock(clock)
    ]),
    spring(clock, state, config),
    cond(state.finished, stopClock(clock)),
    state.position
  ];

Of course the @reanimated decorator might not be the best idea but I’m asking for general feedback. Thanks!

[terrysahaidak]

There are several macro implementations, for example, this one: https://www.npmjs.com/package/reanimated.macro

[jakub-gonet]

Hi @wokalski,

I don’t think we will officially release some plugin for babel, but we can link to those in docs.