Add Python target to website

Update website copy, playground, highlighter, and formatter to include
Python as a compilation target alongside JavaScript, Ruby, and SQL.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: claude

web/public/styles/pages/home.css

@@ -324,6 +324,11 @@ body.light-theme .js-badge {
   color: #ef4444;
 }
 
+.python-badge {
+  background: rgba(52, 152, 219, 0.2);
+  color: #3498db;
+}
+
 .sql-badge {
   background: rgba(59, 130, 246, 0.2);
   color: #3b82f6;

web/src/layouts/Layout.astro

@@ -7,7 +7,7 @@ interface Props {
 
 const {
   title = 'Elo — An expression language',
-  description = 'A simple, well-designed, portable, and safe data expression language that compiles to JavaScript, Ruby, and SQL.',
+  description = 'A simple, well-designed, portable, and safe data expression language that compiles to JavaScript, Ruby, Python, and SQL.',
   activeNav = 'home'
 } = Astro.props;
 

web/src/pages/index.astro

@@ -20,7 +20,7 @@ const url = (path: string) => `${base}${path}`;
         </div>
         <h1>The Elo Language</h1>
         <p class="tagline">A simple, well-designed, portable, and safe data expression language</p>
-        <p class="subtitle">Elo compiles to JavaScript, Ruby, and SQL. Built for No-Code tools where non-technical users need to manipulate data easily and safely.</p>
+        <p class="subtitle">Elo compiles to JavaScript, Ruby, Python, and SQL. Built for No-Code tools where non-technical users need to manipulate data easily and safely.</p>
         <div class="cta-buttons">
           <a href={url('/try')} class="cta-button">Try it now</a>
           <a href={url('/reference#get-started')} class="cta-button cta-secondary">Get started</a>
@@ -34,9 +34,9 @@ const url = (path: string) => `${base}${path}`;
           <p>A pure data language: everything is a value, no reference semantics, no <code>new</code>. One equality operator that just works. Designed to be safe for non-technical users.</p>
         </div>
         <div class="feature-card">
-          <div class="feature-icon">3x</div>
+          <div class="feature-icon">4x</div>
           <h3>Truly Portable</h3>
-          <p>One expression compiles to semantically equivalent JavaScript, Ruby, and SQL. Frontend, backend, and database all speak the same data language.</p>
+          <p>One expression compiles to semantically equivalent JavaScript, Ruby, Python, and SQL. Frontend, backend, and database all speak the same data language.</p>
         </div>
         <div class="feature-card">
           <div class="feature-icon">{`{}`}</div>
@@ -85,7 +85,7 @@ in
           </div>
           <div class="unique-explain">
             <h4>Functional &amp; Portable</h4>
-            <p>Pipeline operators, lambdas, and a comprehensive <a href={url('/stdlib')}>standard library</a>. Write once, compile to JavaScript, Ruby, and SQL—same semantics everywhere.</p>
+            <p>Pipeline operators, lambdas, and a comprehensive <a href={url('/stdlib')}>standard library</a>. Write once, compile to JavaScript, Ruby, Python, and SQL—same semantics everywhere.</p>
           </div>
         </div>
 
@@ -122,7 +122,7 @@ in
       </section>
 
       <section class="targets-section">
-        <h2>One Expression, Three Targets</h2>
+        <h2>One Expression, Four Targets</h2>
         <p class="targets-intro">Elo compiles to idiomatic code in each target language</p>
 
         <div class="targets-demo">
@@ -139,6 +139,10 @@ in
               <span class="lang-badge ruby-badge">Ruby</span>
               <pre>2 ** 10 > 1000 && Date.today >= Date.today.beginning_of_year</pre>
             </div>
+            <div class="target-card">
+              <span class="lang-badge python-badge">Python</span>
+              <pre>2 ** 10 > 1000 and date.today() >= _elo_start_of_year(datetime.now())</pre>
+            </div>
             <div class="target-card">
               <span class="lang-badge sql-badge">SQL</span>
               <pre>POWER(2, 10) > 1000 AND CURRENT_DATE >= DATE_TRUNC('year', CURRENT_DATE)</pre>

web/src/pages/learn.astro

@@ -41,7 +41,7 @@ const url = (path: string) => `${base}${path}`;
       <header class="page-header">
         <h1>Learn Elo</h1>
         <p class="page-intro">
-          Elo is an expression language that compiles to JavaScript, Ruby, and SQL.
+          Elo is an expression language that compiles to JavaScript, Ruby, Python, and SQL.
           Think of it as an extended calculator: you write expressions, Elo gives you results.
           Let's explore what makes Elo special.
         </p>
@@ -81,7 +81,7 @@ in
           This checks if an input email belongs to a company domain. The <code>_</code> is input data.
         </p>
         <p class="lesson-tip">
-          <strong>Write once, run anywhere:</strong> These expressions compile to JavaScript, Ruby, and SQL.
+          <strong>Write once, run anywhere:</strong> These expressions compile to JavaScript, Ruby, Python, and SQL.
           The same logic works in your browser, on your server, or in your database.
         </p>
       </section>
@@ -457,7 +457,7 @@ in
           let you define schemas that validate structure and coerce values to the right types.
         </p>
         <p class="lesson-tip">
-          <strong>Note:</strong> Type definitions compile to JavaScript and Ruby only. SQL is not supported.
+          <strong>Note:</strong> Type definitions compile to JavaScript, Ruby, and Python only. SQL is not supported.
         </p>
 
         <h3>Type Coercion</h3>
@@ -542,7 +542,7 @@ in &#123; name: 'Alice', age: '30' &#125; |> Person</pre>
           and make your assumptions explicit. Use guards to reason confidently about your code.
         </p>
         <p class="lesson-tip">
-          <strong>Note:</strong> Guards compile to JavaScript and Ruby only. SQL is not supported.
+          <strong>Note:</strong> Guards compile to JavaScript, Ruby, and Python only. SQL is not supported.
         </p>
 
         <h3>Simple Guards</h3>
@@ -901,7 +901,7 @@ in
           If any validation fails, an error is thrown immediately.
         </p>
         <p class="lesson-tip">
-          <strong>Note:</strong> Type definitions compile to JavaScript and Ruby only.
+          <strong>Note:</strong> Type definitions compile to JavaScript, Ruby, and Python only.
         </p>
       </section>
 
@@ -995,7 +995,7 @@ in
           </li>
         </ul>
         <p class="lesson-closing">
-          Remember: Elo compiles to JavaScript, Ruby, and SQL. Write once, run anywhere.
+          Remember: Elo compiles to JavaScript, Ruby, Python, and SQL. Write once, run anywhere.
           <br>Happy coding!
         </p>
       </section>

web/src/pages/reference.astro

@@ -39,7 +39,7 @@ import Footer from '../components/Footer.astro';
         <h1>The Elo Language</h1>
         <p class="page-intro">
           Elo is a small expression language that compiles to <strong>JavaScript</strong>,
-          <strong>Ruby</strong>, and <strong>SQL</strong>. Write once, run anywhere.
+          <strong>Ruby</strong>, <strong>Python</strong>, and <strong>SQL</strong>. Write once, run anywhere.
         </p>
       </header>
 
@@ -279,7 +279,7 @@ import Footer from '../components/Footer.astro';
           <pre class="language-elo">let double = fn( x ~> x * 2 ) in double(5)</pre>
           <p class="example-desc">Bind a lambda to a name, then call it. Returns 10.</p>
         </div>
-        <p class="note"><strong>Note:</strong> Lambdas compile to JavaScript and Ruby only. SQL does not support function expressions.</p>
+        <p class="note"><strong>Note:</strong> Lambdas compile to JavaScript, Ruby, and Python only. SQL does not support function expressions.</p>
       </section>
 
       <section class="doc-section" id="variables">
@@ -421,7 +421,7 @@ import Footer from '../components/Footer.astro';
       <section class="doc-section" id="data-schemas">
         <h2>Data Schemas</h2>
         <p>Data schemas let you validate and transform complex data structures like JSON. Define schemas using uppercase <code>let</code> bindings with <a href="#type-selectors">type selectors</a>, then apply them with the pipe operator.</p>
-        <p class="note"><strong>Note:</strong> Data schemas compile to JavaScript and Ruby only. SQL is not supported.</p>
+        <p class="note"><strong>Note:</strong> Data schemas compile to JavaScript, Ruby, and Python only. SQL is not supported.</p>
 
         <h3>Basic Types</h3>
         <p>All <a href="#type-selectors">type selectors</a> can be used as schema types: <code>Int</code>, <code>Float</code>, <code>Bool</code>, <code>String</code>, <code>Null</code>, <code>Date</code>, <code>Datetime</code>, <code>Duration</code>, <code>Data</code>. Use <code>.</code> (dot) for any value.</p>
@@ -649,7 +649,7 @@ elo -e "&#123;name: 'test'&#125;" -o elo</code></pre>
           <pre class="language-elo">5 |> guard(x | x > 0)</pre>
           <p class="example-desc">Creates a lambda that validates its input. Returns the value if valid.</p>
         </div>
-        <p class="note"><strong>Note:</strong> Guards compile to JavaScript and Ruby only. Use <code>--strip-guards</code> to remove guards in production builds.</p>
+        <p class="note"><strong>Note:</strong> Guards compile to JavaScript, Ruby, and Python only. Use <code>--strip-guards</code> to remove guards in production builds.</p>
       </section>
 
       <section class="doc-section" id="get-started">
@@ -665,7 +665,7 @@ elo -e "&#123;name: 'test'&#125;" -o elo</code></pre>
         <p>This gives you two commands:</p>
         <ul>
           <li><code>elo</code> — Evaluate Elo expressions and see results immediately</li>
-          <li><code>eloc</code> — Compile Elo to JavaScript, Ruby, or SQL</li>
+          <li><code>eloc</code> — Compile Elo to JavaScript, Ruby, Python, or SQL</li>
         </ul>
 
         <h3>Quick Examples</h3>
@@ -699,11 +699,12 @@ import &#123; DateTime, Duration &#125; from 'luxon';
 const double = compile('_ * 2', &#123; runtime: &#123; DateTime, Duration &#125; &#125;);
 double(21); // => 42</pre>
         <h3>Lower-Level API</h3>
-        <pre class="language-js">import &#123; parse, compileToJavaScript, compileToRuby, compileToSQL &#125; from '@enspirit/elo';
+        <pre class="language-js">import &#123; parse, compileToJavaScript, compileToRuby, compileToPython, compileToSQL &#125; from '@enspirit/elo';
 
 const ast = parse('2 + 3 * 4');
 compileToJavaScript(ast); // => "2 + 3 * 4"
 compileToRuby(ast);       // => "2 + 3 * 4"
+compileToPython(ast);     // => "2 + 3 * 4"
 compileToSQL(ast);        // => "2 + 3 * 4"</pre>
       </section>
 
@@ -741,13 +742,16 @@ eloc -e "2 + 3 * 4" -t ruby
 # Compile to SQL
 eloc -e "2 + 3 * 4" -t sql
 
+# Compile to Python
+eloc -e "2 + 3 * 4" -t python
+
 # Include runtime prelude
 eloc -e "NOW + PT2H" -t ruby -p</pre>
         <table class="type-table">
           <thead><tr><th>Option</th><th>Description</th></tr></thead>
           <tbody>
             <tr><td><code>-e, --expression</code></td><td>Expression to compile</td></tr>
-            <tr><td><code>-t, --target</code></td><td>Target: <code>js</code>, <code>ruby</code>, <code>sql</code></td></tr>
+            <tr><td><code>-t, --target</code></td><td>Target: <code>js</code>, <code>ruby</code>, <code>python</code>, <code>sql</code></td></tr>
             <tr><td><code>-p, --prelude</code></td><td>Include runtime imports</td></tr>
             <tr><td><code>--strip-guards</code></td><td>Remove guard/check assertions</td></tr>
             <tr><td><code>-f, --file</code></td><td>Output to file</td></tr>

web/src/pages/try.astro

@@ -116,6 +116,7 @@ import Layout from '../layouts/Layout.astro';
           <option value="javascript">JavaScript</option>
           <option value="ruby">Ruby</option>
           <option value="sql">SQL</option>
+          <option value="python">Python</option>
         </select>
         <div class="flow-actions">
           <button

web/src/scripts/controllers/playground_controller.ts

@@ -11,21 +11,22 @@ import {
   compileToJavaScript,
   compileToJavaScriptWithMeta,
   compileToSQL,
+  compileToPython,
   getPrelude,
   defaultFormats,
   getFormat
 } from '@enspirit/elo';
 import type { PreludeTarget } from '@enspirit/elo';
 import { elo } from '../codemirror/elo-language';
 import { eloDarkTheme, eloLightTheme } from '../codemirror/elo-theme';
-import { highlightJS, highlightRuby, highlightSQL } from '../highlighter';
+import { highlightJS, highlightRuby, highlightSQL, highlightPython } from '../highlighter';
 import { formatCode } from '../formatters';
 
 // Make luxon DateTime and Duration available globally for eval (used by compiled IIFE helpers)
 (window as any).DateTime = DateTime;
 (window as any).Duration = Duration;
 
-type TargetLanguage = 'ruby' | 'javascript' | 'sql';
+type TargetLanguage = 'ruby' | 'javascript' | 'sql' | 'python';
 
 const STORAGE_KEY = 'elo-playground-code';
 
@@ -453,7 +454,7 @@ export default class PlaygroundController extends Controller {
       // Build final output with optional prelude
       let finalOutput = formattedOutput;
       if (includePrelude) {
-        const preludeTarget: PreludeTarget = language === 'javascript' ? 'javascript' : language as PreludeTarget;
+        const preludeTarget: PreludeTarget = language as PreludeTarget;
         const prelude = getPrelude(preludeTarget);
         if (prelude) {
           finalOutput = `${prelude}\n\n${formattedOutput}`;
@@ -540,7 +541,8 @@ export default class PlaygroundController extends Controller {
     const extensions: Record<TargetLanguage, string> = {
       javascript: 'js',
       ruby: 'rb',
-      sql: 'sql'
+      sql: 'sql',
+      python: 'py'
     };
 
     const blob = new Blob([this.currentOutput], { type: 'text/plain' });
@@ -571,6 +573,8 @@ export default class PlaygroundController extends Controller {
         return compileToJavaScript(ast);
       case 'sql':
         return compileToSQL(ast);
+      case 'python':
+        return compileToPython(ast);
       default:
         return '';
     }
@@ -584,6 +588,8 @@ export default class PlaygroundController extends Controller {
         return highlightRuby(code);
       case 'sql':
         return highlightSQL(code);
+      case 'python':
+        return highlightPython(code);
       default:
         return code;
     }

web/src/scripts/formatters.ts

@@ -115,14 +115,16 @@ export function formatRuby(code: string): string {
 /**
  * Format code based on language
  */
-export async function formatCode(code: string, language: 'javascript' | 'ruby' | 'sql'): Promise<string> {
+export async function formatCode(code: string, language: 'javascript' | 'ruby' | 'sql' | 'python'): Promise<string> {
   switch (language) {
     case 'javascript':
       return formatJS(code);
     case 'sql':
       return formatSQL(code);
     case 'ruby':
       return formatRuby(code);
+    case 'python':
+      return code;
     default:
       return code;
   }