databasium 0.1.0

data/app/components/databasium/migrations/file.rb

@@ -0,0 +1,58 @@
+module Components
+  module Databasium
+    class Migrations::File < Components::Base
+      include Phlex::Rails::Helpers::TurboFrameTag
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::ButtonTo
+      include Phlex::Rails::Helpers::ContentFor
+
+      def initialize(migration:, content:)
+        @migration = migration
+        @content = content
+      end
+
+      def view_template
+        turbo_frame_tag(
+          "migration",
+          class: "flex flex-col flex-1 p-4 w-full min-h-0 overflow-hidden"
+        ) do
+          h1(class: "text-2xl font-bold mb-2 text-ellipsis break-all") { @migration.name }
+          render_content
+          render_extra_info
+        end
+      end
+
+      private
+
+      def render_content
+        pre(
+          class:
+            "min-h-0 flex-1 border-1 border-border bg-panel text-main-text p-4 overflow-auto rounded-2xl scrollbar-thin"
+        ) { @content }
+      end
+
+      def render_extra_info
+        h2(class: "text-lg font-semibold my-2") { "Extra info: " }
+        div(class: "grid grid-cols-[max-content_1fr] gap-4 w-fill break-all") do
+          ul(class: "list-disc list-inside") do
+            li { "Timestamp: " }
+            li { "Last time modified: " }
+            li { "Name: " }
+            li { "File path: " }
+          end
+          div do
+            p(class: "font-bold text-wrap") { @migration.version }
+            p(class: "font-bold") do
+              Time
+                .strptime(@migration.version.to_s, "%Y%m%d%H%M%S")
+                .localtime
+                .strftime("%Y-%m-%d at %H:%M:%S")
+            end
+            p(class: "font-bold") { @migration.name }
+            p(class: "font-bold") { @migration.filename }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/migrations/form.rb

