fix: #242 exported worklet functions are undefined

[hannojg]

Fixes: #242

The problem is with the reanimated/worklets babel plugin, and has been reported here:

• Variables defined after worklet functions are mistakingly undefined in worklets software-mansion/react-native-reanimated#5365

The babel plugin that transpiles our typescript code transforms the typescript to this commonjs code:

Typescript	CommonJS

As it can be seen the exports / usage of the variable happens before the function is declared, which causes the worklet function to be undefined (as reported in the REA issue above).

Solution

I checked out rnskia is doing it, and they use const and anonymous functions, which is indeed working as the export then happens after the declaration:

So from now on we must export all worklet functions as const arrow functions

Alternative solutions

I tried to do it as reanimated and remove the CommonJS support, and only create a ES module. However, that didn't work due to some react native bugs, where it can't find the codegen component anymore.