tmk241/hemx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(style): generate checked class tokens

Browse Source 
Add a boring CSS/SCSS class-token surface: slhx-build discovers static class tokens from hemplate/templates/stylesheets and emits generated CssClass constants. Add CssClasses for hemplate +class/view data and migrate techdemo dynamic/effect fragments toward hemplate-owned views with DOM-aware assertions.

req: style/001

req: style/002

req: style/003

req: html_safety/002

req: view/001

req: test/005
This commit is contained in:
slhx agent
2026-05-25 20:48:31 +02:00
parent 9ceea7de94
commit fee9762069
13 changed files with 638 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/techdemo/templates/control_center.css
+7
View File
@@ -0,0 +1,7 @@
.lane { min-height:330px; border:1px solid var(--line); border-radius:24px; padding:14px; background:linear-gradient(180deg, rgba(0,0,0,.26), rgba(255,255,255,.035)); overflow:hidden; }
.lane h3 { margin:0 0 4px; }
.lane p { color:var(--muted); margin:0 0 12px; font-size:13px; }
.lane.drop-ready { border-color:rgba(184,255,90,.85); background:linear-gradient(180deg, rgba(184,255,90,.11), rgba(255,255,255,.04)); }
.work-card { border:1px solid rgba(255,255,255,.18); border-radius:20px; margin:12px 0; padding:14px; background:linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.055)); box-shadow:0 14px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.1); overflow:hidden; overflow-wrap:anywhere; cursor:grab; }
.work-card:active { cursor:grabbing; }
.work-card.is-selected { border-color:rgba(68,231,255,.9); box-shadow:0 0 0 1px rgba(68,231,255,.4), 0 22px 55px rgba(68,231,255,.14); }
examples/techdemo/templates/partials/activity_feed.heml
+3
View File
@@ -0,0 +1,3 @@
<ol class="activity">
<li h-for="item in &self.items">{+ item +}</li>
</ol>
examples/techdemo/templates/partials/architecture_activity.heml
+5
View File
@@ -0,0 +1,5 @@
<ol class="activity">
<li>Clicked a real anchor</li>
<li>Fetched HTML with X-SLHX-Partial</li>
<li>Preserved native fallback semantics</li>
</ol>
examples/techdemo/templates/partials/architecture_board.heml
+5
View File
@@ -0,0 +1,5 @@
<div class="lanes">
<section class="lane"><h3>hemplate</h3><p>Owns syntax and Surface facts.</p></section>
<section class="lane"><h3>slhx-build</h3><p>Generates resources and lowering tables.</p></section>
<section class="lane"><h3>runtime</h3><p>Executes compact EffectBatch ops.</p></section>
</div>
examples/techdemo/templates/partials/architecture_hero.heml
+5
View File
@@ -0,0 +1,5 @@
<div class="metrics">
<div class="metric"><strong>1</strong><span>template source of truth</span></div>
<div class="metric"><strong>0</strong><span>CSS selectors in handlers</span></div>
<div class="metric"><strong>∞</strong><span>typed composition through tuples</span></div>
</div>
examples/techdemo/templates/partials/architecture_inspector.heml
+1
View File
@@ -0,0 +1 @@
<div class="inspector-row"><b>Page swap</b><br>This route was fetched as a partial and rendered through the same root.</div>
examples/techdemo/templates/partials/live_feed.heml
+1
View File
@@ -0,0 +1 @@
<div class="live-row"><strong>SSE tick #{+ self.tick +}</strong><br>Server streamed a typed EffectBatch into <code>slots::live_feed</code>.</div>