moduler 0.2.0 → 0.4.0

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

@@ -0,0 +1,52 @@
+<% current = session == Moduler::Current.session %>
+<% mobile = session.user_agent.to_s.match?(/Mobile|Android|iPhone|iPad/) %>
+
+<li id="<%= dom_id(session) %>" class="flex items-center justify-between gap-4 px-4 py-4 sm:px-5 <%= "bg-slate-50/60" unless session.active? %>">
+  <div class="flex min-w-0 items-start gap-4">
+    <div class="flex size-10 shrink-0 items-center justify-center rounded-full <%= session.active? ? "bg-slate-100 text-slate-600" : "bg-slate-100/60 text-slate-400" %>">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="size-5" aria-hidden="true">
+        <% if mobile %>
+          <rect x="7" y="2.5" width="10" height="19" rx="2" />
+          <path d="M11 18.5h2" />
+        <% else %>
+          <rect x="3" y="4" width="18" height="12" rx="1.5" />
+          <path d="M8 20h8M12 16v4" />
+        <% end %>
+      </svg>
+    </div>
+
+    <div class="min-w-0">
+      <div class="flex flex-wrap items-center gap-2">
+        <p class="text-sm font-semibold <%= session.active? ? "text-gray-900" : "text-slate-500" %>">
+          <%= session.ip_address.presence || t(".unknown_ip") %>
+        </p>
+
+        <% if current %>
+          <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"><%= t(".status.current") %></span>
+        <% elsif session.active? %>
+          <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"><%= t(".status.active") %></span>
+        <% else %>
+          <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"><%= t(".status.signed_out") %></span>
+        <% end %>
+      </div>
+
+      <p class="mt-1 truncate text-xs text-slate-500" title="<%= session.user_agent %>">
+        <%= session.user_agent.presence || t(".unknown_device") %>
+      </p>
+
+      <p class="mt-1 text-xs text-slate-400">
+        <%= 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 %>
+      </p>
+    </div>
+  </div>
+
+  <% if session.active? %>
+    <%= button_to t(".action.destroy"), moduler.profile_session_path(session), method: :delete,
+          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",
+          form: { class: "shrink-0", data: { turbo_confirm: t(current ? ".confirmation.destroy_current" : ".confirmation.destroy") } } %>
+  <% end %>
+</li>

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

@@ -0,0 +1,26 @@
+<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-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"><%= t(".title") %></h1>
+        <p class="mt-1 text-sm text-slate-500"><%= t(".description") %></p>
+      </div>
+
+      <%= button_to t(".action.revoke_all"), moduler.profile_sessions_revocation_path, method: :delete,
+            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",
+            form: { class: "shrink-0", data: { turbo_confirm: t(".confirmation.revoke") } } %>
+    </div>
+
+    <div class="flex-1">
+      <ul id="sessions" role="list" class="divide-y divide-slate-100 rounded-lg border border-slate-200 bg-white">
+        <%= render partial: "moduler/profile/sessions/session", collection: @sessions %>
+      </ul>
+    </div>
+
+    <div class="mt-4 flex justify-end">
+      <%= paginate @sessions %>
+    </div>
+  </div>
+</main>

data/app/views/moduler/sessions/new.html.erb

@@ -18,25 +18,11 @@
 
         <div>
           <%= form_for @user, url: moduler.session_path, class: "space-y-6", data: { turbo: false } do |form| %>
-            <%= form.full_error :base, class: "my-2 text-sm text-red-600" %>
+            <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
 
-            <div class="mt-2">
-              <label for="email" class="block text-sm/6 font-medium text-gray-900"><%= t(".label.email_address") %></label>
-              <div class="mt-2">
-                <%= form.email_field :email_address, autofocus: true, placeholder: t(".placeholder.email_address"), value: params[:email_address], 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>
-            </div>
-
-            <div class="mt-2">
-              <label for="password" class="block text-sm/6 font-medium text-gray-900"><%= t(".label.password") %></label>
-              <div class="mt-2">
-                <%= form.password_field :password, placeholder: t(".placeholder.password"), 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>
-            </div>
-
-            <div class="mt-4">
-              <button type="submit" class="cursor-pointer flex w-full justify-center 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"><%= t(".action.sign_in") %></button>
-            </div>
+            <%= render(::Moduler::Form::EmailComponent.new(form, :email_address, label: t(".label.email_address"), placeholder: t(".placeholder.email_address"))) %>
+            <%= render(::Moduler::Form::PasswordComponent.new(form, :password, label: t(".label.password"), placeholder: t(".placeholder.password"))) %>
+            <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.sign_in"))) %>
           <% end %>
         </div>
       </div>

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

