RubyGems - masks - Versions diffs - 0.2.0 - Mend

masks 0.2.0

Files changed (126) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +50 -0
data/Rakefile +11 -0
data/app/assets/builds/application.css +4764 -0
data/app/assets/builds/application.js +8236 -0
data/app/assets/builds/application.js.map +7 -0
data/app/assets/builds/masks/application.css +1 -0
data/app/assets/builds/masks/application.js +7122 -0
data/app/assets/builds/masks/application.js.map +7 -0
data/app/assets/images/masks.png +0 -0
data/app/assets/javascripts/application.js +2 -0
data/app/assets/javascripts/controllers/application.js +9 -0
data/app/assets/javascripts/controllers/emails_controller.js +28 -0
data/app/assets/javascripts/controllers/index.js +12 -0
data/app/assets/javascripts/controllers/keys_controller.js +20 -0
data/app/assets/javascripts/controllers/recover_controller.js +21 -0
data/app/assets/javascripts/controllers/recover_password_controller.js +21 -0
data/app/assets/javascripts/controllers/session_controller.js +94 -0
data/app/assets/manifest.js +2 -0
data/app/assets/masks_manifest.js +2 -0
data/app/assets/stylesheets/application.css +26 -0
data/app/controllers/concerns/masks/controller.rb +114 -0
data/app/controllers/masks/actors_controller.rb +15 -0
data/app/controllers/masks/application_controller.rb +35 -0
data/app/controllers/masks/backup_codes_controller.rb +34 -0
data/app/controllers/masks/debug_controller.rb +9 -0
data/app/controllers/masks/devices_controller.rb +20 -0
data/app/controllers/masks/emails_controller.rb +60 -0
data/app/controllers/masks/error_controller.rb +14 -0
data/app/controllers/masks/keys_controller.rb +45 -0
data/app/controllers/masks/manage/actor_controller.rb +35 -0
data/app/controllers/masks/manage/actors_controller.rb +12 -0
data/app/controllers/masks/manage/base_controller.rb +12 -0
data/app/controllers/masks/one_time_code_controller.rb +49 -0
data/app/controllers/masks/passwords_controller.rb +33 -0
data/app/controllers/masks/recoveries_controller.rb +43 -0
data/app/controllers/masks/sessions_controller.rb +53 -0
data/app/helpers/masks/application_helper.rb +49 -0
data/app/jobs/masks/application_job.rb +7 -0
data/app/jobs/masks/expire_actors_job.rb +15 -0
data/app/jobs/masks/expire_recoveries_job.rb +15 -0
data/app/mailers/masks/actor_mailer.rb +22 -0
data/app/mailers/masks/application_mailer.rb +15 -0
data/app/models/concerns/masks/access.rb +162 -0
data/app/models/concerns/masks/actor.rb +132 -0
data/app/models/concerns/masks/adapter.rb +68 -0
data/app/models/concerns/masks/role.rb +9 -0
data/app/models/concerns/masks/scoped.rb +54 -0
data/app/models/masks/access/actor_password.rb +20 -0
data/app/models/masks/access/actor_scopes.rb +18 -0
data/app/models/masks/access/actor_signup.rb +22 -0
data/app/models/masks/actors/anonymous.rb +40 -0
data/app/models/masks/actors/system.rb +24 -0
data/app/models/masks/adapters/active_record.rb +85 -0
data/app/models/masks/application_model.rb +15 -0
data/app/models/masks/application_record.rb +8 -0
data/app/models/masks/check.rb +192 -0
data/app/models/masks/credential.rb +166 -0
data/app/models/masks/credentials/backup_code.rb +30 -0
data/app/models/masks/credentials/device.rb +59 -0
data/app/models/masks/credentials/email.rb +48 -0
data/app/models/masks/credentials/factor2.rb +71 -0
data/app/models/masks/credentials/key.rb +38 -0
data/app/models/masks/credentials/last_login.rb +12 -0
data/app/models/masks/credentials/masquerade.rb +32 -0
data/app/models/masks/credentials/nickname.rb +63 -0
data/app/models/masks/credentials/one_time_code.rb +34 -0
data/app/models/masks/credentials/password.rb +28 -0
data/app/models/masks/credentials/recovery.rb +71 -0
data/app/models/masks/credentials/session.rb +67 -0
data/app/models/masks/device.rb +30 -0
data/app/models/masks/error.rb +51 -0
data/app/models/masks/event.rb +14 -0
data/app/models/masks/mask.rb +255 -0
data/app/models/masks/rails/actor.rb +190 -0
data/app/models/masks/rails/actor_role.rb +12 -0
data/app/models/masks/rails/device.rb +47 -0
data/app/models/masks/rails/email.rb +96 -0
data/app/models/masks/rails/key.rb +61 -0
data/app/models/masks/rails/recovery.rb +116 -0
data/app/models/masks/rails/role.rb +20 -0
data/app/models/masks/rails/scope.rb +15 -0
data/app/models/masks/session.rb +447 -0
data/app/models/masks/sessions/access.rb +26 -0
data/app/models/masks/sessions/inline.rb +16 -0
data/app/models/masks/sessions/request.rb +42 -0
data/app/resources/masks/actor_resource.rb +9 -0
data/app/resources/masks/session_resource.rb +15 -0
data/app/views/layouts/masks/application.html.erb +17 -0
data/app/views/layouts/masks/mailer.html.erb +17 -0
data/app/views/layouts/masks/mailer.text.erb +1 -0
data/app/views/layouts/masks/manage.html.erb +25 -0
data/app/views/masks/actor_mailer/recover_credentials.html.erb +33 -0
data/app/views/masks/actor_mailer/recover_credentials.text.erb +1 -0
data/app/views/masks/actor_mailer/verify_email.html.erb +34 -0
data/app/views/masks/actor_mailer/verify_email.text.erb +8 -0
data/app/views/masks/actors/current.html.erb +152 -0
data/app/views/masks/application/_header.html.erb +31 -0
data/app/views/masks/backup_codes/new.html.erb +103 -0
data/app/views/masks/emails/new.html.erb +103 -0
data/app/views/masks/emails/verify.html.erb +51 -0
data/app/views/masks/keys/new.html.erb +127 -0
data/app/views/masks/manage/actor/show.html.erb +126 -0
data/app/views/masks/manage/actors/index.html.erb +40 -0
data/app/views/masks/one_time_code/new.html.erb +150 -0
data/app/views/masks/passwords/edit.html.erb +58 -0
data/app/views/masks/recoveries/new.html.erb +71 -0
data/app/views/masks/recoveries/password.html.erb +64 -0
data/app/views/masks/sessions/new.html.erb +153 -0
data/config/brakeman.ignore +28 -0
data/config/locales/en.yml +286 -0
data/config/routes.rb +46 -0
data/db/migrate/20231205173845_create_actors.rb +94 -0
data/lib/generators/masks/install/USAGE +8 -0
data/lib/generators/masks/install/install_generator.rb +33 -0
data/lib/generators/masks/install/templates/initializer.rb +5 -0
data/lib/generators/masks/install/templates/masks.json +6 -0
data/lib/masks/configuration.rb +236 -0
data/lib/masks/engine.rb +25 -0
data/lib/masks/middleware.rb +70 -0
data/lib/masks/version.rb +5 -0
data/lib/masks.rb +183 -0
data/lib/tasks/masks_tasks.rake +71 -0
data/masks.json +274 -0
metadata +416 -0

data/app/views/layouts/masks/application.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="h-full bg-base-100" data-theme="<%= Masks.configuration.theme %>">
+  <head>
+    <title><%= t(".meta.title") %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "masks/application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "masks/application", "data-turbo-track": "reload", defer: true %>
+  </head>
+  <body class="h-screen flex px-2">
+    <div class="m-auto w-full max-w-screen-sm p-6 md:p-10 md:pt-8 pt-4 bg-base-300 rounded-2xl shadow">
+      <%= render "header" %>
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/layouts/masks/mailer.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html class="bg-base-300" data-theme="dark">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* TODO: mail styles need to be inlined (or integrate maizzle) */
+    </style>
+  </head>
+  <body>
+    <div class="px-6 pt-4">
+      <div class="-ml-2 mb-2">
+        <%= render "masks/application/header" %>
+      </div>
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/layouts/masks/mailer.text.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <%= yield %>

data/app/views/layouts/masks/manage.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="h-full bg-base-200" data-theme="luxury">
+  <head>
+    <title><%= t(".meta.title") %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= stylesheet_link_tag "masks/application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "masks/application", "data-turbo-track": "reload", defer: true %>
+  </head>
+  <body class="h-full">
+    <div class="navbar my-2 join box-border px-6">
+      <div class="flex items-center gap-1 bg-accent rounded px-2 py-1.5 join-item">
+        <%= image_tag "masks.png", class: 'w-5 h-5 rounded-full border-black border' %>
+      </div>
+      <div class="flex items-center bg-base-100 rounded px-2 py-1.5 join-item">
+        <a href="<%= actors_path %>" class="text-sm text-accent-content opacity-75 hover:opacity-100 hover:underline focus:underline font-mono">/manage</a>
+      </div>
+    </div>
+    <div class="w-full px-6 box-border">
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/app/views/masks/actor_mailer/recover_credentials.html.erb ADDED Viewed

@@ -0,0 +1,33 @@
+<div class="flex flex-col gap-4">
+  <div role="alert" class="flex gap-4 items-center">
+    <%= t(".subheading") %>
+  </div>
+  <div class="card bg-neutral">
+    <div class="p-5">
+      <div class="flex items-center gap-4">
+        <div class="flex-grow flex flex-col">
+          <span class="font-bold">
+            <%= @recovery.actor.nickname %>
+          </span>
+          <span class="text-xs">
+            <%= t(".nickname") %>
+          </span>
+        </div>
+        <a
+          role="button"
+          href="<%= recover_password_url(token: @recovery)%>"
+          class="btn"
+        >
+          <%= lucide_icon("rotate-cw", class: "stroke-warning") %>
+          <%= t(".recover") %>
+        </a>
+      </div>
+    </div>
+  </div>
+  <div>
+    <%= t(".call_to_action") %>
+  </div>
+  <div>
+    <%= t(".sign_off") %>
+  </div>
+</div>

data/app/views/masks/actor_mailer/recover_credentials.text.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ hi

data/app/views/masks/actor_mailer/verify_email.html.erb ADDED Viewed

@@ -0,0 +1,34 @@
+<div class="flex flex-col gap-4">
+  <div role="alert" class="flex gap-4 items-center">
+    <%= t(".subheading") %>
+  </div>
+  <div class="card bg-neutral">
+    <div class="p-5">
+      <div class="flex items-center gap-4">
+        <div class="flex-grow flex flex-col">
+          <span class="font-mono font-bold">
+            <%= @email.email %>
+          </span>
+          <span class="text-xs">
+            <%= t(".added") %>
+            <%= @email.created_at.strftime("on %B%e, %Y") %>
+          </span>
+        </div>
+        <a
+          role="button"
+          href="<%= email_verify_url(email: @email, approve: true)%>"
+          class="btn"
+        >
+          <%= lucide_icon("mail-check", class: "stroke-success") %>
+          <%= t(".verify") %>
+        </a>
+      </div>
+    </div>
+  </div>
+  <div>
+    <%= t(".call_to_action") %>
+  </div>
+  <div>
+    <%= t(".sign_off") %>
+  </div>
+</div>

data/app/views/masks/actor_mailer/verify_email.text.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= t('.subheading_plain') %>
+> <%= @email.email %>
+> <%= t('.added') %> <%= @email.created_at.strftime("on %B%e, %Y") %>
+<%= t('.verify_plain') %><%= email_verify_url(email: @email)%>
+<%= t('.call_to_action') %>
+<%= t('.sign_off') %>

data/app/views/masks/actors/current.html.erb ADDED Viewed

@@ -0,0 +1,152 @@
+<div class="space-y-3">
+  <div class="join join-vertical w-full">
+    <div class="join-item alert bg-neutral flex items-center rounded-box">
+      <%= lucide_icon("user") %>
+      <div class="flex items-center gap-4 text-left w-full">
+        <div class="flex flex-col flex-grow">
+          <span class="font-bold">
+            <%= @actor.nickname %>
+          </span>
+          <span class="text-xs">
+            <% if @actor.last_login_at %>
+            <%= t(".last_login") %>
+              <%= time_ago_in_words(@actor.last_login_at) %> <%= t('.ago') %>&hellip;
+              <% else %>
+            <%= t(".created") %>
+              <%= time_ago_in_words(@actor.created_at) %> <%= t('.ago') %>&hellip;
+              <% end %>
+          </span>
+        </div>
+        <ul class="menu menu-horizontal p-0">
+          <li>
+            <details>
+              <summary class="font-bold">manage</summary>
+              <ul>
+                <li>
+                  <%= form_with url: session_path, method: :delete do |form| %>
+                    <%= form.submit t(".logout") %>
+                  <% end %>
+                </li>
+              </ul>
+            </details>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <div class="join-item alert text-left flex items-center gap-4 <%= @actor.emails.any? ? 'bg-neutral' : 'bg-base-100' %>">
+      <%= lucide_icon("mail") %>
+      <span class="flex-grow">
+        <%= t(
+          ".emails",
+          count: @actor.email_addresses.length,
+          email: @actor.email_addresses[0],
+        ) %>
+      </span>
+      <a href="<%= emails_path %>" class="btn btn-sm btn-ghost hover:btn-info">
+        <%= t(@actor.emails.empty? ? ".add_email" : ".add_more_email") %>
+      </a>
+    </div>
+  </div>
+  <div class="divider text-xs">
+    <%= t(".credentials") %>
+  </div>
+  <div class="alert text-left bg-neutral flex items-center gap-4">
+    <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+    <span class="flex-grow">
+      <%= t(".password") %>
+    </span>
+    <a
+      href="<%=  password_path %>"
+      class="btn btn-sm btn-ghost hover:btn-secondary"
+    >
+      <%= t(".change") %>
+    </a>
+  </div>
+  <div class="alert text-left flex items-center gap-4 <%= @actor.totp_secret ? 'bg-neutral' : 'bg-base-100' %>">
+    <% if @actor.totp_secret %>
+      <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+    <% else %>
+      <%= lucide_icon("minus-circle") %>
+    <% end %>
+    <span class="flex-grow">
+      <%= t(".one_time_codes") %>
+    </span>
+    <a
+      href="<%= one_time_codes_path %>"
+      class="btn btn-sm btn-ghost hover:btn-secondary"
+    >
+      <%= @actor.totp_secret ? t(".manage") : t(".enable") %>
+    </a>
+  </div>
+  <% if @actor.factor2? %>
+    <div
+      class="alert text-left flex items-center gap-4 <%= @actor.saved_backup_codes? ? 'bg-neutral' : 'bg-base-100' %>"
+    >
+      <% if @actor.saved_backup_codes? %>
+        <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+      <% else %>
+        <%= lucide_icon("minus-circle") %>
+      <% end %>
+      <span class="flex-grow">
+        <%= t(".backup_codes") %>
+      </span>
+      <a
+        href="<%= backup_codes_path %>"
+        class="btn btn-sm btn-ghost hover:btn-secondary"
+      >
+        <%= @actor.saved_backup_codes? ? t(".manage") : t(".enable") %>
+      </a>
+    </div>
+  <% end %>
+    <div
+      class="alert text-left flex items-center gap-4 <%= @actor.keys.any? ? 'bg-neutral' : 'bg-base-100' %>"
+    >
+      <% if @actor.keys.any? %>
+        <%= lucide_icon("check-circle-2", class: "stroke-success") %>
+      <% else %>
+        <%= lucide_icon("minus-circle") %>
+      <% end %>
+      <span class="flex-grow">
+        <%= t(".keys") %>
+      </span>
+      <a
+        href="<%= keys_path %>"
+        class="btn btn-sm btn-ghost hover:btn-secondary"
+      >
+        <%= @actor.keys.any? ? t(".add_more_key") : t(".add_key") %>
+      </a>
+    </div>
+  <div class="divider text-xs"><%= t('.devices') %></div>
+  <% @actor.devices.each do |device| %>
+    <div class="flex items-center gap-4">
+      <%= lucide_icon(device_icon(device)) %>
+      <span class="flex-grow flex flex-col">
+        <span class="">
+          <%= device.name %> @ <span class="font-mono"><%= device.ip_address %></span>
+        </span>
+        <span class="text-xs">
+          <%= t('.last_accessed') %> <%= time_ago_in_words(device.accessed_at) %> <%= t('.ago') %>
+        </span>
+      </span>
+      <%= form_with url: device_path(key: device.key), method: :update do |form| %>
+        <%= form.submit t(".logout"), name: 'reset', class: 'btn btn-xs hover:btn-error focus:btn-error' %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/masks/application/_header.html.erb ADDED Viewed

