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

feat: convert web El source to native HTML template syntax

Browse Source 
Replace all return "..." HTML string literals with native El templates —
removes all \" escapes, converts + interpolations to {expr}/{raw(expr)},
and replaces conditional string concatenation with {#if}/{#else}/{/if}.
No functional changes; output is identical.
This commit is contained in:
Will Anderson
2026-05-05 05:18:01 -05:00
parent 1127dcd278
commit 5cb13d67f7
24 changed files with 1443 additions and 1494 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/marketplace.el
+78 -80
View File
@@ -2,137 +2,136 @@
// Explains the plugin marketplace - what it is, how it works, coming soon.
fn marketplace() -> String {
return "
<section id=\"marketplace\" aria-label=\"Neuron Marketplace\">
<div class=\"container\">
return <section id="marketplace" aria-label="Neuron Marketplace">
<div class="container">
<div class=\"marketplace-header\">
<div class=\"marketplace-label-row reveal\">
<div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
<span class=\"label\" style=\"color:var(--navy-85)\">Marketplace</span>
<div style=\"margin-left:1rem;background:rgba(0,82,160,.1);color:var(--navy);font-family:var(--body);font-size:0.65rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px\">Coming soon</div>
<div class="marketplace-header">
<div class="marketplace-label-row reveal">
<div class="navy-line-left" style="width:4rem;flex-shrink:0"></div>
<span class="label" style="color:var(--navy-85)">Marketplace</span>
<div style="margin-left:1rem;background:rgba(0,82,160,.1);color:var(--navy);font-family:var(--body);font-size:0.65rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.75rem;border-radius:2px">Coming soon</div>
</div>
<h2 class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:38rem\">
Extend Neuron.<span class=\"gold\" style=\"display:block\">Build for it.</span>
<h2 class="display-lg reveal" style="transition-delay:80ms;max-width:38rem">
Extend Neuron.<span class="gold" style="display:block">Build for it.</span>
</h2>
<p class=\"reveal\" style=\"transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem;margin-top:1.25rem\">
<p class="reveal" style="transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.75;max-width:36rem;margin-top:1.25rem">
Neuron does one thing exceptionally well: it knows you. The Marketplace extends what it can do with that knowledge - connecting it to your tools, your workflows, and capabilities built by people who understand your domain better than any general-purpose AI ever will.
</p>
</div>
<div class=\"marketplace-grid reveal\" style=\"transition-delay:200ms\">
<div class="marketplace-grid reveal" style="transition-delay:200ms">
<div class=\"marketplace-card card-dark\">
<div class=\"marketplace-card-icon\">
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
<path d=\"M12 2L2 7l10 5 10-5-10-5z\"/><path d=\"M2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/>
<div class="marketplace-card card-dark">
<div class="marketplace-card-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/>
</svg>
</div>
<h3 class=\"display-md marketplace-card-title\">Plugins that know you</h3>
<p class=\"marketplace-card-body\">Every plugin in the Marketplace has access to your memory - with your permission. A legal plugin knows your deal history. A coding plugin knows your architecture decisions. An email plugin knows your relationships and communication style. The context travels with you.</p>
<h3 class="display-md marketplace-card-title">Plugins that know you</h3>
<p class="marketplace-card-body">Every plugin in the Marketplace has access to your memory - with your permission. A legal plugin knows your deal history. A coding plugin knows your architecture decisions. An email plugin knows your relationships and communication style. The context travels with you.</p>
</div>
<div class=\"marketplace-card card-dark\" style=\"transition-delay:120ms\">
<div class=\"marketplace-card-icon\">
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 8v4l3 3\"/>
<div class="marketplace-card card-dark" style="transition-delay:120ms">
<div class="marketplace-card-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/>
</svg>
</div>
<h3 class=\"display-md marketplace-card-title\">Built by domain experts</h3>
<p class=\"marketplace-card-body\">General AI is good at general things. The Marketplace is for specialists. The person building a plugin for contract attorneys or orthopedic surgeons or professional traders isn&#39;t us. It&#39;s someone who has spent years in that world. We give them the platform. They bring the depth.</p>
<h3 class="display-md marketplace-card-title">Built by domain experts</h3>
<p class="marketplace-card-body">General AI is good at general things. The Marketplace is for specialists. The person building a plugin for contract attorneys or orthopedic surgeons or professional traders isn&#39;t us. It&#39;s someone who has spent years in that world. We give them the platform. They bring the depth.</p>
</div>
<div class=\"marketplace-card card-dark\" style=\"transition-delay:240ms\">
<div class=\"marketplace-card-icon\">
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
<path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>
<div class="marketplace-card card-dark" style="transition-delay:240ms">
<div class="marketplace-card-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
</svg>
</div>
<h3 class=\"display-md marketplace-card-title\">Revenue for builders</h3>
<p class=\"marketplace-card-body\">Developers earn recurring revenue when users install their plugins. We handle billing, distribution, and the infrastructure. You handle the product. Every plugin that ships earns you a share of every subscription for as long as that user stays. Build once, earn indefinitely.</p>
<h3 class="display-md marketplace-card-title">Revenue for builders</h3>
<p class="marketplace-card-body">Developers earn recurring revenue when users install their plugins. We handle billing, distribution, and the infrastructure. You handle the product. Every plugin that ships earns you a share of every subscription for as long as that user stays. Build once, earn indefinitely.</p>
</div>
</div>
<div class=\"marketplace-categories reveal\" style=\"transition-delay:320ms\">
<div class="marketplace-categories reveal" style="transition-delay:320ms">
<div style=\"margin-bottom:2rem\">
<p class=\"label\" style=\"margin-bottom:1rem;color:var(--navy-65)\">Connectors - day one</p>
<div class=\"marketplace-tags\">
<span class=\"marketplace-tag\">Gmail</span>
<span class=\"marketplace-tag\">Slack</span>
<span class=\"marketplace-tag\">Google Calendar</span>
<span class=\"marketplace-tag\">Google Drive</span>
<span class=\"marketplace-tag\">Notion</span>
<span class=\"marketplace-tag\">GitHub</span>
<span class=\"marketplace-tag\">Linear</span>
<span class=\"marketplace-tag\">More connectors at launch</span>
<div style="margin-bottom:2rem">
<p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Connectors - day one</p>
<div class="marketplace-tags">
<span class="marketplace-tag">Gmail</span>
<span class="marketplace-tag">Slack</span>
<span class="marketplace-tag">Google Calendar</span>
<span class="marketplace-tag">Google Drive</span>
<span class="marketplace-tag">Notion</span>
<span class="marketplace-tag">GitHub</span>
<span class="marketplace-tag">Linear</span>
<span class="marketplace-tag">More connectors at launch</span>
</div>
</div>
<div style=\"margin-bottom:2rem\">
<p class=\"label\" style=\"margin-bottom:1rem;color:var(--navy-65)\">Following launch</p>
<div class=\"marketplace-tags\">
<span class=\"marketplace-tag\">Process packets</span>
<span class=\"marketplace-tag\">Knowledge packets</span>
<div style="margin-bottom:2rem">
<p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Following launch</p>
<div class="marketplace-tags">
<span class="marketplace-tag">Process packets</span>
<span class="marketplace-tag">Knowledge packets</span>
</div>
</div>
<div>
<p class=\"label\" style=\"margin-bottom:1rem;color:var(--navy-65)\">Imprints - starting with</p>
<div class=\"marketplace-tags\">
<span class=\"marketplace-tag\">CEO</span>
<span class=\"marketplace-tag\">CTO</span>
<span class=\"marketplace-tag\">CFO</span>
<span class=\"marketplace-tag\">CMO</span>
<span class=\"marketplace-tag\">COO</span>
<span class=\"marketplace-tag\">More C-suite</span>
<p class="label" style="margin-bottom:1rem;color:var(--navy-65)">Imprints - starting with</p>
<div class="marketplace-tags">
<span class="marketplace-tag">CEO</span>
<span class="marketplace-tag">CTO</span>
<span class="marketplace-tag">CFO</span>
<span class="marketplace-tag">CMO</span>
<span class="marketplace-tag">COO</span>
<span class="marketplace-tag">More C-suite</span>
</div>
</div>
</div>
<div class=\"marketplace-cta reveal\" style=\"transition-delay:400ms\">
<div class=\"marketplace-cta-inner\">
<div class="marketplace-cta reveal" style="transition-delay:400ms">
<div class="marketplace-cta-inner">
<div>
<p style=\"font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:0.5rem\">Building something?</p>
<p style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.6\">The developer program opens before the Marketplace does. If you&#39;re interested in building a plugin, get in touch early - early developers shape the API.</p>
<p style="font-family:var(--body);font-weight:500;font-size:1rem;color:var(--t1);margin-bottom:0.5rem">Building something?</p>
<p style="font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.6">The developer program opens before the Marketplace does. If you&#39;re interested in building a plugin, get in touch early - early developers shape the API.</p>
</div>
<button onclick=\"document.getElementById('developer-interest').style.display='block';document.getElementById('developer-interest').scrollIntoView({behavior:'smooth',block:'start'});this.style.display='none';\" class=\"btn-ghost\" style=\"white-space:nowrap;flex-shrink:0\">Developer interest &rarr;</button>
<button onclick="document.getElementById('developer-interest').style.display='block';document.getElementById('developer-interest').scrollIntoView({behavior:'smooth',block:'start'});this.style.display='none';" class="btn-ghost" style="white-space:nowrap;flex-shrink:0">Developer interest &rarr;</button>
</div>
</div>
</div>
<!-- Developer interest form — hidden until button click -->
<div id=\"developer-interest\" class=\"container\" style=\"display:none;margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(0,82,160,.10)\">
<div style=\"max-width:42rem\">
<p class=\"label\" style=\"margin-bottom:0.75rem;color:var(--navy-85)\">Developer Program</p>
<h3 style=\"font-family:var(--display);font-size:1.75rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em;margin-bottom:1rem;line-height:1.2\">Get early access</h3>
<p style=\"font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2.5rem\">The developer program opens before the Marketplace does. Early developers shape the plugin API. Tell me what you want to build.</p>
<form id=\"dev-form\" class=\"dev-form-grid\">
<div class=\"dev-field\">
<label for=\"dev-name\" class=\"dev-label\">Name</label>
<input id=\"dev-name\" type=\"text\" required placeholder=\"Your name\" class=\"dev-input\">
<div id="developer-interest" class="container" style="display:none;margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(0,82,160,.10)">
<div style="max-width:42rem">
<p class="label" style="margin-bottom:0.75rem;color:var(--navy-85)">Developer Program</p>
<h3 style="font-family:var(--display);font-size:1.75rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em;margin-bottom:1rem;line-height:1.2">Get early access</h3>
<p style="font-family:var(--body);font-weight:300;font-size:0.9rem;color:var(--t2);line-height:1.75;margin-bottom:2.5rem">The developer program opens before the Marketplace does. Early developers shape the plugin API. Tell me what you want to build.</p>
<form id="dev-form" class="dev-form-grid">
<div class="dev-field">
<label for="dev-name" class="dev-label">Name</label>
<input id="dev-name" type="text" required placeholder="Your name" class="dev-input">
</div>
<div class=\"dev-field\">
<label for=\"dev-email\" class=\"dev-label\">Email</label>
<input id=\"dev-email\" type=\"email\" required placeholder=\"you@example.com\" class=\"dev-input\">
<div class="dev-field">
<label for="dev-email" class="dev-label">Email</label>
<input id="dev-email" type="email" required placeholder="you@example.com" class="dev-input">
</div>
<div class=\"dev-field dev-field-full\">
<label for=\"dev-idea\" class=\"dev-label\">What do you want to build?</label>
<textarea id=\"dev-idea\" required rows=\"5\" placeholder=\"Tell me about the plugin or integration you have in mind...\" class=\"dev-input dev-textarea\"></textarea>
<div class="dev-field dev-field-full">
<label for="dev-idea" class="dev-label">What do you want to build?</label>
<textarea id="dev-idea" required rows="5" placeholder="Tell me about the plugin or integration you have in mind..." class="dev-input dev-textarea"></textarea>
</div>
<div class=\"dev-field-full\">
<button type=\"submit\" class=\"btn-primary\">Send interest &rarr;</button>
<p id=\"dev-msg\" style=\"font-family:var(--body);font-size:0.8rem;color:var(--t3);margin-top:0.75rem;display:none\"></p>
<div class="dev-field-full">
<button type="submit" class="btn-primary">Send interest &rarr;</button>
<p id="dev-msg" style="font-family:var(--body);font-size:0.8rem;color:var(--t3);margin-top:0.75rem;display:none"></p>
</div>
</form>
</div>
</div>
<script src=\"/js/marketplace.js\" defer></script>
<script src="/js/marketplace.js" defer></script>
</section>
@@ -230,5 +229,4 @@ fn marketplace() -> String {
}
.dev-textarea { resize: vertical; min-height: 120px; }
</style>
"
}