admin_suite 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ed1253c0c2d8c5d658db9ad2bc569e0f0b2c76d8ed4741f3069d0e2240619848
-  data.tar.gz: dc3dd2e0686581694f2d71f77b440bfe56606c867d4a7103e3d1148aecf5b3ed
+  metadata.gz: ac7ab643c69ac46cf31a6b48734cd58cae60233e8284a738147b419e4982fde3
+  data.tar.gz: b37617cd8e1f00fef844f95ddb81800f12990d48940c1a7d14cf47de1fd7e64e
 SHA512:
-  metadata.gz: fb266215e70e3aa1aea7ff9e4ed49801c3960b7ef7c82c966f7e4417f0d7b3b84c88ca4a27b4fe2c1fdbc584932b78ce3bf7e621f885ec8ceacb3a48e7bb5d90
-  data.tar.gz: 426c328efa276ac354a5776ab4636643747a2d8d4fc6849f789742ed03d3573b2fa14fbcc4451b5ba25c4f88ff95a546f3410c2d770b79e9d61dfc7195e14ec3
+  metadata.gz: d845685a1eabba91a371b975f3599bdf282a3940af720a9feb545751e044544a0aa8818611e742ebb37728fe86c5af41bb511462a211e9fcdc8e286649a67a05
+  data.tar.gz: dcc33dd1079fe5da4357445b939742d7cada340f858deabc45bdc3531dad59fe46a7c77c9ba33d9df5b0bc3ffe9f9c7b163a46b4484c3c99c5825e38f947acf9

data/app/controllers/admin_suite/resources_controller.rb

@@ -145,23 +145,20 @@ module AdminSuite
     end
 
     def set_resource
-      @resource = resource_class.find(params[:id])
-    rescue ActiveRecord::RecordNotFound
-      # Support "friendly" params (e.g. slugged records) without requiring host apps
-      # to change their model primary keys.
+      klass = resource_class
       id = params[:id].to_s
-      columns = resource_class.column_names
-
-      @resource =
-        if columns.include?("slug")
-          resource_class.find_by!(slug: id)
-        elsif columns.include?("uuid")
-          resource_class.find_by!(uuid: id)
-        elsif columns.include?("token")
-          resource_class.find_by!(token: id)
-        else
-          raise
-        end
+      columns = klass.column_names
+
+      # Prevent ActiveRecord from coercing UUID-ish params like "2ce3-..."
+      # into integer ids (e.g., 2) for integer primary keys.
+      if non_numeric_id_for_numeric_primary_key?(klass, id)
+        @resource = find_friendly_resource!(klass, id, columns)
+        return
+      end
+
+      @resource = klass.find(id)
+    rescue ActiveRecord::RecordNotFound
+      @resource = find_friendly_resource!(klass, id, columns)
     end
 
     def resource
@@ -244,5 +241,33 @@ module AdminSuite
     def collection_url
       resources_path(portal: current_portal, resource_name: resource_name)
     end
+
+    def find_friendly_resource!(klass, id, columns = klass.column_names)
+      if columns.include?("slug")
+        record = klass.find_by(slug: id)
+        return record if record
+      end
+
+      if columns.include?("uuid")
+        record = klass.find_by(uuid: id)
+        return record if record
+      end
+
+      if columns.include?("token")
+        record = klass.find_by(token: id)
+        return record if record
+      end
+
+      raise ActiveRecord::RecordNotFound
+    end
+
+    def non_numeric_id_for_numeric_primary_key?(klass, id)
+      primary_key = klass.primary_key.to_s
+      return false if primary_key.blank?
+
+      pk_type = klass.columns_hash[primary_key]&.type
+      numeric_pk = %i[integer bigint].include?(pk_type)
+      numeric_pk && id !~ /\A\d+\z/
+    end
   end
 end

data/app/helpers/admin_suite/base_helper.rb

