roman-holovin / lemonjsx

Lemonjsx

JSX pragma for generating formatted input for lemonbar.

<bar>
  <section
    align="l"
  >
    {left}
  </section>
  <section
    align="r"
  >
    {right}
  </section>
</bar>

lemonjsx's Issues

Implement all formatting attributes

• l - Aligns the following text to the left side of the screen.
• c - Aligns the following text to the center of the screen.
• r - Aligns the following text to the right side of the screen.
• Owidth - Offset the current position by width pixels in the alignment direction.
• Bcolor - Set the text background color. The parameter color can be - or a color in one of the formats mentioned before. The special value - resets the color to the default one.
• Fcolor - Set the text foreground color. The parameter color can be - or a color in one of the formats mentioned before. The special value - resets the color to the default one.
• Tindex - Set the font used to draw the following text. The parameter index can either be - or the 1-based index of the slot which contains the desired font. If the parameter is - lemonbar resets to the normal behavior (matching the first font that can be used for the character). If the selected font can't be used to draw a character, lemonbar will fall back to normal behavior for that character
• Ucolor - Set the text underline color. The parameter color can be - or a color in one of the formats mentioned before. The special value - resets the color to the default one.
• Abutton:command: - Create a clickable area starting from the current position, when the area is clicked command is printed on stdout. The area is closed when a A token, not followed by : is encountered.
• Sdir - Change the monitor the bar is rendered to. dir can be either

+/-
Next/previous monitor.
f/l
First/last monitor.
0-9
Nth monitor.

Attribute modifiers
+attribute
Set the attribute attribute for the following text.
-attribute
Unset the attribute attribute for the following text.
!attribute
Toggle the attribute attribute for the following text.
Where attribute is one of the following

• o - Draw a line over the text.
• u - Draw a line under the text.

Implement all tags

• - reverse %{R}content%{R}
• - underline %{+u}content%{-u}
• - action %{Anumber:command:}content%{A}