fix: symbol not cloned

Author: alexandrius

packages/react-native-reanimated/Common/cpp/worklets/SharedItems/Shareables.cpp

@@ -55,7 +55,11 @@ jsi::Value makeShareableClone(
   std::shared_ptr<Shareable> shareable;
   if (value.isObject()) {
     auto object = value.asObject(rt);
-    if (!object.getProperty(rt, "__workletHash").isUndefined()) {
+    jsi::PropNameID prop = workletCodePropName(rt);
+    if (object.hasProperty(rt, prop)) {
+      jsi::Value code = object.getProperty(rt, prop);
+      shareable = std::make_shared<ShareableString>(code.asString(rt).utf8(rt));
+    } else if (!object.getProperty(rt, "__workletHash").isUndefined()) {
       shareable = std::make_shared<ShareableWorklet>(rt, object);
     } else if (!object.getProperty(rt, "__init").isUndefined()) {
       shareable = std::make_shared<ShareableHandle>(rt, object);
@@ -276,7 +280,7 @@ jsi::Value ShareableWorklet::toJSValue(jsi::Runtime &rt) {
   jsi::Value obj = ShareableObject::toJSValue(rt);
   auto initData = obj.asObject(rt).getProperty(rt, "__initData").asObject(rt);
   auto code = std::make_shared<const jsi::StringBuffer>(
-      "(" + initData.getProperty(rt, workletCodePropName(rt)).asString(rt).utf8(rt) + "\n)");
+      "(" + initData.getProperty(rt, "__reanimated_workletCode").asString(rt).utf8(rt) + "\n)");
 
   auto sourceURL = initData.getProperty(rt, "location").asString(rt).utf8(rt);
   // The code has to be evaluated in the context of the worklet runtime.

packages/react-native-reanimated/plugin/index.js

@@ -153,7 +153,14 @@ export function makeWorkletFactory(
     true
   );
 
-  const initDataObjectExpression = objectExpression([workletCodeProperty]);
+  const reanimatedWorkletCodeProperty = objectProperty(
+    identifier('__reanimated_workletCodeWrapper'),
+    objectExpression([workletCodeProperty])
+  );
+
+  const initDataObjectExpression = objectExpression([
+    reanimatedWorkletCodeProperty,
+  ]);
 
   // When testing with jest I noticed that environment variables are set later
   // than some functions are evaluated. E.g. this cannot be above this function

packages/react-native-reanimated/plugin/src/workletFactory.ts

@@ -201,15 +201,15 @@ Offending code was: \`${getWorkletCode(value)}\``);
           if (key === '__initData' && toAdapt.__initData !== undefined) {
             continue;
           }
-          toAdapt[key] = makeShareableCloneRecursive(
-            element,
-            shouldPersistRemote,
-            depth + 1
-          );
-        }
-
-        for (const key of Object.getOwnPropertySymbols(value)) {
-          const element = value[key];
+          if (key === '__reanimated_workletCodeWrapper') {
+            toAdapt.__reanimated_workletCode =
+              NativeReanimatedModule.makeShareableClone(
+                element,
+                shouldPersistRemote,
+                value
+              );
+            continue;
+          }
           toAdapt[key] = makeShareableCloneRecursive(
             element,
             shouldPersistRemote,