Multiple version checking

Common/cpp/Tools/RuntimeDecorator.cpp

@@ -152,6 +152,28 @@ void RuntimeDecorator::decorateUIRuntime(
       rt, "_maybeFlushUIUpdatesQueue", maybeFlushUIUpdatesQueueFunction);
 }
 
+#ifdef DEBUG
+void versionCheck(jsi::Runtime &rnRuntime) {
+  auto version = getReanimatedVersionString(rnRuntime);
+
+  auto JSVersion =
+      rnRuntime.global().getProperty(rnRuntime, "_REANIMATED_VERSION_JS");
+  if (JSVersion.isUndefined()) {
+    throw std::runtime_error(
+        "[Reanimated] JS version of `react-native-reanimated` is undefined");
+  }
+  auto CPPVersionReadable = version.utf8(rnRuntime);
+  auto JSVersionReadable = JSVersion.asString(rnRuntime).utf8(rnRuntime);
+  if (JSVersionReadable != CPPVersionReadable) {
+    auto errorMessage =
+        "[Reanimated] Mismatch between JS version of `react-native-reanimated` [" +
+        JSVersionReadable + "] and CPP version [" + CPPVersionReadable + "]";
+    throw std::runtime_error(errorMessage);
+  }
+  rnRuntime.global().setProperty(rnRuntime, "_REANIMATED_VERSION_CPP", version);
+}
+#endif // DEBUG
+
 void RuntimeDecorator::decorateRNRuntime(
     jsi::Runtime &rnRuntime,
     const std::shared_ptr<jsi::Runtime> &uiRuntime,
@@ -178,8 +200,9 @@ void RuntimeDecorator::decorateRNRuntime(
 #endif // RCT_NEW_ARCH_ENABLED
   rnRuntime.global().setProperty(rnRuntime, "_IS_FABRIC", isFabric);
 
-  auto version = getReanimatedVersionString(rnRuntime);
-  rnRuntime.global().setProperty(rnRuntime, "_REANIMATED_VERSION_CPP", version);
+#ifdef DEBUG
+  versionCheck(rnRuntime);
+#endif // DEBUG
 
   rnRuntime.global().setProperty(
       rnRuntime, "_REANIMATED_IS_REDUCED_MOTION", isReducedMotion);

android/src/main/cpp/NativeProxy.cpp

@@ -138,8 +138,23 @@ void NativeProxy::installJSIBindings(
 #endif
   auto &rnRuntime = *rnRuntime_;
   auto isReducedMotion = getIsReducedMotion();
+  auto androidVersion = "3.4.0";
+  auto JSVersion =
+      rnRuntime.global().getProperty(rnRuntime, "_REANIMATED_VERSION_JS");
+  if (JSVersion.isUndefined()) {
+    throw std::runtime_error(
+        "[Reanimated] JS version of `react-native-reanimated` is undefined");
+  }
+  auto JSVersionReadable = JSVersion.asString(rnRuntime).utf8(rnRuntime);
+  if (androidVersion != JSVersionReadable) {
+    auto errorMessage =
+        "[Reanimated] Mismatch between JS version of `react-native-reanimated` [" +
+        JSVersionReadable + "] and Android version [" + androidVersion + "]";
+    throw std::runtime_error(errorMessage);
+  }
+  rnRuntime.global().setProperty(
+      rnRuntime, "_REANIMATED_VERSION_ANDROID", androidVersion);
   RuntimeDecorator::decorateRNRuntime(rnRuntime, uiRuntime, isReducedMotion);
-
   registerEventHandler();
   setupLayoutAnimations();
 

src/reanimated2/NativeReanimated/NativeReanimated.ts

@@ -10,6 +10,8 @@ import type {
   LayoutAnimationType,
 } from '../layoutReanimation';
 import { checkCppVersion } from '../platform-specific/checkCppVersion';
+import { jsVersion } from '../platform-specific/jsVersion';
+import { isAndroid } from '../PlatformChecker';
 
 // this is the type of `__reanimatedModuleProxy` which is injected using JSI
 export interface NativeReanimatedModule {
@@ -67,6 +69,13 @@ export class NativeReanimated {
   private InnerNativeModule: NativeReanimatedModule;
 
   constructor() {
+    if (global._REANIMATED_VERSION_JS === undefined) {
+      global._REANIMATED_VERSION_JS = jsVersion;
+    } else {
+      throw new Error(
+        '[Reanimated] Another instance of `react-native-reanimated` was detected. Aborting.'
+      );
+    }
     if (global.__reanimatedModuleProxy === undefined) {
       const { ReanimatedModule } = NativeModules;
       ReanimatedModule?.installTurboModule();
@@ -80,6 +89,20 @@ export class NativeReanimated {
       );
     }
     checkCppVersion();
+    if (isAndroid()) {
+      const androidVersion = global._REANIMATED_VERSION_ANDROID;
+      if (androidVersion === undefined) {
+        throw new Error(
+          '[Reanimated] Android native part of Reanimated is not initialized'
+        );
+      }
+      if (androidVersion !== jsVersion) {
+        throw new Error(
+          `[Reanimated] Mismatch between android version [${androidVersion}] and JS version ${jsVersion}`
+        );
+      }
+    }
+
     this.InnerNativeModule = global.__reanimatedModuleProxy;
   }
 

src/reanimated2/globals.d.ts

@@ -21,6 +21,8 @@ declare global {
   var _REANIMATED_IS_REDUCED_MOTION: boolean | undefined;
   var _IS_FABRIC: boolean | undefined;
   var _REANIMATED_VERSION_CPP: string | undefined;
+  var _REANIMATED_VERSION_ANDROID: string | undefined;
+  var _REANIMATED_VERSION_JS: string | undefined;
   var _REANIMATED_VERSION_BABEL_PLUGIN: string | undefined;
   var __reanimatedModuleProxy: NativeReanimatedModule | undefined;
   var evalWithSourceMap: