Select / typeahead combo for foreign key field

.formatter.exs

@@ -7,11 +7,13 @@ spark_locals_without_parens = [
   field: 2,
   format_fields: 1,
   generic_actions: 1,
+  label_field: 1,
   name: 1,
   polymorphic_actions: 1,
   polymorphic_tables: 1,
   read_actions: 1,
   relationship_display_fields: 1,
+  relationship_select_max_items: 1,
   resource_group: 1,
   resource_group_labels: 1,
   show?: 1,

assets/js/app.js

@@ -26,7 +26,7 @@ Hooks.JsonEditor = {
             target.dispatchEvent(
               new Event("change", { bubbles: true, target: this.el.name }),
             );
-          } catch (_e) {}
+          } catch (_e) { }
         },
         onChange: () => {
           try {
@@ -37,7 +37,7 @@ Hooks.JsonEditor = {
             target.dispatchEvent(
               new Event("change", { bubbles: true, target: this.el.name }),
             );
-          } catch (_e) {}
+          } catch (_e) { }
         },
         onModeChange: (newMode) => {
           hook.mode = newMode;
@@ -63,7 +63,7 @@ Hooks.JsonEditorSource = {
         } else {
         }
       }
-    } catch (_e) {}
+    } catch (_e) { }
   },
 };
 
@@ -163,6 +163,43 @@ Hooks.MaintainAttrs = {
   },
 };
 
+Hooks.Typeahead = {
+  mounted() {
+    const target_id = this.el.getAttribute("data-target-id");
+    const target_el = document.getElementById(target_id);
+
+    switch (this.el.tagName) {
+      case "INPUT":
+        this.el.addEventListener("keydown", e => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+          }
+        });
+        this.el.addEventListener("keyup", e => {
+          switch (e.key) {
+            case "Enter":
+            case "Escape":
+              this.el.blur();
+              window.setTimeout(function () { target_el.dispatchEvent(new Event("input", { bubbles: true })) }, 750);
+              break;
+          }
+        });
+        break;
+
+      case "LI":
+        this.el.addEventListener("click", e => {
+          window.setTimeout(function () { target_el.dispatchEvent(new Event("input", { bubbles: true })) }, 750);
+        });
+        break;
+    }
+  },
+  updated() {
+    if (this.el.tagName === "INPUT" && this.el.name.match(/suggest$/) && this.el.value.length === 0) {
+      this.el.focus();
+    }
+  }
+};
+
 function getCookie(name) {
   var re = new RegExp(name + "=([^;]+)");
   var value = re.exec(document.cookie);

dev/repo/migrations/20250213034402_migrate_resources_extensions_1.exs

@@ -0,0 +1,59 @@
+defmodule Demo.Repo.Migrations.MigrateResourcesExtensions1 do
+  @moduledoc """
+  Installs any extensions that are mentioned in the repo's `installed_extensions/0` callback
+
+  This file was autogenerated with `mix ash_postgres.generate_migrations`
+  """
+
+  use Ecto.Migration
+
+  def up do
+    execute("ALTER FUNCTION ash_raise_error(jsonb) STABLE;")
+    execute("ALTER FUNCTION ash_raise_error(jsonb, ANYCOMPATIBLE) STABLE")
+
+    execute("""
+    CREATE OR REPLACE FUNCTION uuid_generate_v7()
+    RETURNS UUID
+    AS $$
+    DECLARE
+      timestamp    TIMESTAMPTZ;
+      microseconds INT;
+    BEGIN
+      timestamp    = clock_timestamp();
+      microseconds = (cast(extract(microseconds FROM timestamp)::INT - (floor(extract(milliseconds FROM timestamp))::INT * 1000) AS DOUBLE PRECISION) * 4.096)::INT;
+
+      RETURN encode(
+        set_byte(
+          set_byte(
+            overlay(uuid_send(gen_random_uuid()) placing substring(int8send(floor(extract(epoch FROM timestamp) * 1000)::BIGINT) FROM 3) FROM 1 FOR 6
+          ),
+          6, (b'0111' || (microseconds >> 8)::bit(4))::bit(8)::int
+        ),
+        7, microseconds::bit(8)::int
+      ),
+      'hex')::UUID;
+    END
+    $$
+    LANGUAGE PLPGSQL
+    SET search_path = ''
+    VOLATILE;
+    """)
+
+    execute("""
+    CREATE OR REPLACE FUNCTION timestamp_from_uuid_v7(_uuid uuid)
+    RETURNS TIMESTAMP WITHOUT TIME ZONE
+    AS $$
+      SELECT to_timestamp(('x0000' || substr(_uuid::TEXT, 1, 8) || substr(_uuid::TEXT, 10, 4))::BIT(64)::BIGINT::NUMERIC / 1000);
+    $$
+    LANGUAGE SQL
+    SET search_path = ''
+    IMMUTABLE PARALLEL SAFE STRICT;
+    """)
+  end
+
+  def down do
+    # Uncomment this if you actually want to uninstall the extensions
+    # when this migration is rolled back:
+    execute("DROP FUNCTION IF EXISTS uuid_generate_v7(), timestamp_from_uuid_v7(uuid)")
+  end
+end

dev/repo/migrations/20250213034403_add_organization_relation_to_users.exs

@@ -0,0 +1,31 @@
+defmodule Demo.Repo.Migrations.MigrateResources8 do
+  @moduledoc """
+  Updates resources based on their most recent snapshots.
+
+  This file was autogenerated with `mix ash_postgres.generate_migrations`
+  """
+
+  use Ecto.Migration
+
+  def up do
+    alter table(:users) do
+      add(
+        :organization_id,
+        references(:organizations,
+          column: :id,
+          name: "users_organization_id_fkey",
+          type: :uuid,
+          prefix: "public"
+        )
+      )
+    end
+  end
+
+  def down do
+    drop(constraint(:users, "users_organization_id_fkey"))
+
+    alter table(:users) do
+      remove(:organization_id)
+    end
+  end
+end

dev/repo/seeds.exs

@@ -36,12 +36,13 @@ defmodule Demo.Seeder do
     })
   end
 
