oversee 0.1.1 → 0.2.0

data/app/components/oversee/field/value/string.rb

@@ -0,0 +1,20 @@
+class Oversee::Field::Value::String < Phlex::HTML
+  def initialize(key: nil, value: nil, kind: :value)
+    @key = key
+    @value = value
+    @kind = kind
+  end
+
+  def view_template
+    return p(class: "text-gray-400 text-xs uppercase") { "Empty" } if @value == ""
+    return p(class: "text-gray-400 text-xs uppercase") { "Redacted" } if sensitive?
+
+    p(class: "truncate") { @value }
+  end
+
+  private
+
+  def sensitive?
+    @key&.downcase&.include?("password") ||  @key&.downcase&.include?("token")
+  end
+end

data/app/components/oversee/field/value/text.rb

@@ -0,0 +1,9 @@
+class Oversee::Field::Value::Text < Phlex::HTML
+  def initialize(datatype: :string, key: nil, value: nil, kind: :value)
+    @value = value
+  end
+
+  def view_template
+    p(class: "truncate") { @value }
+  end
+end

data/app/components/oversee/field/value.rb

@@ -0,0 +1,34 @@
+class Oversee::Field::Value < Oversee::Base
+  MAP = {
+    string: Oversee::Field::Value::String,
+    boolean: Oversee::Field::Value::Boolean,
+    integer: Oversee::Field::Value::Integer,
+    datetime: Oversee::Field::Value::Datetime,
+    text: Oversee::Field::Value::Text,
+    enum: Oversee::Field::Value::Enum
+  }
+
+  def initialize(key: nil, value: nil, datatype: :string, **options)
+    @key = key
+    @value = value
+    @datatype = datatype
+    @options = options
+
+    @class = @options[:class]
+  end
+
+  def view_template
+    return p(class: "text-gray-400 text-xs"){ "—" } if @value.nil?
+    render component_class.new(key: @key, value: @value)
+  end
+
+  private
+
+  def component_class
+    MAP[@datatype.to_sym] || Oversee::Field::Value::String
+  end
+
+  def for_table?
+    @options[:for_table] || false
+  end
+end

data/app/components/oversee/resources/base.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Base < Oversee::Base
+end

data/app/components/oversee/resources/errors.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Errors < Oversee::Base
+  def initialize(resource: nil, errors: nil, content: nil, **options)
+    @resource = resource
+    @errors = errors
+    @content = content
+    @options = options
+  end
+
+  def view_template
+    if @content || @resource&.errors&.any?
+      div(class: container_class) do
+        div(class: "inline-flex items-center gap-1.5 bg-red-600 py-1 px-2 text-xs text-white") do
+          # render Phlex::TablerIcons::ExclamationCircle.new(class: "size-5", stroke_width: 1.75)
+          h3(class: "text-sm font-medium") { plain @content || "Something went wrong!" }
+        end
+        if displayed_errors.present?
+          div(class: "mt-4 border-l-2 border-red-600 p-2") do
+            ul(class: "space-y-1 text-sm text-gray-700") do
+              displayed_errors.each do |message|
+                li { "— #{message}" }
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+
+  private
+
+  def container_class
+    @options[:container_class] || "bg-white mb-4"
+  end
+
+  def displayed_errors
+    @errors || @resource&.errors&.full_messages
+  end
+
+end

data/app/components/oversee/resources/form.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Form < Oversee::Base
+  include Phlex::Rails::Helpers::FormWith
+  def initialize(resource:)
+    @resource = resource
+  end
+
+  def view_template
+    div(id: dom_id(@resource)) do
+      render Oversee::Resources::Errors.new(resource: @resource)
+      form_with model: @resource,
+                scope: :resource,
+                url: helpers.create_resource_path(resource_class_name:),
+                scope: :resource do |f|
+        @resource.class.columns_hash.each do |key, metadata|
+          if [@resource.class.primary_key, "created_at", "updated_at"].include?(key)
+            next
+          end
+          div(class: "py-2") do
+            render Oversee::Field::Label.new(
+                    key: key,
+                    datatype: metadata.sql_type_metadata.type
+                  )
+            div(class: "mt-2") do
+              render Oversee::Field::Input.new(
+                      datatype: metadata.sql_type_metadata.type,
+                      key: key
+                    )
+            end
+          end
+        end
+        hr(class: "-mx-8 my-8")
+        div(class: "flex justify-end mt-8") do
+          plain f.submit "Save",
+                        class:
+                          "bg-gray-900 px-6 py-2 rounded-full text-white font-medium text-sm hover:bg-gray-700 cursor-pointer"
+        end
+      end
+    end
+  end
+
+
+  private
+
+  def resource_class_name
+    @resource.class.to_s
+  end
+end

data/app/components/oversee/resources/index.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Index < Oversee::Base
+  def initialize(resources:, resource_class:, pagy:, params:)
+    @resources = resources
+    @resource_class = resource_class
+    @pagy = pagy
+    @params = params
+  end
+
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s, subtitle: "Index") do
+      a(href: helpers.new_resource_path(@params[:resource_class_name]), class: "inline-flex items-center justify-center size-8 rounded-full bg-emerald-100 text-emerald-500 hover:bg-emerald-200 text-sm font-medium") { render Phlex::Icons::Iconoir::Plus.new(class: "size-4 text-emerald-500") }
+    end
+    render Oversee::Dashboard::Filters.new(params: @params)
+    render Oversee::Resources::Table.new(resource_class: @resource_class, resources: @resources, params: @params)
+    render Oversee::Dashboard::Pagination.new(pagy: @pagy, params: @params)
+  end
+
+  private
+
+  def resource_associations
+    @resource_class.reflect_on_all_associations.select { |association| association.macro == :belongs_to }
+  end
+end

data/app/components/oversee/resources/new.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::New < Oversee::Base
+  def initialize(resource:, resource_class:, params:)
+    @resource = resource
+    @resource_class = resource_class
+    @params = params
+  end
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s, subtitle: "Creating new record")
+
+    div(class: "p-8") do
+      render Oversee::Resources::Form.new(resource: @resource)
+    end
+  end
+end

data/app/components/oversee/resources/show.rb

@@ -0,0 +1,126 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Show < Oversee::Base
+  include Phlex::Rails::Helpers::ButtonTo
+  include Phlex::Rails::Helpers::TurboFrameTag
+
+  def initialize(resource:, resource_class:, resource_associations:, params:)
+    @resource = resource
+    @resource_class = resource_class
+    @resource_associations = resource_associations
+    @params = params
+    @oversee_resource = Oversee::Resource.new(resource_class: @resource_class, resource: @resource)
+  end
+
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s, subtitle: "##{@resource.id}", return_path: helpers.resources_path(resource_class_name: @params[:resource_class_name])) do
+      button_to(helpers.resource_path(resource_class_name: @params[:resource_class_name]), method: :delete, data: { turbo_confirm: "Are you sure?" }, class: "size-8 inline-flex items-center justify-center rounded-full text-rose-500 bg-rose-50 hover:bg-rose-100 text-sm font-medium transition-colors") { render Phlex::Icons::Iconoir::Trash.new(class: "size-4") }
+    end
+
+    div(class: "p-8") do
+      @resource_class.columns_hash.each do |key, metadata|
+        div(class: "py-4") do
+          div(class: "space-y-2") do
+            render Oversee::Field::Label.new(key: key, datatype: metadata.sql_type_metadata.type)
+            div(id: dom_id(@resource, :"#{key}_row"), class: "flex items-center gap-2 mt-4") do
+              render Oversee::Field::Display.new(resource: @resource, key: key, datatype: metadata.sql_type_metadata.type)
+              # div(id: dom_id(@resource, :"#{key}_actions")) do
+              #   div(class: "bg-white text-gray-400 size-9 aspect-square inline-flex items-center justify-center"){ render Phlex::Icons::Iconoir::Copy.new(class: "size-5", stroke_width: 1.75) }
+              # end
+            end
+          end
+        end
+      end
+
+      # BELONGS_TO Associations
+      if !!belongs_to_associations.length
+        belongs_to_associations.each do |association|
+          div(class: "py-6") do
+            div(class: "space-y-4") do
+              div(class:"flex items-center gap-2") do
+                render Oversee::Field::Label.new(key: association[:name].to_s.titleize, datatype: :data)
+                a(href: helpers.resources_path(resource_class_name: association[:class_name].to_s), class: "hover:text-blue-500") { render Phlex::Icons::Iconoir::ArrowUpRight.new(class: "size-3") }
+              end
+
+              div(class: "flex items-center gap-2 flex-wrap") do
+                foreign_key_value = @resource[association[:foreign_key]]
+                path = !!foreign_key_value ? helpers.resource_path(id: foreign_key_value, resource_class_name: association[:class_name]) : helpers.resources_path(resource_class_name: association[:class_name])
+
+                a(
+                  href: path,
+                  class:
+                    "inline-flex items-center gap-2 text-xs border border-transparent bg-gray-100 hover:bg-gray-200 px-3 py-1.5"
+                ) do
+                  plain "#{association[:class_name]} | #{foreign_key_value}"
+                  span { render Phlex::Icons::Iconoir::ArrowUpRight.new(class: "size-3") }
+                end
+              end
+            end
+          end
+        end
+      end
+
+      # HAS_MANY Associations
+      if !!has_many_associations.length
+        has_many_associations.each do |association|
+          associated_resources = @resource.send(association[:name])
+          associated_resource_class = association[:class_name].constantize
+
+          div(class: "py-6") do
+            div(class: "space-y-4") do
+              div(class:"flex items-center gap-2") do
+                render Oversee::Field::Label.new(key: association[:name].to_s.titleize, datatype: :data)
+                a(href: helpers.resources_path(resource_class_name: association[:class_name]), class: "hover:text-blue-500") { render Phlex::Icons::Iconoir::ArrowUpRight.new(class: "size-3") }
+              end
+
+              div(class: "bg-gray-50 p-2") do
+                if associated_resources.present?
+                  div(class: "bg-white") do
+                    # turbo_frame_tag(
+                    #   dom_id(associated_resource_class, :table),
+                    #   src: helpers.resources_table_path(
+                    #     resource_class_name: association[:class_name],
+                    #     filters: { eq: { association[:foreign_key] => [@resource.id] } }
+                    #   ),
+                    #   loading: :lazy,
+                    #   data: { turbo_stream: true }
+                    # ) do
+                    #   div(class: "h-20 flex items-center justify-center") { render Phlex::Icons::Iconoir::DatabaseSearch.new(class: "animate-pulse size-6 text-gray-600") }
+                    # end
+
+                  #
+                    render Oversee::Resources::Table.new(
+                      resources: associated_resources,
+                      resource_class: associated_resource_class,
+                      params: @params
+                    )
+                  end
+                else
+                  p(class: "bg-gray-50 p-2 pr-4 flex gap-2 items-center text-xs") {
+                    render Phlex::Icons::Iconoir::DatabaseSearch.new(class: "size-3")
+                    plain "No #{association[:name].to_s.titleize.downcase} found"
+                  }
+                end
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+
+  private
+
+  def belongs_to_associations
+    @oversee_resource.associations[:belongs_to]
+  end
+
+  def has_many_associations
+    @oversee_resource.associations[:has_many]
+  end
+
+  def has_associations?
+    @resource_associations.present?
+  end
+end

data/app/components/oversee/resources/table.rb

@@ -0,0 +1,109 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Table < Oversee::Base
+  include Phlex::Rails::Helpers::TurboFrameTag
+
+  def initialize(resources:, resource_class:, params:, **options)
+    @resources = resources
+    @resource_class = resource_class || resources.first.class
+    @params = params
+    @options = options
+  end
+
+  def view_template
+    turbo_frame_tag dom_id(@resource_class, :table), target: :_top do
+      render Oversee::Table.new do |table|
+        table.head do |head|
+          head.row do
+            th(scope: "col", class: "px-4 py-3 text-left text-xs text-gray-900 uppercase")
+            # Attributes
+            @resource_class.columns_hash.each do |key, metadata|
+              th(scope: "col", class: "text-left text-xs text-gray-900 uppercase whitespace-nowrap hover:bg-gray-50 transition relative") do
+                a(
+                  href:
+                    (
+                      helpers.resources_path(
+                        resource: @params[:resource],
+                        sort_attribute: key,
+                        sort_direction:
+                          @params[:sort_direction] == "asc" ? :desc : :asc
+                      )
+                    ),
+                  class: "px-4 py-3 flex items-center justify-between gap-2 w-full h-full hover:text-gray-900 transition-colors"
+                ) do
+                  render Oversee::Field::Label.new(key: key, datatype: metadata.sql_type_metadata.type)
+                  render Phlex::Icons::Iconoir::ArrowSeparateVertical.new(class: "size-3 text-gray-500", stroke_width: 2.5)
+                end
+              end
+            end
+
+            # Associations
+            resource_associations.each do |association|
+              th(scope: "col", class: "text-left text-xs text-gray-900 uppercase whitespace-nowrap hover:bg-gray-50 transition relative") do
+                span(
+                  class: "px-4 py-3 flex items-center justify-between gap-2 w-full h-full hover:text-gray-900 transition-colors"
+                ) do
+                  render Oversee::Field::Label.new(key: association.name, datatype: nil)
+                end
+              end
+            end
+          end
+        end
+
+        table.body do |body|
+          @resources.each do |resource|
+            body.row do |row|
+              td do
+                div(class: "flex space-x-2 mx-4") do
+                  a(
+                    href:
+                      (
+                        helpers.resource_path(
+                          resource.id,
+                          resource_class_name: @params[:resource_class_name]
+                        )
+                      ),
+                    data: { turbo_stream: true },
+                    class: "size-6 bg-gray-100 inline-flex items-center justify-center hover:bg-gray-200 group"
+                  ) { render Phlex::Icons::Iconoir::Eye.new(class: "size-4 text-gray-500") }
+                end
+              end
+
+              @resource_class.columns_hash.each do |key, metadata|
+                row.data do
+                  div(class: "max-w-96") do
+                    render Oversee::Field::Value.new(datatype: metadata.sql_type_metadata.type, value: resource.send(key), key: key)
+                  end
+                end
+              end
+
+              resource_associations.each do |association|
+                foreign_id = resource.send(association.foreign_key)
+                resource_class_name = association.class_name
+
+                path = !!foreign_id ? helpers.resource_path(id: foreign_id, resource_class_name:) : helpers.resources_path(resource_class_name: resource_class_name)
+
+                row.data do
+                  div(class: "max-w-96") do
+                    a(
+                      href: path,
+                      class:"px-2 py-1 bg-gray-100 text-gray-500 text-sm flex items-center justify-between gap-2 hover:bg-gray-200 hover:text-gray-900 min-w-20") do
+                      span { foreign_id.presence || "N/A" }
+                      render Phlex::Icons::Iconoir::ArrowRight.new(class: "size-3")
+                    end
+                  end
+                end
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+
+  private
+
+  def resource_associations
+    @resource_class.reflect_on_all_associations.select { |association| association.macro == :belongs_to }
+  end
+end

data/app/components/oversee/table/body.rb

@@ -0,0 +1,13 @@
+class Oversee::Table::Body < Phlex::HTML
+  def view_template(&)
+    tbody(class: "divide-y divide-gray-200", &)
+  end
+
+  def row(&)
+    render Oversee::Table::Row.new(&)
+  end
+
+  def data(&)
+    render Oversee::Table::Data.new(&)
+  end
+end

data/app/components/oversee/table/data.rb

@@ -0,0 +1,5 @@
+class Oversee::Table::Data < Phlex::HTML
+  def view_template(&)
+    td(class: "whitespace-nowrap p-4 text-sm text-gray-500", &)
+  end
+end

data/app/components/oversee/table/head.rb

@@ -0,0 +1,9 @@
+class Oversee::Table::Head < Phlex::HTML
+  def view_template(&)
+    thead(class: "bg-white", &)
+  end
+
+  def row(&)
+    render Oversee::Table::Row.new(&)
+  end
+end

data/app/components/oversee/table/row.rb

@@ -0,0 +1,9 @@
+class Oversee::Table::Row < Phlex::HTML
+  def view_template(&)
+    tr(class: "divide-x divide-gray-200") { yield }
+  end
+
+  def data(&)
+    render Oversee::Table::Data.new(&)
+  end
+end

data/app/components/oversee/table.rb

@@ -0,0 +1,21 @@
+class Oversee::Table < Phlex::HTML
+  def view_template(&)
+    div(class: "overflow-x-hidden") do
+      div(class: "-mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8") do
+        div(class: "inline-block min-w-full align-middle sm:px-6 lg:px-8") do
+          table(class: "min-w-full divide-y divide-gray-200") do
+            yield
+          end
+        end
+      end
+    end
+  end
+
+  def head(&)
+    render Oversee::Table::Head.new(&)
+  end
+
+  def body(&)
+    render Oversee::Table::Body.new(&)
+  end
+end

data/app/controllers/oversee/dashboard_controller.rb

@@ -1,5 +1,9 @@
 module Oversee
   class DashboardController < BaseController
+    def index
+      render Oversee::Dashboard::Index.new
+    end
+
     def show
       fetch_metrics
 

data/app/controllers/oversee/resources_controller.rb

@@ -2,51 +2,67 @@ module Oversee
   class ResourcesController < BaseController
     include ActionView::RecordIdentifier
 
-    before_action :set_resource_class, except: [:create, :update]
-    before_action :set_resource, only: %i[show edit destroy]
+    before_action :set_resource_class
+    before_action :set_resource, only: %i[show edit update destroy input_field]
+    before_action :set_resources, only: %i[index table]
 
     def index
-      set_sorting_rules
-
-      @resources = @resource_class.order(@sort_attribute.to_sym => sort_direction)
-      @pagy, @resources = pagy(@resources)
+      @pagy, @resources = pagy(@resources, limit: params[:per_page] || Oversee.configuration.per_page)
+
+      render Oversee::Resources::Index.new(
+        resources: @resources,
+        resource_class: @resource_class,
+        pagy: @pagy,
+        params: params
+      )
     end
 
     def new
       @resource = @resource_class.new
+      render Oversee::Resources::New.new(
+        resource: @resource,
+        resource_class: @resource_class,
+        params: params
+      )
     end
 
     def create
-      @resource_class = params[:resource_class].constantize
       @resource = @resource_class.new(resource_params)
 
       respond_to do |format|
         if @resource.update(resource_params)
-          format.html { redirect_to resource_path(@resource.id, resource: @resource_class) }
-          format.turbo_stream
+          format.html { redirect_to resource_path(@resource.id, resource_class_name: @resource_class) }
+          format.turbo_stream { redirect_to resource_path(@resource.id, resource_class_name: @resource_class), status: :see_other }
         else
+          format.html { render :new }
+          format.turbo_stream { render turbo_stream: turbo_stream.replace(dom_id(@resource), Oversee::Resources::Form.new(resource: @resource)) }
         end
       end
     end
 
     def show
-      resource_associations
+      render Oversee::Resources::Show.new(
+        resource: @resource,
+        resource_class: @resource_class,
+        resource_associations: resource_associations,
+        params: params
+      )
     end
 
     def edit
     end
 
     def update
-      @resource_class = params[:resource_class].constantize
-      set_resource
-
-      @key = params[:resource][:oversee_key]
-      @datatype = params[:resource][:oversee_datatype]
+      key = params[:oversee_key]
+      datatype = params[:oversee_datatype]
 
       respond_to do |format|
         if @resource.update(resource_params)
           format.html { redirect_to resource_path(@resource.id, resource: @resource_class) }
-          format.turbo_stream
+          format.turbo_stream do
+            component = Oversee::Field::Display.new(resource: @resource, datatype:, key:, value: @resource.send(key))
+            render turbo_stream: turbo_stream.replace(dom_id(@resource, key), component)
+          end
         else
         end
       end
@@ -61,15 +77,30 @@ module Oversee
     def input_field
       set_resource
 
-      @key = params[:key].to_sym
-      @value = @resource.send(@key)
-      @datatype = @resource.class.columns_hash[@key.to_s].type
+      key = params[:key].to_sym
+      value = @resource.send(key)
+      datatype = @resource.class.columns_hash[key.to_s].type
+
+      field_dom_id = dom_id(@resource, key)
+      field = Oversee::Field::Form.new(resource: @resource, datatype:, key:, value:)
+
+      respond_to do |format|
+        format.turbo_stream do
+          render turbo_stream: turbo_stream.replace(field_dom_id, field)
+        end
+      end
+    end
+
+    def table
+      component_id = dom_id(@resource_class, :table)
+      component = Oversee::Resources::Table.new(resource_class: @resource_class, resources: @resources, params: params)
 
       respond_to do |format|
         format.turbo_stream do
-          render turbo_stream: [
-            turbo_stream.replace(dom_id(@resource, @key), partial: "oversee/resources/input_field", locals: { datatype: @datatype, key: @key, value: @value })
-          ]
+          render turbo_stream: turbo_stream.replace(component_id, component)
+        end
+        format.html do
+          render component, layout: false
         end
       end
     end
@@ -77,13 +108,21 @@ module Oversee
     private
 
     def set_resource_class
-      @resource_class = params[:resource].constantize
+      @resource_class = params[:resource_class_name].constantize
     end
 
     def set_resource
       @resource = @resource_class.find(params[:id])
     end
 
+    def set_resources
+      set_sorting_rules
+
+      @resources = @resource_class.order(@sort_attribute.to_sym => sort_direction)
+      @resources = Filter.new(collection: @resources, params:).apply
+      @resources = Search.new(collection: @resources, resource_class: @resource_class, query: params[:query]).call
+    end
+
     def resource_associations
       @resource_associations ||= @resource_class.reflect_on_all_associations
     end