react-native-unistyles 3.0.0-beta.7 → 3.0.0-experimental-2025051401

package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/HybridNativePlatformSpec.kt

@@ -37,87 +37,87 @@ abstract class HybridNativePlatformSpec: HybridObject() {
   }
 
   // Properties
-
+  
 
   // Methods
   @DoNotStrip
   @Keep
   abstract fun getInsets(): Insets
-
+  
   @DoNotStrip
   @Keep
   abstract fun getColorScheme(): ColorScheme
-
+  
   @DoNotStrip
   @Keep
   abstract fun getFontScale(): Double
-
+  
   @DoNotStrip
   @Keep
   abstract fun getPixelRatio(): Double
-
+  
   @DoNotStrip
   @Keep
   abstract fun getOrientation(): Orientation
-
+  
   @DoNotStrip
   @Keep
   abstract fun getContentSizeCategory(): String
-
+  
   @DoNotStrip
   @Keep
   abstract fun getScreenDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getStatusBarDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getNavigationBarDimensions(): Dimensions
-
+  
   @DoNotStrip
   @Keep
   abstract fun getPrefersRtlDirection(): Boolean
-
+  
   @DoNotStrip
   @Keep
   abstract fun setRootViewBackgroundColor(color: Double): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setNavigationBarHidden(isHidden: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setStatusBarHidden(isHidden: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun setImmersiveMode(isEnabled: Boolean): Unit
-
+  
   @DoNotStrip
   @Keep
   abstract fun getMiniRuntime(): UnistylesNativeMiniRuntime
-
+  
   abstract fun registerPlatformListener(callback: (dependencies: Array<UnistyleDependency>, miniRuntime: UnistylesNativeMiniRuntime) -> Unit): Unit
-
+  
   @DoNotStrip
   @Keep
-  fun registerPlatformListener_cxx(callback: Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime): Unit {
+  private fun registerPlatformListener_cxx(callback: Func_void_std__vector_UnistyleDependency__UnistylesNativeMiniRuntime): Unit {
     val __result = registerPlatformListener(callback)
     return __result
   }
-
+  
   abstract fun registerImeListener(callback: (miniRuntime: UnistylesNativeMiniRuntime) -> Unit): Unit
-
+  
   @DoNotStrip
   @Keep
-  fun registerImeListener_cxx(callback: Func_void_UnistylesNativeMiniRuntime): Unit {
+  private fun registerImeListener_cxx(callback: Func_void_UnistylesNativeMiniRuntime): Unit {
     val __result = registerImeListener(callback)
     return __result
   }
-
+  
   @DoNotStrip
   @Keep
   abstract fun unregisterPlatformListeners(): Unit

package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/UnistyleDependency.kt

@@ -30,7 +30,8 @@ enum class UnistyleDependency {
   FONTSCALE,
   STATUSBAR,
   NAVIGATIONBAR,
-  IME;
+  IME,
+  RTL;
 
   @DoNotStrip
   @Keep

package/nitrogen/generated/android/unistyles+autolinking.cmake

@@ -40,6 +40,22 @@ target_sources(
 # Define a flag to check if we are building properly
 add_definitions(-DBUILDING_UNISTYLES_WITH_GENERATED_CMAKE_PROJECT)
 
+# From node_modules/react-native/ReactAndroid/cmake-utils/folly-flags.cmake
+# Used in node_modules/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake
+ target_compile_definitions(
+  unistyles PRIVATE
+  -DFOLLY_NO_CONFIG=1
+  -DFOLLY_HAVE_CLOCK_GETTIME=1
+  -DFOLLY_USE_LIBCPP=1
+  -DFOLLY_CFG_NO_COROUTINES=1
+  -DFOLLY_MOBILE=1
+  -DFOLLY_HAVE_RECVMMSG=1
+  -DFOLLY_HAVE_PTHREAD=1
+  # Once we target android-23 above, we can comment
+  # the following line. NDK uses GNU style stderror_r() after API 23.
+  -DFOLLY_HAVE_XSI_STRERROR_R=1
+)
+
 # Add all libraries required by the generated specs
 find_package(fbjni REQUIRED) # <-- Used for communication between Java <-> C++
 find_package(ReactAndroid REQUIRED) # <-- Used to set up React Native bindings (e.g. CallInvoker/TurboModule)

package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Umbrella.hpp

@@ -44,7 +44,6 @@ namespace margelo::nitro::unistyles { struct UnistylesNativeMiniRuntime; }
 // Common C++ types used in Swift
 #include <NitroModules/ArrayBufferHolder.hpp>
 #include <NitroModules/AnyMapHolder.hpp>
-#include <NitroModules/HybridContext.hpp>
 #include <NitroModules/RuntimeError.hpp>
 
 // Forward declarations of Swift defined types

package/nitrogen/generated/ios/swift/UnistyleDependency.swift

@@ -47,6 +47,8 @@ public extension UnistyleDependency {
         self = .navigationbar
       case "Ime":
         self = .ime
+      case "Rtl":
+        self = .rtl
       default:
         return nil
     }
@@ -87,6 +89,8 @@ public extension UnistyleDependency {
         return "NavigationBar"
       case .ime:
         return "Ime"
+      case .rtl:
+        return "Rtl"
     }
   }
 }

package/nitrogen/generated/shared/c++/Dimensions.hpp

@@ -33,6 +33,7 @@ namespace margelo::nitro::unistyles {
     double height     SWIFT_PRIVATE;
 
   public:
+    Dimensions() = default;
     explicit Dimensions(double width, double height): width(width), height(height) {}
   };
 

package/nitrogen/generated/shared/c++/Insets.hpp

@@ -36,6 +36,7 @@ namespace margelo::nitro::unistyles {
     double ime     SWIFT_PRIVATE;
 
   public:
+    Insets() = default;
     explicit Insets(double top, double bottom, double left, double right, double ime): top(top), bottom(bottom), left(left), right(right), ime(ime) {}
   };
 

package/nitrogen/generated/shared/c++/UnistyleDependency.hpp

@@ -40,6 +40,7 @@ namespace margelo::nitro::unistyles {
     STATUSBAR      SWIFT_NAME(statusbar) = 12,
     NAVIGATIONBAR      SWIFT_NAME(navigationbar) = 13,
     IME      SWIFT_NAME(ime) = 14,
+    RTL      SWIFT_NAME(rtl) = 15,
   } CLOSED_ENUM;
 
 } // namespace margelo::nitro::unistyles
@@ -70,7 +71,7 @@ namespace margelo::nitro {
         return false;
       }
       // Check if we are within the bounds of the enum.
-      return integer >= 0 && integer <= 14;
+      return integer >= 0 && integer <= 15;
     }
   };
 

package/nitrogen/generated/shared/c++/UnistylesCxxMiniRuntime.hpp

@@ -54,6 +54,7 @@ namespace margelo::nitro::unistyles {
     bool isLandscape     SWIFT_PRIVATE;
 
   public:
+    UnistylesCxxMiniRuntime() = default;
     explicit UnistylesCxxMiniRuntime(std::optional<std::string> themeName, std::optional<std::string> breakpoint, bool hasAdaptiveThemes, ColorScheme colorScheme, Dimensions screen, std::string contentSizeCategory, Insets insets, double pixelRatio, double fontScale, bool rtl, Dimensions statusBar, Dimensions navigationBar, bool isPortrait, bool isLandscape): themeName(themeName), breakpoint(breakpoint), hasAdaptiveThemes(hasAdaptiveThemes), colorScheme(colorScheme), screen(screen), contentSizeCategory(contentSizeCategory), insets(insets), pixelRatio(pixelRatio), fontScale(fontScale), rtl(rtl), statusBar(statusBar), navigationBar(navigationBar), isPortrait(isPortrait), isLandscape(isLandscape) {}
   };
 

package/nitrogen/generated/shared/c++/UnistylesNativeMiniRuntime.hpp

@@ -50,6 +50,7 @@ namespace margelo::nitro::unistyles {
     bool isLandscape     SWIFT_PRIVATE;
 
   public:
+    UnistylesNativeMiniRuntime() = default;
     explicit UnistylesNativeMiniRuntime(ColorScheme colorScheme, Dimensions screen, std::string contentSizeCategory, Insets insets, double pixelRatio, double fontScale, bool rtl, Dimensions statusBar, Dimensions navigationBar, bool isPortrait, bool isLandscape): colorScheme(colorScheme), screen(screen), contentSizeCategory(contentSizeCategory), insets(insets), pixelRatio(pixelRatio), fontScale(fontScale), rtl(rtl), statusBar(statusBar), navigationBar(navigationBar), isPortrait(isPortrait), isLandscape(isLandscape) {}
   };
 

package/package.json

@@ -1,44 +1,72 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-experimental-2025051401",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
-    "test": "jest",
-    "test:coverage": "jest --passWithNoTests --coverage",
+    "test": "NODE_ENV=babel-test jest ./plugin",
+    "test:coverage": "NODE_ENV=babel-test jest --passWithNoTests --coverage",
     "tsc": "node_modules/typescript/bin/tsc --noEmit",
     "lint": "biome lint",
     "check": "biome check --write",
     "check:ci": "biome check",
-    "prepare": "husky && bob build",
-    "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test'",
-    "release": "release-it"
+    "prepare": "husky && bob build && yarn plugin:build",
+    "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test' 'yarn circular:check'",
+    "release": "release-it",
+    "plugin:build": "node plugin/esbuild.js",
+    "circular:check": "dpdm --no-warning --no-tree -T --exit-code circular:1 src/**/*.ts",
+    "components:build": "node build-components.js"
   },
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
+  "browser": "lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
   "source": "src/index",
   "exports": {
     ".": {
       "types": "./lib/typescript/src/index.d.ts",
-      "module": "./lib/module/index.js",
-      "default": "./lib/commonjs/index.js",
-      "react-native": "./src/index"
+      "import": "./lib/module/index.js",
+      "browser": "./lib/module/index.js",
+      "react-native": "./src/index.ts",
+      "default": "./lib/commonjs/index.js"
+    },
+    "./mocks": {
+      "import": "./lib/module/mocks.js",
+      "browser": "./lib/module/mocks.js",
+      "react-native": "./src/mocks.ts",
+      "default": "./lib/commonjs/mocks.js"
     },
     "./components/native/*": {
-      "module": "./lib/module/components/native/*",
-      "default": "./lib/commonjs/components/native/*",
-      "react-native": "./src/components/native/*"
+      "import": "./lib/module/components/native/*",
+      "browser": "./lib/module/components/native/*",
+      "react-native": "./src/components/native/*",
+      "default": "./lib/commonjs/components/native/*"
     },
     "./plugin": {
-      "module": "./plugin/index.js",
+      "import": "./plugin/index.js",
+      "types": "./plugin/index.d.ts",
       "default": "./plugin/index.js"
     },
     "./package.json": "./package.json",
     "./server": {
       "types": "./lib/typescript/src/server/index.d.ts",
-      "module": "./lib/module/server/index.js",
-      "default": "./lib/commonjs/server/index.js",
-      "react-native": "./src/server"
+      "import": "./lib/module/server/index.js",
+      "browser": "./lib/module/server/index.js",
+      "react-native": "./src/server/index.ts",
+      "default": "./lib/commonjs/server/index.js"
+    },
+    "./web": {
+      "types": "./lib/typescript/src/web-only/index.d.ts",
+      "import": "./lib/module/web-only/index.js",
+      "browser": "./lib/module/web-only/index.js",
+      "react-native": "./src/web-only/index.ts",
+      "default": "./lib/commonjs/web-only/index.js"
+    },
+    "./reanimated": {
+      "types": "./lib/typescript/src/reanimated/index.d.ts",
+      "import": "./lib/module/reanimated/index.js",
+      "browser": "./lib/module/reanimated/index.js",
+      "react-native": "./src/reanimated/index.ts",
+      "default": "./lib/commonjs/reanimated/index.js"
     }
   },
   "files": [
@@ -51,9 +79,14 @@
     "plugin",
     "web",
     "components",
+    "server",
+    "web-only",
+    "reanimated",
     "react-native.config.js",
     "Unistyles.podspec",
     "!plugin/__tests__",
+    "!plugin/src",
+    "!plugin/esbuild.js",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -83,37 +116,48 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/plugin-syntax-jsx": "7.25.9",
-    "@babel/preset-flow": "7.25.9",
-    "@babel/preset-typescript": "7.26.0",
+    "@babel/core": "7.27.1",
+    "@babel/plugin-syntax-jsx": "7.27.1",
+    "@babel/preset-flow": "7.27.1",
+    "@babel/preset-typescript": "7.27.1",
+    "@babel/types": "7.27.1",
     "@biomejs/biome": "1.9.4",
-    "@commitlint/config-conventional": "19.6.0",
-    "@react-native/normalize-colors": "0.77.0",
+    "@commitlint/config-conventional": "19.8.1",
+    "@react-native/normalize-colors": "0.79.2",
     "@release-it/conventional-changelog": "8.0.2",
     "@types/jest": "29.5.14",
-    "@types/react": "18.3.12",
+    "@types/react": "19.1.4",
     "babel-plugin-tester": "11.0.4",
-    "commitlint": "19.6.1",
+    "commitlint": "19.8.1",
     "concurrently": "9.1.2",
+    "dpdm": "3.14.0",
+    "esbuild": "0.25.4",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",
-    "nitro-codegen": "0.22.1",
-    "react": "18.3.1",
-    "react-native": "0.77.0",
-    "react-native-builder-bob": "0.33.1",
-    "react-native-nitro-modules": "0.22.1",
-    "react-native-web": "0.19.13",
-    "react-test-renderer": "18.3.1",
-    "release-it": "17.6.0",
-    "typescript": "5.7.3"
+    "nitro-codegen": "0.25.2",
+    "react": "19.1.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "0.40.10",
+    "react-native-nitro-modules": "0.25.2",
+    "react-native-reanimated": "3.17.5",
+    "react-native-web": "0.20.0",
+    "react-test-renderer": "19.1.0",
+    "release-it": "17.11.0",
+    "typescript": "5.8.3"
   },
   "peerDependencies": {
     "@react-native/normalize-colors": "*",
     "react": "*",
     "react-native": ">=0.76.0",
     "react-native-edge-to-edge": "*",
-    "react-native-nitro-modules": "*"
+    "react-native-nitro-modules": "*",
+    "react-native-reanimated": "*"
+  },
+  "peerDependenciesMeta": {
+    "react-native-reanimated": {
+      "optional": true
+    }
   },
   "workspaces": [
     "example",

package/plugin/index.d.ts

@@ -1,18 +1,43 @@
-type RemapImport = {
+interface RemapImport {
+    /**
+     * The target import name if `isDefault` is false.
+     */
     name?: string,
+
+    /**
+     * Whether the import is default.
+     */
     isDefault: boolean,
+
+    /**
+     * The path to the target import.
+     */
     path: string,
+
+    /**
+     * The name of the Unistyles component, check `react-native-unistyles/src/components/native`
+     */
     mapTo: string
 }
 
-type RemapConfig = {
+/**
+ * A more powerful API that allows converting unmatched imports to Unistyles.
+ */
+export interface RemapConfig {
+    /**
+     * The node_modules path.
+     */
     path: string,
+
+    /**
+     * An array of import objects with the following properties:
+     */
     imports: Array<RemapImport>
 }
 
 export interface UnistylesPluginOptions {
     /**
-     * Example: "src" or "apps/mobile"
+     * Example: 'src' or 'apps/mobile'
      * Add this option if some of your components don't have `react-native-unistyles` import.
      * Babel plugin will automatically process all files under this root.
      */
@@ -25,29 +50,41 @@ export interface UnistylesPluginOptions {
     autoProcessImports?: Array<string>,
 
     /**
-     * Example: [{
-     *     path: "node_modules/custom-library/components",
+     * Example:
+     * ```js
+     * [{
+     *     path: 'node_modules/custom-library/components',
      *     imports: [
      *         {
-     *             name: "NativeText",
+     *             name: 'NativeText',
      *             isDefault: false,
-     *             path: "react-native/Libraries/Text/TextNativeComponent",
-     *             mapTo: "NativeText"
+     *             path: 'react-native/Libraries/Text/TextNativeComponent',
+     *             mapTo: 'NativeText'
      *         },
      *         {
      *             isDefault: true,
-     *             path: "react-native/Libraries/Components/View/ViewNativeComponent",
-     *             mapTo: "NativeView"
+     *             path: 'react-native/Libraries/Components/View/ViewNativeComponent',
+     *             mapTo: 'NativeView'
      *         }
      *     ]
      * }]
+     * ```
      *
      * Will map:
-     *      import { NativeText } from "react-native/Libraries/Text/TextNativeComponent"
-     *      to Unistyles "NativeText"
      *
-     *      import View from "react-native/Libraries/Components/View/ViewNativeComponent"
-     *      to Unistyles "NativeView"
+     * ```js
+     * import { NativeText } from 'react-native/Libraries/Text/TextNativeComponent'
+     * ```
+     *
+     * to Unistyles 'NativeText'
+     *
+     * and
+     *
+     * ```js
+     * import View from 'react-native/Libraries/Components/View/ViewNativeComponent'
+     * ```
+     *
+     * to Unistyles 'NativeView'
      *
      * This is the most powerful way of remapping imports. If 3rd party library uses imports different from `react-native` we can remap them to `react-native-unistyles` factories.
      * Internally we do that for raw RCTView and RCTText components.
@@ -83,7 +120,3 @@ export interface UnistylesPluginOptions {
     */
     isLocal?: boolean
 }
-
-export interface UnistylesPluginPass {
-    opts: UnistylesPluginOptions
-}