Add public profile deletion flow

Author: ciembor

app/public/css/application.css

@@ -30,6 +30,16 @@ a {
   color: inherit;
 }
 
+.visually-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 @media (prefers-reduced-motion: reduce) {
   html {
     scroll-behavior: auto;

app/public/css/pages/profiles.css

@@ -555,6 +555,100 @@
   background: #f4f7f4;
 }
 
+.profile-deleted {
+  color: var(--muted);
+  max-width: 680px;
+}
+
+.profile-deleted h2 {
+  color: var(--ink);
+}
+
+.profile-delete-section {
+  padding-top: 10px;
+}
+
+.profile-delete {
+  color: var(--muted);
+  font-size: 0.95rem;
+  text-align: center;
+}
+
+.profile-delete p {
+  margin-bottom: 0;
+}
+
+.profile-delete__link {
+  background: transparent;
+  border: 0;
+  color: var(--accent);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 800;
+  padding: 0;
+  text-decoration: underline;
+}
+
+.profile-delete__link:hover {
+  color: var(--accent-strong);
+}
+
+.profile-delete-modal {
+  align-items: center;
+  background: rgba(29, 37, 33, 0.48);
+  display: flex;
+  inset: 0;
+  justify-content: center;
+  padding: 20px;
+  position: fixed;
+  z-index: 50;
+}
+
+.profile-delete-modal[hidden] {
+  display: none;
+}
+
+.profile-delete-modal__panel {
+  background: #ffffff;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  box-shadow: 0 20px 60px rgba(29, 37, 33, 0.22);
+  color: var(--ink);
+  max-width: 420px;
+  padding: 24px;
+  text-align: center;
+  width: 100%;
+}
+
+.profile-delete-modal__actions {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  margin-top: 20px;
+}
+
+.profile-delete-modal__confirm,
+.profile-delete-modal__cancel {
+  border-radius: 8px;
+  cursor: pointer;
+  font: inherit;
+  font-weight: 900;
+  min-width: 96px;
+  padding: 10px 18px;
+}
+
+.profile-delete-modal__confirm {
+  background: #991b1b;
+  border: 1px solid #991b1b;
+  color: #ffffff;
+}
+
+.profile-delete-modal__cancel {
+  background: #ffffff;
+  border: 1px solid var(--line);
+  color: var(--ink);
+}
+
 @media (max-width: 780px) {
   .organization-repository-columns,
   .profile-access-grid,

app/public/js/navigation.js

@@ -200,7 +200,40 @@ function handleBadgeMarkdownCopy(event) {
   copyText(button.dataset.copyText || "").then(() => markCopyButton(button));
 }
 
+function profileDeleteModal(button) {
+  const target = button.dataset.target;
+  return target ? document.querySelector(target) : null;
+}
+
+function closeProfileDeleteModal(modal) {
+  modal.hidden = true;
+}
+
+function handleProfileDeleteModal(event) {
+  const openButton = event.target.closest(".js-profile-delete-open");
+  if (openButton) {
+    const modal = profileDeleteModal(openButton);
+    if (modal) {
+      event.preventDefault();
+      modal.hidden = false;
+      modal.querySelector(".js-profile-delete-cancel")?.focus();
+    }
+    return;
+  }
+
+  const cancelButton = event.target.closest(".js-profile-delete-cancel");
+  if (cancelButton) {
+    closeProfileDeleteModal(cancelButton.closest(".js-profile-delete-modal"));
+    return;
+  }
+
+  if (event.target.classList.contains("js-profile-delete-modal")) {
+    closeProfileDeleteModal(event.target);
+  }
+}
+
 document.addEventListener("click", handleBadgeMarkdownCopy);
+document.addEventListener("click", handleProfileDeleteModal);
 window.addEventListener("resize", scheduleNavLayout);
 
 window.addEventListener("DOMContentLoaded", () => {

app/views/profiles/subject_hero.erb

@@ -2,6 +2,7 @@
   <div class="content profile-hero__inner">
     <p class="eyebrow"><%= h platform_name(record.fetch(:platform)) %></p>
     <div class="profile-identity">
+      <% profile_deleted = record[:profile_deleted] == 1 %>
       <% avatar_url = safe_external_url(record[:avatar_url]) %>
       <% source_url = safe_external_url(record[:html_url]) %>
       <% homepage_url = safe_external_url(record[:homepage]) %>
@@ -13,20 +14,26 @@
       <div>
         <div class="profile-title-row">
           <h1><%= h(record[:name].to_s.empty? ? record.fetch(:login) : record[:name]) %></h1>
-          <%= erb :"shared/elite_medal", locals: { rank: record[:elite_rank], size: "large" } %>
-        </div>
-        <p class="profile-login">@<%= h record.fetch(:login) %></p>
-        <div class="profile-actions">
-          <% if source_url %>
-            <a class="profile-action" href="<%= h source_url %>"><%= h t("#{translation_scope}.links.source_profile", platform: platform_name(record.fetch(:platform))) %></a>
-          <% end %>
-          <% if homepage_url %>
-            <a class="profile-action" href="<%= h homepage_url %>"><%= h t('users.links.homepage') %></a>
+          <% unless profile_deleted %>
+            <%= erb :"shared/elite_medal", locals: { rank: record[:elite_rank], size: "large" } %>
           <% end %>
         </div>
+        <p class="profile-login"><%= h(profile_deleted ? t("#{translation_scope}.deleted.label") : record.fetch(:login)) %></p>
+        <% unless profile_deleted %>
+          <div class="profile-actions">
+            <% if source_url %>
+              <a class="profile-action" href="<%= h source_url %>"><%= h t("#{translation_scope}.links.source_profile", platform: platform_name(record.fetch(:platform))) %></a>
+            <% end %>
+            <% if homepage_url %>
+              <a class="profile-action" href="<%= h homepage_url %>"><%= h t('users.links.homepage') %></a>
+            <% end %>
+          </div>
+        <% end %>
       </div>
     </div>
   </div>
 </section>
 
-<%= erb :"shared/location_notice" %>
+<% unless profile_deleted %>
+  <%= erb :"shared/location_notice" %>
+<% end %>

app/views/profiles/user.erb

@@ -1,5 +1,13 @@
 <%= erb :"profiles/subject_hero", locals: { record: @profile, translation_scope: 'users', translation_value_key: :user } %>
 
+<% if @profile[:profile_deleted] == 1 %>
+  <section class="profile-section profile-section--compact" aria-labelledby="profile-deleted-heading">
+    <div class="content profile-deleted">
+      <h2 id="profile-deleted-heading"><%= h t('users.deleted.title') %></h2>
+      <p><%= h t('users.deleted.body') %></p>
+    </div>
+  </section>
+<% else %>
 <% top_repository = @repositories.first %>
 <% spotlight_items = [
   { label: t('users.spotlight.country_rank'), value: (@profile[:elite_rank] ? "##{@profile[:elite_rank]}" : '-') }
@@ -77,6 +85,28 @@
   </div>
 </section>
 
+<% if @show_profile_delete_control %>
+  <section class="profile-section profile-delete-section" aria-labelledby="profile-delete-heading">
+    <div class="content profile-delete">
+      <h2 id="profile-delete-heading" class="visually-hidden"><%= h t('users.delete.title') %></h2>
+      <p>
+        <%= h t('users.delete.prompt_prefix') %>
+        <button class="profile-delete__link js-profile-delete-open" type="button" data-target="#profile-delete-modal"><%= h t('users.delete.link') %></button>.
+      </p>
+      <div id="profile-delete-modal" class="profile-delete-modal js-profile-delete-modal" role="dialog" aria-modal="true" aria-labelledby="profile-delete-modal-heading" hidden>
+        <div class="profile-delete-modal__panel">
+          <p id="profile-delete-modal-heading"><%= h t('users.delete.confirm') %></p>
+          <form class="profile-delete-modal__actions" method="post" action="<%= h app_path("#{user_profile_path(@profile)}/delete") %>">
+            <input type="hidden" name="csrf_token" value="<%= h csrf_token %>">
+            <button class="profile-delete-modal__confirm" type="submit"><%= h t('users.delete.confirm_yes') %></button>
+            <button class="profile-delete-modal__cancel js-profile-delete-cancel" type="button"><%= h t('users.delete.confirm_no') %></button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </section>
+<% end %>
+
 <section class="profile-section profile-section--alt" aria-labelledby="profile-repositories-heading">
   <div class="content">
     <h2 id="profile-repositories-heading"><%= h t('users.repositories.title') %></h2>
@@ -88,3 +118,4 @@
     } %>
   </div>
 </section>
+<% end %>

app/views/rankings/table.erb

@@ -10,7 +10,11 @@
             <div class="ranking-list__title">
               <%= erb :"shared/platform_icon", locals: { platform: row.fetch(:platform, "github") } %>
               <% if kind == "users" %>
-                <a class="primary-link" href="<%= h app_path(user_profile_path(row)) %>"><%= h row.fetch(:login) %></a>
+                <% if row[:profile_deleted] == 1 %>
+                  <span class="primary-link primary-link--static"><%= h row.fetch(:login) %></span>
+                <% else %>
+                  <a class="primary-link" href="<%= h app_path(user_profile_path(row)) %>"><%= h row.fetch(:login) %></a>
+                <% end %>
               <% elsif kind == "repositories" %>
                 <a class="primary-link" href="<%= h app_path(repository_profile_path(row)) %>"><%= h row.fetch(:full_name) %></a>
               <% elsif kind == "organizations" %>
@@ -23,7 +27,9 @@
             <% if kind == "users" || kind == "organizations" %>
               <% location = row[:location_raw] || row[:city] || row[:country] || t('scope.poland') %>
               <span class="ranking-list__description">
-                <% if row[:name] && !row[:name].empty? %>
+                <% if kind == "users" && row[:profile_deleted] == 1 %>
+                  <%= h t('users.deleted.label') %>
+                <% elsif row[:name] && !row[:name].empty? %>
                   <%= h row[:name] %>
                 <% end %>
               </span>

config/locales/en.yml

@@ -527,6 +527,17 @@ en:
       poland_rank: "Poland rank"
       status: "Discord"
       title: "Your Discord access"
+    delete:
+      confirm: "Are you sure you want to remove your profile from the database?"
+      confirm_no: "No"
+      confirm_yes: "Yes"
+      link: "here"
+      prompt_prefix: "Do you want to remove this page from the database? Click"
+      title: "Profile deletion"
+    deleted:
+      body: "This profile has been removed from the database."
+      label: "Deleted"
+      title: "Profile deleted"
     profile_access:
       title: "Access and badge"
     repository_badges:

config/locales/pl.yml

@@ -529,6 +529,17 @@ pl:
       poland_rank: "Ranking Polski"
       status: "Discord"
       title: "Twój dostęp Discord"
+    delete:
+      confirm: "Czy na pewno chcesz usunąć twój profil z bazy danych?"
+      confirm_no: "Nie"
+      confirm_yes: "Tak"
+      link: "tutaj"
+      prompt_prefix: "Chcesz usunąć tę stronę z bazy danych? Kliknij"
+      title: "Usunięcie profilu"
+    deleted:
+      body: "Ten profil został usunięty z bazy danych."
+      label: "Usunięte"
+      title: "Profil usunięty"
     profile_access:
       title: "Dostęp i odznaka"
     repository_badges:

lib/polish_open_source_rank/contexts/publication/application/delete_public_profile.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module PolishOpenSourceRank
+  module Contexts
+    module Publication
+      module Application
+        class DeletePublicProfile
+          def initialize(profile_repository:)
+            @profile_repository = profile_repository
+          end
+
+          def call(platform:, source_id:)
+            profile_repository.redact_profile(platform: platform, source_id: source_id)
+          end
+
+          private
+
+          attr_reader :profile_repository
+        end
+      end
+    end
+  end
+end

lib/polish_open_source_rank/contexts/publication/infrastructure/sqlite/replicated_public_profile_repository.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module PolishOpenSourceRank
+  module Contexts
+    module Publication
+      module Infrastructure
+        module SQLite
+          class ReplicatedPublicProfileRepository
+            def initialize(repositories)
+              @repositories = repositories
+            end
+
+            def upsert_github_profile(attributes)
+              repositories.each { it.upsert_github_profile(attributes) }
+            end
+
+            def redact_profile(platform:, source_id:)
+              repositories.each { it.redact_profile(platform: platform, source_id: source_id) }
+            end
+
+            private
+
+            attr_reader :repositories
+          end
+        end
+      end
+    end
+  end
+end