react-native-unistyles 3.4.0 → 3.5.0

package/cxx/shadowTree/ShadowTreeDiagnostics.cpp

@@ -0,0 +1,339 @@
+#include "ShadowTreeDiagnostics.h"
+
+#include <array>
+#include <cstdio>
+#include <folly/Conv.h>
+#include <react/renderer/components/image/ImageProps.h>
+// ParagraphProps is platform specific and not exposed by the Android prefab
+#if __has_include(<react/renderer/components/text/BaseParagraphProps.h>)
+#include <react/renderer/components/text/BaseParagraphProps.h>
+#define UNISTYLES_HAS_BASE_PARAGRAPH_PROPS 1
+#else
+#define UNISTYLES_HAS_BASE_PARAGRAPH_PROPS 0
+#endif
+#include <react/renderer/components/text/TextProps.h>
+#include <react/renderer/components/view/BaseViewProps.h>
+#include <react/renderer/uimanager/UIManagerBinding.h>
+#include <string_view>
+#include "Parser.h"
+#include "UnistylesRegistry.h"
+
+using namespace margelo::nitro::unistyles;
+using namespace facebook::react;
+
+namespace {
+
+struct PropDifference {
+    std::string prop;
+    std::string expected;
+    std::string actual;
+};
+
+struct Mismatch {
+    Tag tag;
+    std::string component;
+    std::string styleKey;
+    PropDifference difference;
+};
+
+template <typename P>
+using VerifiedProps = std::vector<std::pair<const char*, std::string (*)(const P&)>>;
+
+// SharedColor::toString exists since React Native 0.83, same format
+std::string serialize(const SharedColor& color) {
+    if (!color) {
+        return "undefined";
+    }
+
+    auto components = colorComponentsFromColor(color);
+    std::array<char, 64> buffer{};
+
+    std::snprintf(
+        buffer.data(),
+        buffer.size(),
+        "rgba(%.0f, %.0f, %.0f, %g)",
+        components.red * 255.f,
+        components.green * 255.f,
+        components.blue * 255.f,
+        components.alpha
+    );
+
+    return buffer.data();
+}
+
+std::string serialize(Float value) {
+    return folly::to<std::string>(value);
+}
+
+std::string serialize(const std::optional<FontWeight>& fontWeight) {
+    return fontWeight ? std::to_string(static_cast<int>(*fontWeight)) : "undefined";
+}
+
+RectangleEdges<SharedColor> borderColors(const BaseViewProps& props) {
+    return props.borderColors.resolve(false, {});
+}
+
+// theme dependent props, add new ones here
+const VerifiedProps<BaseViewProps> viewProps{
+    {"backgroundColor", [](const BaseViewProps& props) { return serialize(props.backgroundColor); }},
+    {"borderLeftColor", [](const BaseViewProps& props) { return serialize(borderColors(props).left); }},
+    {"borderTopColor", [](const BaseViewProps& props) { return serialize(borderColors(props).top); }},
+    {"borderRightColor", [](const BaseViewProps& props) { return serialize(borderColors(props).right); }},
+    {"borderBottomColor", [](const BaseViewProps& props) { return serialize(borderColors(props).bottom); }},
+    {"opacity", [](const BaseViewProps& props) { return serialize(props.opacity); }},
+    {"shadowColor", [](const BaseViewProps& props) { return serialize(props.shadowColor); }},
+};
+
+const VerifiedProps<BaseTextProps> textProps{
+    {"color", [](const BaseTextProps& props) { return serialize(props.textAttributes.foregroundColor); }},
+    {"textBackgroundColor", [](const BaseTextProps& props) { return serialize(props.textAttributes.backgroundColor); }},
+    {"fontSize", [](const BaseTextProps& props) { return serialize(props.textAttributes.fontSize); }},
+    {"fontWeight", [](const BaseTextProps& props) { return serialize(props.textAttributes.fontWeight); }},
+    {"textDecorationColor", [](const BaseTextProps& props) { return serialize(props.textAttributes.textDecorationColor); }},
+};
+
+const VerifiedProps<ImageProps> imageProps{
+    {"tintColor", [](const ImageProps& props) { return serialize(props.tintColor); }},
+};
+
+template <typename P>
+void diff(const VerifiedProps<P>& verifiedProps, const P& expected, const P& actual, std::vector<PropDifference>& differences) {
+    for (const auto& [name, read] : verifiedProps) {
+        auto expectedValue = read(expected);
+        auto actualValue = read(actual);
+
+        if (expectedValue != actualValue) {
+            differences.push_back({name, std::move(expectedValue), std::move(actualValue)});
+        }
+    }
+}
+
+const BaseTextProps* asTextProps(std::string_view componentName, const Props& props) {
+#if UNISTYLES_HAS_BASE_PARAGRAPH_PROPS
+    if (componentName == "Paragraph") {
+        return &static_cast<const BaseParagraphProps&>(props);
+    }
+#endif
+
+    if (componentName == "Text") {
+        return &static_cast<const TextProps&>(props);
+    }
+
+    return nullptr;
+}
+
+std::vector<PropDifference> diffVerifiedProps(const ShadowNode& shadowNode, const Props& expected) {
+    const auto& actual = *shadowNode.getProps();
+    const std::string_view componentName = shadowNode.getComponentName();
+    std::vector<PropDifference> differences;
+
+    if (shadowNode.getTraits().check(ShadowNodeTraits::Trait::ViewKind)) {
+        diff(viewProps, static_cast<const BaseViewProps&>(expected), static_cast<const BaseViewProps&>(actual), differences);
+    }
+
+    if (const auto* expectedText = asTextProps(componentName, expected)) {
+        diff(textProps, *expectedText, *asTextProps(componentName, actual), differences);
+    }
+
+    if (componentName == "Image") {
+        diff(imageProps, static_cast<const ImageProps&>(expected), static_cast<const ImageProps&>(actual), differences);
+    }
+
+    return differences;
+}
+
+// current revision of every surface
+std::unordered_map<SurfaceId, std::shared_ptr<const RootShadowNode>> getCommittedRoots(const UIManager& uiManager) {
+    std::unordered_map<SurfaceId, std::shared_ptr<const RootShadowNode>> roots;
+
+    uiManager.getShadowTreeRegistry().enumerate([&roots](const ShadowTree& shadowTree, bool&) {
+        roots.emplace(shadowTree.getSurfaceId(), shadowTree.getCurrentRevision().rootShadowNode);
+    });
+
+    return roots;
+}
+
+// nullptr when the family is not part of the committed tree
+std::shared_ptr<const ShadowNode> findCommittedNode(
+    const std::unordered_map<SurfaceId, std::shared_ptr<const RootShadowNode>>& roots,
+    const ShadowNodeFamily& family
+) {
+    const auto rootIt = roots.find(family.getSurfaceId());
+
+    if (rootIt == roots.end() || !rootIt->second) {
+        return nullptr;
+    }
+
+    auto ancestors = family.getAncestors(*rootIt->second);
+
+    if (ancestors.empty()) {
+        return nullptr;
+    }
+
+    const auto& [parent, index] = ancestors.back();
+
+    return parent.get().getChildren().at(index);
+}
+
+// rebuilds a copy of every UnistyleData, so the registry and shared parsed styles stay untouched
+folly::dynamic getExpectedProps(
+    jsi::Runtime& rt,
+    parser::Parser& parser,
+    const std::vector<std::shared_ptr<core::UnistyleData>>& unistyles
+) {
+    std::vector<std::shared_ptr<core::UnistyleData>> expectedUnistyles;
+    // prop name -> set last by an inline style
+    std::unordered_map<std::string, bool> propOwners;
+
+    expectedUnistyles.reserve(unistyles.size());
+
+    for (const auto& unistyleData : unistyles) {
+        auto arguments = unistyleData->dynamicFunctionMetadata.value_or(std::vector<folly::dynamic>{});
+        auto expectedData = std::make_shared<core::UnistyleData>(
+            unistyleData->unistyle,
+            unistyleData->variants,
+            arguments,
+            unistyleData->scopedTheme
+        );
+
+        // inline styles don't depend on the theme, React (or an animation) owns the props they set last
+        if (unistyleData->unistyle->styleKey == helpers::EXOTIC_STYLE_KEY) {
+            if (unistyleData->parsedStyle.has_value()) {
+                helpers::enumerateJSIObject(rt, unistyleData->parsedStyle.value(), [&propOwners](const std::string& propName, jsi::Value&) {
+                    propOwners[propName] = true;
+                });
+            }
+
+            continue;
+        }
+
+        if (expectedData->scopedTheme.has_value()) {
+            jsi::Value scopedStyleSheet = jsi::Value::undefined();
+
+            parser.rebuildUnistyleWithScopedTheme(rt, scopedStyleSheet, expectedData);
+        }
+
+        // static StyleSheets have no scoped version
+        if (!expectedData->parsedStyle.has_value()) {
+            parser.rebuildUnistyleWithVariants(rt, expectedData);
+        }
+
+        if (expectedData->parsedStyle.has_value()) {
+            helpers::enumerateJSIObject(rt, expectedData->parsedStyle.value(), [&propOwners](const std::string& propName, jsi::Value&) {
+                propOwners[propName] = false;
+            });
+        }
+
+        expectedUnistyles.emplace_back(std::move(expectedData));
+    }
+
+    auto expectedProps = parser.parseStylesToShadowTreeStyles(rt, expectedUnistyles);
+
+    for (const auto& [propName, isOwnedByInlineStyle] : propOwners) {
+        if (isOwnedByInlineStyle) {
+            expectedProps.erase(propName);
+        }
+    }
+
+    return expectedProps;
+}
+
+}
+
+jsi::Value shadow::ShadowTreeDiagnostics::verify(jsi::Runtime& rt, std::shared_ptr<HybridUnistylesRuntime> unistylesRuntime) {
+    auto& registry = core::UnistylesRegistry::get();
+    auto& uiManager = UIManagerBinding::getBinding(rt)->getUIManager();
+    auto snapshot = registry.getLinkedFamiliesSnapshot();
+    auto roots = getCommittedRoots(uiManager);
+    auto parser = parser::Parser(unistylesRuntime);
+
+    double checked = 0;
+    double detached = 0;
+    double suspended = 0;
+    double orphans = 0;
+    std::vector<Mismatch> mismatches;
+    std::vector<std::string> errors;
+
+    for (const auto& linkedFamily : snapshot) {
+        const auto& family = *linkedFamily.family;
+
+        // React Native dropped it, eg. unmounted while frozen
+        if (linkedFamily.isOwnedOnlyByUnistyles) {
+            orphans++;
+
+            continue;
+        }
+
+        // hidden by Suspense or a frozen screen, it gets fresh styles when restored
+        if (linkedFamily.isSuspended) {
+            suspended++;
+
+            continue;
+        }
+
+        auto committed = findCommittedNode(roots, family);
+
+        if (!committed) {
+            detached++;
+
+            continue;
+        }
+
+        checked++;
+
+        try {
+            auto expectedRawProps = getExpectedProps(rt, parser, linkedFamily.unistyles);
+            PropsParserContext propsParserContext{committed->getSurfaceId(), *committed->getContextContainer()};
+            auto expectedProps = committed->getComponentDescriptor().cloneProps(
+                propsParserContext,
+                committed->getProps(),
+                RawProps(expectedRawProps)
+            );
+
+            for (auto& difference : diffVerifiedProps(*committed, *expectedProps)) {
+                mismatches.push_back({
+                    family.getTag(),
+                    committed->getComponentName(),
+                    linkedFamily.unistyles.empty() ? "" : linkedFamily.unistyles.back()->unistyle->styleKey,
+                    std::move(difference)
+                });
+            }
+        } catch (const std::exception& error) {
+            errors.emplace_back("tag " + std::to_string(family.getTag()) + ": " + error.what());
+        }
+    }
+
+    auto jsMismatches = jsi::Array(rt, mismatches.size());
+
+    for (size_t i = 0; i < mismatches.size(); i++) {
+        auto& mismatch = mismatches[i];
+        auto jsMismatch = jsi::Object(rt);
+
+        jsMismatch.setProperty(rt, "tag", static_cast<double>(mismatch.tag));
+        jsMismatch.setProperty(rt, "component", jsi::String::createFromUtf8(rt, mismatch.component));
+        jsMismatch.setProperty(rt, "styleKey", jsi::String::createFromUtf8(rt, mismatch.styleKey));
+        jsMismatch.setProperty(rt, "prop", jsi::String::createFromUtf8(rt, mismatch.difference.prop));
+        jsMismatch.setProperty(rt, "expected", jsi::String::createFromUtf8(rt, mismatch.difference.expected));
+        jsMismatch.setProperty(rt, "actual", jsi::String::createFromUtf8(rt, mismatch.difference.actual));
+        jsMismatches.setValueAtIndex(rt, i, std::move(jsMismatch));
+    }
+
+    auto jsErrors = jsi::Array(rt, errors.size());
+
+    for (size_t i = 0; i < errors.size(); i++) {
+        jsErrors.setValueAtIndex(rt, i, jsi::String::createFromUtf8(rt, errors[i]));
+    }
+
+    auto report = jsi::Object(rt);
+
+    report.setProperty(rt, "linked", static_cast<double>(snapshot.size()));
+    report.setProperty(rt, "checked", checked);
+    report.setProperty(rt, "detached", detached);
+    report.setProperty(rt, "suspended", suspended);
+    report.setProperty(rt, "orphans", orphans);
+    report.setProperty(rt, "pendingUpdates", static_cast<double>(registry.getPendingUpdatesCount()));
+    report.setProperty(rt, "mismatches", std::move(jsMismatches));
+    report.setProperty(rt, "errors", std::move(jsErrors));
+
+    return report;
+}