@@ -12,39 +12,12 @@
       <div class="mt-10">
         <div>
           <%= form_for @user, url: moduler.user_path, class: "space-y-6", data: { turbo: false } do |form| %>
-            <div class="mt-2">
-              <label for="email" class="block text-sm/6 font-medium text-gray-900"><%= t(".label.email_address") %></label>
-              <div class="mt-2">
-                <%= form.email_field :email_address, autofocus: true, placeholder: t(".placeholder.email_address"), 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 form.error?(:email_address) %>
-                <%= form.error(:email_address, class: "text-red-500 text-sm mt-1") %>
-              <% end %>
-            </div>
+            <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
 
-            <div class="mt-2">
-              <label for="password" class="block text-sm/6 font-medium text-gray-900"><%= t(".label.password") %></label>
-              <div class="mt-2">
-                <%= form.password_field :password, placeholder: t(".placeholder.password"), 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 form.error?(:password) %>
-                <%= form.error(:password, class: "text-red-500 text-sm mt-1") %>
-              <% end %>
-            </div>
-
-            <div class="mt-2">
-              <label for="password_confirmation" class="block text-sm/6 font-medium text-gray-900"><%= t(".label.password_confirmation") %></label>
-              <div class="mt-2">
-                <%= form.password_field :password_confirmation, placeholder: t(".placeholder.password_confirmation"), 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 form.error?(:password_confirmation) %>
-                <%= form.error(:password_confirmation, class: "text-red-500 text-sm mt-1") %>
-              <% end %>
-            </div>
-
-            <div class="mt-4">
-              <button type="submit" class="cursor-pointer flex w-full justify-center 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"><%= t(".action.sign_up") %></button>
-            </div>
+            <%= render(::Moduler::Form::EmailComponent.new(form, :email_address, label: t(".label.email_address"), placeholder: t(".placeholder.email_address"))) %>
+            <%= render(::Moduler::Form::PasswordComponent.new(form, :password, label: t(".label.password"), placeholder: t(".placeholder.password"), description: t(".description.password"))) %>
+            <%= render(::Moduler::Form::PasswordComponent.new(form, :password_confirmation, placeholder: t(".placeholder.password_confirmation"))) %>
+            <%= render(::Moduler::Form::SubmitComponent.new(form, text: t(".action.sign_up"))) %>
           <% end %>
         </div>
       </div>

data/config/importmap.rb

@@ -1,4 +1,7 @@
 pin "moduler/application"
+pin "@hotwired/turbo-rails", to: "turbo.min.js"
 pin "@hotwired/stimulus", to: "stimulus.min.js"
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
 pin_all_from File.expand_path("../app/assets/javascripts/moduler/controllers", __dir__), under: "moduler/controllers"
+pin "marked", to: "moduler/vendor/marked.esm.js"
+pin "@rails/activestorage", to: "activestorage.esm.js"

data/config/locales/moduler/administration/articles/en.yml

@@ -0,0 +1,37 @@
+en:
+  moduler:
+    administration:
+      articles:
+        index:
+          title: Articles
+          description: Posts published on your own public site
+          empty: No articles found
+          action:
+            new: Create
+        article:
+          created: Created %{time} ago
+          action:
+            edit: Edit
+            destroy: Destroy
+          confirmation:
+            destroy: Are you sure?
+        create:
+          notice: Article has been created
+        update:
+          notice: Article has been updated
+        destroy:
+          notice: Article has been deleted
+        form:
+          title: Article
+          label:
+            title: Title
+            path: Path
+            description: Description
+            keywords: Keywords
+            content: Content
+          description:
+            path: The article's URL -- letters, numbers, and hyphens only.
+            description: Shown in search results and social previews.
+            keywords: Comma-separated, for search results and social previews.
+          action:
+            save: Save

data/config/locales/moduler/administration/sessions/en.yml

