react-native-unistyles 3.0.0-nightly-20250210 → 3.0.0-nightly-20250214

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-nightly-20250210",
+  "version": "3.0.0-nightly-20250214",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -9,9 +9,10 @@
     "lint": "biome lint",
     "check": "biome check --write",
     "check:ci": "biome check",
-    "prepare": "husky && bob build",
+    "prepare": "husky && bob build && yarn plugin:build",
     "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test'",
-    "release": "release-it"
+    "release": "release-it",
+    "plugin:build": "node plugin/esbuild.js"
   },
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -21,24 +22,25 @@
     ".": {
       "types": "./lib/typescript/src/index.d.ts",
       "module": "./lib/module/index.js",
-      "default": "./lib/commonjs/index.js",
-      "react-native": "./src/index"
+      "react-native": "./src/index",
+      "default": "./lib/commonjs/index.js"
     },
     "./components/native/*": {
       "module": "./lib/module/components/native/*",
-      "default": "./lib/commonjs/components/native/*",
-      "react-native": "./src/components/native/*"
+      "react-native": "./src/components/native/*",
+      "default": "./lib/commonjs/components/native/*"
     },
     "./plugin": {
       "module": "./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"
+      "react-native": "./src/server",
+      "default": "./lib/commonjs/server/index.js"
     }
   },
   "files": [
@@ -54,6 +56,8 @@
     "react-native.config.js",
     "Unistyles.podspec",
     "!plugin/__tests__",
+    "!plugin/src",
+    "!plugin/esbuild.js",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -83,9 +87,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
+    "@babel/core": "7.26.8",
     "@babel/plugin-syntax-jsx": "7.25.9",
     "@babel/preset-flow": "7.25.9",
     "@babel/preset-typescript": "7.26.0",
+    "@babel/types": "7.26.8",
     "@biomejs/biome": "1.9.4",
     "@commitlint/config-conventional": "19.6.0",
     "@react-native/normalize-colors": "0.77.0",
@@ -95,6 +101,7 @@
     "babel-plugin-tester": "11.0.4",
     "commitlint": "19.6.1",
     "concurrently": "9.1.2",
+    "esbuild": "0.25.0",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",
@@ -178,5 +185,8 @@
     "name": "TurboUnistyles",
     "type": "modules",
     "jsSrcsDir": "./src/specs/TurboUnistyles"
+  },
+  "resolutions": {
+    "@babel/types": "7.26.8"
   }
 }

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
-}