-   @spec insert_representative!(String.t(), String.t()) :: Representative.t()
-  def insert_representative!(first_name, last_name) do
+   @spec insert_representative!(String.t(), String.t(), Organization.t()) :: Representative.t()
+  def insert_representative!(first_name, last_name, organization \\ nil) do
     Seed.seed!(Representative, %{
       first_name: first_name,
       last_name: last_name,
-      representative: true
+      representative: true,
+      organization_id: organization && organization.id
     })
   end
 
@@ -87,6 +88,7 @@ Demo.Seeder.insert_admin!("Super", "Admin");
 org = Demo.Seeder.insert_organization!("Ash Project");
 Demo.Seeder.insert_user!("Alice", "Courtney", "Lorem ipsum dolor sit amet", "Duis aute irure dolor in reprehenderit in voluptate velit esse", "123456");
 bob = Demo.Seeder.insert_customer!("Bob", "Maclean");
-carol = Demo.Seeder.insert_representative!("Carol", "White");
+carol = Demo.Seeder.insert_representative!("Carol", "White", org);
+rasha = Demo.Seeder.insert_representative!("Rasha", "Khan");
 
 Demo.Seeder.insert_ticket!("Lorem ipsum", "Duis aute irure dolor in reprehenderit in voluptate", bob, carol, org);

dev/resource_snapshots/repo/extensions.json

@@ -1,9 +1,9 @@
 {
+  "ash_functions_version": 5,
   "installed": [
     "uuid-ossp",
     "pg_trgm",
     "citext",
     "ash-functions"
-  ],
-  "ash_functions_version": 3
+  ]
 }