aperonight/app/javascript/controllers/event_form_controller.js

import { Controller } from "@hotwired/stimulus"

// Event form controller for handling form interactions
// Handles auto-slug generation from event names
export default class extends Controller {
  static targets = ["name", "slug"]

  connect() {
    console.log("Event form controller connected")
  }

  // Auto-generate slug from name input
  generateSlug() {
    // Only auto-generate if slug field is empty
    if (this.slugTarget.value === "") {
      const slug = this.nameTarget.value
        .toLowerCase()
        .normalize("NFD")
        .replace(/[\u0300-\u036f]/g, "") // Remove accents
        .replace(/[^a-z0-9\s-]/g, "") // Remove special chars
        .replace(/\s+/g, "-") // Replace spaces with dashes
        .replace(/-+/g, "-") // Remove duplicate dashes
        .replace(/^-|-$/g, "") // Remove leading/trailing dashes
      
      this.slugTarget.value = slug
    }
  }
}