oversee 0.1.0 → 0.2.0

data/app/components/oversee/field_label_component.rb

@@ -1,155 +0,0 @@
-module Oversee
-  class FieldLabelComponent < Phlex::HTML
-    def initialize(datatype: :string, key: nil)
-      @datatype = datatype
-      @key = key
-    end
-
-    def view_template
-      div(class:"inline-flex items-center space-x-2") do
-        div(class: "h-5 w-5 bg-gray-100 inline-flex items-center justify-center rounded") do
-          respond_to?("#{@datatype}_icon", true) ? send("#{@datatype}_icon") : data_icon
-        end
-        p(class: "uppercase text-xs text-gray-500 font-medium") { @key.to_s.humanize }
-      end
-    end
-
-    private
-
-    def string_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(d: "M6 4l12 0")
-        s.path(d: "M12 4l0 16")
-      end
-    end
-
-    def integer_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(d: "M4 17v-10l7 10v-10")
-        s.path(d: "M15 17h5")
-        s.path(d: "M17.5 10m-2.5 0a2.5 3 0 1 0 5 0a2.5 3 0 1 0 -5 0")
-      end
-    end
-
-    def text_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(d: "M6 4l12 0")
-        s.path(d: "M12 4l0 16")
-      end
-    end
-
-    def boolean_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(d: "M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0")
-        s.path(
-          d:
-            "M2 6m0 6a6 6 0 0 1 6 -6h8a6 6 0 0 1 6 6v0a6 6 0 0 1 -6 6h-8a6 6 0 0 1 -6 -6z"
-        )
-      end
-    end
-
-    def enum_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(
-          d:
-            "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"
-        )
-        s.path(d: "M9 11l3 3l3 -3")
-      end
-    end
-
-    def datetime_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        class: "h-2.5 w-2.5",
-        viewbox: "0 0 24 24",
-        stroke_width: "2",
-        stroke: "currentColor",
-        fill: "none",
-        stroke_linecap: "round",
-        stroke_linejoin: "round"
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(
-          d:
-            "M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"
-        )
-        s.path(d: "M16 3v4")
-        s.path(d: "M8 3v4")
-        s.path(d: "M4 11h16")
-        s.path(d: "M11 15h1")
-        s.path(d: "M12 15v3")
-      end
-    end
-
-    def data_icon
-      svg(
-        xmlns: "http://www.w3.org/2000/svg",
-        viewbox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        stroke_width: "2",
-        stroke_linecap: "round",
-        stroke_linejoin: "round",
-        class: "h-2.5 w-2.5",
-      ) do |s|
-        s.path(stroke: "none", d: "M0 0h24v24H0z", fill: "none")
-        s.path(d: "M15 12h.01")
-        s.path(d: "M12 12h.01")
-        s.path(d: "M9 12h.01")
-        s.path(d: "M6 19a2 2 0 0 1 -2 -2v-4l-1 -1l1 -1v-4a2 2 0 0 1 2 -2")
-        s.path(d: "M18 19a2 2 0 0 0 2 -2v-4l1 -1l-1 -1v-4a2 2 0 0 0 -2 -2")
-      end
-    end
-  end
-end

data/app/components/oversee/fields/display_row_component.rb

@@ -1,58 +0,0 @@
-class Oversee::Fields::DisplayRowComponent < Phlex::HTML
-  include Phlex::Rails::Helpers::DOMID
-  include Phlex::Rails::Helpers::Routes
-
-  def initialize(key:, resource:, datatype:, value:)
-    @datatype = datatype
-    @resource = resource
-    @key = key
-    @value = value
-  end
-
-  def view_template
-    div(
-      id: dom_id(@resource, @key),
-      class:
-        "py-4 px-8 hover:bg-gray-50 group flex items-center justify-between"
-    ) do
-      div do
-        render Oversee::FieldLabelComponent.new(key: @key, datatype: @datatype)
-        div(class: "mt-2 bg-gray-100 rounded px-4 py-2 min-w-64") do
-          render Oversee::FieldComponent.new(kind: :value, datatype: @datatype, value: @resource.send(@key))
-        end
-      end
-      div do
-        a(
-          href:
-            (
-              helpers.input_field_resource_path(
-                @resource.id,
-                resource: @resource.class,
-                key: @key
-              )
-            ),
-          data_turbo_stream: "true",
-          class:
-            "opacity-0 group-hover:opacity-100 transition h-8 w-8 rounded-md bg-white border inline-flex justify-center items-center text-gray-400 hover:text-gray-800"
-        ) do
-          svg(
-            xmlns: "http://www.w3.org/2000/svg",
-            viewbox: "0 0 16 16",
-            fill: "currentColor",
-            data_slot: "icon",
-            class: "w-4 h-4"
-          ) do |s|
-            s.path(
-              d:
-                "M13.488 2.513a1.75 1.75 0 0 0-2.475 0L6.75 6.774a2.75 2.75 0 0 0-.596.892l-.848 2.047a.75.75 0 0 0 .98.98l2.047-.848a2.75 2.75 0 0 0 .892-.596l4.261-4.262a1.75 1.75 0 0 0 0-2.474Z"
-            )
-            s.path(
-              d:
-                "M4.75 3.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25V9A.75.75 0 0 1 14 9v2.25A2.75 2.75 0 0 1 11.25 14h-6.5A2.75 2.75 0 0 1 2 11.25v-6.5A2.75 2.75 0 0 1 4.75 2H7a.75.75 0 0 1 0 1.5H4.75Z"
-            )
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/input/datetime_component.rb

