From cbc759a5447febb64a7337b32ff57233d20c916b Mon Sep 17 00:00:00 2001
From: Gabriel Arazas <foodogsquared@foodogsquared.one>
Date: Mon, 3 Apr 2023 23:28:36 +0800
Subject: [PATCH] chat-block-processor: create the initial HTML output

---
 .../custom_extensions/chat_block_processor.rb        | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/lib/asciidoctor/custom_extensions/chat_block_processor.rb b/lib/asciidoctor/custom_extensions/chat_block_processor.rb
index de02b90..f4f566c 100644
--- a/lib/asciidoctor/custom_extensions/chat_block_processor.rb
+++ b/lib/asciidoctor/custom_extensions/chat_block_processor.rb
@@ -8,7 +8,6 @@ class ChatBlock < Asciidoctor::Extensions::BlockProcessor
   name_positional_attributes 'avatar', 'state'
   default_attributes 'state' => 'default', 'avatarstype' => 'webp'
 
-  # TODO: Create the output.
   def process(parent, reader, attrs)
     block = create_block parent, :pass, nil, attrs, content_model: :compound
     block.add_role('dialogblock')
@@ -16,6 +15,17 @@ class ChatBlock < Asciidoctor::Extensions::BlockProcessor
     attrs['name'] ||= attrs['avatar']
     attrs['avatarsdir'] ||= './avatars'
 
+    block << (create_block block, :pass, %(
+      <div class="dialogblock dialogblock__box dialogblock__avatar--#{attrs['avatar']} #{attrs['role']}" title="#{attrs['avatar']}">
+        <div class="dialogblock dialogblock__avatar">
+          # Image
+        </div>
+        <div class="dialogblock dialogblock__text">
+          # Content
+        </div>
+      </div>
+    ), nil)
+
     block
   end
 end