moduler 0.1.0 → 0.3.0

data/app/assets/config/moduler/manifest.js

@@ -0,0 +1,2 @@
+//= link_tree ../../javascripts/moduler .js
+//= link_tree ../../builds/moduler .css

data/app/assets/javascripts/moduler/application.js

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

data/app/assets/javascripts/moduler/controllers/flash_controller.js

@@ -0,0 +1,19 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static values = { dismissAfter: { type: Number, default: 5000 } }
+
+  connect() {
+    this.timeout = setTimeout(() => this.dismiss(), this.dismissAfterValue)
+  }
+
+  disconnect() {
+    clearTimeout(this.timeout)
+  }
+
+  dismiss() {
+    clearTimeout(this.timeout)
+    this.element.classList.add("opacity-0", "translate-x-2")
+    this.element.addEventListener("transitionend", () => this.element.remove(), { once: true })
+  }
+}

data/app/assets/stylesheets/moduler/tailwind.css

@@ -0,0 +1,21 @@
+@import "tailwindcss";
+@import "tailwindcss/utilities";
+@plugin "@tailwindcss/forms";
+@plugin "@tailwindcss/aspect-ratio";
+@plugin "@tailwindcss/typography";
+
+@source inline('bg-yellow-100');
+@source inline('bg-red-100');
+@source inline('bg-green-100');
+
+@source "../../../views/**/*.html.erb";
+@source "../../../components/**/*.html.erb";
+
+@theme {
+    --color-custom: #000;
+    --font-custom: "Arial", sans-serif;
+}
+
+.prose-100 {
+    max-width: 100%;
+}

data/app/components/moduler/administration/page_component.html.erb

@@ -0,0 +1,7 @@
+<main class="mx-auto flex w-full flex-1 max-w-[120rem] flex-col gap-4 px-4 md:flex-row md:gap-8 md:pl-0 md:pr-6">
+  <%= render "moduler/common/administration/sidebar" %>
+
+  <div class="flex min-w-0 flex-1 flex-col pb-4 md:mt-8">
+    <%= content %>
+  </div>
+</main>

data/app/components/moduler/administration/page_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Administration::PageComponent < ViewComponent::Base
+  end
+end

data/app/components/moduler/badge_component.html.erb

@@ -0,0 +1,8 @@
+<% case @variant %>
+<% when :success %>
+  <span class="inline-flex items-center rounded-full bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700 ring-1 ring-inset ring-emerald-600/20"><%= @text %></span>
+<% when :muted %>
+  <span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium text-slate-400 ring-1 ring-inset ring-slate-200"><%= @text %></span>
+<% else %>
+  <span class="inline-flex items-center rounded-full bg-slate-50 px-2 py-0.5 text-xs font-medium text-slate-600 ring-1 ring-inset ring-slate-500/20"><%= @text %></span>
+<% end %>

data/app/components/moduler/badge_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Moduler
+  class BadgeComponent < ViewComponent::Base
+    def initialize(text, options = {})
+      @text = text
+      @variant = options.fetch(:variant, :neutral)
+    end
+  end
+end

data/app/components/moduler/button_component.html.erb

@@ -0,0 +1,7 @@
+<% if small? %>
+  <%= button_to @text, @url, method: @options.fetch(:method, :post), form: form_options,
+        class: "cursor-pointer rounded-md bg-white px-2.5 py-1 text-sm font-medium text-slate-600 shadow-sm ring-1 ring-inset ring-slate-300 hover:bg-slate-50 hover:text-red-600" %>
+<% else %>
+  <%= button_to @text, @url, method: @options.fetch(:method, :post), form: form_options,
+        class: "cursor-pointer whitespace-nowrap rounded-md bg-white px-3 py-1.5 text-sm/6 font-semibold text-red-600 shadow-sm ring-1 ring-inset ring-slate-300 hover:bg-red-50 hover:ring-red-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" %>
+<% end %>

data/app/components/moduler/button_component.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Moduler
+  class ButtonComponent < ViewComponent::Base
+    def initialize(text, url, options = {})
+      @text = text
+      @url = url
+      @options = options
+    end
+
+    def small?
+      @options[:size] == :sm
+    end
+
+    def form_options
+      { class: "shrink-0", data: { turbo_confirm: @options[:confirm] }.compact }
+    end
+  end
+end

data/app/components/moduler/button_link_component.html.erb

@@ -0,0 +1,5 @@
+<% if small? %>
+  <%= link_to @text, @url, class: "shrink-0 rounded-md bg-white px-2.5 py-1 text-sm font-medium text-slate-600 shadow-sm ring-1 ring-inset ring-slate-300 hover:bg-slate-50 hover:text-slate-900" %>
+<% else %>
+  <%= link_to @text, @url, class: "cursor-pointer whitespace-nowrap rounded-md bg-white px-3 py-2 text-sm/6 font-semibold text-custom ring-1 ring-inset ring-slate-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-custom" %>
+<% end %>

data/app/components/moduler/button_link_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Moduler
+  class ButtonLinkComponent < ViewComponent::Base
+    def initialize(text, url, options = {})
+      @text = text
+      @url = url
+      @options = options
+    end
+
+    def small?
+      @options[:size] == :sm
+    end
+  end
+end

data/app/components/moduler/filter_component.html.erb

@@ -0,0 +1,12 @@
+<%= form_with model: @filter, url: @url, method: :get, scope: :filter, data: { turbo: false }, class: "flex flex-wrap items-end gap-3" do |form| %>
+  <div class="min-w-48 flex-1">
+    <%= form.text_field :query, placeholder: placeholder, autocomplete: "off",
+          class: "w-full rounded-md border border-slate-300 px-3 text-sm text-slate-900 placeholder:text-slate-400 focus:border-slate-900 focus:outline-none focus:ring-1 focus:ring-slate-900" %>
+  </div>
+
+  <%= form.submit t("moduler.components.filter.action.filter"),
+        class: "cursor-pointer whitespace-nowrap rounded-md bg-white px-3 py-2 text-sm/6 font-semibold text-custom ring-1 ring-inset ring-slate-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-custom" %>
+  <% if @filter.query.present? %>
+    <%= link_to t("moduler.components.filter.action.clear"), @url, class: "flex h-10 items-center text-sm text-slate-500 hover:text-slate-900" %>
+  <% end %>
+<% end %>

data/app/components/moduler/filter_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Moduler
+  class FilterComponent < ViewComponent::Base
+    def initialize(filter, url, options = {})
+      @filter = filter
+      @url = url
+      @options = options
+    end
+
+    def placeholder
+      @options.fetch(:placeholder) { t("moduler.components.filter.placeholder.query") }
+    end
+  end
+end

data/app/components/moduler/form/base_error_component.html.erb

@@ -0,0 +1 @@
+<%= @form.full_error :base, class: "my-2 text-sm text-red-600" %>

data/app/components/moduler/form/base_error_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::BaseErrorComponent < ViewComponent::Base
+    def initialize(form)
+      @form = form
+    end
+  end
+end

data/app/components/moduler/form/email_component.html.erb

@@ -0,0 +1,14 @@
+<div class="mt-2">
+  <% if @options.key?(:label) %>
+    <%= @form.label @name, @options[:label], class: "block text-sm text-slate-500" %>
+  <% end %>
+  <div class="mt-2">
+    <%= @form.email_field @name, placeholder: @options[:placeholder], disabled: @options[:disabled], class: "block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-custom sm:text-sm/6" %>
+  </div>
+  <% if @options.key?(:description) %>
+    <p class="mt-1 text-xs text-gray-400"><%= @options[:description] %></p>
+  <% end %>
+  <% if @form.error?(@name) %>
+    <%= @form.error(@name, class: "text-red-500 text-sm mt-1") %>
+  <% end %>
+</div>

data/app/components/moduler/form/email_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::EmailComponent < ViewComponent::Base
+    def initialize(form, name, options = {})
+      @form = form
+      @name = name
+      @options = options
+    end
+  end
+end

data/app/components/moduler/form/password_component.html.erb

@@ -0,0 +1,14 @@
+<div class="mt-2">
+  <% if @options.key?(:label) %>
+    <%= @form.label @name, @options[:label], class: "block text-sm text-slate-500" %>
+  <% end %>
+  <div class="mt-2">
+    <%= @form.password_field @name, placeholder: @options[:placeholder], class: "block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-custom sm:text-sm/6" %>
+  </div>
+  <% if @options.key?(:description) %>
+    <p class="mt-1 text-xs text-gray-400"><%= @options[:description] %></p>
+  <% end %>
+  <% if @form.error?(@name) %>
+    <%= @form.error(@name, class: "text-red-500 text-sm mt-1") %>
+  <% end %>
+</div>

data/app/components/moduler/form/password_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::PasswordComponent < ViewComponent::Base
+    def initialize(form, name, options = {})
+      @form = form
+      @name = name
+      @options = options
+    end
+  end
+end

data/app/components/moduler/form/section_component.html.erb

@@ -0,0 +1,5 @@
+<div class="<%= divider? ? "space-y-4 border-t border-slate-100 pt-6" : "space-y-4" %>">
+  <p class="text-xs font-medium uppercase tracking-wide text-slate-400"><%= @title %></p>
+
+  <%= content %>
+</div>

data/app/components/moduler/form/section_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::SectionComponent < ViewComponent::Base
+    def initialize(title, options = {})
+      @title = title
+      @options = options
+    end
+
+    def divider?
+      @options[:divider]
+    end
+  end
+end

data/app/components/moduler/form/select_component.html.erb

@@ -0,0 +1,14 @@
+<div class="mt-2">
+  <% if @options.key?(:label) %>
+    <%= @form.label @name, @options[:label], class: "block text-sm text-slate-500" %>
+  <% end %>
+  <div class="mt-2">
+    <%= @form.select @name, @choices, {}, class: "block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-custom sm:text-sm/6" %>
+  </div>
+  <% if @options.key?(:description) %>
+    <p class="mt-1 text-xs text-gray-400"><%= @options[:description] %></p>
+  <% end %>
+  <% if @form.error?(@name) %>
+    <%= @form.error(@name, class: "text-red-500 text-sm mt-1") %>
+  <% end %>
+</div>

data/app/components/moduler/form/select_component.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::SelectComponent < ViewComponent::Base
+    def initialize(form, name, choices, options = {})
+      @form = form
+      @name = name
+      @choices = choices
+      @options = options
+    end
+  end
+end

data/app/components/moduler/form/submit_component.html.erb

@@ -0,0 +1,3 @@
+<div class="mt-4">
+  <%= @form.submit @options[:text], class: "cursor-pointer flex float-right rounded-md bg-custom px-3 py-1.5 text-sm/6 font-semibold text-white shadow-sm hover:bg-custom focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-custom" %>
+</div>

data/app/components/moduler/form/submit_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::SubmitComponent < ViewComponent::Base
+    def initialize(form, options = {})
+      @form = form
+      @options = options
+    end
+  end
+end

data/app/components/moduler/form/text_component.html.erb

@@ -0,0 +1,14 @@
+<div class="mt-2">
+  <% if @options.key?(:label) %>
+    <%= @form.label @name, @options[:label], class: "block text-sm text-slate-500" %>
+  <% end %>
+  <div class="mt-2">
+    <%= @form.text_field @name, placeholder: @options[:placeholder], class: "block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-custom sm:text-sm/6" %>
+  </div>
+  <% if @options.key?(:description) %>
+    <p class="mt-1 text-xs text-gray-400"><%= @options[:description] %></p>
+  <% end %>
+  <% if @form.error?(@name) %>
+    <%= @form.error(@name, class: "text-red-500 text-sm mt-1") %>
+  <% end %>
+</div>

data/app/components/moduler/form/text_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Moduler
+  class Form::TextComponent < ViewComponent::Base
+    def initialize(form, name, options = {})
+      @form = form
+      @name = name
+      @options = options
+    end
+  end
+end

data/app/components/moduler/list_component.html.erb

@@ -0,0 +1,15 @@
+<div class="mt-6 flex-1">
+  <% if @collection.any? %>
+    <ul id="<%= @options[:id] %>" role="list" class="divide-y divide-slate-100 rounded-lg border border-slate-200 bg-white">
+      <%= content %>
+    </ul>
+  <% else %>
+    <p class="rounded-lg border border-dashed border-slate-300 px-4 py-8 text-center text-sm text-slate-500"><%= empty_message %></p>
+  <% end %>
+</div>
+
+<% if paginated? %>
+  <div class="mt-4 flex justify-end">
+    <%= helpers.paginate @collection %>
+  </div>
+<% end %>

data/app/components/moduler/list_component.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Moduler
+  class ListComponent < ViewComponent::Base
+    def initialize(collection, options = {})
+      @collection = collection
+      @options = options
+    end
+
+    def empty_message
+      @options.fetch(:empty) { t("moduler.components.list.empty") }
+    end
+
+    def paginated?
+      @collection.respond_to?(:total_pages)
+    end
+  end
+end

data/app/components/moduler/list_item_component.html.erb

@@ -0,0 +1,23 @@
+<li id="<%= @options[:id] %>" class="flex items-center justify-between gap-4 px-4 py-4 sm:px-5">
+  <div class="min-w-0">
+    <div class="flex flex-wrap items-center gap-2">
+      <p class="truncate text-sm font-semibold text-gray-900"><%= @title %></p>
+
+      <% badges.each do |badge| %>
+        <%= badge %>
+      <% end %>
+    </div>
+
+    <% if meta? %>
+      <p class="mt-1 text-xs text-slate-400"><%= meta %></p>
+    <% end %>
+  </div>
+
+  <% if actions? %>
+    <div class="flex shrink-0 items-center gap-2">
+      <% actions.each do |action| %>
+        <%= action %>
+      <% end %>
+    </div>
+  <% end %>
+</li>

data/app/components/moduler/list_item_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Moduler
+  class ListItemComponent < ViewComponent::Base
+    renders_many :badges, Moduler::BadgeComponent
+    renders_one :meta
+    renders_many :actions
+
+    def initialize(title, options = {})
+      @title = title
+      @options = options
+    end
+  end
+end

data/app/components/moduler/page_header_component.html.erb

@@ -0,0 +1,16 @@
+<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
+  <div>
+    <h1 class="text-base font-semibold text-gray-900"><%= @title %></h1>
+    <% if @options.key?(:description) %>
+      <p class="mt-1 text-sm text-slate-500"><%= @options[:description] %></p>
+    <% end %>
+  </div>
+
+  <% if actions? %>
+    <div class="flex shrink-0 items-center gap-2">
+      <% actions.each do |action| %>
+        <%= action %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/components/moduler/page_header_component.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Moduler
+  class PageHeaderComponent < ViewComponent::Base
+    renders_many :actions
+
+    def initialize(title, options = {})
+      @title = title
+      @options = options
+    end
+  end
+end

data/app/components/moduler/sidebar_action_component.html.erb

@@ -0,0 +1,5 @@
+<% if active? %>
+  <%= link_to @action, @route, class: "rounded-md px-3 py-2 bg-slate-100 font-medium text-gray-900" %>
+<% else %>
+  <%= link_to @action, @route, class: "rounded-md px-3 py-2 text-slate-500 hover:bg-slate-50 hover:text-gray-900" %>
+<% end %>

data/app/components/moduler/sidebar_action_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Moduler
+  class SidebarActionComponent < ViewComponent::Base
+    def initialize(action, route, expected_controller)
+      @action = action
+      @route = route
+      @expected_controller = expected_controller
+    end
+
+    def active?
+      controller_path.eql?(@expected_controller)
+    end
+  end
+end

data/app/controllers/concerns/moduler/authentication.rb

@@ -0,0 +1,62 @@
+module Moduler
+  module Authentication
+    extend ActiveSupport::Concern
+
+    included do
+      before_action :require_authentication
+      helper_method :authenticated?
+    end
+
+    class_methods do
+      def allow_unauthenticated_access(**options)
+        skip_before_action :require_authentication, **options
+      end
+    end
+
+    private
+
+    def authenticated?
+      resume_session
+    end
+
+    def require_authentication
+      resume_session || request_authentication
+    end
+
+    def resume_session
+      Current.session ||= find_session_by_cookie
+    end
+
+    def find_session_by_cookie
+      if cookies.signed[:session_id]
+        Session.active.find_by(id: cookies.signed[:session_id], signed_in_at: Session::LIFETIME.ago..)
+      end
+    end
+
+    def request_authentication
+      redirect_to moduler.new_session_path
+    end
+
+    def after_authentication_url
+      moduler.root_path
+    end
+
+    def start_new_session_for(user)
+      user.sessions.create!(user_agent: request.user_agent, ip_address: request.remote_ip, signed_in_at: Time.current).tap do |session|
+        Current.session = session
+        cookies.signed[:session_id] = {
+          value: session.id,
+          expires: Session::LIFETIME.from_now,
+          httponly: true,
+          same_site: :lax,
+          secure: Rails.env.production?
+        }
+      end
+    end
+
+    def terminate_session
+      Current.session.touch(:signed_out_at)
+      cookies.delete(:session_id)
+    end
+  end
+end

data/app/controllers/moduler/administration/application_controller.rb

@@ -0,0 +1,7 @@
+module Moduler
+  module Administration
+    class ApplicationController < ::Moduler::ApplicationController
+      after_action :verify_authorized
+    end
+  end
+end

data/app/controllers/moduler/administration/home_controller.rb

@@ -0,0 +1,9 @@
+module Moduler
+  module Administration
+    class HomeController < ApplicationController
+      before_action -> { authorize([ :moduler, :administration, :home ]) }
+
+      def index; end
+    end
+  end
+end

data/app/controllers/moduler/administration/sessions_controller.rb

@@ -0,0 +1,34 @@
+module Moduler
+  module Administration
+    class SessionsController < ApplicationController
+      before_action -> { authorize([ :moduler, :administration, :session ]) }
+      before_action :set_session, only: %i[ destroy ]
+
+      def index
+        @filter, @sessions = QueryFilter.new(Session.includes(:user), permitted_filter_parameters).call
+      end
+
+      def destroy
+        @session.touch(:signed_out_at)
+
+        if @session == Current.session
+          cookies.delete(:session_id)
+          redirect_to moduler.new_session_path, status: :see_other
+        else
+          redirect_to moduler.administration_sessions_path, status: :see_other, notice: t(".notice")
+        end
+      end
+
+      private
+
+      def set_session
+        @session = Session.active.find(params[:id])
+        authorize(@session, policy_class: SessionPolicy)
+      end
+
+      def permitted_filter_parameters
+        (params.permit(filter: %i[ query ])[:filter] || {}).merge(params.permit(:page))
+      end
+    end
+  end
+end

data/app/controllers/moduler/administration/users_controller.rb

@@ -0,0 +1,56 @@
+module Moduler
+  module Administration
+    class UsersController < ApplicationController
+      before_action -> { authorize([ :moduler, :administration, :user ]) }
+      before_action :set_user, only: %i[ edit update ]
+
+      def index
+        @filter, @users = QueryFilter.new(User, permitted_filter_parameters).call
+      end
+
+      def new
+        @user = User.new
+      end
+
+      def create
+        @user = User.new(permitted_parameters)
+
+        if @user.save
+          redirect_to moduler.administration_users_path, notice: t(".notice")
+        else
+          render :new, status: :unprocessable_entity
+        end
+      end
+
+      def edit
+      end
+
+      def update
+        if @user.update(permitted_update_parameters)
+          redirect_to moduler.administration_users_path, notice: t(".notice")
+        else
+          render :edit, status: :unprocessable_entity
+        end
+      end
+
+      private
+
+      def set_user
+        @user = User.find(params[:id])
+        authorize(@user, policy_class: UserPolicy)
+      end
+
+      def permitted_parameters
+        params.expect(user: %i[ email_address role password ])
+      end
+
+      def permitted_update_parameters
+        params.expect(user: %i[ email_address role ])
+      end
+
+      def permitted_filter_parameters
+        (params.permit(filter: %i[ query ])[:filter] || {}).merge(params.permit(:page))
+      end
+    end
+  end
+end