@@ -0,0 +1,24 @@
+en:
+  moduler:
+    administration:
+      sessions:
+        index:
+          title: Sessions
+          description: Sessions of all users. Search sessions by email address, IP address or device and revoke any of them.
+          empty: No sessions found.
+        destroy:
+          notice: Session has been revoked
+        session:
+          action:
+            destroy: Revoke
+          status:
+            active: Active
+            signed_out: Signed out
+            current: This device
+          signed_in: Signed in %{time} ago
+          signed_out: Signed out %{time} ago
+          unknown_ip: Unknown IP address
+          unknown_device: Unknown device
+          confirmation:
+            destroy: The user will be signed out of this session. Are you sure?
+            destroy_current: You will be signed out of this device. Are you sure?

data/config/locales/moduler/administration/users/en.yml

@@ -0,0 +1,43 @@
+en:
+  moduler:
+    administration:
+      users:
+        roles:
+          member: Member
+          administrator: Administrator
+        index:
+          title: Users
+          description: Manage user accounts and their roles. Search users by email address.
+          empty: No users found.
+          action:
+            new: Create
+        new:
+          title: New user
+          label:
+            email_address: Email address
+            role: Role
+            password: Password
+          description:
+            password: Use at least 8 characters.
+          section:
+            data: User data
+            password: Password
+          action:
+            create: Create
+        create:
+          notice: User has been created
+        edit:
+          title: Edit user
+          label:
+            email_address: Email address
+            role: Role
+          section:
+            data: User data
+          action:
+            save: Save
+        update:
+          notice: User has been updated
+        user:
+          action:
+            edit: Edit
+          created: Created %{time} ago

data/config/locales/moduler/articles/en.yml

@@ -0,0 +1,13 @@
+en:
+  moduler:
+    articles:
+      index:
+        title: Articles
+        description: Read the latest articles.
+        empty: No articles have been published yet.
+      article:
+        action:
+          show: Read more
+      show:
+        action:
+          index: "← All articles"

data/config/locales/moduler/common/en.yml

@@ -1,8 +1,20 @@
 en:
   moduler:
     common:
+      administration:
+        sidebar:
+          action:
+            users: Users
+            sessions: Sessions
+            articles: Articles
+      profile:
+        sidebar:
+          action:
+            profile: Profile
+            sessions: Sessions
       header:
         nav:
+          administration: Administration
           home: Home
         action:
           sign_out: Sign out

data/config/locales/moduler/components/en.yml

@@ -0,0 +1,27 @@
+en:
+  moduler:
+    components:
+      filter:
+        placeholder:
+          query: Search...
+        action:
+          filter: Filter
+          clear: Clear
+      list:
+        empty: No results found.
+      form:
+        wysiwyg:
+          action:
+            bold: B
+            italic: I
+            h1: H1
+            h2: H2
+            h3: H3
+            quote: Quote
+            code: Code
+            ul: List
+            ol: 1. List
+            fenced_code: "</>"
+            link: Link
+            image: Image
+            upload: Upload

data/config/locales/moduler/en.yml

@@ -0,0 +1,4 @@
+en:
+  moduler:
+    flash:
+      not_authorized: You are not authorized to perform this action.

data/config/locales/moduler/profile/en.yml

@@ -0,0 +1,26 @@
+en:
+  moduler:
+    profile:
+      edit:
+        title: Profile
+        label:
+          email_address: Email address
+          password: New password
+          password_confirmation: Confirm new password
+          password_challenge: Current password
+        description:
+          password_confirmation: Leave blank to keep your current password. Changing it signs out your other active sessions.
+          password_challenge: Required to save changes to password.
+        action:
+          save: Save
+        section:
+          data: Your data
+          password: Change password
+          current_password: Confirm changes
+        sidebar:
+          profile: Profile
+          notifications: Notifications
+          security: Security
+          billing: Billing
+      update:
+        notice: Your profile has been updated

data/config/locales/moduler/profile/sessions/en.yml

@@ -0,0 +1,25 @@
+en:
+  moduler:
+    profile:
+      sessions:
+        index:
+          title: Sessions
+          description: Devices where you are signed in to your account. Revoke any session you don't recognize.
+          action:
+            revoke_all: Revoke all
+          confirmation:
+            revoke: You will be signed out of all sessions, including this one. Are you sure?
+        session:
+          action:
+            destroy: Revoke
+          status:
+            active: Active
+            signed_out: Signed out
+            current: This device
+          signed_in: Signed in %{time} ago
+          signed_out: Signed out %{time} ago
+          unknown_ip: Unknown IP address
+          unknown_device: Unknown device
+          confirmation:
+            destroy: Are you sure?
+            destroy_current: You will be signed out of this device. Are you sure?