package/cxx/shadowTree/ShadowTreeDiagnostics.h

@@ -0,0 +1,18 @@
+#pragma once
+
+#include <jsi/jsi.h>
+#include <memory>
+#include "HybridUnistylesRuntime.h"
+
+namespace margelo::nitro::unistyles::shadow {
+
+using namespace facebook;
+
+// Diagnostics for tests (react-native-unistyles/diagnostics), never commits anything
+struct ShadowTreeDiagnostics {
+    // rebuilds styles of every linked node with its own arguments, variants and current theme,
+    // and compares them with props committed to the shadow tree
+    static jsi::Value verify(jsi::Runtime& rt, std::shared_ptr<HybridUnistylesRuntime> unistylesRuntime);
+};
+
+}

package/cxx/shadowTree/ShadowTreeManager.cpp

@@ -4,12 +4,13 @@ using namespace margelo::nitro::unistyles;
 using namespace facebook::react;
 using namespace facebook;
 
-void shadow::ShadowTreeManager::updateShadowTree(jsi::Runtime& rt) {
+std::vector<Tag> shadow::ShadowTreeManager::updateShadowTree(jsi::Runtime& rt) {
     auto& registry = core::UnistylesRegistry::get();
 
     // updates pin their families, so raw pointers stay valid during the commit
     // declared outside of the lock, so the last pin is released after unlocking
     PinnedShadowLeafUpdates updates;
+    std::vector<Tag> committedTags;
 
     registry.trafficController.withLock([&](){
         updates = registry.trafficController.takeUpdates();
@@ -20,13 +21,18 @@ void shadow::ShadowTreeManager::updateShadowTree(jsi::Runtime& rt) {
 
         std::unordered_map<Tag, folly::dynamic> tagToProps;
 
+        committedTags.reserve(updates.size());
+
         for (const auto& [family, update] : updates) {
             auto safeProps = update.props.isObject() ? update.props : folly::dynamic::object();
 
             tagToProps.insert({family->getTag(), safeProps});
+            committedTags.push_back(family->getTag());
             shadow::mergeNativeProps(family, safeProps);
         }
 
         UIManagerBinding::getBinding(rt)->getUIManager().updateShadowTree(std::move(tagToProps));
     });
+
+    return committedTags;
 }

package/cxx/shadowTree/ShadowTreeManager.h

@@ -15,7 +15,7 @@ using namespace facebook::react;
 using namespace facebook;
 
 struct ShadowTreeManager {
-    static void updateShadowTree(jsi::Runtime& rt);
+    static std::vector<Tag> updateShadowTree(jsi::Runtime& rt);
 };
 
 }

package/diagnostics/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/diagnostics/index",
+  "module": "../lib/module/diagnostics/index",
+  "react-native": "../src/diagnostics/index",
+  "types": "../lib/typescript/src/diagnostics/index"
+}

