@react-native-gpui/reanimated 0.0.0-stage → 4.7.0-alpha.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+All notable changes to `@react-native-gpui/reanimated` are listed here. Each version's section becomes the notes of its GitHub release.
+
+## 4.7.0-alpha.1 - 2026-11-12
+
+- CSS transitions and animations now run: the registries' updates are applied after every frame, as the display link does on iOS, where before nothing applied them and a transition or keyframe animation never changed what was painted. Needs a prebuilt runtime built with the change.
+
+## 4.7.0-alpha.0 - 2026-11-01
+
+- First release, for `react-native-reanimated` 4.7.x with Worklets 0.13.x.
+- Animations, layout animations and CSS animations on desktop.
+- Works with the npm release of `react-native-reanimated`: the C++ fixes it needs for MSVC and Linux are applied to a copy in the build directory. UI props update synchronously on Linux, as on iOS.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Streetwriters
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,27 @@
-# Temporary Holding Version
+# @react-native-gpui/reanimated
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Adapter for [`react-native-reanimated`](https://github.com/software-mansion/react-native-reanimated) (MIT): runs animations, layout animations and CSS animations on the desktop renderer.
+
+Part of [react-native-gpui](https://github.com/streetwriters/react-native-gpui), React Native for macOS, Windows and Linux.
+
+## Install
+
+Install it next to `react-native-reanimated`:
+
+```sh
+npm install react-native-reanimated@4.7.x @react-native-gpui/reanimated
+```
+
+Reanimated needs Worklets, so install `react-native-worklets@0.13.x` and [`@react-native-gpui/worklets`](https://www.npmjs.com/package/@react-native-gpui/worklets) too.
+
+Install the regular npm release of `react-native-reanimated`. Its C++ needs small fixes to build with MSVC and on Linux; this package applies them to a copy in the desktop build directory and never changes `node_modules`.
+
+Keep using `react-native-reanimated` as you do on iOS and Android; its JavaScript API is unchanged. Autolinking builds the desktop side when the app is built.
+
+## Documentation
+
+[Supported libraries](https://streetwriters.github.io/react-native-gpui/docs/supported-libraries)
+
+## License
+
+MIT. See [LICENSE](LICENSE).

package/desktop/CMakeLists.txt

@@ -0,0 +1,116 @@
+if(NOT RN_GPUI_PROJECT_ROOT)
+  message(FATAL_ERROR
+    "@react-native-gpui/reanimated was added by the platform; RN_GPUI_PROJECT_ROOT must be set by its build.rs")
+endif()
+set(_gpui_app_root "${RN_GPUI_PROJECT_ROOT}")
+find_program(_gpui_node node REQUIRED)
+execute_process(
+  COMMAND "${_gpui_node}" -e "process.stdout.write(require.resolve('react-native-reanimated/package.json', {paths: [process.argv[1]]}))" "${_gpui_app_root}"
+  RESULT_VARIABLE _reanimated_resolve_result
+  OUTPUT_VARIABLE _reanimated_package_json
+  OUTPUT_STRIP_TRAILING_WHITESPACE)
+if(NOT _reanimated_resolve_result EQUAL 0 OR NOT EXISTS "${_reanimated_package_json}")
+  message(FATAL_ERROR "react-native-reanimated could not be resolved from ${_gpui_app_root}")
+endif()
+get_filename_component(_reanimated_root "${_reanimated_package_json}" DIRECTORY)
+execute_process(
+  COMMAND "${_gpui_node}" -e "process.stdout.write(require.resolve('react-native/package.json', {paths: [process.argv[1]]}))" "${_gpui_app_root}"
+  RESULT_VARIABLE _react_native_resolve_result
+  OUTPUT_VARIABLE _react_native_package_json
+  OUTPUT_STRIP_TRAILING_WHITESPACE)
+if(NOT _react_native_resolve_result EQUAL 0 OR NOT EXISTS "${_react_native_package_json}")
+  message(FATAL_ERROR "react-native could not be resolved from ${_gpui_app_root}")
+endif()
+get_filename_component(_react_native_root "${_react_native_package_json}" DIRECTORY)
+execute_process(
+  COMMAND "${_gpui_node}" -e "process.stdout.write(require.resolve('react-native-worklets/package.json', {paths: [process.argv[1]]}))" "${_gpui_app_root}"
+  RESULT_VARIABLE _worklets_resolve_result
+  OUTPUT_VARIABLE _worklets_package_json
+  OUTPUT_STRIP_TRAILING_WHITESPACE)
+if(NOT _worklets_resolve_result EQUAL 0 OR NOT EXISTS "${_worklets_package_json}")
+  message(FATAL_ERROR "react-native-worklets could not be resolved from ${_gpui_app_root}")
+endif()
+get_filename_component(_worklets_root "${_worklets_package_json}" DIRECTORY)
+set(_reanimated_common "${_reanimated_root}/Common/cpp")
+set(_worklets_common "${_worklets_root}/Common/cpp")
+if(NOT EXISTS "${_reanimated_common}/reanimated/NativeModules/ReanimatedModuleProxy.h")
+  message(FATAL_ERROR "react-native-reanimated 4.7.x was not found in ${_gpui_app_root} or any ancestor node_modules directory")
+endif()
+execute_process(
+  COMMAND "${_gpui_node}" -e "process.stdout.write(require.resolve('@react-native-gpui/worklets/package.json', {paths: [process.argv[1]]}))" "${_gpui_app_root}"
+  RESULT_VARIABLE _gpui_worklets_resolve_result
+  OUTPUT_VARIABLE _gpui_worklets_package_json
+  OUTPUT_STRIP_TRAILING_WHITESPACE)
+if(NOT _gpui_worklets_resolve_result EQUAL 0 OR NOT EXISTS "${_gpui_worklets_package_json}")
+  message(FATAL_ERROR "@react-native-gpui/worklets could not be resolved from ${_gpui_app_root}")
+endif()
+get_filename_component(_gpui_worklets_root "${_gpui_worklets_package_json}" DIRECTORY)
+if(NOT EXISTS "${_worklets_common}/worklets/Compat/StableApi.h")
+  message(FATAL_ERROR "react-native-worklets 0.13.x is required by GPUI Reanimated")
+endif()
+
+# Upstream's C++ does not build with MSVC or on Linux as published; compile
+# patched copies in the build tree and leave node_modules untouched. Worklets
+# is patched here too because Reanimated includes its headers.
+set(_reanimated_patch "${CMAKE_CURRENT_LIST_DIR}/patches/react-native-reanimated-4.7.1.patch")
+set(_worklets_patch "${_gpui_worklets_root}/desktop/patches/react-native-worklets-0.13.0.patch")
+foreach(_patched reanimated worklets)
+  execute_process(
+    COMMAND "${_gpui_node}" "${_gpui_worklets_root}/desktop/patch-sources.mjs"
+      "${_${_patched}_root}" "${_${_patched}_patch}"
+      "${CMAKE_BINARY_DIR}/rn-gpui-patched/react-native-${_patched}"
+    RESULT_VARIABLE _patch_result
+    OUTPUT_VARIABLE _${_patched}_common
+    ERROR_VARIABLE _patch_error
+    OUTPUT_STRIP_TRAILING_WHITESPACE)
+  if(NOT _patch_result EQUAL 0)
+    message(FATAL_ERROR "${_patch_error}")
+  endif()
+endforeach()
+set_property(DIRECTORY APPEND PROPERTY CMAKE_CONFIGURE_DEPENDS
+  "${_reanimated_patch}" "${_worklets_patch}"
+  "${_reanimated_package_json}" "${_worklets_package_json}")
+
+# Match the static feature-flag definition normally supplied by Reanimated's
+# CocoaPods/Gradle builds. Without this, FeatureFlags.h silently treats every
+# flag as false, including defaults which change how animated props are
+# committed through Fabric.
+execute_process(
+  COMMAND "${_gpui_node}" -e
+    "const fs=require('fs'); const flags=JSON.parse(fs.readFileSync(process.argv[1],'utf8')); const app=JSON.parse(fs.readFileSync(process.argv[2],'utf8')); Object.assign(flags, app.reanimated?.staticFeatureFlags ?? {}); if(process.platform==='darwin' && !Object.hasOwn(app.reanimated?.staticFeatureFlags ?? {}, 'IOS_SYNCHRONOUSLY_UPDATE_UI_PROPS')) flags.IOS_SYNCHRONOUSLY_UPDATE_UI_PROPS=true; if(process.platform==='linux' && !Object.hasOwn(app.reanimated?.staticFeatureFlags ?? {}, 'LINUX_SYNCHRONOUSLY_UPDATE_UI_PROPS')) flags.LINUX_SYNCHRONOUSLY_UPDATE_UI_PROPS=true; process.stdout.write(Object.entries(flags).map(([key,value])=>'['+key+':'+value+']').join(''));"
+    "${_reanimated_root}/src/featureFlags/staticFlags.json"
+    "${_gpui_app_root}/package.json"
+  RESULT_VARIABLE _reanimated_flags_result
+  OUTPUT_VARIABLE _reanimated_feature_flags
+  OUTPUT_STRIP_TRAILING_WHITESPACE
+)
+if(NOT _reanimated_flags_result EQUAL 0 OR _reanimated_feature_flags STREQUAL "")
+  message(FATAL_ERROR "Failed to load Reanimated static feature flags for GPUI")
+endif()
+
+execute_process(
+  COMMAND "${_gpui_node}" "${_react_native_root}/scripts/generate-codegen-artifacts.js"
+    --path "${_gpui_app_root}"
+    --targetPlatform ios
+    --outputPath "${_gpui_app_root}/desktop/build/codegen"
+    --source app
+  RESULT_VARIABLE _reanimated_codegen_result
+)
+if(NOT _reanimated_codegen_result EQUAL 0)
+  message(FATAL_ERROR "React Native codegen failed while configuring GPUI Reanimated")
+endif()
+set(_rn_codegen "${_gpui_app_root}/desktop/build/codegen/build/generated/ios/ReactCodegen")
+
+file(GLOB_RECURSE _reanimated_sources CONFIGURE_DEPENDS "${_reanimated_common}/reanimated/*.cpp")
+set_property(GLOBAL APPEND PROPERTY RN_GPUI_APP_CPP_SOURCES
+  ${_reanimated_sources}
+  "${CMAKE_CURRENT_LIST_DIR}/cpp/GPUIReanimatedModule.cpp")
+set_property(GLOBAL APPEND PROPERTY RN_GPUI_APP_CPP_INCLUDE_DIRS
+  "${_reanimated_common}"
+  "${_reanimated_root}"
+  "${_worklets_common}"
+  "${_rn_codegen}"
+  "${_gpui_worklets_root}/desktop/cpp")
+set_property(GLOBAL APPEND PROPERTY RN_GPUI_APP_CPP_DEFINITIONS
+  "REANIMATED_VERSION=4.7.1"
+  "REANIMATED_FEATURE_FLAGS=\"${_reanimated_feature_flags}\"")

package/desktop/cpp/GPUIReanimatedModule.cpp

@@ -0,0 +1,169 @@
+#include "GPUIWorkletsModule.h"
+#include "GpuiHost.h"
+
+#include <GPUIReanimatedSpec.h>
+#include <reanimated/NativeModules/ReanimatedModuleProxy.h>
+#include <reanimated/RuntimeDecorators/RNRuntimeDecorator.h>
+#include <reanimated/Tools/PlatformDepMethodsHolder.h>
+#include <worklets/Compat/StableApi.h>
+
+#include <glog/logging.h>
+
+#include <atomic>
+#include <chrono>
+#include <cstdint>
+#include <cstdlib>
+#include <memory>
+#include <utility>
+
+namespace {
+bool animationTracingEnabled() {
+  static const bool enabled = std::getenv("RN_GPUI_DEBUG_ANIMATION") != nullptr;
+  return enabled;
+}
+
+using facebook::jsi::Runtime;
+using reanimated::PlatformDepMethodsHolder;
+using reanimated::ReanimatedModuleProxy;
+
+PlatformDepMethodsHolder platformMethods(
+    const std::shared_ptr<std::weak_ptr<ReanimatedModuleProxy>>& proxyHolder) {
+  PlatformDepMethodsHolder methods;
+  methods.requestRender = [](std::function<void(const double)> callback) {
+    static std::atomic<uint64_t> requests{0};
+    const auto count = ++requests;
+    if (animationTracingEnabled() && (count <= 5 || count % 60 == 0)) {
+      LOG(INFO) << "[gpui-reanimated] requestRender count=" << count;
+    }
+    auto module = gpui_worklets::currentModule();
+    if (module)
+      module->requestAnimationFrame(std::move(callback));
+  };
+  methods.synchronouslyUpdateUIPropsFunction = [](const int tag,
+                                                  const folly::dynamic& props) {
+    rngpui::gpui_synchronously_update_props(tag, props);
+  };
+  methods.getAnimationTimestamp = [] {
+    return std::chrono::duration<double, std::milli>(
+               std::chrono::steady_clock::now().time_since_epoch())
+        .count();
+  };
+  methods.registerSensor =
+      [](int, int, int, std::function<void(double[], int)>) { return 0; };
+  methods.unregisterSensor = [](int) {};
+  methods.setGestureStateFunction = [](int, int) {};
+  methods.maybeFlushUIUpdatesQueueFunction = [proxyHolder] {
+    if (auto proxy = proxyHolder->lock()) {
+      proxy->performOperations();
+    }
+  };
+  methods.attachPseudoSelector = [](facebook::react::Tag,
+                                    reanimated::PseudoSelector,
+                                    std::function<void(bool)> callback) {
+    if (callback)
+      callback(false);
+  };
+  methods.detachPseudoSelector = [](facebook::react::Tag,
+                                    reanimated::PseudoSelector) {};
+#if defined(__APPLE__)
+  methods.forceScreenSnapshotFunction = [](facebook::react::Tag) {
+    return false;
+  };
+  methods.readMountedViewPropsFunction =
+      [](facebook::react::Tag) -> facebook::react::Props::Shared {
+    return nullptr;
+  };
+#endif
+  return methods;
+}
+
+class Module final
+    : public facebook::react::NativeReanimatedModuleSpec<Module> {
+ public:
+  explicit Module(std::shared_ptr<facebook::react::CallInvoker> jsInvoker)
+      : NativeReanimatedModuleSpec(std::move(jsInvoker)) {}
+
+  bool installTurboModule(Runtime& runtime) {
+    if (proxy_)
+      return true;
+    auto worklets = gpui_worklets::currentModule();
+    auto uiManager = rngpui::get_gpui_ui_manager();
+    if (!worklets || !worklets->uiRuntime() || !worklets->uiScheduler() ||
+        !uiManager) {
+      throw facebook::jsi::JSError(
+          runtime, "GPUI Reanimated requires initialized Worklets and Fabric");
+    }
+
+    // The platform flush callback is constructed before the proxy exists.
+    // Retain only a weak reference so the decorated UI runtime cannot keep
+    // the module alive after React Native tears it down.
+    auto proxyHolder = std::make_shared<std::weak_ptr<ReanimatedModuleProxy>>();
+    auto methods = platformMethods(proxyHolder);
+    proxy_ = std::make_shared<ReanimatedModuleProxy>(
+        worklets->uiRuntime(),
+        worklets->uiScheduler(),
+        runtime,
+        jsInvoker_,
+        methods,
+        false);
+    *proxyHolder = proxy_;
+    // The platform runs the registries' pending updates after each frame's
+    // animation callbacks, which is what applies a CSS transition or animation.
+    worklets->setAfterFrame(
+        [weak = std::weak_ptr<ReanimatedModuleProxy>(proxy_)] {
+          if (auto proxy = weak.lock()) {
+            proxy->performOperations();
+          }
+        });
+    proxy_->init(methods);
+    proxy_->initializeFabric(uiManager);
+    LOG(INFO) << "[gpui-reanimated] module proxy initialized";
+    auto& uiRuntime =
+        worklets::getJSIRuntimeFromWorkletRuntime(worklets->uiRuntime());
+    reanimated::RNRuntimeDecorator::decorate(runtime, uiRuntime, proxy_);
+    std::weak_ptr<ReanimatedModuleProxy> weakProxy = proxy_;
+    eventListener_ = std::make_shared<const facebook::react::EventListener>(
+        [weakProxy](const facebook::react::RawEvent& event) {
+          auto proxy = weakProxy.lock();
+          if (!proxy)
+            return false;
+          const auto timestamp =
+              std::chrono::duration<double, std::milli>(
+                  std::chrono::steady_clock::now().time_since_epoch())
+                  .count();
+          static std::atomic<uint64_t> events{0};
+          const auto count = ++events;
+          if (animationTracingEnabled() &&
+              event.type.find("GestureHandler") != std::string::npos) {
+            const auto* target = event.eventTarget.get();
+            const auto tag = target ? target->getTag() : -1;
+            auto eventName = event.type;
+            if (eventName.rfind("top", 0) == 0) {
+              eventName = "on" + eventName.substr(3);
+            }
+            LOG(INFO) << "[gpui-reanimated] gesture lookup type=" << eventName
+                      << " tag=" << tag << " waiting="
+                      << proxy->isAnyHandlerWaitingForEvent(eventName, tag);
+          }
+          if (animationTracingEnabled() &&
+              (count <= 10 ||
+               event.type.find("GestureHandler") != std::string::npos)) {
+            LOG(INFO) << "[gpui-reanimated] raw event count=" << count
+                      << " type=" << event.type;
+          }
+          return proxy->handleRawEvent(event, timestamp);
+        });
+    rngpui::register_gpui_event_listener(eventListener_);
+    return true;
+  }
+
+  std::shared_ptr<ReanimatedModuleProxy> proxy_;
+  std::shared_ptr<const facebook::react::EventListener> eventListener_;
+};
+} // namespace
+
+std::shared_ptr<facebook::react::TurboModule> create_gpui_reanimated_module(
+    const std::string& name,
+    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+  return rngpui::provideTurboModule<Module>(name, std::move(jsInvoker));
+}

package/desktop/patches/react-native-reanimated-4.7.1.patch

@@ -0,0 +1,407 @@
+--- a/reanimated/CSS/common/filters/FilterOp.cpp
++++ b/reanimated/CSS/common/filters/FilterOp.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/common/filters/FilterOp.h>
+ 
+ #include <array>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ 
+--- a/reanimated/CSS/common/transforms/TransformMatrix2D.cpp
++++ b/reanimated/CSS/common/transforms/TransformMatrix2D.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/common/transforms/TransformMatrix2D.h>
+ 
+ #include <cmath>
++#include <stdexcept>
+ 
+ namespace reanimated::css {
+ 
+--- a/reanimated/CSS/common/transforms/TransformMatrix3D.cpp
++++ b/reanimated/CSS/common/transforms/TransformMatrix3D.cpp
+@@ -1,6 +1,8 @@
+ #include <reanimated/CSS/common/transforms/TransformMatrix3D.h>
+ #include <reanimated/CSS/interpolation/transforms/TransformOperation.h>
+ 
++#include <cmath>
++#include <stdexcept>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/common/transforms/TransformOp.cpp
++++ b/reanimated/CSS/common/transforms/TransformOp.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/common/transforms/TransformOp.h>
+ 
+ #include <array>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ 
+--- a/reanimated/CSS/common/transforms/vectors.cpp
++++ b/reanimated/CSS/common/transforms/vectors.cpp
+@@ -1,4 +1,5 @@
+ #include <reanimated/CSS/common/transforms/vectors.h>
++#include <cmath>
+ 
+ namespace reanimated::css {
+ 
+--- a/reanimated/CSS/common/values/CSSAngle.cpp
++++ b/reanimated/CSS/common/values/CSSAngle.cpp
+@@ -2,6 +2,7 @@
+ 
+ #include <iomanip>
+ #include <regex>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ 
+--- a/reanimated/CSS/common/values/CSSColor.cpp
++++ b/reanimated/CSS/common/values/CSSColor.cpp
+@@ -4,6 +4,7 @@
+ 
+ #include <utility>
+ 
++#include <cmath>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/common/values/CSSLength.cpp
++++ b/reanimated/CSS/common/values/CSSLength.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/common/values/CSSLength.h>
+ #include <reanimated/CSS/misc/ViewStylesRepository.h>
+ 
++#include <stdexcept>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/common/values/CSSValueVariant.cpp
++++ b/reanimated/CSS/common/values/CSSValueVariant.cpp
+@@ -14,6 +14,7 @@
+ #include <reanimated/CSS/svg/values/SVGStrokeDashArray.h>
+ #include <reanimated/Compat/WorkletsApi.h>
+ 
++#include <stdexcept>
+ #include <string>
+ #include <utility>
+ #include <vector>
+--- a/reanimated/CSS/configs/CSSAnimationConfig.cpp
++++ b/reanimated/CSS/configs/CSSAnimationConfig.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/configs/CSSAnimationConfig.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ #include <utility>
+--- a/reanimated/CSS/easing/EasingFunctions.cpp
++++ b/reanimated/CSS/easing/EasingFunctions.cpp
+@@ -1,5 +1,6 @@
+ #include <reanimated/CSS/easing/EasingFunctions.h>
+ 
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ #include <vector>
+--- a/reanimated/CSS/interpolation/InterpolatorFactory.cpp
++++ b/reanimated/CSS/interpolation/InterpolatorFactory.cpp
+@@ -27,7 +27,7 @@
+   // Helper private type just for a default value
+   struct EmptyObjectValue : public CSSValue {
+     folly::dynamic toDynamic() const override {
+-      return folly::dynamic::object;
++      return folly::dynamic::object();
+     }
+ 
+     std::string toString() const override {
+@@ -53,7 +53,7 @@
+   // Helper private type just for a default value
+   struct EmptyArrayValue : public CSSValue {
+     folly::dynamic toDynamic() const override {
+-      return folly::dynamic::array;
++      return folly::dynamic::array();
+     }
+ 
+     std::string toString() const override {
+--- a/reanimated/CSS/interpolation/InterpolatorFactory.h
++++ b/reanimated/CSS/interpolation/InterpolatorFactory.h
+@@ -14,6 +14,7 @@
+ #include <reanimated/CSS/interpolation/values/SimpleValueInterpolator.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ #include <utility>
+--- a/reanimated/CSS/interpolation/PropertyInterpolator.cpp
++++ b/reanimated/CSS/interpolation/PropertyInterpolator.cpp
+@@ -2,6 +2,7 @@
+ #include <reanimated/Compat/WorkletsApi.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <utility>
+ #include <variant>
+--- a/reanimated/CSS/interpolation/filters/FilterOperation.cpp
++++ b/reanimated/CSS/interpolation/filters/FilterOperation.cpp
+@@ -15,6 +15,7 @@
+ #include <reanimated/CSS/interpolation/filters/operations/saturate.h>
+ #include <reanimated/CSS/interpolation/filters/operations/sepia.h>
+ 
++#include <stdexcept>
+ #include <utility>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/interpolation/transforms/TransformOperation.cpp
++++ b/reanimated/CSS/interpolation/transforms/TransformOperation.cpp
+@@ -13,6 +13,7 @@
+ #include <reanimated/CSS/interpolation/transforms/operations/skew.h>
+ #include <reanimated/CSS/interpolation/transforms/operations/translate.h>
+ 
++#include <stdexcept>
+ #include <utility>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/interpolation/transforms/TransformOperationInterpolator.cpp
++++ b/reanimated/CSS/interpolation/transforms/TransformOperationInterpolator.cpp
+@@ -7,21 +7,10 @@
+ 
+ #include <cmath>
+ #include <limits>
++#include <stdexcept>
+ #include <utility>
+ 
+ namespace reanimated::css {
+-
+-// Base implementation for simple operations
+-template <typename TOperation>
+-std::unique_ptr<StyleOperation> TransformOperationInterpolator<TOperation>::interpolate(
+-    double progress,
+-    const std::shared_ptr<StyleOperation> &from,
+-    const std::shared_ptr<StyleOperation> &to,
+-    const StyleOperationsInterpolationContext & /* context */) const {
+-  const auto &fromOp = *std::static_pointer_cast<TOperation>(from);
+-  const auto &toOp = *std::static_pointer_cast<TOperation>(to);
+-  return std::make_unique<TOperation>(fromOp.value.interpolate(progress, toOp.value));
+-}
+ 
+ // Specialization for PerspectiveOperation
+ TransformOperationInterpolator<PerspectiveOperation>::TransformOperationInterpolator(
+--- a/reanimated/CSS/interpolation/transforms/TransformOperationInterpolator.h
++++ b/reanimated/CSS/interpolation/transforms/TransformOperationInterpolator.h
+@@ -15,11 +15,18 @@
+  public:
+   using StyleOperationInterpolator::StyleOperationInterpolator;
+ 
++  // Defined in the class body: MSVC rejects an out-of-line definition of the
++  // primary template member next to the constrained partial specialization
++  // below (C3855).
+   std::unique_ptr<StyleOperation> interpolate(
+       double progress,
+       const std::shared_ptr<StyleOperation> &from,
+       const std::shared_ptr<StyleOperation> &to,
+-      const StyleOperationsInterpolationContext &context) const override;
++      const StyleOperationsInterpolationContext & /* context */) const override {
++    const auto &fromOp = *std::static_pointer_cast<TOperation>(from);
++    const auto &toOp = *std::static_pointer_cast<TOperation>(to);
++    return std::make_unique<TOperation>(fromOp.value.interpolate(progress, toOp.value));
++  }
+ };
+ 
+ // Specialization for PerspectiveOperation
+--- a/reanimated/CSS/interpolation/transforms/operations/matrix.cpp
++++ b/reanimated/CSS/interpolation/transforms/operations/matrix.cpp
+@@ -3,6 +3,7 @@
+ 
+ #include <deque>
+ #include <memory>
++#include <stdexcept>
+ #include <utility>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/interpolation/transforms/operations/translate.cpp
++++ b/reanimated/CSS/interpolation/transforms/operations/translate.cpp
+@@ -3,6 +3,7 @@
+ #include <reanimated/CSS/interpolation/transforms/operations/translate.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/interpolation/values/SimpleValueInterpolator.cpp
++++ b/reanimated/CSS/interpolation/values/SimpleValueInterpolator.cpp
+@@ -18,6 +18,7 @@
+ #include <reanimated/CSS/svg/values/SVGStrokeDashArray.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ 
+ namespace reanimated::css {
+ 
+--- a/reanimated/CSS/misc/ViewStylesRepository.cpp
++++ b/reanimated/CSS/misc/ViewStylesRepository.cpp
+@@ -2,6 +2,7 @@
+ #include <reanimated/Tools/FeatureFlags.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <variant>
+ 
+--- a/reanimated/CSS/registries/CSSAnimationsRegistry.cpp
++++ b/reanimated/CSS/registries/CSSAnimationsRegistry.cpp
+@@ -4,6 +4,7 @@
+ #include <react/debug/react_native_assert.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ #include <utility>
+--- a/reanimated/CSS/svg/values/SVGPath.cpp
++++ b/reanimated/CSS/svg/values/SVGPath.cpp
+@@ -7,6 +7,7 @@
+ #include <functional>
+ #include <optional>
+ #include <regex>
++#include <stdexcept>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/CSS/svg/values/SVGStops.cpp
++++ b/reanimated/CSS/svg/values/SVGStops.cpp
+@@ -2,6 +2,7 @@
+ #include <reanimated/CSS/svg/values/SVGStops.h>
+ 
+ #include <algorithm>
++#include <cmath>
+ #include <cstddef>
+ #include <functional>
+ #include <optional>
+--- a/reanimated/CSS/utils/interpolators.cpp
++++ b/reanimated/CSS/utils/interpolators.cpp
+@@ -1,6 +1,7 @@
+ #include <reanimated/CSS/utils/interpolators.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ 
+ namespace reanimated::css {
+--- a/reanimated/Fabric/updates/UpdatesRegistryManager.cpp
++++ b/reanimated/Fabric/updates/UpdatesRegistryManager.cpp
+@@ -4,6 +4,7 @@
+ #include <react/debug/react_native_assert.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <utility>
+ #include <vector>
+ 
+--- a/reanimated/LayoutAnimations/LayoutAnimationsManager.cpp
++++ b/reanimated/LayoutAnimations/LayoutAnimationsManager.cpp
+@@ -3,6 +3,7 @@
+ #include <react/debug/react_native_assert.h>
+ 
+ #include <memory>
++#include <stdexcept>
+ #include <unordered_map>
+ #include <utility>
+ #include <vector>
+--- a/reanimated/NativeModules/ReanimatedModuleProxy.cpp
++++ b/reanimated/NativeModules/ReanimatedModuleProxy.cpp
+@@ -30,6 +30,7 @@
+ #include <algorithm>
+ #include <functional>
+ #include <memory>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ #include <unordered_set>
+@@ -72,6 +73,10 @@
+ constexpr bool shouldUseSynchronousUpdatesInPerformOperations() {
+   return StaticFeatureFlags::getFlag("IOS_SYNCHRONOUSLY_UPDATE_UI_PROPS");
+ }
++#elif defined(__linux__)
++constexpr bool shouldUseSynchronousUpdatesInPerformOperations() {
++  return StaticFeatureFlags::getFlag("LINUX_SYNCHRONOUSLY_UPDATE_UI_PROPS");
++}
+ #else
+ constexpr bool shouldUseSynchronousUpdatesInPerformOperations() {
+   return false;
+@@ -1089,11 +1094,11 @@
+   }
+ #endif // ANDROID
+ 
+-#if __APPLE__
++#ifndef ANDROID
+   for (const auto &[shadowNodeFamily, props] : synchronousUpdatesBatch) {
+     synchronouslyUpdateUIPropsFunction_(shadowNodeFamily->getTag(), props);
+   }
+-#endif // __APPLE__
++#endif // ANDROID
+ }
+ 
+ void ReanimatedModuleProxy::requestFlushRegistry() {
+--- a/reanimated/Tools/FeatureFlags.h
++++ b/reanimated/Tools/FeatureFlags.h
+@@ -1,5 +1,6 @@
+ #pragma once
+ #include <mutex>
++#include <stdexcept>
+ #include <string>
+ #include <unordered_map>
+ 
+--- a/reanimated/Tools/PlatformDepMethodsHolder.h
++++ b/reanimated/Tools/PlatformDepMethodsHolder.h
+@@ -9,7 +9,9 @@
+ #include <react/renderer/core/Props.h>
+ #include <react/renderer/core/ReactPrimitives.h>
+ 
++#include <functional>
+ #include <memory>
++#include <optional>
+ #include <string>
+ #include <utility>
+ #include <vector>
+@@ -32,7 +34,7 @@
+ using RequestRenderFunction = std::function<void(std::function<void(const double)>)>;
+ #ifdef ANDROID
+ using SynchronouslyUpdateUIPropsFunction = std::function<void(const std::vector<int> &, const std::vector<double> &)>;
+-#elif __APPLE__
++#else
+ using SynchronouslyUpdateUIPropsFunction = std::function<void(const int, const folly::dynamic &)>;
+ #endif // ANDROID
+ using PreserveMountedTagsFunction = std::function<std::optional<std::unique_ptr<int[]>>(std::vector<int> &)>;
+--- a/reanimated/Tools/SingleInstanceChecker.h
++++ b/reanimated/Tools/SingleInstanceChecker.h
+@@ -4,7 +4,9 @@
+ 
+ #include <react/debug/react_native_assert.h>
+ 
++#ifndef _MSC_VER
+ #include <cxxabi.h>
++#endif
+ 
+ #include <atomic>
+ #include <cassert>
+@@ -51,10 +53,14 @@
+ 
+ template <class T>
+ SingleInstanceChecker<T>::SingleInstanceChecker() {
++#ifdef _MSC_VER
++  std::string className = typeid(T).name();
++#else
+   int status = 0;
+   char *demangled = __cxxabiv1::__cxa_demangle(typeid(T).name(), nullptr, nullptr, &status);
+   std::string className = (status == 0 && demangled != nullptr) ? demangled : typeid(T).name();
+   std::free(demangled);
++#endif
+ 
+   // React Native can spawn up to two instances of a Native Module at the same
+   // time. This happens during a reload when a new instance of React Native is

package/package.json

@@ -1,6 +1,42 @@
 {
   "name": "@react-native-gpui/reanimated",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "4.7.0-alpha.1",
+  "description": "Adapter for react-native-reanimated (MIT): runs animations, layout animations and CSS animations on the desktop renderer",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/streetwriters/react-native-gpui-modules.git",
+    "directory": "modules/reanimated"
+  },
+  "homepage": "https://github.com/streetwriters/react-native-gpui-modules/tree/main/modules/reanimated#readme",
+  "bugs": {
+    "url": "https://github.com/streetwriters/react-native-gpui-modules/issues"
+  },
+  "files": [
+    "desktop",
+    "react-native.config.js",
+    "src",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md",
+    "!**/*.test.js",
+    "!**/*.test.mjs",
+    "!**/*.test.ts",
+    "!**/*.test.cjs"
+  ],
+  "peerDependencies": {
+    "react-native": "0.87.x",
+    "react-native-reanimated": "4.7.x",
+    "react-native-worklets": "0.13.x",
+    "@react-native-gpui/worklets": "0.13.0-alpha.1"
+  },
+  "codegenConfig": {
+    "name": "GPUIReanimatedSpec",
+    "type": "modules",
+    "jsSrcsDir": "src"
+  },
+  "publishConfig": {
+    "access": "public",
+    "tag": "latest"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  dependency: {
+    platforms: {
+      desktop: {
+        cmake: 'desktop',
+        cppProvider: 'create_gpui_reanimated_module',
+      },
+    },
+  },
+};

package/src/NativeReanimatedModule.ts

@@ -0,0 +1,8 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  installTurboModule: () => boolean;
+}
+
+export default TurboModuleRegistry.get<Spec>('ReanimatedModule');