feat: start fixing all the types + add esbuild

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/src/*.ts"],
+    "ignore": ["example", "expo-example", "docs",  "lib"]
   },
   "formatter": {
     "enabled": false

package.json

@@ -11,7 +11,8 @@
     "check:ci": "biome check",
     "prepare": "husky && bob build",
     "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test'",
-    "release": "release-it"
+    "release": "release-it",
+    "build:plugin": "node plugin/esbuild.js"
   },
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -83,9 +84,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
+    "@babel/core": "7.25.9",
     "@babel/plugin-syntax-jsx": "7.25.9",
     "@babel/preset-flow": "7.25.9",
-    "@babel/preset-typescript": "7.26.0",
+    "@babel/preset-typescript": "7.25.9",
+    "@babel/types": "7.25.9",
     "@biomejs/biome": "1.9.4",
     "@commitlint/config-conventional": "19.6.0",
     "@react-native/normalize-colors": "0.77.0",
@@ -95,6 +98,7 @@
     "babel-plugin-tester": "11.0.4",
     "commitlint": "19.6.1",
     "concurrently": "9.1.2",
+    "esbuild": "0.24.2",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",

plugin/__tests__/dependencies.spec.js

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../index'
 
 pluginTester({
     plugin,

plugin/__tests__/imports.spec.js

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../index'
 
 pluginTester({
     plugin,

plugin/__tests__/stylesheet.spec.js

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../index'
 
 pluginTester({
     plugin,

plugin/__tests__/userImports.spec.js

@@ -1,5 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import plugin from '../'
+import plugin from '../index'
 
 pluginTester({
     plugin,
@@ -101,6 +101,6 @@ pluginTester({
                     467105739
                 )
             `
-        },
+        }
     ]
 })

plugin/__tests__/variants.spec.js

@@ -1,6 +1,5 @@
 import { pluginTester } from 'babel-plugin-tester'
-import { Text } from 'react-native'
-import plugin from '../'
+import plugin from '../index'
 
 pluginTester({
     plugin,
@@ -217,6 +216,6 @@ pluginTester({
 
                 const styles = StyleSheet.create({}, 895830154)
             `
-        },
+        }
     ]
 })

plugin/esbuild.js

@@ -0,0 +1,15 @@
+const esbuild = require('esbuild');
+
+// TODO: add yarn tsc &&
+esbuild.build({
+  entryPoints: ['./plugin/src/index.ts'],
+  outfile: './plugin/index.js',
+  bundle: true,
+  packages: 'external',
+  external: ['../package.json'],
+  allowOverwrite: true,
+  logLevel: 'warning',
+  platform: 'node',
+  sourcemap: 'linked',
+  minify: true,
+});

plugin/src/consts.ts

@@ -1,3 +1,5 @@
+import type { RemapConfig } from "./types"
+
 export const REACT_NATIVE_COMPONENT_NAMES = [
     'ActivityIndicator',
     'View',
@@ -20,26 +22,25 @@ export const REACT_NATIVE_COMPONENT_NAMES = [
     // TouchableWithoutFeedback - can't accept a ref
 ]
 
-// auto replace RN imports to Unistyles imports under these paths
-// our implementation simply borrows 'ref' to register it in ShadowRegistry
-// so we won't affect anyone's implementation
+/**
+ * auto replace RN imports to Unistyles imports under these paths
+ * our implementation simply borrows 'ref' to register it in ShadowRegistry
+ * so we won't affect anyone's implementation
+ */
 export const REPLACE_WITH_UNISTYLES_PATHS = [
     'react-native-reanimated/src/component',
     'react-native-gesture-handler/src/components'
 ]
 
-// this is more powerful API as it allows to convert unmatched imports to Unistyles
-// { path: string, imports: Array<{ name: string, isDefault: boolean, path: string, mapTo: string }> }
-// path => node_modules path
-// imports:
-// name? <- target import name if isDefault is false
-// isDefault <- is the import default?
-// path <- path to the target import
-// mapTo <- name of the Unistyles component
-export const REPLACE_WITH_UNISTYLES_EXOTIC_PATHS = []
+/**
+ * A more powerful API that allows converting unmatched imports to Unistyles.
+ */
+export const REPLACE_WITH_UNISTYLES_EXOTIC_PATHS: Array<RemapConfig> = []
 
-// this list will additionally detect React Native direct imports
-export const NATIVE_COMPONENTS_PATHS = {
+/**
+ * This list will additionally detect React Native direct imports
+ */
+export const NATIVE_COMPONENTS_PATHS: Pick<RemapConfig, 'imports'> = {
     imports: [
         {
             name: 'NativeText',