themes/boxes: Add msg_heading style to themes & render message headings.

New test cases added under test_soup2markup.

Fixes zulip#1095.

Author: mounilKshah

tests/ui/test_ui_tools.py

@@ -1358,6 +1358,12 @@ def test_private_message_to_self(self, mocker):
                 [("msg_mention", "@Bob Smith")],
                 id="user-mention",
             ),
+            case("<h1>heading1</h1>", [("msg_heading", "heading1")], id="h1"),
+            case("<h2>heading2</h2>", [("msg_heading", "heading2")], id="h2"),
+            case("<h3>heading3</h3>", [("msg_heading", "heading3")], id="h3"),
+            case("<h4>heading4</h4>", [("msg_heading", "heading4")], id="h4"),
+            case("<h5>heading5</h5>", [("msg_heading", "heading5")], id="h5"),
+            case("<h6>heading6</h6>", [("msg_heading", "heading6")], id="h6"),
             case(
                 '<span class="user-group-mention">@A Group',
                 [("msg_mention", "@A Group")],

zulipterminal/config/themes.py

@@ -38,6 +38,7 @@
     'msg_emoji'       : 'bold',
     'reaction'        : 'bold',
     'reaction_mine'   : 'standout',
+    'msg_heading'     : 'bold',
     'msg_math'        : 'standout',
     'msg_mention'     : 'bold',
     'msg_link'        : '',

zulipterminal/themes/gruvbox.py

@@ -61,6 +61,7 @@ class GruvBoxColor(Enum):
     'msg_emoji'        : (Color.NEUTRAL_PURPLE,        Color.DARK0_HARD),
     'reaction'         : (Color.NEUTRAL_PURPLE__BOLD,  Color.DARK0_HARD),
     'reaction_mine'    : (Color.DARK0_HARD,            Color.NEUTRAL_PURPLE),
+    'msg_heading'      : (Color.DARK0_HARD__BOLD,      Color.BRIGHT_GREEN),
     'msg_math'         : (Color.DARK0_HARD,            Color.GRAY_244),
     'msg_mention'      : (Color.BRIGHT_RED__BOLD,      Color.DARK0_HARD),
     'msg_link'         : (Color.BRIGHT_BLUE,           Color.DARK0_HARD),

zulipterminal/themes/zt_blue.py

@@ -31,6 +31,7 @@
     'msg_emoji'       : (Color.DARK_MAGENTA,        Color.LIGHT_BLUE),
     'reaction'        : (Color.DARK_MAGENTA__BOLD,  Color.LIGHT_BLUE),
     'reaction_mine'   : (Color.LIGHT_BLUE,          Color.DARK_MAGENTA),
+    'msg_heading'     : (Color.WHITE__BOLD,         Color.BLACK),
     'msg_math'        : (Color.LIGHT_GRAY,          Color.DARK_GRAY),
     'msg_mention'     : (Color.LIGHT_RED__BOLD,     Color.LIGHT_BLUE),
     'msg_link'        : (Color.DARK_BLUE,           Color.LIGHT_GRAY),

zulipterminal/themes/zt_dark.py

@@ -31,6 +31,7 @@
     'msg_emoji'       : (Color.LIGHT_MAGENTA,       Color.BLACK),
     'reaction'        : (Color.LIGHT_MAGENTA__BOLD, Color.BLACK),
     'reaction_mine'   : (Color.BLACK,               Color.LIGHT_MAGENTA),
+    'msg_heading'     : (Color.LIGHT_CYAN__BOLD,    Color.DARK_MAGENTA),
     'msg_math'        : (Color.LIGHT_GRAY,          Color.DARK_GRAY),
     'msg_mention'     : (Color.LIGHT_RED__BOLD,     Color.BLACK),
     'msg_link'        : (Color.LIGHT_BLUE,          Color.BLACK),

zulipterminal/themes/zt_light.py

@@ -31,6 +31,7 @@
     'msg_emoji'       : (Color.LIGHT_MAGENTA,       Color.WHITE),
     'reaction'        : (Color.LIGHT_MAGENTA__BOLD, Color.WHITE),
     'reaction_mine'   : (Color.WHITE,               Color.LIGHT_MAGENTA),
+    'msg_heading'     : (Color.WHITE__BOLD,         Color.DARK_RED),
     'msg_math'        : (Color.DARK_GRAY,           Color.LIGHT_GRAY),
     'msg_mention'     : (Color.LIGHT_RED__BOLD,     Color.WHITE),
     'msg_link'        : (Color.DARK_BLUE,           Color.WHITE),

zulipterminal/ui_tools/boxes.py

@@ -1236,6 +1236,9 @@ def soup2markup(
                 text = unrendered_tags[tag]
                 if text:
                     markup.append(unrendered_template.format(text))
+            elif tag in ("h1", "h2", "h3", "h4", "h5", "h6"):
+                # HEADING STYLE (h1 to h6)
+                markup.append(("msg_heading", tag_text))
             elif tag in ("p", "del"):
                 # PARAGRAPH, STRIKE-THROUGH
                 markup.extend(cls.soup2markup(element, metadata)[0])