fix(babel-plugin): new build process (#4)

Author: matinzd

.npmignore

@@ -1,5 +1,4 @@
 /src/
-/babel-plugin/
 .github/
 node_modules/
 bun.lock

README.md

@@ -85,6 +85,7 @@ https://github.com/user-attachments/assets/dffe5803-fb6a-4b45-9621-48cbbdb25ad2
 
 - React Native 0.79+
 - React 19+
+- Node 18+
 
 ## License
 

…-plugin/preview-babel-plugin-metadata.ts babel-plugin/preview-babel-plugin.tsbabel-plugin/preview-babel-plugin-metadata.ts renamed to babel-plugin/preview-babel-plugin.ts babel-plugin/preview-babel-plugin-metadata.ts renamed to babel-plugin/preview-babel-plugin.ts

@@ -1,7 +1,7 @@
 import { PluginObj } from "@babel/core";
 import { NodePath } from "@babel/traverse";
 import * as t from "@babel/types";
-import path from "path";
+import path from "node:path";
 import { isInsideReactComponent } from "./react-helper";
 
 /**

package.json

@@ -8,16 +8,20 @@
   "types": "./dist/react-native.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/react-native.d.ts",
       "import": "./dist/react-native.js",
-      "require": "./dist/react-native.cjs",
-      "types": "./dist/react-native.d.ts"
+      "require": "./dist/react-native.cjs"
     },
-    "./babel-plugin": "./dist/babel-plugin/preview-babel-plugin-metadata.js"
+    "./babel-plugin": {
+      "require": "./dist/preview-babel-plugin.cjs",
+      "import": "./dist/preview-babel-plugin.js"
+    }
   },
   "scripts": {
-    "prepublishOnly": "bun run build",
+    "prepublishOnly": "bun run build && bun run build:babel-plugin",
     "semantic-release": "semantic-release",
-    "build": "rozenite build && tsc --project tsconfig.babel-plugin.json",
+    "build": "rozenite build",
+    "build:babel-plugin": "vite build --config vite.babel-plugin.config.ts",
     "dev": "rozenite dev"
   },
   "repository": {

tsconfig.babel-plugin.json

@@ -12,6 +12,6 @@
     "isolatedModules": true,
     "noEmit": false
   },
-  "include": ["babel-plugin/preview-babel-plugin-metadata.ts", "babel-plugin/react-helper.ts"],
+  "include": ["babel-plugin/preview-babel-plugin.ts", "babel-plugin/react-helper.ts"],
   "exclude": ["node_modules", "dist", "build"]
 }

tsconfig.json

@@ -22,5 +22,5 @@
     "react-native.ts",
     "rozenite.config.ts"
   ],
-  "exclude": ["node_modules", "dist", "build", "babel-plugin"]
+  "exclude": ["node_modules", "dist", "build"]
 }

vite.babel-plugin.config.ts

@@ -0,0 +1,23 @@
+import { resolve } from "node:path";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  root: __dirname,
+  base: "./",
+  build: {
+    outDir: "./dist",
+    target: "node18",
+    emptyOutDir: false,
+    reportCompressedSize: false,
+    minify: true,
+    sourcemap: false,
+    lib: {
+      entry: resolve(__dirname, "babel-plugin/preview-babel-plugin.ts"),
+      formats: ["es" as const, "cjs" as const],
+      fileName: "preview-babel-plugin",
+    },
+    rollupOptions: {
+      external: [/^node:.*$/, /^@babel\/.*$/],
+    },
+  },
+});

vite.config.ts

@@ -1,13 +1,12 @@
-/// <reference types='vitest' />
-import { defineConfig } from 'vite';
-import { rozenitePlugin } from '@rozenite/vite-plugin';
+import { rozenitePlugin } from "@rozenite/vite-plugin";
+import { defineConfig } from "vite";
 
 export default defineConfig({
   root: __dirname,
   plugins: [rozenitePlugin()],
-  base: './',
+  base: "./",
   build: {
-    outDir: './dist',
+    outDir: "./dist",
     emptyOutDir: false,
     reportCompressedSize: false,
     minify: true,