Add reactions to posts

slices/main/actions/posts/react.rb

@@ -0,0 +1,23 @@
+require "digest/sha1"
+
+module Main
+  module Actions
+    module Posts
+      class React < Action
+
+        include Deps["repos.reaction_repo", "repos.post_repo"]
+
+        def handle(req, res)
+          post = post_repo.fetch!(req.params[:slug])
+
+          reaction_repo.create(post_id: post.id, visitor_identifier: Digest::SHA1.hexdigest(req.ip))
+
+          reaction_count = reaction_repo.count(post_id: post.id)
+
+          res.body = "👍 #{reaction_count}"
+          res.status = 201
+        end
+      end
+    end
+  end
+end

slices/main/config/routes.rb

@@ -50,6 +50,8 @@ module Main
 
     get "/timemachine/:year/:month/:day", to: "timemachine.show"
 
+    post "/posts/:slug/react", to: "posts.react"
+
     redirect "deploying-a-hanami-app-to-fly-io", to: "/post/deploying-a-hanami-20-app-to-flyio"
     redirect "deploying-a-hanami-app-to-fly-io/", to: "/post/deploying-a-hanami-20-app-to-flyio"
   end

slices/main/repos/post_repo.rb

@@ -184,7 +184,7 @@ module Main
       def fetch!(slug)
         posts
           .published
-          .combine(:tags, :trips, :webmentions)
+          .combine(:tags, :trips, :webmentions, :reactions)
           .node(:webmentions) { |webmention|
             webmention.published.where(type: "reply")
           }

slices/main/repos/reaction_repo.rb

@@ -0,0 +1,11 @@
+module Main
+  module Repos
+    class ReactionRepo < Adamantium::Repo[:reactions]
+      commands :create
+
+      def count(post_id:)
+        reactions.where(post_id: post_id).count
+      end
+    end
+  end
+end

slices/main/templates/posts/show.html.slim

@@ -57,8 +57,8 @@ article class="h-entry"
 
         - if post.location
           img loading="lazy" class="shadow-solid shadow-pink-100 dark:shadow-pink-200 rounded mb-4" src=post.large_map
-    - if post.webmentions && post.webmentions.count == 0 && post.commentable
-      a href="mailto:blog@dnitza.com?subject=About that post of yours&body=%0A%0A---%0A(In reply to #{post.permalink})" Reply
+    div class="max-w-prose mx-auto text-gray-600 dark:text-gray-200 flex"
+      = render "shared/reactions", post: post
     - if post.webmentions && post.webmentions.count > 0
       div class="mt-12"
         h3

slices/main/templates/shared/_reactions.html.slim

@@ -0,0 +1,3 @@
+button hx-post="/posts/#{post.slug}/react" hx-trigger="click" class="px-2 py-1 border rounded border-indigo-900 hover:border-indigo-400 text-indigo-200 mr-2" 👍 #{post.reactions.count}
+- if post.webmentions && post.webmentions.count == 0 && post.commentable
+  a class="no-underline px-2 py-1 border rounded border-indigo-900 hover:border-indigo-400 text-indigo-200 mr-2" href="mailto:blog@dnitza.com?subject=About that post of yours&body=%0A%0A---%0A(In reply to #{post.permalink})" ✉️ Reply