moduler 0.2.0 → 0.4.0

data/app/models/moduler/article.rb

@@ -0,0 +1,25 @@
+module Moduler
+  class Article < ApplicationRecord
+    include PgSearch::Model
+
+    PATH_FORMAT = /\A[a-z0-9]+(-[a-z0-9]+)*\z/
+    ALLOWED_TAGS = Rails::HTML5::SafeListSanitizer.allowed_tags + %w[ table thead tbody tr th td ]
+
+    has_many_attached :images
+
+    validates :path, presence: true, uniqueness: true, format: { with: PATH_FORMAT }
+    validates :title, presence: true
+    validates :description, presence: true
+    validates :keywords, presence: true
+    validates :content, presence: true
+    validates :images, content_type: %w[ image/png image/jpeg image/gif image/webp ], size: { less_than: 10.megabytes }
+
+    pg_search_scope :search_by_query, against: %i[ title keywords ], using: { trigram: { word_similarity: true } }
+
+    def to_html
+      html = Redcarpet::Markdown.new(Redcarpet::Render::HTML, tables: true, fenced_code_blocks: true).render(content.to_s)
+
+      ActionController::Base.helpers.sanitize(html, tags: ALLOWED_TAGS)
+    end
+  end
+end

data/app/models/moduler/session.rb

@@ -1,5 +1,17 @@
 module Moduler
   class Session < ApplicationRecord
+    include PgSearch::Model
+
+    LIFETIME = 30.days
+
     belongs_to :user, class_name: "Moduler::User", foreign_key: "moduler_user_id"
+
+    scope :active, -> { where(signed_out_at: nil) }
+
+    pg_search_scope :search_by_query, against: %i[ ip_address user_agent ], associated_against: { user: %i[ email_address ] }, using: { trigram: { word_similarity: true } }
+
+    def active?
+      signed_out_at.nil?
+    end
   end
 end

data/app/models/moduler/user.rb

@@ -1,9 +1,18 @@
 module Moduler
   class User < ApplicationRecord
+    include PgSearch::Model
+
     has_many :sessions, class_name: "Moduler::Session", foreign_key: "moduler_user_id", dependent: :destroy
 
     has_secure_password
 
+    normalizes :email_address, with: ->(email_address) { email_address.strip.downcase }
+
     validates :email_address, presence: true, uniqueness: true, format: { with: URI::MailTo::EMAIL_REGEXP }
+    validates :password, length: { minimum: 8 }, allow_nil: true
+
+    enum :role, { member: 0, administrator: 1 }
+
+    pg_search_scope :search_by_query, against: %i[ email_address ], using: { trigram: { word_similarity: true } }
   end
 end

data/app/policies/moduler/administration/article_policy.rb

@@ -0,0 +1,29 @@
+module Moduler
+  module Administration
+    class ArticlePolicy < BasePolicy
+      def index?
+        administrator?
+      end
+
+      def create?
+        administrator?
+      end
+
+      def update?
+        administrator?
+      end
+
+      def new?
+        create?
+      end
+
+      def edit?
+        update?
+      end
+
+      def destroy?
+        administrator?
+      end
+    end
+  end
+end

data/app/policies/moduler/administration/base_policy.rb

@@ -0,0 +1,11 @@
+module Moduler
+  module Administration
+    class BasePolicy < ApplicationPolicy
+      private
+
+      def administrator?
+        user&.administrator?
+      end
+    end
+  end
+end

data/app/policies/moduler/administration/home_policy.rb

@@ -0,0 +1,9 @@
+module Moduler
+  module Administration
+    class HomePolicy < BasePolicy
+      def index?
+        administrator?
+      end
+    end
+  end
+end

data/app/policies/moduler/administration/session_policy.rb

@@ -0,0 +1,13 @@
+module Moduler
+  module Administration
+    class SessionPolicy < BasePolicy
+      def index?
+        administrator?
+      end
+
+      def destroy?
+        administrator?
+      end
+    end
+  end
+end

data/app/policies/moduler/administration/user_policy.rb

@@ -0,0 +1,25 @@
+module Moduler
+  module Administration
+    class UserPolicy < BasePolicy
+      def index?
+        administrator?
+      end
+
+      def create?
+        administrator?
+      end
+
+      def update?
+        administrator? && record != user
+      end
+
+      def new?
+        create?
+      end
+
+      def edit?
+        update?
+      end
+    end
+  end
+end

data/app/policies/moduler/application_policy.rb

@@ -0,0 +1,38 @@
+module Moduler
+  class ApplicationPolicy
+    attr_reader :user, :record
+
+    def initialize(user, record)
+      @user = user
+      @record = record
+    end
+
+    def index?
+      false
+    end
+
+    def show?
+      false
+    end
+
+    def create?
+      false
+    end
+
+    def new?
+      create?
+    end
+
+    def update?
+      false
+    end
+
+    def edit?
+      update?
+    end
+
+    def destroy?
+      false
+    end
+  end
+end

data/app/views/kaminari/_gap.html.erb

@@ -0,0 +1 @@
+<span class="px-2 text-slate-400"><%= raw(t("views.pagination.truncate")) %></span>

data/app/views/kaminari/_next_page.html.erb

@@ -0,0 +1 @@
+<%= link_to raw(t("views.pagination.next")), url, rel: "next", remote: remote, class: "rounded px-3 py-1 text-slate-600 hover:bg-slate-100" %>

data/app/views/kaminari/_page.html.erb

@@ -0,0 +1,3 @@
+<%= link_to page, url, remote: remote, rel: page.rel,
+      class: "rounded px-3 py-1 #{page.current? ? 'bg-slate-900 text-white' : 'text-slate-600 hover:bg-slate-100'}",
+      "aria-current": (page.current? ? "page" : nil) %>

data/app/views/kaminari/_paginator.html.erb

@@ -0,0 +1,13 @@
+<%= paginator.render do %>
+  <nav class="flex flex-wrap items-center justify-end gap-1 text-sm" aria-label="Pagination">
+    <%= prev_page_tag unless current_page.first? %>
+    <% each_page do |page| %>
+      <% if page.left_outer? || page.right_outer? || page.inside_window? %>
+        <%= page_tag page %>
+      <% elsif !page.was_truncated? %>
+        <%= gap_tag %>
+      <% end %>
+    <% end %>
+    <%= next_page_tag unless current_page.last? %>
+  </nav>
+<% end %>

data/app/views/kaminari/_prev_page.html.erb

@@ -0,0 +1 @@
+<%= link_to raw(t("views.pagination.previous")), url, rel: "prev", remote: remote, class: "rounded px-3 py-1 text-slate-600 hover:bg-slate-100" %>

data/app/views/layouts/moduler/application.html.erb

@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>Moduler</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 
@@ -9,14 +10,12 @@
 
     <%= stylesheet_link_tags_if_exist "moduler/tailwind", "moduler/application", media: "all" %>
 
-    <%# Include host application stylesheets %>
-    <%= stylesheet_link_tags_if_exist "tailwind", "application", media: "all" %>
-
     <%= javascript_importmap_tags "moduler/application" %>
   </head>
-  <body>
-    <div class="min-h-full">
-      <%= render "moduler/common/header" %>
+  <body class="flex min-h-screen flex-col">
+    <div class="flex flex-1 flex-col">
+      <%= render "moduler/common/header" if authenticated? %>
+      <%= render "moduler/common/flash" %>
 
       <%= yield %>
     </div>

data/app/views/layouts/moduler/articles.html.erb

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= yield :head %>
+
+    <%= stylesheet_link_tags_if_exist "moduler/tailwind", "moduler/application", media: "all" %>
+  </head>
+  <body class="flex min-h-screen flex-col">
+    <div class="flex flex-1 flex-col">
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/moduler/administration/articles/_article.html.erb

@@ -0,0 +1,13 @@
+<%= render(Moduler::ListItemComponent.new(article.title, id: dom_id(article))) do |item| %>
+  <% item.with_meta do %>
+    <%= time_tag article.created_at, t(".created", time: time_ago_in_words(article.created_at)), title: l(article.created_at, format: :long) %>
+  <% end %>
+
+  <% if Moduler::Administration::ArticlePolicy.new(current_user, article).edit? %>
+    <% item.with_action do %>
+      <%= render(Moduler::ButtonLinkComponent.new(t(".action.edit"), moduler.edit_administration_article_path(article), size: :sm)) %>
+      <%= render(Moduler::ButtonComponent.new(t(".action.destroy"), moduler.administration_article_path(article), method: :delete, size: :sm,
+            confirm: t(".confirmation.destroy"))) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/articles/_form.html.erb

