git.iko.soy/htmlang
on master help sign in
Fix duplicate attribute detection to allow pseudo-class variants
commitb9bafda5031e787e27381358197c65b53290ee9a authoriko <mail@iko.soy> dateThu 16 Apr 2026, 11:26 (6 months ago) parentd35ef65
7 files changed+116−6
compare with master
unifiedsplit
crates/htmlang-core/src/parser.rs+4−4 examples/blog.html.map+1 examples/demo.hl+1−1 examples/demo.html+107−1 examples/demo.html.map+1 examples/docs.html.map+1 examples/landing.html.map+1
crates/htmlang-core/src/parser.rs+4−4
@@ -4480,10 +4480,10 @@ fn parse_attr_list(
44804480 }
44814481 };
44824482
4483− // Warn on duplicate attributes
4483+ // Warn on duplicate attributes (compare full key so pseudo-class
4484+ // variants like `border` and `hover:border` are not conflated)
44844485 if validate {
4485− let stripped = strip_all_prefixes(&attr.key).to_string();
4486− if seen_keys.contains(&stripped) {
4486+ if seen_keys.contains(&attr.key) {
44874487 ctx.diagnostics.push(Diagnostic {
44884488 line: line_num,
44894489 column: None,
@@ -4492,7 +4492,7 @@ fn parse_attr_list(
44924492 source_line: None,
44934493 });
44944494 } else {
4495− seen_keys.push(stripped);
4495+ seen_keys.push(attr.key.clone());
44964496 }
44974497
44984498 // Color validation for hex colors
examples/blog.html.mapnew file+1
@@ -0,0 +1 @@
1+{"version":3,"file":"blog.html","sourceRoot":"","sources":["blog.hl"],"names":[],"mappings":"AAyBA;AACA;AACA;AACA;AAEA;AAbA;AACA;AACA;AACA;AAEA;AALA;AACA;AACA;AACA;AAEA;AALA;AACA;AACA;AACA;AAEA;AAyBA"}
examples/demo.hl+1−1
@@ -21,7 +21,7 @@
2121 @paragraph
2222 A minimalist layout language that compiles to
2323 {@text [bold, color $primary] static HTML}.
24− @image [width 80, height 80, rounded 40] https://picsum.photos/80
24+ @image [width 80, height 80, rounded 40, alt "A stock photo"] https://picsum.photos/80
2525
2626 -- cards using @fn with hover
2727 @page-section [title Features]
examples/demo.html+107−1
@@ -1 +1,107 @@
1−<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>htmlang Demo</title><style>*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif}img{display:block}._0{display:flex;flex-direction:column;max-width:800px;margin-left:auto;margin-right:auto;padding:40px;gap:20px;}._1{display:flex;flex-direction:row;gap:20px;}._2{display:flex;flex-direction:column;flex:1;min-width:0;gap:10px;}._3{font-weight:bold;font-size:32px;}._4{margin:0;}._5{font-weight:bold;color:#3b82f6;}._6{width:80px;height:80px;border-radius:40px;}._7{display:flex;flex-direction:column;gap:10px;}._8{font-weight:bold;font-size:24px;color:#333;}._9{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;}._10{display:flex;flex-direction:column;padding:20px;background:white;border-radius:8px;border:1px solid #e5e7eb;transition:all 0.15s ease;cursor:pointer;}._10:hover{border:1px solid #3b82f6;}._11{font-weight:bold;}._12{display:flex;flex-direction:row;gap:10px;}._13{display:flex;flex-direction:column;padding:16px;background:#3b82f6;border-radius:8px;transition:all 0.15s ease;cursor:pointer;}._13:hover{background:#2563eb;}._13:active{background:#1d4ed8;}._14{color:white;font-weight:bold;}._15{display:flex;flex-direction:column;flex:1;min-width:0;}._16{color:#888;}</style></head><body><div class="_0"><div class="_1"><div class="_2"><span class="_3">Welcome to htmlang</span><p class="_4">A minimalist layout language that compiles to <span class="_5">static HTML</span>.</p></div><img src="https://picsum.photos/80" class="_6"></div><div class="_7"><span class="_8">Features</span><div class="_9"><div class="_10"><span class="_11">Simple</span><span>Write layouts without CSS</span></div><div class="_10"><span class="_11">Fast</span><span>Compiles to a single HTML file</span></div><div class="_10"><span class="_11">Minimal</span><span>No JavaScript required</span></div></div></div><div class="_12"><div class="_13"><a href="https://github.com"><span class="_14">Get Started</span></a></div><div class="_15"></div><span class="_16">© 2026</span></div></div></body></html>
1+<!DOCTYPE html>
2+<html>
3+<head>
4+<meta charset="utf-8">
5+<meta name="viewport" content="width=device-width, initial-scale=1">
6+<title>htmlang Demo</title>
7+<link rel="preload" href="https://picsum.photos/80" as="image">
8+<link rel="dns-prefetch" href="//picsum.photos">
9+<link rel="dns-prefetch" href="//github.com">
10+<style>
11+*, *::before, *::after { box-sizing: border-box; }
12+body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }
13+img { display: block; }
14+a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
15+@layer htmlang {
16+ .a {display:flex;flex-direction:column;max-width:800px;margin-left:auto;margin-right:auto;padding:40px;gap:20px;}
17+ .b {display:flex;flex-direction:row;gap:20px;}
18+ .c {display:flex;flex-direction:column;flex:1;min-width:0;gap:10px;}
19+ .d {font-weight:bold;font-size:32px;}
20+ .e {margin:0;}
21+ .f {font-weight:bold;color:#3b82f6;}
22+ .g {width:80px;height:80px;border-radius:40px;}
23+ .h {display:flex;flex-direction:column;gap:10px;}
24+ .i {font-weight:bold;font-size:24px;color:#333;}
25+ .j {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;}
26+ .k {display:flex;flex-direction:column;padding:20px;background:white;border-radius:8px;border:1px solid #e5e7eb;transition:all 0.15s ease;cursor:pointer;}
27+ .k:hover {border:1px solid #3b82f6;}
28+ .l {font-weight:bold;}
29+ .m {display:flex;flex-direction:row;gap:10px;}
30+ .n {display:flex;flex-direction:column;padding:16px;background:#3b82f6;border-radius:8px;transition:all 0.15s ease;cursor:pointer;}
31+ .n:hover {background:#2563eb;}
32+ .n:active {background:#1d4ed8;}
33+ .o {color:white;font-weight:bold;}
34+ .p {display:flex;flex-direction:column;flex:1;min-width:0;}
35+ .q {color:#888;}
36+}
37+</style>
38+</head>
39+<body>
40+<!-- @column line 17 -->
41+<div class="a" data-hl-line="17" data-hl-el="column">
42+ <!-- @row line 18 -->
43+ <div class="b" data-hl-line="18" data-hl-el="row">
44+ <!-- @column line 19 -->
45+ <div class="c" data-hl-line="19" data-hl-el="column">
46+ <!-- @text line 20 -->
47+ <span class="d" data-hl-line="20" data-hl-el="text">
48+Welcome to htmlang </span>
49+ <!-- @paragraph line 21 -->
50+ <p class="e" data-hl-line="21" data-hl-el="paragraph">
51+A minimalist layout language that compiles to <span class="f">
52+static HTML </span>. </p>
53+ </div>
54+ <!-- @image line 24 -->
55+ <img src="https://picsum.photos/80" class="g" alt="&quot;A stock photo&quot;" data-hl-line="24" data-hl-el="image" fetchpriority="high">
56+ </div>
57+ <!-- @column line 13 -->
58+ <div class="h" data-hl-line="13" data-hl-el="column">
59+ <!-- @text line 14 -->
60+ <span class="i" data-hl-line="14" data-hl-el="text">
61+Features </span>
62+ <!-- @row line 28 -->
63+ <div class="j" data-hl-line="28" data-hl-el="row">
64+ <!-- @el line 7 -->
65+ <div class="k" data-hl-line="7" data-hl-el="el">
66+ <!-- @text line 8 -->
67+ <span class="l" data-hl-line="8" data-hl-el="text">
68+Simple </span>
69+ <span>Write layouts without CSS</span>
70+ </div>
71+ <!-- @el line 7 -->
72+ <div class="k" data-hl-line="7" data-hl-el="el">
73+ <!-- @text line 8 -->
74+ <span class="l" data-hl-line="8" data-hl-el="text">
75+Fast </span>
76+ <span>Compiles to a single HTML file</span>
77+ </div>
78+ <!-- @el line 7 -->
79+ <div class="k" data-hl-line="7" data-hl-el="el">
80+ <!-- @text line 8 -->
81+ <span class="l" data-hl-line="8" data-hl-el="text">
82+Minimal </span>
83+ <span>No JavaScript required</span>
84+ </div>
85+ </div>
86+ </div>
87+ <!-- @row line 37 -->
88+ <div class="m" data-hl-line="37" data-hl-el="row">
89+ <!-- @el line 38 -->
90+ <div class="n" data-hl-line="38" data-hl-el="el">
91+ <!-- @link line 38 -->
92+ <a href="https://github.com" rel="noopener noreferrer" target="_blank" data-hl-line="38" data-hl-el="link">
93+ <!-- @text line 39 -->
94+ <span class="o" data-hl-line="39" data-hl-el="text">
95+Get Started </span>
96+ </a>
97+ </div>
98+ <!-- @el line 40 -->
99+ <div class="p" data-hl-line="40" data-hl-el="el">
100+ </div>
101+ <!-- @text line 41 -->
102+ <span class="q" data-hl-line="41" data-hl-el="text">
103+© 2026 </span>
104+ </div>
105+</div>
106+</body>
107+</html>
examples/demo.html.mapnew file+1
@@ -0,0 +1 @@
1+{"version":3,"file":"demo.html","sourceRoot":"","sources":["demo.hl"],"names":[],"mappings":"AAgBA;AACA;AACA;AACA;AACA;AAGA;AAXA;AACA;AAcA;AArBA;AACA;AADA;AACA;AADA;AACA;AA6BA;AACA;AAAA;AACA;AACA;AACA"}
examples/docs.html.mapnew file+1
@@ -0,0 +1 @@
1+{"version":3,"file":"docs.html","sourceRoot":"","sources":["docs.hl"],"names":[],"mappings":"AAeA;AAEA;AAIA;AAZA;AAAA;AAAA;AAgBA;AAhBA;AAAA;AAAA;AAyBA;AACA;AAEA;AAIA;AAEA;AAGA;AAEA;AAGA;AAEA;AACA;AAEA;AAGA;AAGA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA"}
examples/landing.html.mapnew file+1
@@ -0,0 +1 @@
1+{"version":3,"file":"landing.html","sourceRoot":"","sources":["landing.hl"],"names":[],"mappings":"AAcA;AAEA;AAOA;AACA;AAGA;AACA;AAMA;AAQA;AACA;AACA;AACA;AACA;AArCA;AACA;AACA;AAFA;AACA;AACA;AAFA;AACA;AACA;AAkDA;AACA;AACA;AAEA"}