# Required Dependencies for Email Builder

## Install These Packages:

### TipTap Extensions (for RichTextEditor)
```bash
npm install @tiptap/extension-text-align @tiptap/extension-image
```

### CodeMirror (for Code Mode)
```bash
npm install codemirror @codemirror/lang-html @codemirror/theme-one-dark
```

### Radix UI (for UI Components)
```bash
npm install @radix-ui/react-radio-group
```

## Or Install All at Once:
```bash
npm install @tiptap/extension-text-align @tiptap/extension-image codemirror @codemirror/lang-html @codemirror/theme-one-dark @radix-ui/react-radio-group
```

## What Each Package Does:

### @tiptap/extension-text-align
- Adds text alignment support (left, center, right)
- Used in RichTextEditor toolbar

### @tiptap/extension-image
- Adds image insertion support
- Allows users to add images via URL

### codemirror
- Core CodeMirror editor
- Professional code editing experience

### @codemirror/lang-html
- HTML syntax highlighting
- Auto-completion for HTML tags

### @codemirror/theme-one-dark
- One Dark color theme
- Professional dark theme for code editor

### @radix-ui/react-radio-group
- Radio button component
- Used in button style selection dialog

## After Installation:

Run the development server:
```bash
npm run dev
```

All features will work correctly!