@@ -0,0 +1,18 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"))) %>
+
+  <%= form_with model: @article, url: @article.persisted? ? moduler.administration_article_path(@article) : moduler.administration_articles_path, data: { turbo: false }, class: "w-full space-y-6" do |form| %>
+    <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+    <div class="max-w-lg space-y-6">
+      <%= render(::Moduler::Form::TextComponent.new(form, :title, label: t(".label.title"))) %>
+      <%= render(::Moduler::Form::TextComponent.new(form, :path, label: t(".label.path"), description: t(".description.path"))) %>
+      <%= render(::Moduler::Form::TextareaComponent.new(form, :description, label: t(".label.description"), description: t(".description.description"))) %>
+      <%= render(::Moduler::Form::TextComponent.new(form, :keywords, label: t(".label.keywords"), description: t(".description.keywords"))) %>
+    </div>
+
+    <%= render(::Moduler::Form::WysiwygComponent.new(form, :content, label: t(".label.content"))) %>
+
+    <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.save"))) %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/articles/edit.html.erb

@@ -0,0 +1 @@
+<%= render "form" %>

data/app/views/moduler/administration/articles/index.html.erb

@@ -0,0 +1,13 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"), description: t(".description"))) do |header| %>
+    <% header.with_action do %>
+      <%= render(Moduler::ButtonLinkComponent.new(t(".action.new"), moduler.new_administration_article_path)) %>
+    <% end %>
+  <% end %>
+
+  <%= render(Moduler::FilterComponent.new(@filter, moduler.administration_articles_path)) %>
+
+  <%= render(Moduler::ListComponent.new(@articles, id: "articles", empty: t(".empty"))) do %>
+    <%= render partial: "moduler/administration/articles/article", collection: @articles %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/articles/new.html.erb

@@ -0,0 +1 @@
+<%= render "form" %>

data/app/views/moduler/administration/home/index.html.erb

@@ -0,0 +1,6 @@
+<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">
+  </div>
+</main>

data/app/views/moduler/administration/sessions/_session.html.erb

@@ -0,0 +1,30 @@
+<% current = session == Moduler::Current.session %>
+
+<%= render(Moduler::ListItemComponent.new(session.user.email_address, id: dom_id(session))) do |item| %>
+  <% if current %>
+    <% item.with_badge(t(".status.current"), variant: :success) %>
+  <% elsif session.active? %>
+    <% item.with_badge(t(".status.active")) %>
+  <% else %>
+    <% item.with_badge(t(".status.signed_out"), variant: :muted) %>
+  <% end %>
+
+  <% item.with_meta do %>
+    <%= session.ip_address.presence || t(".unknown_ip") %>
+    <span aria-hidden="true">&middot;</span>
+    <span title="<%= session.user_agent %>"><%= truncate(session.user_agent.presence || t(".unknown_device"), length: 60) %></span>
+    <span aria-hidden="true">&middot;</span>
+    <%= time_tag session.signed_in_at, t(".signed_in", time: time_ago_in_words(session.signed_in_at)), title: l(session.signed_in_at, format: :long) %>
+    <% if session.signed_out_at %>
+      <span aria-hidden="true">&middot;</span>
+      <%= time_tag session.signed_out_at, t(".signed_out", time: time_ago_in_words(session.signed_out_at)), title: l(session.signed_out_at, format: :long) %>
+    <% end %>
+  <% end %>
+
+  <% if session.active? %>
+    <% item.with_action do %>
+      <%= render(Moduler::ButtonComponent.new(t(".action.destroy"), moduler.administration_session_path(session), method: :delete, size: :sm,
+            confirm: t(current ? ".confirmation.destroy_current" : ".confirmation.destroy"))) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/sessions/index.html.erb

@@ -0,0 +1,9 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"), description: t(".description"))) %>
+
+  <%= render(Moduler::FilterComponent.new(@filter, moduler.administration_sessions_path)) %>
+
+  <%= render(Moduler::ListComponent.new(@sessions, id: "sessions", empty: t(".empty"))) do %>
+    <%= render partial: "moduler/administration/sessions/session", collection: @sessions %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/users/_user.html.erb