@@ -1079,6 +1079,16 @@ module AdminSuite
       current_label = if current_value.present? && collection.is_a?(Array)
         match = collection.find { |opt| opt.is_a?(Array) ? opt[1].to_s == current_value.to_s : opt.to_s == current_value.to_s }
         match.is_a?(Array) ? match[0] : match.to_s
+      elsif current_value.present? && collection.is_a?(String)
+        association_name = field.name.to_s.sub(/_id\z/, "")
+        assoc = resource.public_send(association_name) if resource.respond_to?(association_name)
+        if assoc.respond_to?(:name) && assoc.name.present?
+          assoc.name
+        elsif assoc.respond_to?(:title) && assoc.title.present?
+          assoc.title
+        else
+          current_value
+        end
       else
         current_value
       end
@@ -1088,7 +1098,8 @@ module AdminSuite
           controller: "admin-suite--searchable-select",
           "admin-suite--searchable-select-options-value": options_json,
           "admin-suite--searchable-select-creatable-value": field.create_url.present?,
-          "admin-suite--searchable-select-search-url-value": collection.is_a?(String) ? collection : ""
+          "admin-suite--searchable-select-search-url-value": collection.is_a?(String) ? collection : "",
+          "admin-suite--searchable-select-create-url-value": field.create_url.to_s
         },
         class: "relative") do
         concat(hidden_field_tag("#{param_key}[#{field.name}]", current_value, data: { "admin-suite--searchable-select-target": "input" }))

data/app/javascript/controllers/admin_suite/searchable_select_controller.js

