moduler 0.1.0 → 0.3.0

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/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>

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/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

@@ -0,0 +1,31 @@
+<div class="flex min-h-full">
+  <div class="flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24">
+    <div class="mx-auto w-full max-w-sm lg:w-96">
+      <div>
+        <h2 class="mt-8 text-2xl/9 font-bold tracking-tight text-gray-900"><%= t(".title") %></h2>
+        <p class="mt-2 text-sm/6 text-gray-500">
+          <%= t(".subtitle") %>
+          <%= link_to t(".action.sign_up"), moduler.new_user_path, class: "font-semibold text-custom hover:text-custom" %>
+        </p>
+      </div>
+
+      <div class="mt-10">
+        <% flash.each do |type, message| %>
+          <div class="my-2 text-sm text-green-600">
+            <%= message %>
+          </div>
+        <% end %>
+
+        <div>
+          <%= form_for @user, url: moduler.session_path, class: "space-y-6", data: { turbo: false } do |form| %>
+            <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+            <%= 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>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,26 @@
+<div class="flex min-h-full">
+  <div class="flex flex-1 flex-col justify-center px-4 py-12 sm:px-6 lg:flex-none lg:px-20 xl:px-24">
+    <div class="mx-auto w-full max-w-sm lg:w-96">
+      <div>
+        <h2 class="mt-8 text-2xl/9 font-bold tracking-tight text-gray-900"><%= t(".title") %></h2>
+        <p class="mt-2 text-sm/6 text-gray-500">
+          <%= t(".subtitle") %>
+          <%= link_to t(".action.sign_in"), moduler.new_session_path, class: "font-semibold text-custom hover:text-custom" %>
+        </p>
+      </div>
+
+      <div class="mt-10">
+        <div>
+          <%= form_for @user, url: moduler.user_path, class: "space-y-6", data: { turbo: false } do |form| %>
+            <%= render(::Moduler::Form::BaseErrorComponent.new(form)) %>
+
+            <%= 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>
+    </div>
+  </div>
+</div>

data/config/importmap.rb

@@ -0,0 +1,5 @@
+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"

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/common/en.yml

@@ -0,0 +1,13 @@
+en:
+  moduler:
+    common:
+      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,11 @@
+en:
+  moduler:
+    components:
+      filter:
+        placeholder:
+          query: Search...
+        action:
+          filter: Filter
+          clear: Clear
+      list:
+        empty: No results found.

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

@@ -0,0 +1,18 @@
+en:
+  moduler:
+    sessions:
+      new:
+        title: Sign in to your account
+        subtitle: Enter your email and password to sign in.
+        action:
+          sign_in: Sign in
+          sign_up: Sign up
+        label:
+          email_address: Email address
+          password: Password
+        placeholder:
+          email_address: Enter your email address
+          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

@@ -0,0 +1,21 @@
+en:
+  moduler:
+    users:
+      new:
+        title: "Create an account"
+        subtitle: "Already have an account?"
+        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: "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,2 +1,21 @@
 Moduler::Engine.routes.draw do
+  resource :session, only: %i[new create destroy]
+  resource :user, only: %i[new create]
+
+  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 ]
+
+    root "home#index"
+  end
+
+  root "home#index"
 end

data/db/migrate/20260322152259_create_moduler_users.rb

@@ -0,0 +1,12 @@
+class CreateModulerUsers < ActiveRecord::Migration[8.1]
+  def change
+    create_table :moduler_users, id: :uuid do |t|
+      t.string :email_address, null: false
+      t.string :password_digest
+
+      t.timestamps null: false
+    end
+
+    add_index :moduler_users, :email_address, unique: true
+  end
+end

data/db/migrate/20260322153744_create_moduler_sessions.rb

@@ -0,0 +1,13 @@
+class CreateModulerSessions < ActiveRecord::Migration[8.1]
+  def change
+    create_table :moduler_sessions, id: :uuid do |t|
+      t.references :moduler_user, null: false, foreign_key: true, type: :uuid
+      t.string :ip_address
+      t.string :user_agent
+      t.datetime :signed_in_at
+      t.datetime :signed_out_at
+
+      t.timestamps null: false
+    end
+  end
+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/lib/moduler/configuration.rb

