A Vite plugin for developing React Native DevTools plugins with hot reload and development tools.

The Rozenite Vite Plugin provides a complete development environment for React Native DevTools plugins. It handles multiple build targets (client panels and React Native entry points), provides hot reload during development, and generates optimized production builds with proper manifest files.

Features

• Multi-Target Building: Build for client panels and React Native
• Hot Reload Development: Instant updates during plugin development
• React Native Web Support: Seamless React Native component development
• Automatic Manifest Generation: Creates rozenite.json manifest files
• Panel HTML Generation: Automatically generates HTML for plugin panels
• TypeScript Support: Full TypeScript support with type generation
• Development Server: Built-in development server with CORS support
• Production Optimization: Optimized builds for production deployment

Installation

Install the Vite plugin as a development dependency:

npm install --save-dev @rozenite/vite-plugin

Quick Start

Basic Configuration

Add the Rozenite plugin to your Vite configuration:

// vite.config.ts
import { defineConfig } from 'vite';
import { rozenitePlugin } from '@rozenite/vite-plugin';

export default defineConfig({
  plugins: rozenitePlugin(),
});

Build Targets

The Vite plugin automatically handles different build targets based on environment variables:

Client Panels (Default)

For plugin panels that run in the browser:

# Build panels
npm run build

React Native Entry Points

For React Native integration:

# Build React Native target
VITE_ROZENITE_TARGET=react-native npm run build

Made with ❤️ at Callstack

rozenite is an open source project and will always remain free to use. If you think it's cool, please star it 🌟.

Callstack is a group of React and React Native geeks, contact us at [email protected] if you need any help with these or just want to say hi!

Like the project? ⚛️ Join the team who does amazing stuff for clients and drives React Native Open Source! 🔥