Add CodeBlock::Snippet component for rendering snippets

Author: rossta

app/views/components/code_block/article.rb

@@ -2,7 +2,7 @@ class CodeBlock::Article < ApplicationComponent
   include Phlex::DeferredRender
   prepend CodeBlock::AtomAware
 
-  attr_reader :source, :language, :filename, :enable_run
+  attr_reader :source, :language, :filename
 
   def initialize(source = "", language: nil, filename: nil, header: true, **)
     @source = source
@@ -32,10 +32,6 @@ def body(&)
     @source = capture(&)
   end
 
-  def data = {language: language, lines:}
-
-  def lines = source.scan("\n").count + 1
-
   def title_content
     @title || ->(*) { filename || language }
   end

app/views/components/code_block/snippet.rb

@@ -0,0 +1,35 @@
+class CodeBlock::Snippet < ApplicationComponent
+  include Phlex::DeferredRender
+  prepend CodeBlock::AtomAware
+
+  attr_reader :snippet
+
+  def initialize(snippet, **)
+    @snippet = snippet
+  end
+
+  def view_template
+    render CodeBlock::Container.new(language: language) do
+      render CodeBlock::Header.new { title_content }
+
+      render CodeBlock::Body.new do
+        render CodeBlock::Code.new(source, language: language)
+      end
+    end
+  end
+
+  # Overwite the source code with a block
+  def body(&)
+    @source = capture(&)
+  end
+
+  def title_content
+    filename.presence || language.presence || ""
+  end
+
+  def source
+    snippet.source || ""
+  end
+
+  delegate :language, :filename, to: :snippet
+end

app/views/snippets/_snippet.html.erb

@@ -1,7 +1,3 @@
 <div id="<%= dom_id(snippet, :code_block) %>">
-  <%= render CodeBlock::Article.new(
-    snippet.source || "",
-    language: snippet.language,
-    filename: snippet.filename,
-  ) %>
+  <%= render CodeBlock::Snippet.new(snippet) %>
 </div>