@@ -11,6 +11,7 @@ export default class extends Controller {
     options: { type: Array, default: [] },
     creatable: { type: Boolean, default: false },
     searchUrl: { type: String, default: "" },
+    createUrl: { type: String, default: "" },
   }
 
   connect() {
@@ -55,16 +56,8 @@ export default class extends Controller {
         opt.label.toLowerCase().includes(query),
       )
 
-      if (
-        this.creatableValue &&
-        query &&
-        !this.filteredOptions.some((o) => o.value === query)
-      ) {
-        this.filteredOptions.push({
-          value: query,
-          label: `Create "${query}"`,
-          isNew: true,
-        })
+      if (this.creatableValue && query && !this.hasExactOptionMatch(query)) {
+        this.filteredOptions.push(this.buildCreateOption(query))
       }
 
       this.renderDropdown()
@@ -81,19 +74,11 @@ export default class extends Controller {
       const data = await response.json()
       this.filteredOptions = data.map((item) => ({
         value: item.id || item.value,
-        label: item.name || item.label,
+        label: item.name || item.title || item.label,
       }))
 
-      if (
-        this.creatableValue &&
-        query &&
-        !this.filteredOptions.some((o) => o.value === query)
-      ) {
-        this.filteredOptions.push({
-          value: query,
-          label: `Create "${query}"`,
-          isNew: true,
-        })
+      if (this.creatableValue && query && !this.hasExactOptionMatch(query)) {
+        this.filteredOptions.push(this.buildCreateOption(query))
       }
 
       this.renderDropdown()
@@ -117,7 +102,9 @@ export default class extends Controller {
               class="block w-full text-left px-3 py-2 text-sm hover:bg-slate-100 ${index === this.selectedIndex ? "bg-slate-100" : ""} ${opt.isNew ? "text-indigo-600 font-medium" : "text-slate-700"}"
               data-action="click->admin-suite--searchable-select#select"
               data-value="${opt.value}"
-              data-label="${opt.label}">
+              data-label="${opt.label}"
+              data-create-label="${opt.createLabel || ""}"
+              data-is-new="${opt.isNew ? "true" : "false"}">
         ${opt.label}
       </button>
     `,
@@ -125,18 +112,12 @@ export default class extends Controller {
       .join("")
   }
 
-  select(event) {
-    const value = event.currentTarget.dataset.value
-    const label = event.currentTarget.dataset.label
-      .replace(/^Create "/, "")
-      .replace(/"$/, "")
-
-    this.inputTarget.value = value
-    this.searchTarget.value = label
-    this.close()
+  async select(event) {
+    const option = this.optionFromElement(event.currentTarget)
+    await this.applyOption(option)
   }
 
-  keydown(event) {
+  async keydown(event) {
     switch (event.key) {
       case "ArrowDown":
         event.preventDefault()
@@ -154,12 +135,8 @@ export default class extends Controller {
       case "Enter":
         event.preventDefault()
         if (this.selectedIndex >= 0 && this.filteredOptions[this.selectedIndex]) {
-          const opt = this.filteredOptions[this.selectedIndex]
-          this.inputTarget.value = opt.value
-          this.searchTarget.value = opt.label
-            .replace(/^Create "/, "")
-            .replace(/"$/, "")
-          this.close()
+          const option = this.filteredOptions[this.selectedIndex]
+          await this.applyOption(option)
         }
         break
       case "Escape":
@@ -167,5 +144,111 @@ export default class extends Controller {
         break
     }
   }
+
+  hasExactOptionMatch(query) {
+    return this.filteredOptions.some((opt) => {
+      const value = String(opt.value || "").toLowerCase().trim()
+      const label = String(opt.label || "").toLowerCase().trim()
+      return value === query || label === query
+    })
+  }
+
+  buildCreateOption(query) {
+    return {
+      value: query,
+      label: `Create "${query}"`,
+      createLabel: query,
+      isNew: true,
+    }
+  }
+
+  optionFromElement(element) {
+    const isNew = element.dataset.isNew === "true"
+    return {
+      value: element.dataset.value,
+      label: isNew
+        ? element.dataset.createLabel || element.dataset.label
+        : element.dataset.label,
+      isNew,
+    }
+  }
+
+  async applyOption(option) {
+    if (!option) return
+
+    let value = option.value
+    let label = option.label || ""
+
+    if (option.isNew) {
+      if (!this.createUrlValue) {
+        this.showInlineError("Create URL is not configured for this field.")
+        return
+      }
+
+      const created = await this.createOption(label)
+      if (!created) return
+
+      value = created.id
+      label = created.name || created.title || label
+    }
+
+    this.inputTarget.value = value
+    this.searchTarget.value = label
+    this.close()
+  }
+
+  async createOption(label) {
+    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.content
+    this.searchTarget.disabled = true
+
+    try {
+      const response = await fetch(this.createUrlValue, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Accept: "application/json",
+          ...(csrfToken ? { "X-CSRF-Token": csrfToken } : {}),
+        },
+        body: JSON.stringify({
+          name: label,
+          title: label,
+        }),
+      })
+
+      const data = await response.json().catch(() => ({}))
+      if (!response.ok) {
+        const errors = Array.isArray(data?.errors) ? data.errors.join(", ") : null
+        this.showInlineError(errors || "Could not create this option.")
+        return null
+      }
+
+      if (!data?.id) {
+        this.showInlineError("Create endpoint returned no id.")
+        return null
+      }
+
+      return data
+    } catch (error) {
+      console.error("Create failed:", error)
+      this.showInlineError("Could not create this option.")
+      return null
+    } finally {
+      this.searchTarget.disabled = false
+    }
+  }
+
+  showInlineError(message) {
+    this.dropdownTarget.innerHTML = `
+      <div class="px-3 py-2 text-sm text-red-600">${this.escapeHtml(message)}</div>
+    `
+    this.dropdownTarget.classList.remove("hidden")
+    this.isOpen = true
+  }
+
+  escapeHtml(value) {
+    const div = document.createElement("div")
+    div.textContent = value
+    return div.innerHTML
+  }
 }
 

data/lib/admin_suite/version.rb

@@ -2,7 +2,7 @@
 
 module AdminSuite
   module Version
-    VERSION = "0.2.3"
+    VERSION = "0.2.4"
   end
 
   # Backward-compatible constant.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: admin_suite
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - TechWright Labs
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-02-14 00:00:00.000000000 Z
+date: 2026-02-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails