Merge listbox_controller and filter_controller into command_controller

CHANGELOG.md

@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Merge listbox_controller and filter_controller into command_controller.
 
 ## [0.0.84] - 2024-01-09
 - Don't hide [hidden='until-found']

lib/generators/css_zero/add/resources.yml

@@ -35,8 +35,7 @@ combobox:
   - app/assets/images/select-arrow.svg
 command:
   - app/assets/stylesheets/command.css
-  - app/javascript/controllers/filter_controller.js
-  - app/javascript/controllers/listbox_controller.js
+  - app/javascript/controllers/command_controller.js
   - app/assets/images/search.svg
 collapsible:
   - app/javascript/controllers/collapsible_controller.js

lib/generators/css_zero/add/templates/app/javascript/controllers/filter_controller.js → lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js

@@ -1,14 +1,31 @@
 import { Controller } from "@hotwired/stimulus"
 import { debounce } from "https://cdn.skypack.dev/[email protected]?min"
+import Combobox from "https://cdn.skypack.dev/@github/[email protected]?min"
 
 export default class extends Controller {
-  static targets = [ "list" ]
+  static targets = [ "input", "list" ]
   static classes = [ "active", "selected" ]
 
   initialize() {
     this.filter = debounce(this.filter.bind(this), 300)
   }
 
+  connect() {
+    this.combobox = new Combobox(this.inputTarget, this.listTarget)
+  }
+
+  disconnect() {
+    this.combobox.destroy()
+  }
+
+  start() {
+    this.combobox.start()
+  }
+
+  stop() {
+    this.combobox.stop()
+  }
+
   filter({ target }) {
     this.#reset()