@@ -0,0 +1,31 @@
+<div class="navbar gap-2 px-1">
+  <div class="flex-1">
+    <% if @config.site_url %>
+      <a
+        href="<%=@config.site_url%>"
+        class="text-xl flex items-center gap-3 hover:underline"
+      >
+        <% if @config.site_logo %>
+          <div class="w-7 h-7 overflow-hidden">
+            <img src="<%=@config.site_logo%>"/>
+          </div>
+        <% else %>
+          <%= lucide_icon("lock") %>
+        <% end %>
+        <span class="font-bold">
+          <%= @config.site_name %>
+        </span>
+      </a>
+    <% else %>
+      <span class="text-2xl"><%= @config.site_name %></span>
+    <% end %>
+  </div>
+  <% if logged_in? %>
+    <span class="whitespace-nowrap text-sm italic">
+      <%= t(".logged_in") %>
+      <a href="<%= current_path %>" class="not-italic underline pl-1">
+        <%= @session.actor.nickname %>
+      </a>
+    </span>
+  <% end %>
+</div>

data/app/views/masks/backup_codes/new.html.erb ADDED Viewed

@@ -0,0 +1,103 @@
+<div>
+  <div class="flex items-center gap-4 mb-2">
+    <div class="flex flex-col">
+      <h3 class="font-bold">
+        <%= t(".heading") %>
+      </h3>
+      <span class="text-xs">
+        <%= t(".tfa") %>
+        —
+        <span class="italic">
+          <%= @actor.saved_backup_codes? ? t(".enabled") : t(".disabled") %>
+        </span>
+      </span>
+    </div>
+  </div>
+  <% if !@actor.backup_codes %>
+    <div class="card bg-neutral p-4 mt-4 mb-3 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= lucide_icon("alert-triangle", class: "stroke-warning") %>
+        <span class="text-sm font-normal">
+          <%= t(".empty_detail") %>
+        </span>
+      </span>
+    </div>
+  <% elsif @actor.should_save_backup_codes? %>
+    <div class="divider mt-2 mb-0.5"></div>
+    <div class="flex gap-3 mb-4">
+      <span class="">
+        <%= t(".save_codes") %>
+      </span>
+    </div>
+    <div class="grid grid-cols-3 bg-base-100 p-4 my-3 mb-0 rounded-md shadow-inner">
+      <% @actor.backup_codes.each do |code, enabled| %>
+        <% if enabled %>
+          <span class="font-mono text-sm">
+            <%= code %>
+          </span>
+        <% end %>
+      <% end %>
+    </div>
+    <%= form_with url: backup_codes_path, method: :post, class: 'w-full'  do |form| %>
+      <div class="divider my-2"></div>
+      <div class="flex items-center mb-2 gap-4">
+        <%= lucide_icon("shield-check") %>
+        <div class="flex items-center gap-4">
+          <input
+            type="password"
+            name="session[password]"
+            placeholder="<%= t('.placeholder.password') %>"
+            class="input w-full"
+          />
+          <%= form.submit t(".enable"),
+                      name: "backup_codes[enable]",
+                      class: "btn btn-secondary",
+                      data: {
+                        one_time_code_target: "submit",
+                      } %>
+        </div>
+      </div>
+    <% end %>
+  <% else %>
+    <div class="alert bg-neutral my-4">
+      <%= lucide_icon("download", class: "stroke-success") %>
+      <span>
+        saved
+        <%= time_ago_in_words @actor.saved_backup_codes_at %>
+        ago...
+      </span>
+    </div>
+    <div class="join join-vertical">
+      <div class="join-item bg-base-100 flex gap-3 alert">
+        <span class="text-sm">
+          <%= t(".reset_codes") %>
+        </span>
+      </div>
+      <%= form_with url: backup_codes_path, method: :post, class: 'w-full'  do |form| %>
+        <div class="alert join-item flex items-center gap-4">
+          <%= lucide_icon("shield-check") %>
+          <div class="flex items-center gap-4">
+            <input
+              type="password"
+              name="session[password]"
+              placeholder="<%= t('.placeholder.password') %>"
+              class="input input-sm w-full"
+            />
+            <%= form.submit t(".delete"),
+                        name: "backup_codes[reset]",
+                        class: "btn btn-sm btn-outline hover:btn-error",
+                        data: {
+                          one_time_code_target: "submit",
+                        } %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/masks/emails/new.html.erb ADDED Viewed