@@ -0,0 +1,13 @@
+<%= render(Moduler::ListItemComponent.new(user.email_address, id: dom_id(user))) do |item| %>
+  <% item.with_badge(t("moduler.administration.users.roles.#{user.role}"), variant: user.administrator? ? :success : :neutral) %>
+
+  <% item.with_meta do %>
+    <%= time_tag user.created_at, t(".created", time: time_ago_in_words(user.created_at)), title: l(user.created_at, format: :long) %>
+  <% end %>
+
+  <% if Moduler::Administration::UserPolicy.new(current_user, user).edit? %>
+    <% item.with_action do %>
+      <%= render(Moduler::ButtonLinkComponent.new(t(".action.edit"), moduler.edit_administration_user_path(user), size: :sm)) %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/users/edit.html.erb

@@ -0,0 +1,14 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"))) %>
+
+  <%= form_with model: @user, url: moduler.administration_user_path(@user), method: :patch, data: { turbo: false }, class: "w-full max-w-lg space-y-6" do |form| %>
+    <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+    <%= render(::Moduler::Form::SectionComponent.new(t(".section.data"))) do %>
+      <%= render(::Moduler::Form::EmailComponent.new(form, :email_address, label: t(".label.email_address"))) %>
+      <%= render(::Moduler::Form::SelectComponent.new(form, :role, Moduler::User.roles.keys.map { |role| [ t("moduler.administration.users.roles.#{role}"), role ] }, label: t(".label.role"))) %>
+    <% end %>
+
+    <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.save"))) %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/users/index.html.erb

@@ -0,0 +1,13 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"), description: t(".description"))) do |header| %>
+    <% header.with_action do %>
+      <%= render(Moduler::ButtonLinkComponent.new(t(".action.new"), moduler.new_administration_user_path)) %>
+    <% end %>
+  <% end %>
+
+  <%= render(Moduler::FilterComponent.new(@filter, moduler.administration_users_path)) %>
+
+  <%= render(Moduler::ListComponent.new(@users, id: "users", empty: t(".empty"))) do %>
+    <%= render partial: "moduler/administration/users/user", collection: @users %>
+  <% end %>
+<% end %>

data/app/views/moduler/administration/users/new.html.erb

@@ -0,0 +1,18 @@
+<%= render(Moduler::Administration::PageComponent.new) do %>
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"))) %>
+
+  <%= form_with model: @user, url: moduler.administration_users_path, data: { turbo: false }, class: "w-full max-w-lg space-y-6" do |form| %>
+    <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+    <%= render(::Moduler::Form::SectionComponent.new(t(".section.data"))) do %>
+      <%= render(::Moduler::Form::EmailComponent.new(form, :email_address, label: t(".label.email_address"))) %>
+      <%= render(::Moduler::Form::SelectComponent.new(form, :role, Moduler::User.roles.keys.map { |role| [ t("moduler.administration.users.roles.#{role}"), role ] }, label: t(".label.role"))) %>
+    <% end %>
+
+    <%= render(::Moduler::Form::SectionComponent.new(t(".section.password"), divider: true)) do %>
+      <%= render(::Moduler::Form::PasswordComponent.new(form, :password, label: t(".label.password"), description: t(".description.password"))) %>
+    <% end %>
+
+    <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.create"))) %>
+  <% end %>
+<% end %>

data/app/views/moduler/articles/_article.html.erb

@@ -0,0 +1,16 @@
+<li id="<%= dom_id(article) %>">
+  <article class="group relative">
+    <%= time_tag article.created_at, l(article.created_at.to_date, format: :long), class: "text-xs text-slate-400" %>
+
+    <h2 class="mt-2 text-xl font-semibold tracking-tight text-gray-900 group-hover:text-custom">
+      <%= link_to moduler.article_path(article.path) do %>
+        <span class="absolute inset-0"></span>
+        <%= article.title %>
+      <% end %>
+    </h2>
+
+    <p class="mt-2 text-sm/6 text-slate-600"><%= article.description %></p>
+
+    <p class="mt-3 text-sm font-semibold text-gray-900 group-hover:text-custom"><%= t(".action.show") %> <span aria-hidden="true">&rarr;</span></p>
+  </article>
+</li>

data/app/views/moduler/articles/index.html.erb

@@ -0,0 +1,15 @@
+<main class="mx-auto w-full max-w-3xl flex-1 px-4 pb-4 md:mt-8">
+  <%= render(Moduler::PageHeaderComponent.new(t(".title"), description: t(".description"))) %>
+
+  <% if @articles.any? %>
+    <ul id="articles" role="list" class="mt-10 space-y-12">
+      <%= render partial: "moduler/articles/article", collection: @articles %>
+    </ul>
+
+    <div class="mt-12 flex justify-end">
+      <%= paginate @articles %>
+    </div>
+  <% else %>
+    <p class="mt-10 text-sm text-slate-500"><%= t(".empty") %></p>
+  <% end %>
+</main>

data/app/views/moduler/articles/show.html.erb

@@ -0,0 +1,21 @@
+<% content_for :title, @article.title %>
+<% content_for :head do %>
+  <meta name="description" content="<%= @article.description %>">
+  <meta name="keywords" content="<%= @article.keywords %>">
+<% end %>
+
+<main class="mx-auto w-full max-w-3xl flex-1 px-4 pb-4 md:mt-8">
+  <%= link_to t(".action.index"), moduler.articles_path, class: "text-sm text-slate-500 hover:text-custom" %>
+
+  <article id="<%= dom_id(@article) %>" class="mt-6">
+    <header class="mb-8 border-b border-slate-200 pb-6">
+      <h1 class="text-2xl/9 font-bold tracking-tight text-gray-900"><%= @article.title %></h1>
+      <p class="mt-2 text-sm text-slate-500"><%= @article.description %></p>
+      <p class="mt-2 text-xs text-slate-400"><%= time_tag @article.created_at, l(@article.created_at.to_date, format: :long) %></p>
+    </header>
+
+    <div class="prose prose-slate prose-100 prose-img:w-full prose-img:max-w-5xl">
+      <%= @article.to_html %>
+    </div>
+  </article>
+</main>

data/app/views/moduler/common/_flash.html.erb

@@ -0,0 +1,16 @@
+<% if flash.any? { |_, message| message.present? } %>
+  <div class="fixed top-4 right-4 z-50 flex w-full max-w-sm flex-col gap-2 px-4 sm:px-0">
+    <% flash.each do |key, message| %>
+      <% next if message.blank? %>
+      <div data-controller="flash"
+          class="flex items-start gap-3 rounded-md border px-4 py-3 text-sm shadow-lg transition duration-200 <%= key.to_s.in?(%w[alert error]) ? "border-red-200 bg-red-50 text-red-700" : key.to_s == "warning" ? "border-amber-200 bg-amber-50 text-amber-700" : "border-emerald-200 bg-emerald-50 text-emerald-700" %>">
+        <p class="flex-1"><%= message %></p>
+        <button type="button" data-action="flash#dismiss" class="shrink-0 cursor-pointer text-slate-400 transition hover:text-slate-600">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="h-4 w-4">
+            <path d="M18 6 6 18M6 6l12 12" />
+          </svg>
+        </button>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/moduler/common/_header.html.erb

@@ -1,9 +1,18 @@
 <nav class="border-b border-gray-200 bg-white">
-  <div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
-    <div class="flex items-center gap-8">
+  <div class="flex h-16 w-full items-center justify-between gap-4 px-4 sm:px-6 lg:px-6">
+    <div class="flex shrink-0 items-center gap-4 sm:gap-8">
       <%= link_to t(".nav.home"), moduler.root_path, class: "text-sm/6 font-semibold text-gray-900 hover:text-custom" %>
+
+      <% if policy([:moduler, :administration, :home]).index? %>
+        |
+        <%= link_to t(".nav.administration"), moduler.administration_root_path, class: "text-sm/6 font-semibold text-gray-900 hover:text-custom" %>
+      <% end %>
     </div>
 
-    <%= button_to t(".action.sign_out"), moduler.session_path, method: :delete, class: "cursor-pointer rounded-md px-3 py-1.5 text-sm/6 font-semibold text-gray-900 hover:bg-gray-50" %>
+    <div class="flex min-w-0 items-center gap-3 text-sm text-gray-900 sm:gap-6">
+      <%= link_to current_user.email_address, moduler.edit_profile_path, class: "truncate" %>
+      |
+      <%= button_to t(".action.sign_out"), moduler.session_path, method: :delete, class: "cursor-pointer whitespace-nowrap font-semibold" %>
+    </div>
   </div>
 </nav>

data/app/views/moduler/common/_sidebar.html.erb

@@ -0,0 +1,7 @@
+<aside class="-mx-4 border-b border-gray-200 px-2 md:mx-0 md:w-1/8 md:shrink-0 md:border-b-0 md:border-r md:px-0">
+  <nav class="flex gap-1 overflow-x-auto md:flex-col text-sm p-2">
+    <% Array(Moduler.configuration.dig(:resources)).each do |resource| %>
+      <%= render(Moduler::SidebarActionComponent.new(t(".action.#{resource}"), moduler.url_for([resource.to_sym]), "moduler/#{resource}")) %>
+    <% end %>
+  </nav>
+</aside>

data/app/views/moduler/common/administration/_sidebar.html.erb

@@ -0,0 +1,12 @@
+<aside class="-mx-4 border-b border-gray-200 px-2 md:mx-0 md:w-1/8 md:shrink-0 md:border-b-0 md:border-r md:px-0">
+  <nav class="flex gap-1 overflow-x-auto md:flex-col text-sm p-2">
+    <%= render(Moduler::SidebarActionComponent.new(t(".action.users"), moduler.administration_users_path, "moduler/administration/users")) %>
+    <%= render(Moduler::SidebarActionComponent.new(t(".action.sessions"), moduler.administration_sessions_path, "moduler/administration/sessions")) %>
+
+    <%= render(Moduler::SidebarActionComponent.new(t(".action.articles"), moduler.administration_articles_path, "moduler/administration/articles")) %>
+
+    <% Array(Moduler.configuration.dig(:administration, :resources)).each do |resource| %>
+      <%= render(Moduler::SidebarActionComponent.new(t(".action.#{resource}"), moduler.url_for([:administration, resource.to_sym]), "moduler/administration/#{resource}")) %>
+    <% end %>
+  </nav>
+</aside>

data/app/views/moduler/common/profile/_sidebar.html.erb

@@ -0,0 +1,6 @@
+<aside class="-mx-4 border-b border-gray-200 px-2 md:mx-0 md:w-1/8 md:shrink-0 md:border-b-0 md:border-r md:px-0">
+  <nav class="flex gap-1 overflow-x-auto md:flex-col text-sm p-2">
+    <%= render(Moduler::SidebarActionComponent.new(t(".action.profile"), moduler.edit_profile_path, "moduler/profile")) %>
+    <%= render(Moduler::SidebarActionComponent.new(t(".action.sessions"), moduler.profile_sessions_path, "moduler/profile/sessions")) %>
+  </nav>
+</aside>

data/app/views/moduler/home/index.html.erb

@@ -0,0 +1,6 @@
+<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/sidebar" %>
+
+  <div class="flex min-w-0 flex-1 flex-col pb-4 md:mt-8">
+  </div>
+</main>

data/app/views/moduler/profile/edit.html.erb

@@ -0,0 +1,28 @@
+<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/profile/sidebar" %>
+
+  <div class="flex min-w-0 flex-1 flex-col pb-4 md:mt-8">
+    <div class="mb-4 flex min-h-9 items-center justify-between gap-4">
+      <h1 class="text-base font-semibold text-gray-900"><%= t(".title") %></h1>
+    </div>
+
+    <%= form_with model: @user, url: moduler.profile_path, method: :patch, data: { turbo: false }, class: "w-full max-w-lg space-y-6" do |form| %>
+      <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+      <%= render(::Moduler::Form::SectionComponent.new(t(".section.data"))) do %>
+        <%= render(::Moduler::Form::EmailComponent.new(form, :email_address, label: t(".label.email_address"), disabled: :disabled)) %>
+      <% end %>
+
+      <%= render(::Moduler::Form::SectionComponent.new(t(".section.password"), divider: true)) do %>
+        <%= render(::Moduler::Form::PasswordComponent.new(form, :password, label: t(".label.password"))) %>
+        <%= render(::Moduler::Form::PasswordComponent.new(form, :password_confirmation, label: t(".label.password_confirmation"), description: t(".description.password_confirmation"))) %>
+      <% end %>
+
+      <%= render(::Moduler::Form::SectionComponent.new(t(".section.current_password"), divider: true)) do %>
+        <%= render(::Moduler::Form::PasswordComponent.new(form, :password_challenge, label: t(".label.password_challenge"), description: t(".description.password_challenge"))) %>
+      <% end %>
+
+      <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.save"))) %>
+    <% end %>
+  </div>
+</main>