databasium 0.1.0

data/app/components/databasium/records/filter.rb

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Records::Filter < Components::Base
+      include Phlex::Rails::Helpers::FormWith
+      include Phlex::Rails::Helpers::HiddenFieldTag
+      include Phlex::Rails::Helpers::LinkTo
+      def initialize(model:, turbo_frame:, columns_names_types:, hidden: true)
+        @model = model
+        @turbo_frame = turbo_frame
+        @columns_names_types = columns_names_types
+        @hidden = hidden
+      end
+
+      def view_template
+        if @model
+          div(
+            class: class_names("hidden" => @hidden),
+            id: "filter",
+            data: {
+              toggle_target: "filter",
+              controller: "filter",
+              filter_columns_value: @columns_names_types.to_json
+            }
+          ) { render_filter }
+        end
+      end
+
+      private
+
+      def render_filter
+        form_with(
+          url: databasium.records_records_path(table: @model.name, frame_id: @turbo_frame),
+          method: :get,
+          class:
+            "max-h-50 overflow-y-auto border-b-1 rounded-xl border-border p-2 flex flex-col gap-2",
+          data: {
+            action: "change->search#update",
+            filter_target: "form",
+            turbo_frame: @turbo_frame
+          }
+        ) do |form|
+          hidden_field_tag :table, @model.name
+          hidden_field_tag :frame_id, @turbo_frame
+          div(class: "w-full flex gap-4 items-center col-span-2") do
+            button(
+              data: {
+                action: "click->filter#addFilter"
+              },
+              class: "ps-4 py-1 rounded underline w-fit"
+            ) { "Add Filter" }
+            div(class: "flex items-center gap-5") do
+              form.submit(
+                "Run Filters",
+                class: "bg-accent px-4 py-2 rounded-md",
+                data: {
+                  turbo_stream: true
+                }
+              )
+            end
+          end
+          heroicon "x-mark",
+                   variant: :solid,
+                   options: {
+                     class: "w-8 h-8 hidden mr-2",
+                     data_filter_target: "removeIcon"
+                   }
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/records/foreign_records.rb

@@ -0,0 +1,84 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Records::ForeignRecords < Components::Base
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize(model:, columns_names_types:, frame_id: nil)
+        @model = model
+        @columns_names_types = columns_names_types
+        @frame_id = frame_id || "foreign_records_#{@model&.name}"
+        @table_id = @frame_id.sub(/\Aforeign_records_/, "foreign_records_table_")
+      end
+
+      def view_template
+        turbo_frame_tag(@frame_id) do
+          div(
+            class: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/40 p-4",
+            data: {
+              table_select_target: "table"
+            }
+          ) do
+            div(
+              class:
+                "relative bg-panel p-4 rounded-xl border-1 border-border w-fit max-w-[50vw] flex flex-col h-[90dvh] overflow-auto shadow-2xl",
+              id: @frame_id,
+              data: {
+                action: "click->table-select#stopPropagation"
+              }
+            ) do
+              render_title
+              render_selected_record
+              render_filters
+              render_table
+            end
+          end
+        end
+      end
+
+      private
+
+      def render_selected_record
+        div(class: "flex flex gap-2 items-center") do
+          h2 { "Selected Record:" }
+          p(class: "font-bold", data: { table_select_target: "selectedRecord" }) do
+            "You haven't yet selected a record"
+          end
+        end
+      end
+
+      def render_title
+        div(class: "flex justify-between items-center mb-2 border-b-1 border-border pb-2 mb-2") do
+          h1(class: "w-ful text-2xl font-bold") { "Records of #{@model&.name}" }
+          button(
+            class: "text-accent hover:text-accent-dark",
+            data: {
+              action: "click->table-select#toggleVisibility"
+            }
+          ) { heroicon("x-mark", variant: :solid, options: { class: "w-8 h-8" }) }
+        end
+      end
+
+      def render_filters
+        render Records::Filter.new(
+                 model: @model,
+                 turbo_frame: @table_id,
+                 columns_names_types: @columns_names_types,
+                 hidden: false
+               )
+      end
+
+      def render_table
+        turbo_frame_tag @table_id,
+                        class: "flex-1 min-h-0 overflow-auto block",
+                        src:
+                          helpers.records_records_path(
+                            table: @model&.name,
+                            frame_id: @table_id,
+                            lazy: true
+                          ) { }
+      end
+    end
+  end
+end