@@ -0,0 +1,103 @@
+<div data-controller="emails" class="-mt-2">
+  <% if !@emails.any? %>
+    <div class="card bg-neutral p-4 mt-4 mb-3 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= lucide_icon("mail-question", class: "stroke-warning") %>
+        <%= t(".no_emails", count: @emails.length) %>
+      </span>
+      <div class="text-sm">
+        <%= t(".no_emails_detail") %>
+      </div>
+    </div>
+  <% else %>
+    <div class="mt-4 flex flex-col gap-2">
+      <span class="font-bold flex items-center gap-4">
+        <%= t(".heading_new", count: @emails.length) %>
+      </span>
+    </div>
+  <% end %>
+  <% if @emails.any? %>
+    <div class="flex flex-col gap-1">
+      <% @emails.each do |email| %>
+        <div class="divider my-1"></div>
+        <div class="flex items-center gap-4">
+          <%= lucide_icon(
+            email.verified? ? "mail-check" : "mail-question",
+            class: email.verified? ? "stroke-success" : "",
+          ) %>
+          <span class="flex-grow flex flex-col">
+            <span class="flex-grow font-mono">
+              <%= email.email %>
+            </span>
+            <span class="text-xs mb-1 flex items-center gap-1">
+              <% if email.verified? %>
+                <%= t(".email_verified", ago: time_ago_in_words(email.verified_at)) %>
+              <% elsif email.taken? %>
+                <%= t(".email_taken") %>
+              <% elsif email.expired? %>
+                <%= t(".expired_verification") %>
+                <%= form_with url: emails_path, method: :patch do |form| %>
+                  <input type="hidden" name="email[value]" value="<%= email.email %>"/>
+                  <button type="submit" class="underline">
+                    <%= t(".resend") %>
+                  </button>
+                <% end %>
+              <% else %>
+                <%= t(".pending_verification") %>
+              <% end %>
+            </span>
+          </span>
+          <%= form_with url: emails_path, method: :delete, class: 'flex items-center gap-4' do |form| %>
+            <input type="hidden" name="email[value]" value="<%= email.email %>"/>
+            <button type="submit">
+              <%= lucide_icon("x", class: "stroke-error") %>
+            </button>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+  <div class='divider my-2 text-xs'><%= t(".add") %></div>
+  <% if flash[:errors]&.any? %>
+    <div role="alert" class="alert mb-2">
+      <div class="flex items-center gap-4">
+        <%= lucide_icon("mail-x", class: "stroke-error") %>
+        <span><%= flash[:errors][0] %></span>
+      </div>
+    </div>
+  <% end %>
+  <div class=" <%= @emails.empty? ? 'mt-2' : '' %>">
+    <%= form_with url: emails_path, method: :post, class: 'pt-2 flex flex-col gap-2', data: { emails_target: 'add' } do |form| %>
+      <label class="flex gap-4 items-center">
+        <%= lucide_icon("mail-plus") %>
+        <input
+          type="text"
+          data-emails-target="email"
+          data-action="emails#updateEmail"
+          placeholder="<%= t('.placeholder.email', count: @emails.length) %>"
+          name="email[value]"
+          class="input w-full"
+        />
+      </label>
+      <div class="flex items-center gap-2">
+        <label class="flex gap-4 items-center">
+          <%= lucide_icon("shield-check") %>
+          <input
+            type="password"
+            data-emails-target="password"
+            data-action="emails#updatePassword"
+            placeholder="<%= t('.placeholder.password') %>"
+            name="session[password]"
+            class="input w-full"
+          />
+        </label>
+        <%= form.submit t(".submit"),
+                    class: "btn btn-info",
+                    data: {
+                      emails_target: "submit",
+                    },
+                    disabled: true %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/masks/emails/verify.html.erb ADDED Viewed

