chore(Worklets): export unpackers in prod env (#9029)

## Summary

Required for #8673

Setting `NODE_ENV` to production when exporting unpackers. This has no
impact on the current unpackers behavior but will come handy in the
mentioned PR.

## Test plan

Synchronizable runtime tests pass, other unpackers exported code didn't
change.

Author: tjzel

apps/fabric-example/ios/Podfile.lock

@@ -8,7 +8,7 @@ namespace worklets {
 
 const char SynchronizableUnpackerCode[] =
     R"DELIMITER__((function () {
-  var serializer = !globalThis._WORKLET || globalThis._WORKLETS_BUNDLE_MODE_ENABLED ? _serializable.createSerializable : function (value) {
+  var serializer = globalThis.__RUNTIME_KIND === 1 || globalThis._WORKLETS_BUNDLE_MODE_ENABLED ? createSerializable : function (value) {
     return globalThis.__serializer(value);
   };
   function synchronizableUnpacker(synchronizableRef) {

packages/react-native-worklets/Common/cpp/worklets/Resources/SynchronizableUnpacker.cpp

@@ -10,7 +10,7 @@
   ],
   "scripts": {
     "build": "yarn workspace babel-plugin-worklets build && bob build && yarn build:unpackers",
-    "build:unpackers": "node ./scripts/export-unpackers.js",
+    "build:unpackers": "NODE_ENV='production' node ./scripts/export-unpackers.js",
     "circular-dependency-check": "yarn madge --extensions js,jsx --circular lib",
     "find-unused-code:js": "knip",
     "format": "yarn format:js && yarn format:plugin && yarn format:common && yarn format:android && yarn format:apple",

packages/react-native-worklets/package.json

@@ -9,6 +9,10 @@ const generate = require('@babel/generator').default;
 const path = require('path');
 const fs = require('fs');
 const assert = require('assert').strict;
+const workletsBabelPlugin = require('../plugin');
+
+/** @type {import('../plugin/').PluginOptions} */
+const workletsBabelPluginOptions = {};
 
 exportToCpp('valueUnpacker.native.ts', 'ValueUnpacker');
 exportToCpp('synchronizableUnpacker.native.ts', 'SynchronizableUnpacker');
@@ -31,10 +35,12 @@ function exportToCpp(sourceFilePath, outputFilename) {
         ['@babel/preset-env', { modules: false }],
         '@babel/preset-typescript',
       ],
+      plugins: [[workletsBabelPlugin, workletsBabelPluginOptions]],
       sourceType: 'unambiguous',
       code: false,
       ast: true,
       comments: false,
+      configFile: false,
     }
   );
 
@@ -90,4 +96,6 @@ const char ${cstrName}[] =
 `,
     'utf8'
   );
+
+  console.log(`✅ Exported ${sourceFilePath} to ${outputFilename}.cpp`);
 }

packages/react-native-worklets/scripts/export-unpackers.js

@@ -6,7 +6,7 @@ import { type Synchronizable, type SynchronizableRef } from './types';
 export function __installUnpacker() {
   // TODO: Add cache for synchronizables.
   const serializer =
-    !globalThis._WORKLET || globalThis._WORKLETS_BUNDLE_MODE_ENABLED
+    globalThis.__RUNTIME_KIND === 1 || globalThis._WORKLETS_BUNDLE_MODE_ENABLED
       ? createSerializable
       : (value: unknown) => globalThis.__serializer(value);