React Plugin Development Tools

This directory contains tools for developing React-based Airflow plugins that can be dynamically loaded into the Airflow UI.

Overview

These tools help you create React plugin projects that:

Build as libraries compatible with dynamic imports
Share React instances with the host Airflow application
Follow Airflow's UI development patterns and standards
Include proper TypeScript configuration and build setup

Files

bootstrap.py - CLI tool to create new React plugin projects
react_plugin_template/ - Template directory with all the necessary files

Quick Start

Create a New Plugin Project

# From the dev/react-plugin-tools directory
python bootstrap.py my-awesome-plugin

# Or specify a custom directory
python bootstrap.py my-awesome-plugin --dir /path/to/my-projects/my-awesome-plugin

Optional AI Agent Rules

The bootstrap tool asks whether to include AI agent coding rules. Answering yes adds an ai-agent-rules/ directory to the generated project with Airflow React plugin conventions and validation commands. The files use tool-agnostic Markdown, so follow the generated directory's README to adapt them to the format supported by your AI coding tool.