neuron-technologies/neuron-web
3
0
Fork 0
Code Issues 2 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

feat(native-el-ui): convert all component files to el-html vessel API
Dev — Build & local smoke test / build-smoke (pull_request) Failing after 4m48s
Details

Browse Source 
Replaced raw HTML heredoc returns with native el_ function calls across
all 21 component files. styles.el intentionally excluded.
This commit is contained in:
Will Anderson
2026-05-08 22:35:41 -05:00
parent f2ab12e65b
commit 2553a6b7ac
21 changed files with 2550 additions and 2105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/how_it_works.el
+56 -43
View File
@@ -1,52 +1,65 @@
// components/how_it_works.el - "Three moments. Permanent context." steps.
extern fn el_section(attrs: String, children: String) -> String
extern fn el_div(attrs: String, children: String) -> String
extern fn el_span(attrs: String, children: String) -> String
extern fn el_h2(attrs: String, text: String) -> String
extern fn el_h3(attrs: String, text: String) -> String
extern fn el_p(attrs: String, children: String) -> String
extern fn el_br() -> String
fn how_it_works() -> String {
return <section id="how-it-works" aria-label="How it works">
<div class="container">
let header: String = el_div(
"class=\"hiw-header\"",
el_div("class=\"navy-line\" style=\"margin-bottom:5rem\"", "") +
el_div(
"class=\"hiw-label-row reveal\"",
el_div("class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"", "") +
el_span("class=\"label\"", "How it works")
) +
el_h2(
"class=\"display-lg hiw-headline reveal\" style=\"transition-delay:80ms\"",
"Three moments." + el_br() + el_span("class=\"gold\"", "Permanent context.")
)
)
<div class="hiw-header">
<div class="navy-line" style="margin-bottom:5rem"></div>
<div class="hiw-label-row reveal">
<div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
<span class="label">How it works</span>
</div>
<h2 class="display-lg hiw-headline reveal" style="transition-delay:80ms">
Three moments.<br>
<span class="gold">Permanent context.</span>
</h2>
</div>
let step1: String = el_div(
"class=\"reveal\"",
el_div(
"class=\"step-circle-row\"",
el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "01")) +
el_span("class=\"step-aside\"", "5 minutes")
) +
el_h3("class=\"display-md step-title\"", "Create your account") +
el_p("class=\"step-body\"", "Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.")
)
<div class="steps-grid">
let step2: String = el_div(
"class=\"reveal\" style=\"transition-delay:180ms\"",
el_div(
"class=\"step-circle-row\"",
el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "02")) +
el_span("class=\"step-aside\"", "Just once")
) +
el_h3("class=\"display-md step-title\"", "Your first session") +
el_p("class=\"step-body\"", "Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.")
)
<div class="reveal">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">01</span></div>
<span class="step-aside">5 minutes</span>
</div>
<h3 class="display-md step-title">Create your account</h3>
<p class="step-body">Sign up once. Your account links your license key to your identity - that&#39;s what keeps your memory yours and nobody else&#39;s. Then install with a single command. Runs locally. No cloud sync, no permissions you didn&#39;t grant.</p>
</div>
let step3: String = el_div(
"class=\"reveal\" style=\"transition-delay:360ms\"",
el_div(
"class=\"step-circle-row\"",
el_div("class=\"step-circle\"", el_span("class=\"step-num\"", "03")) +
el_span("class=\"step-aside\"", "Every session")
) +
el_h3("class=\"display-md step-title\"", "Never start over") +
el_p("class=\"step-body\"", "Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.")
)
<div class="reveal" style="transition-delay:180ms">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">02</span></div>
<span class="step-aside">Just once</span>
</div>
<h3 class="display-md step-title">Your first session</h3>
<p class="step-body">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
</div>
let steps_grid: String = el_div("class=\"steps-grid\"", step1 + step2 + step3)
<div class="reveal" style="transition-delay:360ms">
<div class="step-circle-row">
<div class="step-circle"><span class="step-num">03</span></div>
<span class="step-aside">Every session</span>
</div>
<h3 class="display-md step-title">Never start over</h3>
<p class="step-body">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread - exactly where you left it.</p>
</div>
</div>
</div>
</section>
el_section(
"id=\"how-it-works\" aria-label=\"How it works\"",
el_div("class=\"container\"", header + steps_grid)
)
}