oversee 0.1.1 → 0.3.0

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

@@ -0,0 +1,25 @@
+class Oversee::Field::Label < Oversee::Base
+  ICON_MAP = {
+    string: Phlex::Icons::Iconoir::Text,
+    text: Phlex::Icons::Iconoir::TextSquare,
+    rich_text: Phlex::Icons::Iconoir::TextSquare,
+    integer: Phlex::Icons::Iconoir::Number0Square,
+    datetime: Phlex::Icons::Iconoir::Calendar,
+    boolean: Phlex::Icons::Iconoir::SwitchOn,
+    data: Phlex::Icons::Iconoir::Page,
+  }
+
+  def initialize(datatype: :string, key: nil)
+    @datatype = datatype
+    @key = key
+  end
+
+  def view_template
+    div(id: "#{@key}_label", class:"inline-flex items-center space-x-2") do
+      div(class: "size-5 bg-gray-100 inline-flex items-center justify-center") do
+        render ICON_MAP[@datatype] ? ICON_MAP[@datatype].new(class: "size-3") : ICON_MAP[:data].new(class: "size-3")
+      end
+      label(class: "uppercase text-xs text-gray-700 font-medium block cursor-auto") { @key.to_s.humanize(keep_id_suffix: true) }
+    end
+  end
+end

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

@@ -0,0 +1,21 @@
+class Oversee::Field::Value::BelongsTo < Phlex::HTML
+  def initialize(key: nil, value: nil, **options)
+    @key = key
+    @value = value
+    @options = options
+  end
+
+  def view_template
+    p(title: @value, class:"inline-flex items-center gap-1") do
+      if display_key?
+        span { @key.humanize }
+        span {"|"}
+      end
+      span { @value }
+    end
+  end
+
+  private
+
+  def display_key? = !!@options[:display_key]
+end

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

@@ -0,0 +1,50 @@
+class Oversee::Field::Value::Boolean < Phlex::HTML
+  def initialize(key: nil, value: nil, kind: :value)
+    @value = value
+  end
+
+  def view_template
+    @value ? check_icon : x_icon
+  end
+
+  private
+
+  def check_icon
+    svg(
+      stroke_width: "2",
+      viewbox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      color: "currentColor",
+      class: "size-4 text-emerald-500"
+    ) do |s|
+      s.path(
+        d: "M5 13L9 17L19 7",
+        stroke: "currentColor",
+        stroke_width: "2",
+        stroke_linecap: "round",
+        stroke_linejoin: "round"
+      )
+    end
+  end
+
+  def x_icon
+    svg(
+      stroke_width: "1.5",
+      viewbox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      color: "currentColor",
+      class: "size-4 text-rose-500"
+    ) do |s|
+      s.path(
+        d:
+          "M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426",
+        stroke: "currentColor",
+        stroke_width: "1.5",
+        stroke_linecap: "round",
+        stroke_linejoin: "round"
+      )
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+class Oversee::Field::Value::Datetime < Phlex::HTML
+  def initialize(key: nil, value: nil, kind: :value)
+    @value = value
+  end
+
+  def view_template
+    time(title: @value.to_s) { @value&.to_fs(:long) || "N/A" }
+  end
+end

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

@@ -0,0 +1,9 @@
+class Oversee::Field::Value::Enum < Phlex::HTML
+  def initialize(key: nil, value: nil, kind: :value)
+    @value = value
+  end
+
+  def view_template
+    p(class:"inline-flex px-2 py-1 text-red-500") { @value.to_s }
+  end
+end

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

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

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

@@ -0,0 +1,9 @@
+class Oversee::Field::Value::RichText < 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/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,40 @@
+class Oversee::Field::Value < Oversee::Base
+  MAP = {
+    string: Oversee::Field::Value::String,
+    belongs_to: Oversee::Field::Value::BelongsTo,
+    boolean: Oversee::Field::Value::Boolean,
+    datetime: Oversee::Field::Value::Datetime,
+    enum: Oversee::Field::Value::Enum,
+    integer: Oversee::Field::Value::Integer,
+    rich_text: Oversee::Field::Value::RichText,
+    text: Oversee::Field::Value::Text,
+  }
+
+  attr_reader :key
+  attr_reader :value
+  attr_reader :datatype
+
+  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:, value:, **@options)
+  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/layout/application.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+class Oversee::Layout::Application < Oversee::Base
+  extend Phlex::Kit
+
+  include Phlex::Rails::Helpers::CSPMetaTag
+  include Phlex::Rails::Helpers::CSRFMetaTags
+  include Phlex::Rails::Helpers::StylesheetLinkTag
+  include Phlex::Rails::Helpers::JavascriptImportmapTags
+
+  def view_template
+    doctype
+    html do
+      # render Head
+      head do
+        csrf_meta_tags
+        csp_meta_tag
+
+        title { "Oversee | #{Oversee.application_name}" }
+
+        meta(name: "viewport", content: "width=device-width, initial-scale=1.0")
+        meta(name: "ROBOTS", content: "NOODP")
+
+        link(rel: "stylesheet", type: "text/css", href: "https://unpkg.com/trix@2.1.8/dist/trix.css")
+
+        render Oversee::Dashboard::Javascript.new
+        render Oversee::Dashboard::Tailwind.new
+      end
+
+      body(class: "min-h-screen bg-gray-100 p-4") do
+        # render Flash.new
+
+        div(class: "flex gap-4 w-full") do
+          div(class: "w-72 shrink-0") { render Oversee::Dashboard::Sidebar.new }
+          div(class: "w-full overflow-scroll") do
+            div(class: "bg-white rounded-lg overflow-clip p-4") do
+              yield
+            end
+          end
+        end
+
+
+      end
+    end
+  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,45 @@
+# 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 around_template
+    render Oversee::Layout::Application.new { super }
+  end
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s.pluralize) do |h|
+      h.left
+      h.right do
+        a(
+          href: helpers.new_resource_path(@params[:resource_class_name]),
+          target: "_top",
+          class: "inline-flex items-center justify-center gap-1.5 h-8 px-4 rounded-full bg-transparent text-gray-900 hover:bg-gray-100 text-sm font-medium transition group"
+        ) do
+          render Phlex::Icons::Iconoir::Plus.new(class: "size-4 text-gray-500 group-hover:text-blue-500", stroke_width: 2.5)
+          plain "Add new"
+        end
+      end
+    end
+    hr(class: "my-4")
+
+    render Oversee::Dashboard::Filters.new(params: @params)
+
+    hr(class: "mt-4")
+    render Oversee::Resources::Table.new(resource_class: @resource_class, resources: @resources, params: @params)
+    hr()
+    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,21 @@
+# 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 around_template
+    render Oversee::Layout::Application.new { super }
+  end
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s, subtitle: "Creating new record")
+
+    hr(class: "my-4")
+
+    render Oversee::Resources::Form.new(resource: @resource)
+  end
+end

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

@@ -0,0 +1,207 @@
+# frozen_string_literal: true
+
+class Oversee::Resources::Show < Oversee::Base
+  include Phlex::Rails::Helpers::ButtonTo
+  include Phlex::Rails::Helpers::TurboFrameTag
+
+
+  attr_reader :resource
+  attr_reader :resource_class
+  attr_reader :resource_associations
+
+  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, instance: @resource)
+  end
+
+  def around_template
+    render Oversee::Layout::Application.new { super }
+  end
+
+  def view_template
+    render Oversee::Dashboard::Header.new(title: @resource_class.to_s.pluralize) do |h|
+      h.left do
+        h.separator
+        div(class: "inline-flex items-center gap-1 text-sm bg-gray-100 text-gray-600 h-6 px-2") do
+          render Phlex::Icons::Iconoir::Hashtag.new(class: "size-2.5 text-gray-500", stroke_width: 2)
+          span { @resource.to_param }
+        end
+      end
+      h.right do
+        details(class: "relative inline-block") do
+          summary(class: "cursor-pointer list-none") do
+            div(class: "inline-flex items-center justify-center size-8 hover:bg-indigo-50 transition") do
+              render Phlex::Icons::Iconoir::MoreHorizCircle.new(class: "size-4 text-gray-500")
+            end
+          end
+          ul(
+            class:
+              "absolute p-2 mt-2 right-0 top-full min-w-40 overflow-hidden rounded-lg bg-white border border-b-2 border-gray-200/75 divide-y text-xs text-gray-500 font-medium"
+          ) do
+            li(class: "w-full") do
+              button_to(helpers.resource_path(resource_class_name: @params[:resource_class_name]), method: :delete, data: { turbo_confirm: "Are you sure?" }, class: "p-1 hover:bg-gray-50 w-full flex items-center gap-2 transition duration-100") do
+                div(class: "inline-flex items-center justify-center size-6 bg-gray-100") do
+                  render Phlex::Icons::Iconoir::Trash.new(class: "size-3 text-gray-500")
+                end
+                plain "Delete"
+              end
+            end
+          end
+        end
+      end
+    end
+
+    hr(class: "my-4")
+
+
+
+
+    # COLUMNS
+    @resource_class.columns_hash.each do |key, metadata|
+      next if @oversee_resource.foreign_keys.include?(key.to_s)
+
+      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:, key:, value: @resource.send(key), datatype: metadata.sql_type_metadata.type)
+            # div(id: dom_id(@resource, :"#{key}_actions")) do
+            #   button(class: "bg-gray-100 hover:bg-gray-200 text-gray-400 hover:text-blue-500 size-10 aspect-square inline-flex items-center justify-center transition-colors") { render Phlex::Icons::Iconoir::Copy.new(class: "size-4") }
+            # end
+          end
+        end
+      end
+    end
+
+    hr(class: "my-4")
+
+    # RICH TEXT Associations
+    if !!rich_text_associations.length
+      rich_text_associations.each do |association|
+
+        # Remove the "rich_text_" prefix from the association name
+        key = association[:name].to_s[10..].to_sym
+
+        div do
+          div(class: "space-y-4") do
+            div(class:"flex items-center gap-2") do
+              render Oversee::Field::Label.new(key: key.to_s.titleize, datatype: :rich_text)
+              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(id: dom_id(@resource, :"#{key.to_s}_row"), class: "flex items-center gap-2 mt-4") do
+              render Oversee::Field::Display.new(resource:, key:, value: @resource.send(key).to_plain_text[..196], datatype: :rich_text)
+            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
+
+            foreign_key = association[:foreign_key]
+            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])
+
+            div(id: dom_id(@resource, :"#{foreign_key}_row"), class: "flex items-center gap-2 mt-4") do
+              render Oversee::Field::Display.new(resource:, key: foreign_key, value: foreign_key_value, datatype: :belongs_to, display_key: true)
+              div(id: dom_id(@resource, :"#{foreign_key}_actions")) do
+                a(href: path, class: "bg-gray-100 hover:bg-gray-200 text-gray-400 hover:text-blue-500 size-10 aspect-square inline-flex items-center justify-center transition-colors"){ render Phlex::Icons::Iconoir::ArrowUpRight.new(class: "size-4") }
+              end
+            end
+          end
+        end
+      end
+    end
+
+    hr(class: "my-4")
+
+    # HAS_MANY Associations
+    if !!has_many_associations.length
+      div(class: "flex flex-col gap-8") do
+        has_many_associations.each do |association|
+          associated_resources = @resource.send(association[:name])
+          associated_resource_class = association[:class_name].constantize
+
+          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
+              # turbo_frame_tag(
+              #   dom_id(associated_resource_class, :table),
+              #   src: helpers.resources_table_path(resources_table_params(association)),
+              #   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
+
+              if associated_resources.present?
+                div(class: "bg-white") do
+                  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
+
+  private
+
+  def rich_text_associations
+    @oversee_resource.rich_text_associations
+  end
+
+  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
+
+  def resources_table_params(association)
+    # if association[:through].nil?
+    #   return { association[:foreign_key] => { eq: [@resource.id] } }
+    # else
+    #   keys = @resource.send(association[:through]).pluck(association[:foreign_key])
+    #   return { @resource_class.primary_key => { eq: keys } }
+    # end
+
+    {
+      resource_class_name: association[:class_name],
+      association_name: association[:through],
+      filters: { association[:foreign_key] => { eq: [@resource.id] } }
+    }
+  end
+end