package/ios/UnistylesModuleOnLoad.mm

@@ -6,7 +6,9 @@
 
 using namespace margelo::nitro;
 
-@implementation UnistylesModule
+@implementation UnistylesModule {
+    uint64_t _generation;
+}
 
 RCT_EXPORT_MODULE(Unistyles)
 
@@ -16,6 +18,9 @@ RCT_EXPORT_MODULE(Unistyles)
 
 - (void)installJSIBindingsWithRuntime:(jsi::Runtime&)rt callInvoker:(const std::shared_ptr<facebook::react::CallInvoker> &)callInvoker {
     // function is called on: first init and every live reload
+    // newest runtime owns the registry, previous runtime's state is kept until it releases ownership
+    _generation = core::UnistylesRegistry::get().takeOwnership();
+
     // check if this is live reload, if so let's replace UnistylesRuntime with new runtime
     auto hasUnistylesRuntime = HybridObjectRegistry::hasHybridObject("UnistylesRuntime");
 
@@ -34,7 +39,7 @@ RCT_EXPORT_MODULE(Unistyles)
     };
 
     auto nativePlatform = Unistyles::NativePlatform::create().getCxxPart();
-    auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, runOnJSThread);
+    auto unistylesRuntime = std::make_shared<HybridUnistylesRuntime>(nativePlatform, runOnJSThread, _generation);
     auto styleSheet = std::make_shared<HybridStyleSheet>(unistylesRuntime);
 
     HybridObjectRegistry::registerHybridObjectConstructor("UnistylesRuntime", [unistylesRuntime]() -> std::shared_ptr<HybridObject>{
@@ -53,7 +58,8 @@ RCT_EXPORT_MODULE(Unistyles)
 }
 
 - (void)invalidate {
-    core::UnistylesRegistry::get().destroy();
+    // releases this runtime's state, also when a newer runtime already replaced it
+    core::UnistylesRegistry::get().releaseOwnership(_generation);
 
     [super invalidate];
 }

package/lib/commonjs/components/native/ActivityIndicator.native.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActivityIndicator = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const ActivityIndicator = exports.ActivityIndicator = (0, _core.createUnistylesActivityIndicator)(_reactNative.ActivityIndicator);
+//# sourceMappingURL=ActivityIndicator.native.js.map

package/lib/commonjs/components/native/ActivityIndicator.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","ActivityIndicator","exports","createUnistylesActivityIndicator","NativeActivityIndicator"],"sourceRoot":"../../../../src","sources":["components/native/ActivityIndicator.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,sCAAgC,EAACC,8BAAuB,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/NativeText.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "NativeText", {
+  enumerable: true,
+  get: function () {
+    return _Text.Text;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {

package/lib/commonjs/components/native/NativeText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Text","require"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_Text","require"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/native/NativeText.native.js

@@ -5,10 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NativeText = void 0;
 var _react = require("react");
+var ReactNative = _interopRequireWildcard(require("react-native"));
 var _core = require("../../core");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RN = ReactNative;
+const resolveRCTText = () => {
+  // RN 0.83+ re-exports the host component, which at runtime is the 'RCTText' string itself
+  if (typeof RN.unstable_NativeText === 'string') {
+    return RN.unstable_NativeText;
+  }
+
+  // older RN has no public handle on it, but reading Text evaluates the very same module
+  if (!RN.Text) {
+    throw new Error('Unistyles 🦄: react-native did not expose Text, unable to render NativeText');
+  }
+  return 'RCTText';
+};
+
 // credits to @hirbod
 const LeanText = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _react.createElement)('RCTText', {
+  return /*#__PURE__*/(0, _react.createElement)(resolveRCTText(), {
     ...props,
     ref
   });

package/lib/commonjs/components/native/NativeText.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_core","LeanText","forwardRef","props","ref","createElement","displayName","NativeText","exports","createUnistylesElement"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACtD,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;AAEzB,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,4BAAsB,EAACR,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","ReactNative","_interopRequireWildcard","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RN","resolveRCTText","unstable_NativeText","Text","Error","LeanText","forwardRef","props","ref","createElement","displayName","NativeText","exports","createUnistylesElement"],"sourceRoot":"../../../../src","sources":["components/native/NativeText.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAAmD,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEnD,MAAMkB,EAAE,GAAGtB,WAAqE;AAEhF,MAAMuB,cAAc,GAAGA,CAAA,KAAM;EACzB;EACA,IAAI,OAAOD,EAAE,CAACE,mBAAmB,KAAK,QAAQ,EAAE;IAC5C,OAAOF,EAAE,CAACE,mBAAmB;EACjC;;EAEA;EACA,IAAI,CAACF,EAAE,CAACG,IAAI,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,6EAA6E,CAAC;EAClG;EAEA,OAAO,SAAS;AACpB,CAAC;;AAED;AACA,MAAMC,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAACR,cAAc,CAAC,CAAC,EAAE;IAAE,GAAGM,KAAK;IAAEC;EAAI,CAAC,CAAC;AAC7D,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;AAEzB,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,4BAAsB,EAACR,QAAQ,CAAC","ignoreList":[]}

package/lib/commonjs/components/native/NativeView.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "NativeView", {
+  enumerable: true,
+  get: function () {
+    return _View.View;
+  }
+});
 exports.default = void 0;
 var _View = require("./View");
 var _default = exports.default = _View.View;

package/lib/commonjs/components/native/NativeView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_View","require","_default","exports","default","View"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAA6B,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEdC,UAAI","ignoreList":[]}
+{"version":3,"names":["_View","require","_default","exports","default","View"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAA6B,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAIdC,UAAI","ignoreList":[]}

package/lib/commonjs/components/native/NativeView.native.js

@@ -3,18 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.NativeView = void 0;
 var _react = require("react");
+var ReactNative = _interopRequireWildcard(require("react-native"));
 var _core = require("../../core");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RN = ReactNative;
+const resolveRCTView = () => {
+  // RN 0.83+ re-exports the host component, which at runtime is the 'RCTView' string itself
+  if (typeof RN.unstable_NativeView === 'string') {
+    return RN.unstable_NativeView;
+  }
+
+  // older RN has no public handle on it, but reading View evaluates the very same module
+  if (!RN.View) {
+    throw new Error('Unistyles 🦄: react-native did not expose View, unable to render NativeView');
+  }
+  return 'RCTView';
+};
+
 // credits to @hirbod
 const LeanView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _react.createElement)('RCTView', {
+  return /*#__PURE__*/(0, _react.createElement)(resolveRCTView(), {
     ...props,
     ref
   });
 });
 LeanView.displayName = 'RCTView';
 
+// named export matches unstable_NativeView from react-native
+const NativeView = exports.NativeView = (0, _core.createUnistylesElement)(LeanView);
+
 // this will match default export from react-native
-var _default = exports.default = (0, _core.createUnistylesElement)(LeanView);
+var _default = exports.default = NativeView;
 //# sourceMappingURL=NativeView.native.js.map

package/lib/commonjs/components/native/NativeView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_core","LeanView","forwardRef","props","ref","createElement","displayName","_default","exports","default","createUnistylesElement"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA;AACA,MAAME,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACtD,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;;AAEhC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACe,IAAAC,4BAAsB,EAACT,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","ReactNative","_interopRequireWildcard","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RN","resolveRCTView","unstable_NativeView","View","Error","LeanView","forwardRef","props","ref","createElement","displayName","NativeView","exports","createUnistylesElement","_default"],"sourceRoot":"../../../../src","sources":["components/native/NativeView.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAAmD,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEnD,MAAMkB,EAAE,GAAGtB,WAAqE;AAEhF,MAAMuB,cAAc,GAAGA,CAAA,KAAM;EACzB;EACA,IAAI,OAAOD,EAAE,CAACE,mBAAmB,KAAK,QAAQ,EAAE;IAC5C,OAAOF,EAAE,CAACE,mBAAmB;EACjC;;EAEA;EACA,IAAI,CAACF,EAAE,CAACG,IAAI,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,6EAA6E,CAAC;EAClG;EAEA,OAAO,SAAS;AACpB,CAAC;;AAED;AACA,MAAMC,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxC,oBAAO,IAAAC,oBAAa,EAACR,cAAc,CAAC,CAAC,EAAE;IAAE,GAAGM,KAAK;IAAEC;EAAI,CAAC,CAAC;AAC7D,CAAC,CAA6B;AAE9BH,QAAQ,CAACK,WAAW,GAAG,SAAS;;AAEhC;AACO,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,4BAAsB,EAACR,QAAQ,CAAC;;AAE1D;AAAA,IAAAS,QAAA,GAAAF,OAAA,CAAArB,OAAA,GACeoB,UAAU","ignoreList":[]}

package/lib/commonjs/components/native/Pressable.js

@@ -23,9 +23,13 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     ...props,
     ref: (0, _utils.isServer)() ? undefined : ref => {
+      if (!ref) {
+        // @ts-expect-error hidden from TS
+        _specs.UnistylesShadowRegistry.remove(storedRef, classNames?.[0].hash);
+      }
       storedRef = ref;
       // @ts-expect-error hidden from TS
-      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.[0].hash);
       if (typeof forwardedRef === 'function') {
         return forwardedRef(ref);
       }
@@ -39,10 +43,10 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
       _specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
 
       // @ts-expect-error hidden from TS
-      _specs.UnistylesShadowRegistry.remove(storedRef, classNames?.hash);
+      _specs.UnistylesShadowRegistry.remove(storedRef, classNames?.[0].hash);
       classNames = (0, _core.getClassName)(styleResult);
       // @ts-expect-error hidden from TS
-      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.hash);
+      _specs.UnistylesShadowRegistry.add(storedRef, classNames?.[0].hash);
       _specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
       return classNames;
     }

package/lib/commonjs/components/native/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Pressable","exports","forwardRef","style","props","forwardedRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","storedRef","classNames","undefined","jsx","ref","isServer","add","hash","current","state","styleResult","previousScopedTheme","setScopedTheme","remove","getClassName"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Pressable","exports","forwardRef","style","props","forwardedRef","scopedTheme","UnistylesShadowRegistry","getScopedTheme","storedRef","classNames","undefined","jsx","ref","isServer","remove","hash","add","current","state","styleResult","previousScopedTheme","setScopedTheme","getClassName"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/native/TouchableHighlight.native.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TouchableHighlight = void 0;
+var _reactNative = require("react-native");
+var _core = require("../../core");
+const TouchableHighlight = exports.TouchableHighlight = (0, _core.createUnistylesTouchableHighlight)(_reactNative.TouchableHighlight);
+//# sourceMappingURL=TouchableHighlight.native.js.map

package/lib/commonjs/components/native/TouchableHighlight.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_core","TouchableHighlight","exports","createUnistylesTouchableHighlight","NativeTouchableHighlight"],"sourceRoot":"../../../../src","sources":["components/native/TouchableHighlight.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uCAAiC,EAACC,+BAAwB,CAAC","ignoreList":[]}