can use underscored in params

Author: Unviray

Pipfile

@@ -0,0 +1,11 @@
+[[source]]
+name = "pypi"
+url = "https://pypi.org/simple"
+verify_ssl = true
+
+[dev-packages]
+
+[packages]
+
+[requires]
+python_version = "3.6"

beam/__init__.py

@@ -18,7 +18,7 @@
 from .tag import (_del, _input, a, abbr, address, article, aside, audio,
                   blockquote, body, br, button, caption, cite, dd, dfn, div,
                   dl, dt, em, fieldset, figcaption, figure, footer, form, h1,
-                  h2, h3, h4, h5, h6, head, header, hr, html, img, ins, kbd,
+                  h2, h3, h4, h5, h6, head, header, hr, html, i, img, ins, kbd,
                   label, legend, li, link, mark, meta, nav, ol, optgroup,
                   option, p, pre, progress, q, script, section, select, source,
                   span, strong, style, sub, sup, table, tbody, td, textarea,
@@ -34,8 +34,8 @@
     # Structure
     'abbr', 'blockquote', 'cite', 'q', 'sup', 'sub', 'strong', 'em', 'mark',
     'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'figure', 'figcaption', 'audio',
-    'video', 'source', 'a', 'br', 'p', 'hr', 'address', '_del', 'ins', 'dfn',
-    'kbd', 'pre', 'progress', 'time',
+    'video', 'source', 'a', 'br', 'p', 'hr', 'i', 'address', '_del', 'ins',
+    'dfn', 'kbd', 'pre', 'progress', 'time',
 
     # List
     'ul', 'ol', 'li', 'dl', 'dt', 'dd',

beam/tag.py

@@ -39,7 +39,10 @@ def render(self):
 
         for key in self.param:
             # ex: href="https://{site}"
-            key_param = key.replace("_", "")
+            if key.startswith("_"):
+                key_param = key.replace("_", "", 1)
+            else:
+                key_param = key.replace("_", "-")
             value_param = self.param[key]
 
             result = f'{key_param}="{value_param}"'
@@ -261,6 +264,10 @@ class hr(SingleElement):
     pass
 
 
+class i(Element):
+    pass
+
+
 class address(Element):
     pass
 

bootstrap.py

@@ -0,0 +1,26 @@
+from beam import button, div
+from beam.utils import classing
+
+
+def container(*args, breakpoint=''):
+    if breakpoint:
+        breakpoint = '-' + breakpoint
+
+    return div(*args, _class=f"container{breakpoint}")
+
+
+def alert(*args):
+    return div(*args, _class=["alert", "alert-primary"], role="alert")
+
+
+def btn(*args, color="primary", block=False, **kwargs):
+    _class = kwargs.pop('_class', [])
+
+    c = ["btn", f"btn-{color}"]
+
+    if block:
+        c.append("btn-block")
+
+    c = classing(_class, c)
+
+    return button(*args, _class=c, **kwargs)

tests/test_tag.py

@@ -2,10 +2,10 @@
 
 
 def test_main():
-    component = div(h1("Title"), hr(), _class="content",)
+    component = div(h1("Title"), hr(), _class="content", _id="content")
 
     assert component.render() == (
-        '<div class="content"><h1>Title</h1><hr/></div>'
+        '<div class="content" id="content"><h1>Title</h1><hr/></div>'
     )
 
 
@@ -100,3 +100,9 @@ def test_reserved_name():
     component = _input()
 
     assert component.render() == '<input/>'
+
+
+def test_underscore_attribute():
+    component = a(data_attribute="value")
+
+    assert component.render() == '<a data-attribute="value"></a>'