data/app/components/databasium/records/header_actions.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Records::HeaderActions < Components::Base
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::Routes
+      include Phlex::Rails::Helpers::TurboFrameTag
+      include Phlex::Rails::Helpers::ButtonTo
+      LIMITS = [ 10, 20, 50, 100 ].freeze
+      def initialize(filter:, table:, limit:)
+        @filter = filter
+        @table = table
+        @limit = limit
+      end
+
+      def view_template
+        div(id: "header_actions", class: "flex max-w-full items-center overflow-x-auto") do
+          limit = @limit.to_i
+          div(class: "flex items-center gap-2 mr-2") do
+            p(class: "text-sm font-bold") { "#{@table}" }
+          end
+          button(
+            type: "submit",
+            form: "delete_records_form",
+            data: {
+              turbo_stream: true
+            },
+            class: "hidden bg-accent px-4 py-1 rounded-xl text-base me-2"
+          ) { span(data: { table_target: "deleteButton" }) { } }
+
+          render Components::Databasium::Navigation::IconPanel.new(
+                   icons_with_text: [
+                     {
+                       icon: "funnel",
+                       text: "filter",
+                       method: :frontend,
+                       data_params: {
+                         toggle: "filter",
+                         action: "click->toggle#toggle"
+                       }
+                     },
+                     {
+                       icon: "plus-circle",
+                       text: "add",
+                       method: :frontend,
+                       data_params: {
+                         toggle: "addRecord",
+                         action: "click->toggle#toggle"
+                       }
+                     },
+                     {
+                       icon: "pencil-square",
+                       text: "edit",
+                       method: :frontend,
+                       data_params: {
+                         toggle: "editRecord",
+                         action: "click->toggle#toggleSticky"
+                       }
+                     },
+                     {
+                       icon: "chevron-double-up",
+                       text: "10",
+                       method: :get,
+                       turbo_frame: "records_list",
+                       path: records_path(),
+                       active: limit == 10
+                     },
+                     {
+                       icon: "chevron-double-up",
+                       text: "20",
+                       method: :get,
+                       turbo_frame: "records_list",
+                       path: records_path(limit: 20),
+                       active: limit == 20
+                     },
+                     {
+                       icon: "chevron-double-up",
+                       text: "50",
+                       method: :get,
+                       turbo_frame: "records_list",
+                       path: records_path(limit: 50),
+                       active: limit == 50
+                     },
+                     {
+                       icon: "chevron-double-up",
+                       text: "100",
+                       method: :get,
+                       turbo_frame: "records_list",
+                       path: records_path(limit: 100),
+                       active: limit == 100
+                     }
+                   ]
+                 )
+        end
+      end
+
+      private
+
+      def records_path(limit: 10)
+        databasium.records_records_path(
+          table: @table,
+          frame_id: "records_list",
+          filter: @filter,
+          limit: limit
+        )
+      end
+    end
+  end
+end

data/app/components/databasium/records/show_turbo_stream.rb

@@ -0,0 +1,75 @@
+class Components::Databasium::Records::ShowTurboStream < Components::Base
+  include Phlex::Rails::Helpers::TurboStream
+
+  def initialize(
+    refresh:,
+    filter:,
+    table:,
+    records:,
+    model:,
+    turbo_frame:,
+    pagy:,
+    feedback:,
+    columns_names_types:,
+    limit:
+  )
+    @filter = filter
+    @table = table
+    @records = records
+    @model = model
+    @turbo_frame = turbo_frame
+    @pagy = pagy
+    @feedback = feedback
+    @columns_names_types = columns_names_types
+    @limit = limit
+    @refresh = refresh
+  end
+
+  def view_template
+    foreign = @turbo_frame.start_with?("foreign_records_table_")
+    target_frame = foreign ? @turbo_frame : "records_list"
+
+    turbo_stream.replace(
+      target_frame,
+      Components::Databasium::Records::Table.new(
+        records: @records,
+        model: @model,
+        turbo_frame: target_frame,
+        pagy: @pagy,
+        feedback: @feedback
+      )
+    )
+
+    return if foreign
+
+    turbo_stream.update(
+      "header_actions",
+      Components::Databasium::Records::HeaderActions.new(filter: nil, table: @table, limit: @limit)
+    )
+    if @refresh
+      turbo_stream.replace(
+        "filter",
+        Components::Databasium::Records::Filter.new(
+          model: @model,
+          turbo_frame: @turbo_frame,
+          columns_names_types: @columns_names_types,
+          hidden: true
+        )
+      )
+      turbo_stream.replace(
+        "addRecord",
+        Components::Databasium::Forms::Model.new(
+          columns_names_types: @columns_names_types,
+          model: @model
+        )
+      )
+      turbo_stream.replace(
+        "records_utilities",
+        Components::Databasium::Records::Utilities.new(
+          model: @model,
+          columns_names_types: @columns_names_types
+        )
+      )
+    end
+  end
+end

data/app/components/databasium/records/sidebar.rb

@@ -0,0 +1,23 @@
+module Components
+  module Databasium
+    class Records::Sidebar < Components::Base
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize
+      end
+
+      def view_template
+        div(class: "flex flex-col w-full") do
+          render Components::Databasium::Forms::Search.new(
+                   url: databasium.sidebar_records_path,
+                   turbo_frame: "results",
+                   placeholder: "Search for a table"
+                 )
+          turbo_frame_tag("results", src: databasium.sidebar_records_path) do
+            p(class: "mt-2 animate-pulse") { "Loading tables..." }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/records/table/record_panel.rb

@@ -0,0 +1,60 @@
+module Components
+  module Databasium
+    class Records::Table::RecordPanel < Components::Base
+      def initialize
+      end
+
+      def view_template
+        div(class: "flex flex-col min-h-0 items-end") do
+          div(
+            class:
+              "hidden bg-panel flex-1 min-h-0 overflow-y-auto rounded-bl-xl mb-2 min-h-[calc(100dvh-51px)] flex flex-col w-125",
+            data: {
+              table_target: "recordsPanel"
+            },
+            id: "editRecord"
+          ) do
+            button(
+              class:
+                "w-fit text-accent hover:text-accent-dark border-1 border-accent p-1 rounded-xl m-2 ms-auto",
+              data: {
+                action: "click->table#closeRecordsPanel"
+              }
+            ) { raw heroicon("x-mark", variant: :solid, options: { class: "w-6 h-6" }) }
+            div(
+              class:
+                "flex bg-background px-2 overflow-x-auto max-w-fill divide-x-1 divide-border gap-x-2",
+              data: {
+                table_target: "recordTabs"
+              }
+            ) do
+              template(data: { table_target: "recordTab" }) do
+                button(
+                  type: "button",
+                  class: "flex items-center gap-2 px-2 cursor-pointer",
+                  data: {
+                    action: "click->table#openTab"
+                  }
+                ) do
+                  div(data: { table_target: "recordTabTitle" }) { plain "Name" }
+                  div(data: { action: "click->table#closeTab" }) do
+                    raw heroicon(
+                          "x-mark",
+                          variant: :solid,
+                          options: {
+                            class: "w-3 h-3 me-auto hover:bg-panel"
+                          }
+                        )
+                  end
+                end
+              end
+            end
+            div(class: "m-2", data: { table_target: "recordTabsContent" }) do
+              plain "Double click on a record to update to open update form"
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/records/table/row.rb

@@ -0,0 +1,104 @@
+class Components::Databasium::Records::Table::Row < Components::Base
+  include Phlex::Rails::Helpers::DOMID
+  include Phlex::Rails::Helpers::ClassNames
+
+  attr_reader :record
+
+  def initialize(record:, turbo_frame:, render_as_cards: false)
+    @record = record
+    @turbo_frame = turbo_frame
+    @render_as_cards = render_as_cards
+  end
+
+  def view_template
+    @render_as_cards ? render_card : render_row
+  end
+
+  private
+
+  def click_action
+    @turbo_frame == "records_list" ? "click->table#handleClick" : "click->table-select#selectRecord"
+  end
+
+  def render_card
+    article(
+      id: dom_id(record),
+      class:
+        "flex flex-col border-1 border-border rounded-md bg-panel " \
+          "hover:bg-background hover:cursor-pointer overflow-hidden min-w-0 w-full max-w-125",
+      data: {
+        action: click_action,
+        record_id: record.id
+      }
+    ) { record.class.columns.each { |column| render_card_field(column) } }
+  end
+
+  def render_card_field(column)
+    div(
+      class:
+        "grid grid-cols-2 divide-x divide-border " \
+          "border-b-1 border-border last:border-b-0 py-1",
+      data: {
+        attribute_name: column.name
+      }
+    ) do
+      div(
+        class: "text-base font-semibold px-2 overflow-x-auto whitespace-nowrap min-w-0 max-w-full"
+      ) { column.name }
+      div(
+        class: "text-base font-light px-2 overflow-x-auto whitespace-nowrap min-w-0 max-w-full"
+      ) { format_cell_value(record.public_send(column.name)) }
+    end
+  end
+
+  def render_row
+    tr(
+      id: dom_id(record),
+      class: "hover:bg-background hover:cursor-pointer",
+      data: {
+        action: click_action,
+        record_id: record.id
+      }
+    ) do
+      render_checkbox if @turbo_frame == "records_list"
+      record.class.columns.each { |column| render_plain_td(column) }
+    end
+  end
+
+  def render_checkbox
+    td(class: "text-center py-2 border-1 border-border overflow-auto") do
+      input(
+        type: "checkbox",
+        id: "#{record.id}",
+        name: "ids[]",
+        value: record.id,
+        data: {
+          table_target: "checkbox"
+        }
+      )
+    end
+  end
+
+  def render_plain_td(column)
+    td(class: cell_classes, data: { attribute_name: column.name }) do
+      plain format_cell_value(record.public_send(column.name))
+    end
+  end
+
+  def format_cell_value(value)
+    case value
+    when Time, DateTime, ActiveSupport::TimeWithZone
+      value.strftime("%Y-%m-%d %H:%M:%S")
+    when Date
+      value.strftime("%Y-%m-%d")
+    when File
+      link_to value.url, value.url, target: "_blank"
+    else
+      value.to_s
+    end
+  end
+
+  def cell_classes
+    "text-center max-w-15 h-15 p-2 border-1 border-border overflow-auto"
+  end
+end

data/app/components/databasium/records/table.rb

@@ -0,0 +1,125 @@
+module Components
+  module Databasium
+    class Records::Table < Components::Base
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::HiddenFieldTag
+      include Phlex::Rails::Helpers::CheckBoxTag
+      include Phlex::Rails::Helpers::FormWith
+      include Phlex::Rails::Helpers::DOMID
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize(
+        records:,
+        model:,
+        turbo_frame:,
+        pagy: nil,
+        feedback: nil,
+        render_as_cards: false
+      )
+        @records = records
+        @model = model
+        @turbo_frame = turbo_frame
+        @pagy = pagy
+        @feedback = feedback
+        @render_as_cards = render_as_cards
+      end
+
+      def view_template
+        turbo_frame_tag(@turbo_frame, class: "flex min-h-0 min-w-0 flex-1 flex-col relative") do
+          form_with(
+            url: databasium.bulk_destroy_records_path,
+            data: {
+              turbo_method: :destroy,
+              action: "submit->table#resetDeleteButton"
+            },
+            method: :delete,
+            scope: :table,
+            id: "delete_records_form",
+            class: "flex min-h-0 min-w-0 flex-1 flex-col"
+          ) do |form|
+            hidden_field_tag(:table, @model.name)
+            div(class: "flex-1 min-h-0 min-w-0 max-h-fit overflow-auto") do
+              if @render_as_cards
+                render_card_body
+              else
+                table(class: "whitespace-nowrap bg-panel min-w-max w-full") do
+                  render_table_head
+                  render_table_body
+                end
+              end
+            end
+            render_pagy
+          end
+        end
+      end
+
+      private
+
+      def render_table_head
+        thead do
+          tr(class: "bg-accent shadow-accent") do
+            if @turbo_frame == "records_list"
+              th(class: table_head_classes) do
+                button(
+                  type: "button",
+                  data: {
+                    action: "click->table#toggleAllRecords",
+                    table_target: "toggleAllRecordsButton"
+                  },
+                  class: "px-4 py-1 rounded-xl text-base me-2 hover:text-hover"
+                ) { heroicon("check-circle", variant: :solid, options: { class: "w-6 h-6" }) }
+              end
+            end
+            @model&.columns&.each { |column| th(class: table_head_classes) { plain column.name } }
+          end
+        end
+      end
+
+      def render_card_body
+        div(id: "records_body", class: "grid gap-4 w-full p-4 justify-center w-full") do
+          if @records&.any?
+            @records.each do |record|
+              render Components::Databasium::Records::Table::Row.new(
+                       record: record,
+                       turbo_frame: @turbo_frame,
+                       render_as_cards: @render_as_cards
+                     )
+            end
+          else
+            render Components::Databasium::Global::Suggestion.new(
+                     suggestions: [ @feedback || "No records found for #{@model&.name} table." ]
+                   )
+          end
+        end
+      end
+
+      def render_table_body
+        tbody(id: "records_body") do
+          if @records&.any?
+            @records.each do |record|
+              render Components::Databasium::Records::Table::Row.new(
+                       record: record,
+                       turbo_frame: @turbo_frame,
+                       render_as_cards: @render_as_cards
+                     )
+            end
+          else
+            render Components::Databasium::Global::Suggestion.new(
+                     suggestions: [ @feedback || "No records found for #{@model&.name} table." ]
+                   )
+          end
+        end
+      end
+
+      def render_pagy
+        if @pagy && @records&.any?
+          div(class: "m-4 flex justify-start") { raw @pagy.series_nav.html_safe }
+        end
+      end
+
+      def table_head_classes
+        "text-center w-55 max-w-55 py-2 border-1 border-border overflow-auto"
+      end
+    end
+  end
+end

data/app/components/databasium/records/table_turbo_frame.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Records::TableTurboFrame < Components::Base
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize(model: nil, feedback: nil)
+        @model = model
+        @feedback = feedback
+      end
+
+      def view_template
+        div(class: "flex min-h-0 min-w-0 flex-1 flex-col") do
+          div(id: "records_utilities") { }
+          render_table
+        end
+      end
+
+      private
+
+      def render_table
+        turbo_frame_tag("records_list") do
+          suggestion =
+            if @feedback
+              @feedback
+            elsif @model
+              "No records found for #{@model&.name} table."
+            else
+              "Please select a table to view records."
+            end
+          render Components::Databasium::Global::Suggestion.new(suggestions: [ suggestion ])
+        end
+      end
+    end
+  end
+end