@@ -0,0 +1,222 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Migrations::Form < Components::Base
+      include Phlex::Rails::Helpers::FormWith
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize(tables:, content:)
+        @tables = tables
+        @content = content
+      end
+
+      def view_template
+        form_with(
+          url: helpers.migrations_path,
+          method: :post,
+          id: "migration_form",
+          data: {
+            controller: "new-migration",
+            turbo_frame: "_top"
+          },
+          class:
+            "flex flex-col gap-4 min-w-fit w-1/3 bg-panel border-1 border-border rounded-xl p-4"
+        ) do |form|
+          render_migration_action(form)
+          render_table_name(form)
+          render_columns(form)
+          render_validations(form)
+          render_table_datalist
+          form.submit "Generate Preview",
+                      class: "bg-blue-500 p-2 rounded-md w-fit",
+                      name: "add_migration"
+        end
+      end
+
+      private
+
+      def render_validations(form)
+        render_collapsable_with_button(
+          form: form,
+          name: "validations",
+          data_targets: {
+            new_migration_target: "validations"
+          },
+          button_text: "Add Validation",
+          button_action: "click->new-migration#addValidation",
+          name_params: {
+            new_migration_target: "validation"
+          },
+          hidden: true
+        ) do
+          select(
+            name: "validation[][column_name]",
+            class: "p-2 border-1 border-border rounded-md w-fit bg-background",
+            data: {
+              new_migration_target: "validation_column_name"
+            }
+          ) { option(value: "") { "Select column" } }
+          select(
+            name: "validation[][type]",
+            class: "p-2 border-1 border-border rounded-md w-fit bg-background",
+            data: {
+              new_migration_target: "validation_column_type"
+            }
+          ) do
+            option(value: "uniqueness") { "Uniqueness" }
+            option(value: "not_null") { "Not Null" }
+          end
+          render_remove_button(action: "click->new-migration#removeValidation")
+        end
+      end
+
+      def render_columns(form)
+        render_collapsable_with_button(
+          form: form,
+          name: "columns",
+          data_targets: {
+            new_migration_target: "columns"
+          },
+          button_text: "Add Column",
+          button_action: "click->new-migration#addColumn",
+          name_params: {
+            new_migration_target: "column"
+          },
+          hidden: true
+        ) do
+          div(class: "flex flex-col gap-2 relative mt-2") do
+            if @model
+              form.select :column_name,
+                          @model.columns.map(&:name),
+                          include_blank: "Select a column name",
+                          class: "p-2 border-1 border-border rounded-md w-fit bg-background"
+            else
+              form.label "Column Name", class: minimalistic_label_class
+              form.text_field(
+                :column_name,
+                name: "columns[][column_name]",
+                class: "p-1 border-1 rounded-xl border-border h-fit bg-background",
+                data: {
+                  action: "change->new-migration#updateColumnNames"
+                }
+              )
+            end
+          end
+          div(class: "flex flex-col gap-2 h-full relative") do
+            form.label "Column Name", class: minimalistic_label_class
+            render Components::Databasium::TypeSelect.new(name: "columns[][column_type]")
+          end
+          render_remove_button(action: "click->new-migration#removeColumn")
+        end
+      end
+
+      def render_table_name(form)
+        render_collapsable_with_button(
+          form: form,
+          name: "table_name",
+          data_targets: {
+            new_migration_target: "table_name"
+          }
+        ) do
+          form.text_field :table_name,
+                          class: "p-2 border-1 border-border w-fit bg-background rounded-md"
+        end
+      end
+
+      def render_migration_action(form)
+        render_collapsable_with_button(
+          form: form,
+          name: "migration_action",
+          data_targets: {
+            new_migration_target: "migration_action"
+          }
+        ) do
+          div(class: "flex flex-col") do
+            form.label :migration_action, "Action", class: "text-sm font-semibold"
+            form.select :migration_action,
+                        %w[create remove add],
+                        {},
+                        class: "p-2 border-1 border-border rounded-md w-fit bg-background",
+                        data: {
+                          action: "change->new-migration#set_action"
+                        }
+          end
+          div(class: "flex flex-col", data: { new_migration_target: "add_model_container" }) do
+            form.label :add_model, "Add also model", class: "text-sm font-semibold"
+            div(class: "h-11 flex items-center justify-center") do
+              form.check_box :add_model,
+                             checked: true,
+                             class: "w-4 h-4",
+                             data: {
+                               new_migration_target: "add_model"
+                             }
+            end
+          end
+
+          div(class: "flex flex-col hidden", data: { new_migration_target: "table_name_from" }) do
+            form.label :table_name_from, "Table to remove from", class: "text-sm font-semibold"
+            render_tables_search_field(form, :table_name_from)
+          end
+
+          div(class: "flex flex-col hidden", data: { new_migration_target: "table_name_to" }) do
+            form.label :table_name_to, "Table to add to", class: "text-sm font-semibold"
+            render_tables_search_field(form, :table_name_to)
+          end
+        end
+      end
+
+      def render_tables_search_field(form, name)
+        form.search_field name,
+                          placeholder: "Search for a table",
+                          list: "table_name_datalist",
+                          class:
+                            "p-2 border-1 border-border rounded-md w-fit bg-background leading-5"
+      end
+
+      def render_table_datalist
+        datalist(id: "table_name_datalist") do
+          @tables.each { |table| option(value: table) { table } }
+        end
+      end
+
+      def render_collapsable_with_button(
+        form:,
+        name:,
+        data_targets:,
+        button_text: nil,
+        button_action: nil,
+        name_params: {},
+        hidden: false,
+        &block
+      )
+        render_collapsable(
+          form: form,
+          name: name,
+          data_targets: data_targets,
+          class_name: "border-1 border-border rounded-xl py-1"
+        ) do
+          div(
+            class: "flex gap-2 items-center px-2 mt-2 mb-2 #{hidden ? "hidden" : ""}",
+            data: name_params
+          ) { yield if block_given? }
+          if button_text.present? && button_action.present?
+            button(
+              type: "button",
+              class: "text-accent ms-2 mt-1",
+              data: {
+                action: button_action
+              }
+            ) { heroicon "plus-circle", variant: :outline, options: { class: "w-8 h-8" } }
+          end
+        end
+      end
+
+      def render_remove_button(action: nil)
+        button(type: "button", class: "text-red-500 h-fit self-center", data: { action: action }) do
+          heroicon "x-mark", variant: :solid, options: { class: "w-8 h-8" }
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,87 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Migrations::HeaderActions < Components::Base
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::Routes
+      include Phlex::Rails::Helpers::TurboFrameTag
+      include Phlex::Rails::Helpers::ButtonTo
+      include Phlex::Rails::Helpers::FormWith
+
+      def initialize(migration:)
+        @migration = migration
+      end
+
+      def view_template
+        div(id: "header_actions", class: "max-w-full overflow-x-auto flex") do
+          render Components::Databasium::Navigation::IconPanel.new(
+                   icons_with_text: [
+                     *(
+                       if @migration
+                         render_migration_actions
+                       else
+                         []
+                       end
+                     ),
+                     {
+                       icon: "document-plus",
+                       text: "New Migration",
+                       method: :get,
+                       path: databasium.new_migration_path,
+                       turbo_frame: "main"
+                     },
+                     {
+                       icon: "forward",
+                       text: "Run Pending Migrations",
+                       method: :post,
+                       path: databasium.run_pending_migrations_migrations_path,
+                       turbo_frame: "main"
+                     }
+                   ]
+                 )
+          form_with(
+            url: databasium.rollback_migration_migrations_path,
+            method: :post,
+            class: "w-fit flex gap-2 border-1 border-border rounded-xl bg-background text-sm mx-2"
+          ) do |form|
+            form.number_field :rollback_steps,
+                              placeholder: "Rollback steps",
+                              class: "ps-4 w-35 focus:outline-none"
+            form.submit "Rollback",
+                        class: "hover:cursor-pointer hover:text-hover text-accent w-fit pe-4"
+          end
+        end
+      end
+
+      private
+
+      def render_migration_actions
+        [
+          {
+            icon: "arrow-up",
+            method: :post,
+            text: "Run Migration",
+            path: databasium.run_migration_migrations_path(version: @migration.version)
+          },
+          {
+            icon: "arrow-uturn-left",
+            method: :post,
+            text: "Rollback",
+            path: databasium.rollback_migration_migrations_path(version: @migration.version)
+          },
+          {
+            icon: "backward",
+            method: :post,
+            text: "Rollback till this migration",
+            path:
+              databasium.rollback_migration_migrations_path(
+                version: @migration.version,
+                till_this_migration: true
+              )
+          }
+        ]
+      end
+    end
+  end
+end

data/app/components/databasium/migrations/migration_status.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Migrations::MigrationStatus < Components::Base
+      def initialize(status:, version:)
+        @status = status
+        @version = version
+      end
+
+      def view_template
+        div(id: "migration_#{@version}_status") do
+          if @status == "pending"
+            span(class: "text-red-500") { "Pending" }
+          else
+            span(class: "text-green-500") { "Applied" }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/migrations/preview.rb

@@ -0,0 +1,29 @@
+module Components
+  module Databasium
+    class Migrations::Preview < Components::Base
+      def initialize(content:)
+        @content = content
+      end
+
+      def view_template
+        div(id: "migration_preview") do
+          div(class: "bg-panel border-1 border-border p-4 rounded-2xl min-h-full") do
+            if @content
+              h1(class: "text-xl font-semibold mb-3") { "Preview Migration" }
+              pre { @content }
+              button(
+                type: "submit",
+                form: "migration_form",
+                name: "add_migration",
+                value: "Save",
+                class: "bg-accent p-2 rounded-md w-fit mt-4"
+              ) { "Save" }
+            else
+              h1(class: "text-xl font-semibold") { "Please fill out the form to see the preview" }
+            end
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,19 @@
+class Components::Databasium::Migrations::ShowTurboStream < Components::Base
+  include Phlex::Rails::Helpers::TurboStream
+
+  def initialize(migration:, content:)
+    @migration = migration
+    @content = content
+  end
+
+  def view_template
+    turbo_stream.replace(
+      "migration",
+      Components::Databasium::Migrations::File.new(migration: @migration, content: @content)
+    )
+    turbo_stream.replace(
+      "header_actions",
+      Components::Databasium::Migrations::HeaderActions.new(migration: @migration)
+    )
+  end
+end

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

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Migrations::Sidebar < Components::Base
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::FormWith
+      include Phlex::Rails::Helpers::ButtonTo
+      include Phlex::Rails::Helpers::TurboFrameTag
+
+      def initialize
+      end
+
+      def view_template
+        div(class: "flex flex-col gap-2", data: { controller: "search" }) do
+          render Components::Databasium::Forms::Search.new(
+                   url: databasium.sidebar_migrations_path,
+                   turbo_frame: "results",
+                   placeholder: "Search for a migration"
+                 )
+          turbo_frame_tag("results", src: databasium.sidebar_migrations_path) do
+            p(class: "mt-2 animate-pulse") { "Loading migrations..." }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/models/attributes.rb

@@ -0,0 +1,49 @@
+module Components
+  module Databasium
+    class Models::Attributes < Components::Base
+      def initialize(attributes: nil, models: nil)
+        @attributes = attributes
+        @models = models
+      end
+
+      def view_template
+        @attributes
+          .fetch(:unknown, [])
+          .each do |line|
+            input(type: "hidden", name: "model[unknown][]", value: line.fetch(:line, line["line"]))
+          end
+        render_collapsable(
+          name: "Pre-filled attributes",
+          form: nil,
+          class_name: "bg-panel rounded-xl py-2"
+        ) do
+          div(
+            class: "rounded-b-xl border border-border overflow-hidden divide-y divide-border mt-2"
+          ) do
+            @attributes
+              &.fetch(:columns_hash)
+              &.each do |name, attribute|
+                render Models::Templates::Attribute.new(name: name, params: attribute)
+              end
+          end
+        end
+        render_collapsable(
+          name: "Pre-filled relations",
+          form: nil,
+          data_targets: {
+            controller: "relation"
+          },
+          class_name: "bg-panel mt-2 rounded-xl py-2"
+        ) do
+          div(class: "flex flex-col gap-2 py-2 px-3") do
+            @attributes
+              &.fetch(:relations)
+              &.each do |relation|
+                render Models::Templates::Relation.new(relation: relation, models: @models)
+              end
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/databasium/models/form.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Models::Form < Components::Base
+      include Phlex::Rails::Helpers::FormWith
+
+      def initialize(attributes: nil, model: nil, models: nil)
+        @attributes = attributes
+        @model = model
+        @models = models
+      end
+
+      def view_template
+        form_with(
+          url: databasium.models_path,
+          method: :post,
+          scope: :model,
+          html: {
+            id: "model_form"
+          }
+        ) do |form|
+          render_model_name(form)
+          render_form
+          render_attributes_container
+          render_relations_container
+          render_unknown
+          form.submit "Create preview for model",
+                      class: "bg-accent shadow-accent rounded-xl p-1 p-2 mt-2 w-full text-center"
+        end
+      end
+
+      private
+
+      def render_unknown
+      end
+
+      def render_attributes_container
+        render_collapsable(
+          name: @model.present? ? "New Attributes" : "Attributes",
+          form: nil,
+          class_name: "bg-panel rounded-xl py-2 mt-2"
+        ) do
+          div(
+            class: "rounded-b-xl border border-border divide-y divide-border mt-2",
+            data: {
+              model_target: "attributesContainer"
+            }
+          ) { }
+        end
+      end
+
+      def render_relations_container
+        render_collapsable(
+          name: @model.present? ? "New Relations" : "Relations",
+          form: nil,
+          class_name: "bg-panel rounded-xl py-2 mt-2",
+          data_targets: {
+            controller: "relation"
+          }
+        ) do
+          div(
+            class: "flex flex-col gap-2 py-2 px-3",
+            data: {
+              model_target: "relationsContainer"
+            }
+          ) { }
+        end
+      end
+
+      def render_model_name(form)
+        div(class: "flex items-center mb-3 text-xl") do
+          form.label :model_name, "Name:", class: "font-semibold pe-2"
+          form.text_field :model_name,
+                          value: @model,
+                          class:
+                            "border-1 w-full rounded-xl p-1 border-border bg-panel w-fit focus:outline-none"
+        end
+      end
+
+      def render_form
+        if @attributes.present?
+          render Components::Databasium::Models::Attributes.new(
+                   attributes: @attributes,
+                   models: @models
+                 )
+        end
+        template(data: { model_target: "attribute" }) do
+          render Components::Databasium::Models::Templates::Attribute.new
+        end
+        template(data: { model_target: "relation" }) do
+          render Components::Databasium::Models::Templates::Relation.new(models: @models)
+        end
+        template(data: { model_target: "validation" }) do
+          render Components::Databasium::Models::Templates::Validation.new
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Components
+  module Databasium
+    class Models::HeaderActions < Components::Base
+      include Phlex::Rails::Helpers::LinkTo
+      include Phlex::Rails::Helpers::Routes
+      include Phlex::Rails::Helpers::TurboFrameTag
+      include Phlex::Rails::Helpers::ButtonTo
+      def initialize(model: nil)
+        @model = model
+      end
+
+      def view_template
+        div(id: "header_actions", class: "max-w-full overflow-x-auto") do
+          render Components::Databasium::Navigation::IconPanel.new(
+                   icons_with_text: [
+                     {
+                       icon: "plus-circle",
+                       text: "Add attribute",
+                       method: :frontend,
+                       data_params: {
+                         action: "click->model#add",
+                         model_target_param: "attribute",
+                         model_container_param: "attributesContainer"
+                       }
+                     },
+                     {
+                       icon: "plus-circle",
+                       text: "Add relation",
+                       method: :frontend,
+                       data_params: {
+                         action: "click->model#add",
+                         model_target_param: "relation",
+                         model_container_param: "relationsContainer"
+                       }
+                     },
+                     {
+                       icon: "document-plus",
+                       text: "New model",
+                       method: :get,
+                       path: databasium.new_model_path,
+                       turbo_frame: "main"
+                     }
+                   ]
+                 )
+        end
+      end
+    end
+  end
+end