Fix hint boxes: Handle indention and fix divs getting wrapped by p elements

3.4/drivers/js-reference-database-transactions.md

@@ -34,7 +34,7 @@ Performs a server-side transaction and returns its return value.
 
   A string evaluating to a JavaScript function to be executed on the server.
 
-  {% hint 'warning ' %}
+  {% hint 'warning' %}
   This function will be executed on the server inside ArangoDB and can not use
   the arangojs driver or any variables other than those passed as _params_.
   For accessing the database from within ArangoDB, see the documentation for the

3.5/drivers/js-reference-database-transactions.md

@@ -34,7 +34,7 @@ Performs a server-side transaction and returns its return value.
 
   A string evaluating to a JavaScript function to be executed on the server.
 
-  {% hint 'warning ' %}
+  {% hint 'warning' %}
   This function will be executed on the server inside ArangoDB and can not use
   the arangojs driver or any variables other than those passed as _params_.
   For accessing the database from within ArangoDB, see the documentation for the

_plugins/HintBlock.rb

@@ -8,7 +8,13 @@ def render(context)
       site = context.registers[:site]
       converter = site.find_converter_instance(::Jekyll::Converters::Markdown)
 
-      content = converter.convert(super)
+      # Remove indention based on first actual line (but only spaces)
+      content = super.sub(/^[\r\n]+/, '')
+      indent = content.index(/[^ ]/) || 0
+      content = content.lines.map{ |line| line[[indent, line.index(/[^ ]/) || 0].min..] }.join ''
+      # Parse Markdown and strip trailing whitespace (especially line breaks).
+      # Otherwise below <div>s will be wrapped in <p> for some reason!
+      content = converter.convert(content).sub(/\s+$/, '')
 
       case @type
       when "tip"
@@ -25,12 +31,10 @@ def render(context)
         className = "info"
       end
 
-      return "<div class=\"alert alert-#{className}\" style=\"display: flex\">
-  <i class=\"fa fa-#{icon}\" style=\"margin-right: 10px; margin-top: 4px;\"></i>
-  <div>
-    #{content}
-  </div>
-</div>"
+      return "<div class=\"alert alert-#{className}\" style=\"display: flex\">" +
+      "<i class=\"fa fa-#{icon}\" style=\"margin-right: 10px; margin-top: 4px;\"></i>" +
+      "<div>#{content}</div>" +
+      "</div>"
     end
   end
   Liquid::Template.register_tag('hint', HintTag)