@@ -0,0 +1,12 @@
+module Moduler
+  class Configuration
+    extend Forwardable
+
+    def_delegator :@configuration, :[]
+    def_delegator :@configuration, :dig
+
+    def initialize
+      @configuration = Rails.application.config_for(:moduler)
+    end
+  end
+end

data/lib/moduler/engine.rb

@@ -1,5 +1,25 @@
+require "importmap-rails"
+require "stimulus-rails"
+require "turbo-rails"
+require "tailwindcss-rails"
+require "kaminari"
+
 module Moduler
   class Engine < ::Rails::Engine
     isolate_namespace Moduler
+
+    initializer "moduler.importmap", before: "importmap" do |app|
+      app.config.importmap.paths += [ Engine.root.join("config/importmap.rb") ]
+    end
+
+    initializer "moduler.assets" do |app|
+      app.config.assets.precompile += %w[moduler/manifest.js]
+    end
+
+    initializer "moduler.routes" do
+      Engine.routes.append do
+        instance_exec(&Moduler.router.routes) if Moduler.router&.routes
+      end
+    end
   end
 end

data/lib/moduler/router.rb

@@ -0,0 +1,10 @@
+module Moduler
+  class Router
+    def initialize(path, routes)
+      @path = path
+      @routes = routes
+    end
+
+    attr_reader :path, :routes
+  end
+end

data/lib/moduler/routing.rb

@@ -0,0 +1,11 @@
+module Moduler
+  mattr_accessor :router
+
+  module Routing
+    def moduler(path, &block)
+      Moduler.router = Router.new(path, block)
+
+      mount Moduler::Engine => path, as: :moduler
+    end
+  end
+end

data/lib/moduler/version.rb

@@ -1,3 +1,3 @@
 module Moduler
-  VERSION = "0.1.0"
+  VERSION = "0.3.0"
 end

data/lib/moduler.rb

@@ -1,6 +1,17 @@
+require "view_component"
+require "pg_search"
+require "pundit"
+
 require "moduler/version"
 require "moduler/engine"
+require "moduler/configuration"
+require "moduler/router"
+require "moduler/routing"
 
 module Moduler
-  # Your code goes here...
+  def self.configuration
+    @configuration ||= Configuration.new
+  end
 end
+
+ActionDispatch::Routing::Mapper.include Moduler::Routing

data/lib/tasks/moduler_tasks.rake

@@ -1,4 +1,42 @@
-# desc "Explaining what the task does"
-# task :moduler do
-#   # Task goes here
-# end
+require "tailwindcss-rails"
+
+namespace :moduler do
+  namespace :tailwindcss do
+    desc "Build Tailwind CSS for Moduler Engine"
+    task :build do
+      input_path = "app/assets/stylesheets/moduler/tailwind.css"
+      output_path = "app/assets/builds/moduler/tailwind.css"
+
+      FileUtils.mkdir_p(Moduler::Engine.root.join("app/assets/builds/moduler"))
+
+      command = [
+        Tailwindcss::Ruby.executable,
+        "--input", input_path,
+        "--output", output_path
+      ]
+
+      Dir.chdir(Moduler::Engine.root) do
+        system(*command, exception: true)
+      end
+    end
+
+    desc "Watch and build Tailwind CSS for Moduler Engine"
+    task :watch do
+      input_path = "app/assets/stylesheets/moduler/tailwind.css"
+      output_path = "app/assets/builds/moduler/tailwind.css"
+
+      FileUtils.mkdir_p(Moduler::Engine.root.join("app/assets/builds/moduler"))
+
+      command = [
+        Tailwindcss::Ruby.executable,
+        "--input", input_path,
+        "--output", output_path,
+        "--watch"
+      ]
+
+      Dir.chdir(Moduler::Engine.root) do
+        system(*command, exception: true)
+      end
+    end
+  end
+end