feat: convert babel plugin to typescript

biome.json

@@ -1,8 +1,8 @@
 {
   "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
   "files": {
-    "include": ["src/**/*.ts", "src/**/*.tsx"],
-    "ignore": ["example", "expo-example", "docs", "plugin", "lib"]
+    "include": ["src/**/*.ts", "src/**/*.tsx", "plugin/**/*.ts"],
+    "ignore": ["example", "expo-example", "docs", "lib"]
   },
   "formatter": {
     "enabled": false

docs/src/content/docs/v3/other/babel-plugin.mdx

@@ -307,7 +307,7 @@ It will `console.log` name of the file and component with Unistyles dependencies
 You can apply any of the options above as follows:
 
 ```js title="babel.config.js"
-/** @type {import('react-native-unistyles/plugin').UnistylesPluginOptions} */
+/** @type {import('react-native-unistyles/plugin/src/types').UnistylesPluginOptions} */
 const unistylesPluginOptions = {
     autoProcessRoot: 'src',
     autoProcessImports: ['@react-native-ui-kit', '@codemask/styles'],

example/babel.config.js

@@ -1,7 +1,7 @@
 const path = require('path')
 const pak = require('../package.json')
 
-/** @type {import('../plugin').UnistylesPluginOptions} */
+/** @type {import('../plugin/src/types').UnistylesPluginOptions} */
 const unistylesPluginOptions = {
     debug: true,
     isLocal: true,

package.json

@@ -9,9 +9,11 @@
     "lint": "biome lint",
     "check": "biome check --write",
     "check:ci": "biome check",
-    "prepare": "husky && bob build",
+    "prepare": "husky && bob build && yarn plugin:build && yarn plugin:types",
     "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test'",
-    "release": "release-it"
+    "release": "release-it",
+    "plugin:build": "node plugin/esbuild.js",
+    "plugin:types": "tsc --emitDeclarationOnly --declaration plugin/src/types.ts --outDir plugin && mv plugin/types.d.ts plugin/index.d.ts && yarn check"
   },
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -31,6 +33,7 @@
     },
     "./plugin": {
       "module": "./plugin/index.js",
+      "types": "./plugin/index.d.ts",
       "default": "./plugin/index.js"
     },
     "./package.json": "./package.json",
@@ -54,6 +57,8 @@
     "react-native.config.js",
     "Unistyles.podspec",
     "!plugin/__tests__",
+    "!plugin/src",
+    "!plugin/esbuild.js",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -83,9 +88,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 +102,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 +186,8 @@
     "name": "TurboUnistyles",
     "type": "modules",
     "jsSrcsDir": "./src/specs/TurboUnistyles"
+  },
+  "resolutions": {
+    "@babel/types": "7.26.8"
   }
 }

plugin/__tests__/dependencies.spec.js → plugin/__tests__/dependencies.spec.ts

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../src/index'
 
 pluginTester({
     plugin,
@@ -72,7 +72,7 @@ pluginTester({
                             uni__dependencies: [0, 9, 4]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -127,7 +127,7 @@ pluginTester({
                             uni__dependencies: [0, 9]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -176,7 +176,7 @@ pluginTester({
                             uni__dependencies: [0, 9, 12, 13]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -352,7 +352,7 @@ pluginTester({
                             uni__dependencies: [0, 11, 10, 3, 5]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -415,7 +415,7 @@ pluginTester({
                             }
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -462,7 +462,7 @@ pluginTester({
                             uni__dependencies: [0, 14]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -509,7 +509,7 @@ pluginTester({
                             uni__dependencies: [0, 5]
                         })
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -562,7 +562,7 @@ pluginTester({
                             uni__dependencies: [14]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -652,7 +652,7 @@ pluginTester({
                             }
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -704,7 +704,7 @@ pluginTester({
                             uni__dependencies: [0, 3]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -756,7 +756,7 @@ pluginTester({
                             uni__dependencies: [0]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -798,7 +798,7 @@ pluginTester({
                         container: { ...theme.components.container, uni__dependencies: [0] },
                         container2: { ...theme.components.text.nested.deep, uni__dependencies: [0] }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -854,7 +854,7 @@ pluginTester({
                             uni__dependencies: [14, 6, 12]
                         }
                     }),
-                    664955283
+                    664955593
                 )
             `
         },
@@ -953,7 +953,7 @@ pluginTester({
                             })
                         }
                     },
-                    664955283
+                    664955593
                 )
             `
         }

plugin/__tests__/imports.spec.js → plugin/__tests__/imports.spec.ts

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../src/index'
 
 pluginTester({
     plugin,
@@ -47,7 +47,7 @@ pluginTester({
                             flex: 1
                         }
                     },
-                    75510274
+                    75510584
                 )
             `
         }

plugin/__tests__/playground.js

@@ -1,12 +1,12 @@
 const babel = require('@babel/core')
-const plugin = require('../index.js')
+const plugin = require('../index')
 
 const filePath = '../../expo-example/app/(tabs)/index.tsx'
 
 const result = babel.transformFileSync(filePath, {
     presets: ['@babel/preset-typescript', '@babel/preset-flow'],
     plugins: [plugin],
-    filename: filePath,
+    filename: filePath
 })
 
 console.log(result.code)