console.debug("[Panda CMS] Importing Panda CMS Stimulus Controller...")

import { Application as PandaCmsApplication } from "@hotwired/stimulus"

const pandaCmsApplication = PandaCmsApplication.start()

console.debug("[Panda CMS] Application started...")

// Configure Stimulus development experience
pandaCmsApplication.debug = false
window.pandaCmsStimulus = pandaCmsApplication

console.debug("[Panda CMS] window.pandaCmsStimulus available...")

console.debug("[Panda CMS] Registering controllers...")

// Grab our internal controllers manually, prefixed with panda_cms_controllers so not to conflict
import { DashboardController } from "panda_cms_controllers/dashboard_controller"
pandaCmsApplication.register("dashboard", DashboardController)

import { SlugController } from "panda_cms_controllers/slug_controller"
pandaCmsApplication.register("slug", SlugController)

import { EditorController } from "panda_cms_controllers/editor_controller"
pandaCmsApplication.register("editor", EditorController)

console.debug("[Panda CMS] Registering components...")

// Import and register all TailwindCSS Components or just the ones you need
import { Alert, Autosave, ColorPreview, Dropdown, Modal, Tabs, Popover, Toggle, Slideover } from "tailwindcss-stimulus-components"
pandaCmsApplication.register('alert', Alert)
pandaCmsApplication.register('autosave', Autosave)
pandaCmsApplication.register('color-preview', ColorPreview)
pandaCmsApplication.register('dropdown', Dropdown)
pandaCmsApplication.register('modal', Modal)
pandaCmsApplication.register('popover', Popover)
pandaCmsApplication.register('slideover', Slideover)
pandaCmsApplication.register('tabs', Tabs)
pandaCmsApplication.register('toggle', Toggle)

console.debug("[Panda CMS] Components registered...")

export { pandaCmsApplication }

console.debug("[Panda CMS] Application exported...")