feat: add resource search controller

Author: SahSantoshh

app/components/avo/views/resource_index_component.html.erb

@@ -36,7 +36,16 @@
           <div class="flex flex-col xs:flex-row xs:justify-between space-y-2 xs:space-y-0 py-4 <%= "hidden" unless header_visible? %>">
             <div class="flex items-center px-4 w-64">
               <% if show_search_input %>
-                <%= render partial: "avo/partials/resource_search", locals: {resource: @resource.route_key, via_reflection: via_reflection} %>
+                <%#= render partial: "avo/partials/resource_search", locals: {resource: @resource.route_key, via_reflection: via_reflection} %>
+
+                <input type="text"
+                       name="q"
+                       id="resource_search"
+                       data-controller="resource-search"
+                       data-resource-search-target="input"
+                       data-action="input->resource-search#search"
+                       placeholder="Type to search..."
+                       class="block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm">
               <% else %>
                 <%# Offset for the space-y-2 property when the search is missing %>
                 <div class="-mb-2"></div>

app/javascript/js/controllers.js

@@ -35,6 +35,7 @@ import RecordSelectorController from './controllers/record_selector_controller'
 import ReloadBelongsToFieldController from './controllers/fields/reload_belongs_to_field_controller'
 import ResourceEditController from './controllers/resource_edit_controller'
 import ResourceIndexController from './controllers/resource_index_controller'
+import ResourceSearchController from './controllers/resource_search_controller'
 import ResourceShowController from './controllers/resource_show_controller'
 import SearchController from './controllers/search_controller'
 import SelectController from './controllers/select_controller'
@@ -80,6 +81,7 @@ application.register('preview', PreviewController)
 application.register('record-selector', RecordSelectorController)
 application.register('resource-edit', ResourceEditController)
 application.register('resource-index', ResourceIndexController)
+application.register('resource-search', ResourceSearchController)
 application.register('resource-show', ResourceShowController)
 application.register('search', SearchController)
 application.register('select', SelectController)

app/javascript/js/controllers/resource_search_controller.js

@@ -0,0 +1,24 @@
+import { Controller } from "@hotwired/stimulus"
+import { get } from "@rails/request.js"
+
+export default class extends Controller {
+  static targets = ['input']
+
+  connect() {
+    console.log('Resource search controller connected')
+  }
+
+  async search() {
+    const query = this.inputTarget.value
+    const currentUrl = new URL(window.location.href)
+    currentUrl.searchParams.set('q', query)
+
+    try {
+      await get(currentUrl.pathname + currentUrl.search, {
+        responseKind: 'turbo-stream'
+      })
+    } catch (error) {
+      console.error('Error performing search:', error)
+    }
+  }
+}