Set seo meta tags for snippet show

Author: rossta

app/models/snippet.rb

@@ -40,6 +40,10 @@ def guess_language
     Rouge::Lexer.guesses({filename: filename, source: source}.compact).first&.tag
   end
 
+  def title
+    filename
+  end
+
   private
 
   def auto_detecting? = !!@auto_detecting

app/views/share/snippets/index.html.erb

@@ -1,4 +1,4 @@
-<%= render Pages::Header.new(title: "Snippets") %>
+<%= render Pages::Header.new(title: "Snippet Share") %>
 <div id="snippets" class="section-content container py-gap">
   <div class="flex">
     <%= link_to "New snippet", new_share_snippet_path, class: "button primary" %>

app/views/share/snippets/new.html.erb

@@ -1,4 +1,4 @@
-<%= render Pages::Header.new(title: "New Snippet") %>
+<%= render Pages::Header.new(title: "Snippet Share") %>
 <div class="section-content container py-gap">
   <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
     <%= render Share::Snippets::Form.new(@snippet) %>

app/views/share/snippets/show.html.erb

@@ -1,4 +1,16 @@
-<%= render Pages::Header.new(title: "Snippet") %>
+<% set_meta_tags(
+  title: "Joy of Rails Snippet#{@snippet.title.presence && ": " + @snippet.title}",
+  description: "A code snippet from Joy of Rails",
+  keywords: [@snippet.language].compact,
+  og: {
+    image: @snippet.screenshot.attached? && rails_storage_proxy_url(@snippet.screenshot)
+  },
+  twitter: {
+    card: @snippet.screenshot.attached? ? "summary_large_image" : "summary",
+  }
+) %>
+
+<%= render Pages::Header.new(title: "Snippet Share") %>
 <div class="section-content container py-gap">
   <%= turbo_frame_tag :snippet_form, data: {turbo_action: "advance"} do %>
     <%= render CodeBlock::Snippet.new(@snippet) %>