oversee 0.2.0 → 0.3.0

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

@@ -1,13 +1,19 @@
 class Oversee::Field::Value < Oversee::Base
   MAP = {
     string: Oversee::Field::Value::String,
+    belongs_to: Oversee::Field::Value::BelongsTo,
     boolean: Oversee::Field::Value::Boolean,
-    integer: Oversee::Field::Value::Integer,
     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,
-    enum: Oversee::Field::Value::Enum
   }
 
+  attr_reader :key
+  attr_reader :value
+  attr_reader :datatype
+
   def initialize(key: nil, value: nil, datatype: :string, **options)
     @key = key
     @value = value
@@ -18,14 +24,14 @@ class Oversee::Field::Value < Oversee::Base
   end
 
   def view_template
-    return p(class: "text-gray-400 text-xs"){ "—" } if @value.nil?
-    render component_class.new(key: @key, value: @value)
+    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
+    MAP[datatype.to_sym] || Oversee::Field::Value::String
   end
 
   def for_table?

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/index.rb

@@ -9,12 +9,31 @@ class Oversee::Resources::Index < Oversee::Base
   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: "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") }
+    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
 

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

@@ -7,11 +7,15 @@ class Oversee::Resources::New < Oversee::Base
     @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")
 
-    div(class: "p-8") do
-      render Oversee::Resources::Form.new(resource: @resource)
-    end
+    hr(class: "my-4")
+
+    render Oversee::Resources::Form.new(resource: @resource)
   end
 end

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

@@ -4,104 +4,166 @@ 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, resource: @resource)
+
+    @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, 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") }
+    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
 
-    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
+    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
+    # 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
+            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
+    # 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: "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: "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"
-                  }
+            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
@@ -112,6 +174,10 @@ class Oversee::Resources::Show < Oversee::Base
 
   private
 
+  def rich_text_associations
+    @oversee_resource.rich_text_associations
+  end
+
   def belongs_to_associations
     @oversee_resource.associations[:belongs_to]
   end
@@ -123,4 +189,19 @@ class Oversee::Resources::Show < Oversee::Base
   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

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

@@ -8,16 +8,19 @@ class Oversee::Resources::Table < Oversee::Base
     @resource_class = resource_class || resources.first.class
     @params = params
     @options = options
+
+    @oversee_resource = Oversee::Resource.new(resource_class: @resource_class)
   end
 
   def view_template
-    turbo_frame_tag dom_id(@resource_class, :table), target: :_top do
+    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|
+              next if @oversee_resource.foreign_keys.include?(key.to_s)
               th(scope: "col", class: "text-left text-xs text-gray-900 uppercase whitespace-nowrap hover:bg-gray-50 transition relative") do
                 a(
                   href:
@@ -29,6 +32,7 @@ class Oversee::Resources::Table < Oversee::Base
                           @params[:sort_direction] == "asc" ? :desc : :asc
                       )
                     ),
+                  target: "_top",
                   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)
@@ -52,6 +56,7 @@ class Oversee::Resources::Table < Oversee::Base
 
         table.body do |body|
           @resources.each do |resource|
+
             body.row do |row|
               td do
                 div(class: "flex space-x-2 mx-4") do
@@ -70,6 +75,7 @@ class Oversee::Resources::Table < Oversee::Base
               end
 
               @resource_class.columns_hash.each do |key, metadata|
+                next if @oversee_resource.foreign_keys.include?(key.to_s)
                 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)

data/app/controllers/oversee/dashboard_controller.rb

@@ -1,7 +1,7 @@
 module Oversee
   class DashboardController < BaseController
     def index
-      render Oversee::Dashboard::Index.new
+      render Oversee::Dashboard::Index.new, layout: false
     end
 
     def show

data/app/controllers/oversee/resources/fields_controller.rb

@@ -1,44 +1,28 @@
-module Oversee
-  module Resources
-    class FieldsController < BaseController
-      before_action :set_resource_class
+class Oversee::Resources::FieldsController < Oversee::ResourcesController
+  # Renders the display field for a resource
+  def show
+  end
 
-      def update
-        @resource_class = params[:resource_class].constantize
-        @resource = @resource_class.find(params[:id])
-        # @datatype = @resource_class.columns_hash[@key.to_s].type
+  # Renders the input field for a resource
+  def input
+    set_resource
 
-        respond_to do |format|
-          if @resource.update(resource_params)
-            format.html { redirect_to resource_path(@resource, resource: @resource_class) }
-            format.turbo_stream
-          else
-          end
-        end
-      end
-      
-      # Non-standard actions
-      def edit
-        @resource = @resource_class.find(params[:id])
-        @key = params[:key].to_sym
-        @value = @resource.send(@key)
-        @datatype = @resource.class.columns_hash[@key.to_s].type
-        puts "---"
-        puts "key: #{@key}"
-        puts "value: #{@value}"
-        puts "datatype: #{@datatype}"
-        puts "---"
+    key = params[:key].to_sym
+    value = params[:value] || @resource.send(key)
+    datatype = params[:datatype] || @resource.class.columns_hash[key.to_s].type
 
-      end
+    # puts "---" * 30
+    # puts "key: #{key}"
+    # puts "value: #{value}"
+    # puts "datatype: #{datatype}"
+    # puts "---" * 30
 
-      private
-
-      def set_resource_class
-        @resource_class = params[:resource_class].constantize
-      end
+    field_dom_id = dom_id(@resource, key)
+    field = Oversee::Field::Form.new(resource: @resource, datatype:, key:, value:)
 
-      def resource_params
-        params.require(:resource).permit!
+    respond_to do |format|
+      format.turbo_stream do
+        render turbo_stream: turbo_stream.replace(field_dom_id, field)
       end
     end
   end

data/app/controllers/oversee/resources_controller.rb

@@ -3,8 +3,8 @@ module Oversee
     include ActionView::RecordIdentifier
 
     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]
+    before_action :set_resource, only: %i[show edit update destroy]
+    before_action :set_resources, only: %i[index]
 
     def index
       @pagy, @resources = pagy(@resources, limit: params[:per_page] || Oversee.configuration.per_page)
@@ -14,7 +14,7 @@ module Oversee
         resource_class: @resource_class,
         pagy: @pagy,
         params: params
-      )
+      ), layout: false
     end
 
     def new
@@ -23,7 +23,7 @@ module Oversee
         resource: @resource,
         resource_class: @resource_class,
         params: params
-      )
+      ), layout: false
     end
 
     def create
@@ -46,7 +46,7 @@ module Oversee
         resource_class: @resource_class,
         resource_associations: resource_associations,
         params: params
-      )
+      ), layout: false
     end
 
     def edit
@@ -73,25 +73,25 @@ module Oversee
       redirect_to resources_path(resource: @resource_class)
     end
 
-    # Non-standard actions
-    def input_field
-      set_resource
-
-      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:)
+    def association
+      @resources = @resource_class.find(params[:id]).send(params[:association_name])
+      @pagy, @resources = pagy(@resources, limit: params[:per_page] || Oversee.configuration.per_page)
 
-      respond_to do |format|
-        format.turbo_stream do
-          render turbo_stream: turbo_stream.replace(field_dom_id, field)
-        end
-      end
+      render Oversee::Resources::Index.new(
+        resources: @resources,
+        resource_class: @resource_class,
+        pagy: @pagy,
+        params: params
+      )
     end
 
     def table
+      if params[:association_name].present?
+        @resources = @resource_class.find(params[:id]).send(params[:association_name])
+      else
+        set_resources
+      end
+
       component_id = dom_id(@resource_class, :table)
       component = Oversee::Resources::Table.new(resource_class: @resource_class, resources: @resources, params: params)
 
@@ -119,8 +119,8 @@ module Oversee
       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
+      @resources = Oversee::Filter.new(collection: @resources, params:).apply
+      @resources = Oversee::Search.new(collection: @resources, resource_class: @resource_class, query: params[:query]).call
     end
 
     def resource_associations

data/app/javascript/oversee/application.js

@@ -0,0 +1,3 @@
+import "trix";
+import "@rails/actiontext";
+import "controllers";

data/app/javascript/oversee/controllers/index.js

@@ -0,0 +1,8 @@
+import { Application } from "@hotwired/stimulus";
+const application = Application.start();
+
+application.debug = false;
+window.Stimulus = application;
+
+import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading";
+eagerLoadControllersFrom("controllers", application);

data/app/javascript/oversee/controllers/reveal_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  connect() {
+    console.log("Hello from reveal_controller.js");
+  }
+}

data/app/javascript/oversee/controllers/sidebar/state_controller.js

@@ -0,0 +1,21 @@
+import { Controller } from "@hotwired/stimulus";
+
+const KEY_BASE = "oversee-sidebar";
+
+export default class extends Controller {
+  initialize() {
+    this.key = `${KEY_BASE}--${this.element.id}`;
+    this.expanded = localStorage.getItem(this.key) === "true";
+    this.element.open = this.expanded;
+  }
+
+  toggle() {
+    this.expanded = !this.expanded;
+    this.element.open = this.expanded;
+  }
+
+  persist(event) {
+    this.expanded = event.newState === "open";
+    localStorage.setItem(this.key, this.expanded);
+  }
+}