fix(docs): restore header theme and command search

Author: djalmaaraujo

docs/app/assets/stylesheets/application.tailwind.css

@@ -3,6 +3,8 @@
 @plugin "@tailwindcss/forms";
 @plugin "@tailwindcss/typography";
 
+/* Include classes from the local gem components rendered by the docs app. */
+@source "../../../../gem/lib/ruby_ui";
 
 @import "tw-animate-css";
 

docs/app/components/shared/logo.rb

@@ -9,10 +9,16 @@ def view_template
             img(src: image_url("logo.svg"), class: "h-4 block dark:hidden")
             img(src: image_url("logo_dark.svg"), class: "h-4 hidden dark:block")
             span(class: "sr-only") { "RubyUI" }
-            Badge(class: "ml-2 whitespace-nowrap bg-black text-white hover:bg-black/90 px-1.5 py-0.5 rounded-full text-xs font-semibold") { "1.0" }
+            Badge(class: "ml-2 whitespace-nowrap bg-black text-white hover:bg-black/90 px-1.5 py-0.5 rounded-full text-xs font-semibold") { ruby_ui_version }
           }
         end
       end
+
+      private
+
+      def ruby_ui_version
+        RubyUI::VERSION.split(".").first(2).join(".")
+      end
     end
   end
 end

docs/app/javascript/controllers/ruby_ui/command_controller.js

@@ -13,18 +13,30 @@ export default class extends Controller {
   };
 
   connect() {
+    this.selectedIndex = -1;
+
+    if (!this.hasInputTarget) {
+      return;
+    }
+
     this.inputTarget.focus();
     this.searchIndex = this.buildSearchIndex();
     this.toggleVisibility(this.emptyTargets, false);
-    this.selectedIndex = -1;
 
-    if (this.openValue) {
+    if (this.openValue && this.hasContentTarget) {
       this.open();
     }
   }
 
   open(e) {
-    e.preventDefault();
+    if (e) {
+      e.preventDefault();
+    }
+
+    if (!this.hasContentTarget) {
+      return;
+    }
+
     document.body.insertAdjacentHTML("beforeend", this.contentTarget.innerHTML);
     // prevent scroll on body
     document.body.classList.add("overflow-hidden");

gem/lib/ruby_ui/command/command_controller.js

@@ -13,18 +13,30 @@ export default class extends Controller {
   };
 
   connect() {
+    this.selectedIndex = -1;
+
+    if (!this.hasInputTarget) {
+      return;
+    }
+
     this.inputTarget.focus();
     this.searchIndex = this.buildSearchIndex();
     this.toggleVisibility(this.emptyTargets, false);
-    this.selectedIndex = -1;
 
-    if (this.openValue) {
+    if (this.openValue && this.hasContentTarget) {
       this.open();
     }
   }
 
   open(e) {
-    e.preventDefault();
+    if (e) {
+      e.preventDefault();
+    }
+
+    if (!this.hasContentTarget) {
+      return;
+    }
+
     document.body.insertAdjacentHTML("beforeend", this.contentTarget.innerHTML);
     // prevent scroll on body
     document.body.classList.add("overflow-hidden");