render summary as markdown

Author: adrienpoly

Gemfile

@@ -124,3 +124,5 @@ gem "active_job-performs", "~> 0.3.1"
 gem "ruby-openai"
 
 gem "json-repair", "~> 0.2.0"
+
+gem "redcarpet", "~> 3.6"

Gemfile.lock

@@ -350,6 +350,7 @@ GEM
       logger
     rdoc (6.7.0)
       psych (>= 4.0.0)
+    redcarpet (3.6.0)
     regexp_parser (2.9.2)
     reline (0.5.9)
       io-console (~> 0.5)
@@ -514,6 +515,7 @@ DEPENDENCIES
   rails (~> 7.2.0.beta2)
   rails-controller-testing
   rails_autolink (~> 1.1)
+  redcarpet (~> 3.6)
   ruby-lsp-rails
   ruby-openai
   selenium-webdriver

app/assets/stylesheets/application.css

@@ -3,6 +3,7 @@
 @import "tailwindcss/utilities";
 
 @import "components/form.css";
+@import "components/markdown.css";
 @import "components/nav.css";
 @import "components/pagination.css";
 @import "components/transition.css";

app/assets/stylesheets/components/markdown.css

@@ -0,0 +1,24 @@
+@layer components {
+  .markdown {
+    p {
+      @apply mb-4;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      @apply mb-4;
+    }
+
+    ul {
+      @apply mb-4;
+    }
+
+    ol {
+      @apply mb-4;
+    }
+  }
+}

app/helpers/markdown_helper.rb

@@ -0,0 +1,7 @@
+module MarkdownHelper
+  def markdown_to_html(markdown_content)
+    renderer = Redcarpet::Render::HTML.new(hard_wrap: true)
+    markdown = Redcarpet::Markdown.new(renderer)
+    markdown.render(markdown_content).html_safe
+  end
+end

app/views/talks/_talk.html.erb

@@ -30,7 +30,7 @@
             by <%= talk.speakers.map(&:name).to_sentence %>
           </div>
 
-          <div><%= simple_format talk.summary, class: "mb-4" %></div>
+          <div class="markdown"><%= markdown_to_html(talk.summary) %></div>
         </div>
       <% end %>