data/config/locales/moduler/sessions/en.yml

@@ -15,3 +15,4 @@ en:
           password: Enter your password
       create:
         invalid_credentials: Invalid credentials
+        rate_limited: Too many sign-in attempts. Please try again in a few minutes.

data/config/locales/moduler/users/en.yml

@@ -7,9 +7,15 @@ en:
         action:
           sign_in: "Sign in"
           sign_up: "Sign up"
+        label:
+          email_address: "Email address"
+          password: "Password"
         placeholder:
           email_address: "Email address"
           password: "Password"
-          password_confirmation: "Password confirmation"
+          password_confirmation: "Confirm password"
+        description:
+          password: "Use at least 8 characters containing at least 1 number and 1 lowercase letter"
       create:
         success: "User created successfully."
+        rate_limited: "Too many sign-up attempts. Please try again in a few minutes."

data/config/routes.rb

@@ -1,8 +1,25 @@
 Moduler::Engine.routes.draw do
+  resources :articles, only: %i[ index show ], param: :path
+
   resource :session, only: %i[new create destroy]
   resource :user, only: %i[new create]
 
-  get "/hello", to: "hello#index"
+  resource :profile, only: %i[ edit update ], controller: :profile
+  namespace :profile do
+    namespace :sessions do
+      resource :revocation, only: :destroy, controller: :revocation
+    end
+    resources :sessions, only: %i[ index destroy ]
+  end
+
+  namespace :administration do
+    resources :users, only: %i[ index new create edit update ]
+    resources :sessions, only: %i[ index destroy ]
+
+    resources :articles
+
+    root "home#index"
+  end
 
   root "home#index"
 end

data/db/migrate/20261015171504_add_role_to_moduler_users.rb

@@ -0,0 +1,5 @@
+class AddRoleToModulerUsers < ActiveRecord::Migration[8.1]
+  def change
+    add_column :moduler_users, :role, :integer, default: 0
+  end
+end

data/db/migrate/20261020191709_enable_pg_trgm.rb

@@ -0,0 +1,5 @@
+class EnablePgTrgm < ActiveRecord::Migration[8.1]
+  def change
+    enable_extension "pg_trgm"
+  end
+end

data/db/migrate/20261026203827_create_moduler_articles.rb

@@ -0,0 +1,15 @@
+class CreateModulerArticles < ActiveRecord::Migration[8.1]
+  def change
+    create_table :moduler_articles do |t|
+      t.string :path, null: false
+      t.string :title, null: false
+      t.string :description, null: false
+      t.string :keywords, null: false
+      t.text :content, null: false
+
+      t.timestamps null: false
+    end
+
+    add_index :moduler_articles, :path, unique: true
+  end
+end

data/lib/moduler/engine.rb

@@ -1,6 +1,8 @@
 require "importmap-rails"
 require "stimulus-rails"
+require "turbo-rails"
 require "tailwindcss-rails"
+require "kaminari"
 
 module Moduler
   class Engine < ::Rails::Engine

data/lib/moduler/version.rb

@@ -1,3 +1,3 @@
 module Moduler
-  VERSION = "0.2.0"
+  VERSION = "0.4.0"
 end

data/lib/moduler.rb

@@ -1,3 +1,10 @@
+require "view_component"
+require "pg_search"
+require "pundit"
+require "active_storage/engine"
+require "active_storage_validations"
+require "redcarpet"
+
 require "moduler/version"
 require "moduler/engine"
 require "moduler/configuration"

data/lib/tasks/moduler_tasks.rake

@@ -12,8 +12,7 @@ namespace :moduler do
       command = [
         Tailwindcss::Ruby.executable,
         "--input", input_path,
-        "--output", output_path,
-        "--minify"
+        "--output", output_path
       ]
 
       Dir.chdir(Moduler::Engine.root) do
@@ -32,8 +31,7 @@ namespace :moduler do
         Tailwindcss::Ruby.executable,
         "--input", input_path,
         "--output", output_path,
-        "--watch",
-        "--minify"
+        "--watch"
       ]
 
       Dir.chdir(Moduler::Engine.root) do