@@ -0,0 +1,51 @@
+<div>
+  <% if !@email || @email.expired? %>
+    <div class="alert alert-error text-error-content mb-2" role="alert">
+      <%= lucide_icon("mail-x") %>
+      <div>
+        <h3>
+          <%= t(".verification_expired") %>
+        </h3>
+        <h3 class="flex items-center gap-4 text-xs">
+          <span>
+            <a class="underline" href="<%= emails_path %>"><%= t(".emails") %></a>
+            <%= t(".manage_expired") %>
+          </span>
+        </h3>
+      </div>
+    </div>
+  <% elsif @email %>
+    <div class="alert alert-success mb-2" role="alert">
+      <%= lucide_icon("mail-check") %>
+      <div>
+        <h3 class="mb-1"><span class="font-mono"><%= @email.email %></span>
+          <%= t(".verified") %>
+        </h3>
+        <h3 class="flex items-center gap-4 text-xs">
+          <span>
+            <a class="underline" href="<%= emails_path %>"><%= t(".emails") %></a>
+            <%= t(".manage") %>
+          </span>
+        </h3>
+      </div>
+    </div>
+    <div class="card bg-base-100">
+      <div class="card-body">
+        <div class="card-title">
+          <%= t(".card_title") %>
+        </div>
+        <div>
+          <p class="mb-4 text-sm flex items-center gap-3">
+            <%= t(".details") %>
+          </p>
+          <ul class="text-sm list-disc pl-4 space-y-2 mb-4">
+            <%= t(".list_html") %>
+          </ul>
+          <p class="text-sm">
+            <%= t(".privacy") %>
+          </p>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>