mix selecto.components.integrate (selecto_mix v0.4.2)

Automatically configures SelectoComponents JavaScript hooks and Tailwind styles in your Phoenix application.

This task patches your app.js and app.css files to include:

  • SelectoComponents colocated JavaScript hooks
  • Tailwind CSS @source directive for SelectoComponents styles

Usage

mix selecto.components.integrate

What it does

  1. Updates assets/js/app.js:

    • Adds import for SelectoComponents hooks
    • Configures hooks in your LiveSocket

  2. Updates assets/css/app.css:

    • Adds @source directive for SelectoComponents styles

The task is idempotent - running it multiple times is safe.

Options

  • --check - Check if integration is needed without making changes
  • --force - Force re-integration even if already configured

Examples

# Integrate SelectoComponents
mix selecto.components.integrate

# Check if integration is needed
mix selecto.components.integrate --check

# Force re-integration
mix selecto.components.integrate --force