@@ -1,27 +0,0 @@
-
-module Oversee
-  module Fields
-    module Input
-      class DatetimeComponent < Phlex::HTML
-        def initialize(key:, value:)
-          @key = key
-          @value = value
-        end
-
-        def view_template
-          input type: "datetime-local", id: field_id, name: field_name, value: @value.strftime("%Y-%m-%dT%T"), class: "border rounded-md px-4 py-2 text-sm"
-        end
-
-        private
-
-        def field_id
-          "resource_#{@key.to_s}"
-        end
-
-        def field_name
-          "resource[#{@key.to_s}]"
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/input/integer_component.rb

@@ -1,26 +0,0 @@
-module Oversee
-  module Fields
-    module Input
-      class IntegerComponent < Phlex::HTML
-        def initialize(key:, value:)
-          @key = key
-          @value = value
-        end
-
-        def view_template
-          input type: "number", id: field_id, name: field_name, value: @value, class: "border rounded-md px-4 py-2 text-sm"
-        end
-
-        private
-
-        def field_id
-          "resource_#{@key.to_s}"
-        end
-
-        def field_name
-          "resource[#{@key.to_s}]"
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/input/string_component.rb

@@ -1,26 +0,0 @@
-module Oversee
-  module Fields
-    module Input
-      class StringComponent < Phlex::HTML
-        def initialize(key:, value:)
-          @key = key
-          @value = value
-        end
-
-        def view_template
-          input type: "text", id: field_id, name: field_name, value: @value, class: "border rounded-md px-4 py-2 text-sm"
-        end
-
-        private
-
-        def field_id
-          "resource_#{@key.to_s}"
-        end
-
-        def field_name
-          "resource[#{@key.to_s}]"
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/boolean_component.rb

@@ -1,44 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class BooleanComponent < Phlex::HTML
-        def initialize(key: nil, value: nil, kind: :value)
-          @value = value
-        end
-
-        def view_template
-          return p(class: "text-gray-500 text-xs"){ "—" } if @value.blank?
-          if @value
-            svg(
-              xmlns: "http://www.w3.org/2000/svg",
-              viewbox: "0 0 16 16",
-              fill: "currentColor",
-              data_slot: "icon",
-              class: "w-4 h-4 text-emerald-500"
-            ) do |s|
-              s.path(
-                fill_rule: "evenodd",
-                d:
-                  "M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z",
-                clip_rule: "evenodd"
-              )
-            end
-          else
-            svg(
-              xmlns: "http://www.w3.org/2000/svg",
-              viewbox: "0 0 16 16",
-              fill: "currentColor",
-              data_slot: "icon",
-              class: "w-4 h-4 text-red-400"
-            ) do |s|
-              s.path(
-                d:
-                  "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/datetime_component.rb

@@ -1,16 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class DatetimeComponent < Phlex::HTML
-        def initialize(key: nil, value: nil, kind: :value)
-          @value = value
-        end
-
-        def view_template
-          return p(class: "text-gray-500 text-xs"){ "—" } if @value.blank?
-          p { @value&.to_fs(:short) || "N/A" }
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/enum_component.rb

@@ -1,16 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class EnumComponent < Phlex::HTML
-        def initialize(key: nil, value: nil, kind: :value)
-          @value = value
-        end
-
-        def view_template
-          return p(class: "text-gray-500 text-xs"){ "—" } if @value.blank?
-          p { @value.to_s }
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/integer_component.rb

@@ -1,16 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class IntegerComponent < Phlex::HTML
-        def initialize(key: nil, value: nil, kind: :value)
-          @value = value
-        end
-
-        def view_template
-          return p(class: "text-gray-500 text-xs"){ "—" } if @value.blank?
-          p { @value }
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/string_component.rb

@@ -1,23 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class StringComponent < 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-500 text-xs"){ "—" } if @value.blank?
-
-          if @key&.downcase&.include?("password") ||  @key&.downcase&.include?("token")
-            p { "[REDACTED]" }
-          else
-            p(class: "truncate") { @value }
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/oversee/fields/value/text_component.rb

@@ -1,16 +0,0 @@
-module Oversee
-  module Fields
-    module Value
-      class TextComponent < Phlex::HTML
-        def initialize(datatype: :string, key: nil, value: nil, kind: :value)
-          @value = value
-        end
-
-        def view_template
-          return p(class: "text-gray-500 text-xs"){ "—" } if @value.blank?
-          p(class: "truncate") { @value }
-        end
-      end
-    end
-  end
-end

data/app/helpers/oversee/application_helper.rb

@@ -1,5 +0,0 @@
-module Oversee
-  module ApplicationHelper
-    include Pagy::Frontend
-  end
-end

data/app/mailers/oversee/application_mailer.rb

@@ -1,6 +0,0 @@
-module Oversee
-  class ApplicationMailer < ActionMailer::Base
-    default from: "from@example.com"
-    layout "mailer"
-  end
-end

data/app/views/oversee/application/_javascript.html.erb

@@ -1,17 +0,0 @@
-<script src="https://cdn.tailwindcss.com"></script>
-
-<script type="importmap" data-turbo-track="reload">
-  {
-    "imports": {
-      "@hotwired/stimulus": "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js",
-      "@hotwired/turbo": "https://unpkg.com/@hotwired/turbo",
-      "@hotwired/turbo-rails": "https://unpkg.com/@hotwired/turbo-rails"
-    }
-  }
-</script>
-
-<script async src="https://unpkg.com/es-module-shims/dist/es-module-shims.js"></script>
-
-<script type="module">
-  import * as Turbo from "@hotwired/turbo-rails"
-</script>

data/app/views/oversee/dashboard/show.html.erb

@@ -1,18 +0,0 @@
-<div class="p-8">
-  <div class="flex items-center justify-between">
-    <div>
-      <p class="text-xs uppercase font-medium text-gray-400">Dashboard</p>
-      <h1 class="text-xl">Welcome</h1>
-    </div>
-  </div>
-</div>
-
-<% if Oversee.card_class_names.present? %>
-  <div class="p-8">
-    <div class="grid grid-cols-4 gap-4">
-      <% Oversee.card_class_names.each do |card_name| %>
-        <%= render Oversee::CardComponent.new(card_name: card_name) %>
-      <% end %>
-    </div>
-  </div>
-<% end %>

data/app/views/oversee/resources/_form.html.erb

@@ -1,10 +0,0 @@
-<%= form_with model: @resource, scope: :resource, url: resource_path do |form| %>
-  <% @resource_class.columns_hash.each do |key, metadata| %>
-    <div class="mb-4">
-      <%= form.label key, class: "uppercase text-xs" %>
-      <%= form.text_field key, class: "block border" %>
-    </div>
-  <% end %>
-  <%= hidden_field_tag :resource_class, @resource_class %>
-  <%= form.submit %>
-<% end %>

data/app/views/oversee/resources/_input_field.html.erb

@@ -1,20 +0,0 @@
-<div id="<%= dom_id(@resource, key) %>" class="py-4 px-8 hover:bg-gray-50 group flex items-center justify-between">
-  <div class="hidden space-y-2 animate-pulse">
-    <div class="h-4 w-10 bg-gray-100 rounded-md"></div>
-    <div class="h-8 w-32 bg-gray-100 rounded-md"></div>
-  </div>
-  <div>
-    <%= render Oversee::FieldLabelComponent.new(key: key, datatype: datatype) %>
-    <div class="mt-2">
-      <%= form_with url: resource_path(@resource.id, resource_class: @resource_class), scope: :resource, model: @resource do |f| %>
-        <%= f.hidden_field :oversee_key, value: key %>
-        <%= f.hidden_field :oversee_datatype, value: datatype %>
-
-        <% input_datatype = [:string, :integer, :datetime].include?(datatype) ? datatype : :string %>
-        <%= render Oversee::FieldComponent.new(kind: :input, datatype: input_datatype.to_sym, key: key, value: value)%>
-
-        <%= f.submit "Save", class: "bg-blue-500 px-4 py-2 rounded-md text-white text-sm hover:bg-blue-600 hover:cursor-pointer" %>
-      <% end %>
-    </div>
-  </div>
-</div>

data/app/views/oversee/resources/edit.html.erb

@@ -1,31 +0,0 @@
-<div class="p-8">
-  <div class="flex items-center justify-between">
-    <div>
-      <p class="text-xs uppercase font-medium text-gray-400">Resource</p>
-      <h1 class="text-xl"><%= params[:resource] %></h1>
-    </div>
-
-    <%= link_to 'Edit', edit_resource_path(@resource, resource: params[:resource]), class: "inline-flex items-center justify-center py-2 px-6 rounded bg-blue-500 text-white text-sm font-medium" %>
-  </div>
-</div>
-<div class="p-8">
-  <%= render "form" %>
-</div>
-<div class="p-8">
-  <div class="bg-white px-8 border shadow-sm rounded">
-    <div class="divide-y divide-gray-100 -mx-8">
-      <% @resource.attributes.each do |attribute, value| %>
-        <div class="py-4 px-8">
-          <p class="text-xs font-medium text-gray-500 uppercase"><%= attribute.humanize %></p>
-          <p class="mt-1 text-lg"><%= render Oversee::FieldComponent.new(datatype: :string, value: value) %></p>
-        </div>
-      <% end %>
-    </div>
-  </div>
-</div>
-
-<div class="p-8">
-  <pre>
-    <%= debug @resource.attributes %>
-  </pre>
-</div>

data/app/views/oversee/resources/index.html.erb

@@ -1,59 +0,0 @@
-<div class="p-8">
-  <div class="flex items-center justify-between">
-    <div>
-      <p class="text-xs font-medium text-gray-500">Index</p>
-      <h1 class="text-2xl"><%= params[:resource] %></h1>
-    </div>
-    <%= link_to 'Add new', "", class: "inline-flex items-center justify-center py-2 px-6 rounded bg-blue-500 text-white text-sm font-medium" %>
-  </div>
-</div>
-<div class="">
-  <div class="bg-white border-t overflow-x-hidden">
-    <div class="-mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
-      <div class="inline-block min-w-full align-middle sm:px-6 lg:px-8">
-        <table class="min-w-full divide-y divide-gray-300">
-          <thead>
-            <tr class="divide-x divide-gray-200">
-              <th class="hidden"><input type="checkbox" name="" id="" class="mx-4"></th>
-              <th scope="col" class="px-4 py-3.5 text-left text-xs font-semibold text-gray-900 uppercase"></th>
-              <% @resource_class.columns_hash.each do |key, metadata| %>
-                <th scope="col" class="px-4 py-3.5 text-left text-xs font-semibold text-gray-900 uppercase whitespace-nowrap hover:bg-gray-50 transition">
-                  <a href="<%= resources_path(resource: params[:resource], sort_attribute: key, sort_direction: params[:sort_direction] == "asc" ? :desc : :asc) %>" class="hover:underline">
-                    <%= render Oversee::FieldLabelComponent.new(key: key, datatype: metadata.sql_type_metadata.type) %>
-                  </a>
-                </th>
-              <% end %>
-            </tr>
-          </thead>
-          <tbody class="divide-y divide-gray-100 bg-white">
-            <% @resources.each do |resource| %>
-              <tr class="divide-x divide-gray-100">
-                <td class="hidden">
-                  <input type="checkbox" name="" id="" class="mx-4">
-                </td>
-                <td>
-                  <div class="flex space-x-2 mx-4">
-                    <a href="<%= resource_path(resource.id, resource: params[:resource]) %>" data-turbo-stream="true">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" data-slot="icon" class="w-4 h-4 text-gray-500 hover:text-blue-500">
-                        <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
-                        <path fill-rule="evenodd" d="M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .566A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd" />
-                      </svg>
-                    </a>
-                  </div>
-                </td>
-                <% @resource_class.columns_hash.each do |key, metadata| %>
-                  <td class="whitespace-nowrap p-4 text-sm text-gray-500">
-                    <div class="max-w-96">
-                    <%= render Oversee::FieldComponent.new(datatype: metadata.sql_type_metadata.type, value: resource.send(key), key: key) %>
-                    </div>
-                  </td>
-                <% end %>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-  <%= raw(pagy_nav(@pagy)) if @pagy.pages > 1 %>
-</div>

data/app/views/oversee/resources/input_field.html.erb

@@ -1 +0,0 @@
-<%= render partial: "oversee/resources/input_field" %>

data/app/views/oversee/resources/input_field.turbo_stream.erb

@@ -1,3 +0,0 @@
-<%= turbo_stream.replace dom_id(@resource, @key) do %>
-  <%= render partial: "oversee/resources/input_field", locals: { datatype: @datatype, key: @key, value: @value } %>
-<% end %>