react-native-unistyles 3.1.0 → 3.2.0

package/nitrogen/generated/android/c++/JColorScheme.hpp

@@ -19,7 +19,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JColorScheme final: public jni::JavaClass<JColorScheme> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/ColorScheme;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/ColorScheme;";
 
   public:
     /**

package/nitrogen/generated/android/c++/JDimensions.hpp

@@ -21,7 +21,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JDimensions final: public jni::JavaClass<JDimensions> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Dimensions;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Dimensions;";
 
   public:
     /**

package/nitrogen/generated/android/c++/JFunc_void_UnistylesNativeMiniRuntime.hpp

@@ -32,7 +32,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JFunc_void_UnistylesNativeMiniRuntime: public jni::JavaClass<JFunc_void_UnistylesNativeMiniRuntime> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_UnistylesNativeMiniRuntime;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_UnistylesNativeMiniRuntime;";
 
   public:
     /**
@@ -68,7 +68,7 @@ namespace margelo::nitro::unistyles {
     }
 
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_UnistylesNativeMiniRuntime_cxx;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_UnistylesNativeMiniRuntime_cxx;";
     static void registerNatives() {
       registerHybrid({makeNativeMethod("invoke_cxx", JFunc_void_UnistylesNativeMiniRuntime_cxx::invoke_cxx)});
     }

package/nitrogen/generated/android/c++/JFunc_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime.hpp

@@ -35,7 +35,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JFunc_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime: public jni::JavaClass<JFunc_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime;";
 
   public:
     /**
@@ -89,7 +89,7 @@ namespace margelo::nitro::unistyles {
     }
 
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx;";
     static void registerNatives() {
       registerHybrid({makeNativeMethod("invoke_cxx", JFunc_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime_cxx::invoke_cxx)});
     }

package/nitrogen/generated/android/c++/JHybridNativePlatformSpec.hpp

@@ -21,11 +21,11 @@ namespace margelo::nitro::unistyles {
   class JHybridNativePlatformSpec: public virtual HybridNativePlatformSpec, public virtual JHybridObject {
   public:
     struct JavaPart: public jni::JavaClass<JavaPart, JHybridObject::JavaPart> {
-      static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/HybridNativePlatformSpec;";
+      static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/HybridNativePlatformSpec;";
       std::shared_ptr<JHybridNativePlatformSpec> getJHybridNativePlatformSpec();
     };
     struct CxxPart: public jni::HybridClass<CxxPart, JHybridObject::CxxPart> {
-      static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/HybridNativePlatformSpec$CxxPart;";
+      static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/HybridNativePlatformSpec$CxxPart;";
       static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jhybridobject> jThis);
       static void registerNatives();
       using HybridBase::HybridBase;

package/nitrogen/generated/android/c++/JInsets.hpp

@@ -21,7 +21,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JInsets final: public jni::JavaClass<JInsets> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Insets;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Insets;";
 
   public:
     /**

package/nitrogen/generated/android/c++/JOrientation.hpp

@@ -19,7 +19,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JOrientation final: public jni::JavaClass<JOrientation> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Orientation;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/Orientation;";
 
   public:
     /**

package/nitrogen/generated/android/c++/JUnistyleDependency.hpp

@@ -19,7 +19,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JUnistyleDependency final: public jni::JavaClass<JUnistyleDependency> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/UnistyleDependency;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/UnistyleDependency;";
 
   public:
     /**

package/nitrogen/generated/android/c++/JUnistylesNativeMiniRuntime.hpp

@@ -27,7 +27,7 @@ namespace margelo::nitro::unistyles {
    */
   struct JUnistylesNativeMiniRuntime final: public jni::JavaClass<JUnistylesNativeMiniRuntime> {
   public:
-    static auto constexpr kJavaDescriptor = "Lcom/margelo/nitro/unistyles/UnistylesNativeMiniRuntime;";
+    static constexpr auto kJavaDescriptor = "Lcom/margelo/nitro/unistyles/UnistylesNativeMiniRuntime;";
 
   public:
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "NODE_ENV=babel-test jest ./plugin ./src/__tests__",
@@ -145,13 +145,13 @@
     "@babel/plugin-syntax-jsx": "7.28.6",
     "@babel/runtime": "7.28.6",
     "@react-native/babel-preset": "0.83.2",
-    "nitrogen": "0.35.0",
+    "nitrogen": "0.35.2",
     "oxfmt": "0.35.0",
     "oxlint": "1.50.0",
     "react": "19.2.0",
     "react-native": "0.83.2",
     "react-native-builder-bob": "0.40.18",
-    "react-native-nitro-modules": "0.35.0",
+    "react-native-nitro-modules": "0.35.2",
     "react-native-reanimated": "4.2.2",
     "react-native-web": "0.21.2",
     "typescript": "5.9.3"

package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts

@@ -62,7 +62,10 @@ export const useProxifiedUnistyles = (forcedTheme?: UnistylesTheme) => {
     }
 
     useEffect(() => {
-        return () => disposeRef.current?.()
+        return () => {
+            disposeRef.current?.()
+            syncedDependenciesSizeRef.current = -1
+        }
     }, [disposeRef])
 
     const maybeNewScopedTheme = UnistylesShadowRegistry.getScopedTheme() as UnistylesTheme

package/src/specs/ShadowRegistry/index.ts

@@ -10,6 +10,7 @@ interface ShadowRegistry extends UnistylesShadowRegistrySpec {
     // JSI
     link(node: ShadowNode, styles?: Array<Unistyle>): void
     unlink(node: ShadowNode): void
+    suspend(node: ShadowNode): void
     flush(): void
     setScopedTheme(themeName?: string): void
     getScopedTheme(): string | undefined
@@ -17,6 +18,33 @@ interface ShadowRegistry extends UnistylesShadowRegistrySpec {
 
 const HybridShadowRegistry = NitroModules.createHybridObject<ShadowRegistry>('UnistylesShadowRegistry')
 
+const SUSPENSE_TAG = 13
+
+const isInsideSuspendedBoundary = (fiber: any): boolean => {
+    let current = fiber?.return
+
+    while (current) {
+        if (current.tag === SUSPENSE_TAG && current.memoizedState !== null) {
+            return true
+        }
+
+        current = current.return
+    }
+
+    return false
+}
+
+const findFiberForHandle = (handle: ViewHandle) => {
+    return (
+        handle?.__internalInstanceHandle ??
+        handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle ??
+        handle?.getNativeScrollRef?.()?.__internalInstanceHandle ??
+        handle?._viewRef?.__internalInstanceHandle ??
+        handle?.viewRef?.current?.__internalInstanceHandle ??
+        handle?._nativeRef?.__internalInstanceHandle
+    )
+}
+
 const findShadowNodeForHandle = (handle: ViewHandle) => {
     const node =
         handle?.__internalInstanceHandle?.stateNode?.node ??
@@ -71,10 +99,16 @@ HybridShadowRegistry.remove = (handle) => {
     const maybeNode = findShadowNodeForHandle(handle)
 
     if (maybeNode) {
-        HybridShadowRegistry.unlink(maybeNode)
+        const fiber = findFiberForHandle(handle)
+
+        if (fiber && isInsideSuspendedBoundary(fiber)) {
+            HybridShadowRegistry.suspend(maybeNode)
+        } else {
+            HybridShadowRegistry.unlink(maybeNode)
+        }
     }
 }
 
-type PrivateMethods = 'add' | 'remove' | 'link' | 'unlink'
+type PrivateMethods = 'add' | 'remove' | 'link' | 'unlink' | 'suspend'
 
 export const UnistylesShadowRegistry = HybridShadowRegistry as Omit<ShadowRegistry, PrivateMethods>

package/src/web/convert/style.ts

@@ -98,22 +98,22 @@ const convertMap = {
         borderInlineStartWidth: value,
     }),
     end: (value: number) => ({
-        right: value,
+        insetInlineEnd: value,
     }),
     start: (value: number) => ({
-        left: value,
+        insetInlineStart: value,
     }),
     marginEnd: (value: number) => ({
-        marginRight: value,
+        marginInlineEnd: value,
     }),
     marginStart: (value: number) => ({
-        marginLeft: value,
+        marginInlineStart: value,
     }),
     paddingEnd: (value: number) => ({
-        paddingRight: value,
+        paddingInlineEnd: value,
     }),
     paddingStart: (value: number) => ({
-        paddingLeft: value,
+        paddingInlineStart: value,
     }),
     transformMatrix: (value: Array<number>) => ({
         transform: `matrix(${value.join(', ')})`,

package/src/web/listener.ts

@@ -92,6 +92,12 @@ export class UnistylesListener {
 
         window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation))
         window.addEventListener('resize', () => this.emitChange(UnistyleDependency.Dimensions))
+        new MutationObserver(() => {
+            this.emitChange(UnistyleDependency.Rtl)
+        }).observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['dir'],
+        })
     }
 
     addListeners = (dependencies: Array<UnistyleDependency>, listener: Listener) => {

package/src/web/utils/createUnistylesRef.ts

@@ -20,7 +20,7 @@ export const createUnistylesRef = <T>(styles?: Styles, forwardedRef?: React.Forw
         ? undefined
         : (ref: Nullable<T>) => {
               if (!ref) {
-                  unistyles.services.shadowRegistry.remove(storedRef, classNames?.hash)
+                  unistyles.services.shadowRegistry.remove(storedRef.current, classNames?.hash)
               }
 
               storedRef.current = ref