Add support for dots in html attribute keys by @drkane

jpsca · jpsca · commit 6700664a7dc1 · 2025-11-19T13:02:25.000-05:00
diff --git a/src/jx/parser.py b/src/jx/parser.py
@@ -24,7 +24,7 @@
 re_attr_name = r""
 re_equal = r""
 re_attr = r"""
-(?P<name>[:a-zA-Z@$_][a-zA-Z@:$_0-9-]*)
+(?P<name>[:a-zA-Z@$_][a-zA-Z@:$_0-9-\.]*)
 (?:
     \s*=\s*
     (?P<value>".*?"|'.*?'|\{\{.*?\}\})
diff --git a/tests/test_component.py b/tests/test_component.py
@@ -473,3 +473,30 @@ def test_no_autoreload(folder):
 <link rel="stylesheet" href="before.css">
 BEFORE
 """.strip()
+
+
+def test_alpine_sintax(folder):
+    (folder / "greeting.jinja").write_text("""
+{#def message #}
+<button @click.prevent="alert('{{ message }}')">Say Hi</button>""")
+    cat = Catalog(folder, auto_reload=False)
+
+    html = cat.render("greeting.jinja", message="Hello world!")
+    print(html)
+    assert html == """<button @click.prevent="alert('Hello world!')">Say Hi</button>"""
+
+
+def test_alpine_sintax_in_component(folder):
+    (folder / "button.jinja").write_text(
+        """<button {{ attrs.render() }}>{{ content }}</button>"""
+    )
+
+    (folder / "greeting.jinja").write_text("""
+{# import "button.jinja" as Button #}
+<Button @click.prevent="alert('Hello world!')">Say Hi</Button>
+""")
+    cat = Catalog(folder, auto_reload=False)
+
+    html = cat.render("greeting.jinja")
+    print(html)
+    assert html == """<button @click.prevent="alert('Hello world!')">Say Hi</button>"""
