ether-code 0.2.9 → 0.3.0

package/cli/ether.js

@@ -6,7 +6,7 @@ const http = require('http')
 const { EtherCompiler } = require('./compiler')
 const { Watcher } = require('./watcher')
 
-const VERSION = '0.2.9'
+const VERSION = '0.3.0'
 
 const COLORS = {
   reset: '\x1b[0m',
@@ -37,6 +37,45 @@ const MIME_TYPES = {
   '.eot': 'application/vnd.ms-fontobject'
 }
 
+const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499 500">
+  <defs>
+    <linearGradient id="g1" x1="1.106" y1="250.053" x2="498.862" y2="250.053" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#03AFC6"/><stop offset=".513" stop-color="#31BAD3"/><stop offset="1" stop-color="#3EC4DD"/>
+    </linearGradient>
+    <linearGradient id="g2" x1="56.332" y1="250.053" x2="470.304" y2="250.053" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#4758A7"/><stop offset=".26" stop-color="#6F53A2"/><stop offset=".594" stop-color="#924A9D"/><stop offset=".852" stop-color="#A64399"/><stop offset="1" stop-color="#AE4097"/>
+    </linearGradient>
+    <linearGradient id="g3" x1="144.131" y1="289.106" x2="448.279" y2="147.279" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#5E6AB2"/><stop offset=".114" stop-color="#5A77B7"/><stop offset=".416" stop-color="#4D96C8"/><stop offset=".675" stop-color="#3DADD5"/><stop offset=".878" stop-color="#30BBDD"/><stop offset="1" stop-color="#24C1E1"/>
+    </linearGradient>
+    <linearGradient id="g4" x1="223.275" y1="258.888" x2="387.137" y2="182.478" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#5E6AB2"/><stop offset=".114" stop-color="#5A77B7"/><stop offset=".416" stop-color="#4D96C8"/><stop offset=".675" stop-color="#3DADD5"/><stop offset=".878" stop-color="#30BBDD"/><stop offset="1" stop-color="#24C1E1"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#g1)" d="M5.381,238.563c-5.468-13.48-5.838-18.365-0.256-29.006c5.582-10.641,129.113-178.821,157.852-196.679C191.716-4.979,414.415,0.938,431.034,1.795c16.621,0.856,39.463,3.869,45.858,10.234c6.395,6.365,10.242,8.502,12.175,17.908c1.932,9.406,7.304,45.665,8.664,91.185c1.362,45.521,1.822,152.92-0.505,186.578c-2.325,33.658-1.465,47.184-14.553,67.173c-13.089,19.987-218.044,111.611-232.689,117.413c-14.646,5.801-35.404,16.623-62.205-6.569C160.979,462.526,5.381,238.563,5.381,238.563z"/>
+  <path fill="url(#g2)" d="M291.136,436.653c-7.71,3.354-52.39,24.228-61.917,23.915c-10.871-0.359-16.045-4.679-36.578-31.196C157.484,383.969,67.434,258.436,60.702,243.983c-5.766-12.377-6.472-19.474,1.826-32.931c8.299-13.456,105.229-151.605,117.666-160.906c12.648-9.458,23.041-10.032,35.5-10.188c55.329-0.694,152.766-0.725,225.992,1.368c16.294,0.466,24.063,11.799,24.653,21.583c5.707,94.576,6.6,150.435-6.481,266.374c-3.107,27.537-16.15,39.634-36.553,49.895C402.604,389.586,301.741,432.036,291.136,436.653z"/>
+  <path fill="url(#g3)" d="M397.598,278.148c2.596,0.083,3.073,1.179,3.474,1.965c0.642,1.265,0.51,3.642-0.264,5.969c-0.545,1.638-10.225,33.388-13.646,43.11c-1.364,3.871-2.896,4.9-5.702,6.357c-2.692,1.396-132.598,52.559-143.222,56.099c-6.013,2.006-6.541,0.742-9.292-1.695c-2.749-2.437-107.08-151.266-109.972-155.301c-2.893-4.034-1.419-6.227-0.711-7.854c1.636-3.759,78.848-110.176,84.417-116.574c5.57-6.398,8.097-8.37,12.46-11.03c2.771-1.689,5.406-3.374,11.53-3.739c12.276-0.731,183.793-0.426,192.787,0.333c4.049,0.342,7.233,1.441,6.384,6.319c-0.853,4.879-9.874,46.584-8.671,43.199c1.204-3.385-1.01,5.33-8.432,5.348c-7.422,0.02-153.731,0-157.729,0.039c-6.107,0.06-6.991,0.443-7.952,1.426c-2.176,2.226-54.269,71.788-57.427,75.836c-3.157,4.048-2.247,5.316,1.448,9.065c3.695,3.748,69.606,62.824,69.606,62.824s-10.604-21.547-8.459-21.547"/>
+  <path fill="url(#g4)" d="M213.282,235.909c14.12-20.019,28.129-36.342,31.945-40.798c5.362-6.26,5.762-5.197,8.629-5.197c2.869,0,132.714,0.003,132.714,0.003s2.916-0.469,4.863,1.864c1.029,1.235-0.298,5.654-0.298,5.654l-9.552,40.332c0,0-1.318,5.72-6.366,5.649C334.696,242.847,208.748,250.903,213.282,235.909"/>
+</svg>`
+
+const FAVICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499 500">
+  <defs>
+    <linearGradient id="f1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0" stop-color="#03AFC6"/><stop offset="1" stop-color="#3EC4DD"/>
+    </linearGradient>
+    <linearGradient id="f2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0" stop-color="#4758A7"/><stop offset="1" stop-color="#AE4097"/>
+    </linearGradient>
+    <linearGradient id="f3" x1="0%" y1="100%" x2="100%" y2="0%">
+      <stop offset="0" stop-color="#5E6AB2"/><stop offset="1" stop-color="#24C1E1"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#f1)" d="M5.381,238.563c-5.468-13.48-5.838-18.365-0.256-29.006c5.582-10.641,129.113-178.821,157.852-196.679C191.716-4.979,414.415,0.938,431.034,1.795c16.621,0.856,39.463,3.869,45.858,10.234c6.395,6.365,10.242,8.502,12.175,17.908c1.932,9.406,7.304,45.665,8.664,91.185c1.362,45.521,1.822,152.92-0.505,186.578c-2.325,33.658-1.465,47.184-14.553,67.173c-13.089,19.987-218.044,111.611-232.689,117.413c-14.646,5.801-35.404,16.623-62.205-6.569C160.979,462.526,5.381,238.563,5.381,238.563z"/>
+  <path fill="url(#f2)" d="M291.136,436.653c-7.71,3.354-52.39,24.228-61.917,23.915c-10.871-0.359-16.045-4.679-36.578-31.196C157.484,383.969,67.434,258.436,60.702,243.983c-5.766-12.377-6.472-19.474,1.826-32.931c8.299-13.456,105.229-151.605,117.666-160.906c12.648-9.458,23.041-10.032,35.5-10.188c55.329-0.694,152.766-0.725,225.992,1.368c16.294,0.466,24.063,11.799,24.653,21.583c5.707,94.576,6.6,150.435-6.481,266.374c-3.107,27.537-16.15,39.634-36.553,49.895C402.604,389.586,301.741,432.036,291.136,436.653z"/>
+  <path fill="url(#f3)" d="M397.598,278.148c2.596,0.083,3.073,1.179,3.474,1.965c0.642,1.265,0.51,3.642-0.264,5.969c-0.545,1.638-10.225,33.388-13.646,43.11c-1.364,3.871-2.896,4.9-5.702,6.357c-2.692,1.396-132.598,52.559-143.222,56.099c-6.013,2.006-6.541,0.742-9.292-1.695c-2.749-2.437-107.08-151.266-109.972-155.301c-2.893-4.034-1.419-6.227-0.711-7.854c1.636-3.759,78.848-110.176,84.417-116.574c5.57-6.398,8.097-8.37,12.46-11.03c2.771-1.689,5.406-3.374,11.53-3.739c12.276-0.731,183.793-0.426,192.787,0.333c4.049,0.342,7.233,1.441,6.384,6.319c-0.853,4.879-9.874,46.584-8.671,43.199c1.204-3.385-1.01,5.33-8.432,5.348c-7.422,0.02-153.731,0-157.729,0.039c-6.107,0.06-6.991,0.443-7.952,1.426c-2.176,2.226-54.269,71.788-57.427,75.836c-3.157,4.048-2.247,5.316,1.448,9.065c3.695,3.748,69.606,62.824,69.606,62.824s-10.604-21.547-8.459-21.547"/>
+  <path fill="url(#f3)" d="M213.282,235.909c14.12-20.019,28.129-36.342,31.945-40.798c5.362-6.26,5.762-5.197,8.629-5.197c2.869,0,132.714,0.003,132.714,0.003s2.916-0.469,4.863,1.864c1.029,1.235-0.298,5.654-0.298,5.654l-9.552,40.332c0,0-1.318,5.72-6.366,5.649C334.696,242.847,208.748,250.903,213.282,235.909"/>
+</svg>`
+
 function log(msg, color) {
   console.log((color || '') + msg + COLORS.reset)
 }
@@ -138,7 +177,7 @@ function findEthFiles(dir) {
   return files
 }
 
-function startServer(outDir, port) {
+function startServer(outDir, publicDir, port) {
   const clients = []
   
   const liveReloadScript = '<script>(function(){var es=new EventSource("/__ether_reload");es.onmessage=function(e){if(e.data==="reload")location.reload()};})();</script>'
@@ -163,6 +202,10 @@ function startServer(outDir, port) {
     const urlPath = req.url.split('?')[0]
     let filePath = path.join(outDir, urlPath === '/' ? 'index.html' : urlPath)
     
+    if (!fs.existsSync(filePath) && publicDir) {
+      filePath = path.join(publicDir, urlPath)
+    }
+    
     if (fs.existsSync(filePath) && fs.statSync(filePath).isDirectory()) {
       filePath = path.join(filePath, 'index.html')
     }
@@ -237,13 +280,339 @@ function cmdInit() {
   if (!fs.existsSync(imagesDir)) fs.mkdirSync(imagesDir, { recursive: true })
   if (!fs.existsSync(videosDir)) fs.mkdirSync(videosDir, { recursive: true })
   
-  const configContent = 'module.exports = {\n  src: "src",\n  out: "dist",\n  port: 3000,\n  lang: "fr"\n}\n'
+  fs.writeFileSync(path.join(imagesDir, 'logo.svg'), LOGO_SVG)
+  fs.writeFileSync(path.join(publicDir, 'favicon.svg'), FAVICON_SVG)
   
-  const indexContent = '// cible: html\n\ndocument\n  tete\n    meta charset: "UTF-8"\n    meta name: "viewport", content: "width=device-width, initial-scale=1.0"\n    titre "Mon projet Ether"\n    lien rel: "stylesheet", href: "styles.css"\n  corps\n    entete classe: "header"\n      titre1 "Bienvenue"\n    principal classe: "main"\n      paragraphe "Mon premier projet Ether!"\n    pied classe: "footer"\n      paragraphe "Cree avec Ether"\n'
+  const configContent = 'module.exports = {\n  src: "src",\n  out: "dist",\n  public: "public",\n  port: 3000,\n  lang: "fr"\n}\n'
+  
+  const indexContent = `// cible: html
+
+document
+  tete
+    meta charset: "UTF-8"
+    meta name: "viewport", content: "width=device-width, initial-scale=1.0"
+    titre "Ether - Le langage intentionnel"
+    lien rel: "icon", type: "image/svg+xml", href: "/favicon.svg"
+    lien rel: "stylesheet", href: "styles.css"
+  
+  corps
+    entete classe: "hero"
+      nav classe: "navbar"
+        div classe: "logo"
+          image src: "/images/logo.svg", alt: "Ether", classe: "logo-icon"
+          span "Ether"
+        liste-non-ordonnee classe: "nav-links"
+          element-liste
+            lien href: "#features"
+              "Fonctionnalités"
+          element-liste
+            lien href: "#examples"
+              "Exemples"
+          element-liste
+            lien href: "#docs"
+              "Documentation"
+      
+      div classe: "hero-content"
+        titre1 classe: "hero-title"
+          "Écrivez du code"
+          saut-ligne
+          span classe: "gradient-text"
+            "comme vous pensez"
+        paragraphe classe: "hero-subtitle"
+          "Ether est un langage intentionnel qui compile vers HTML, CSS, JavaScript et plus encore. Naturel, intuitif, puissant."
+        div classe: "hero-buttons"
+          lien href: "#start", classe: "btn btn-primary"
+            "Commencer"
+          lien href: "#learn", classe: "btn btn-secondary"
+            "En savoir plus"
+    
+    principal
+      section id: "features", classe: "features"
+        titre2 classe: "section-title"
+          "Pourquoi Ether ?"
+        div classe: "features-grid"
+          article classe: "feature-card"
+            div classe: "feature-icon"
+              "🎯"
+            titre3 "Intuitif"
+            paragraphe "Écrivez du code en langage naturel. Plus besoin de mémoriser des syntaxes complexes."
+          article classe: "feature-card"
+            div classe: "feature-icon"
+              "⚡"
+            titre3 "Rapide"
+            paragraphe "Compilation instantanée avec rechargement automatique en mode développement."
+          article classe: "feature-card"
+            div classe: "feature-icon"
+              "🌍"
+            titre3 "Multilingue"
+            paragraphe "Codez en français, anglais, espagnol et plus. Votre langue, votre code."
+          article classe: "feature-card"
+            div classe: "feature-icon"
+              "🔧"
+            titre3 "Flexible"
+            paragraphe "Compile vers HTML, CSS, JS, PHP, Python, SQL et bien d'autres langages."
+      
+      section id: "examples", classe: "examples"
+        titre2 classe: "section-title"
+          "Simple et élégant"
+        div classe: "code-comparison"
+          div classe: "code-block"
+            div classe: "code-header"
+              "Ether"
+            pre
+              code
+                "document\\n  corps\\n    titre1 \\"Bonjour\\"\\n    paragraphe \\"Le monde\\""
+          div classe: "code-arrow"
+            "→"
+          div classe: "code-block"
+            div classe: "code-header"
+              "HTML"
+            pre
+              code
+                "&lt;!DOCTYPE html&gt;\\n&lt;html&gt;\\n  &lt;body&gt;\\n    &lt;h1&gt;Bonjour&lt;/h1&gt;\\n    &lt;p&gt;Le monde&lt;/p&gt;\\n  &lt;/body&gt;\\n&lt;/html&gt;"
+    
+    pied classe: "footer"
+      paragraphe
+        "Créé avec"
+        span classe: "heart"
+          " ♥ "
+        "par la communauté Ether"
+      paragraphe classe: "copyright"
+        "© 2025 Ether. MIT License."
+    
+    script src: "app.js"
+`
+
+  const stylesContent = `// cible: css
+
+racine
+  couleur-primaire: "#6366f1"
+  couleur-secondaire: "#8b5cf6"
+  couleur-accent: "#06b6d4"
+  couleur-fond: "#0f0f23"
+  couleur-surface: "#1a1a2e"
+  couleur-texte: "#e2e8f0"
+  couleur-texte-pale: "#94a3b8"
+
+*
+  marge: 0
+  remplissage: 0
+  modele-boite: border-box
+
+corps
+  famille-police: "system-ui", "-apple-system", "sans-serif"
+  couleur-fond: var(--couleur-fond)
+  couleur: var(--couleur-texte)
+  hauteur-ligne: 1.6
+
+.hero
+  min-hauteur: 100vh
+  fond: "linear-gradient(135deg, var(--couleur-fond) 0%, var(--couleur-surface) 100%)"
+  position: relative
+  debordement: cache
+
+.navbar
+  affichage: flex
+  justifier-contenu: space-between
+  aligner-elements: center
+  remplissage: "1.5rem 5%"
+  position: fixed
+  largeur: 100%
+  haut: 0
+  z-index: 100
+  fond: "rgba(15, 15, 35, 0.9)"
+  flou-fond: "10px"
+
+.logo
+  affichage: flex
+  aligner-elements: center
+  espace: "0.75rem"
+  taille-police: "1.5rem"
+  poids-police: 700
+
+.logo-icon
+  largeur: "2.5rem"
+  hauteur: "2.5rem"
+
+.nav-links
+  affichage: flex
+  liste-style: none
+  espace: "2rem"
+
+.nav-links lien
+  couleur: var(--couleur-texte-pale)
+  decoration-texte: none
+  transition: "couleur 0.3s"
+  au survol
+    couleur: var(--couleur-primaire)
+
+.hero-content
+  texte-aligne: center
+  remplissage: "12rem 5% 5rem"
+  max-largeur: "800px"
+  marge: "0 auto"
+
+.hero-title
+  taille-police: "3.5rem"
+  poids-police: 800
+  marge-bas: "1.5rem"
+  hauteur-ligne: 1.2
+
+.gradient-text
+  fond: "linear-gradient(90deg, var(--couleur-primaire), var(--couleur-accent))"
+  decoupe-fond: text
+  couleur: transparent
+
+.hero-subtitle
+  taille-police: "1.25rem"
+  couleur: var(--couleur-texte-pale)
+  marge-bas: "2.5rem"
+  max-largeur: "600px"
+  marge-gauche: auto
+  marge-droite: auto
 
-  const stylesContent = '// cible: css\n\n.header\n  fond: bleu\n  couleur: blanc\n  padding: 2rem\n  texte aligne: centre\n\n.main\n  padding: 2rem\n\n.footer\n  fond: gris fonce\n  couleur: blanc\n  padding: 1rem\n  texte aligne: centre\n'
+.hero-buttons
+  affichage: flex
+  espace: "1rem"
+  justifier-contenu: center
 
-  const appContent = '// cible: js\n\nconsole.log("Ether ready!")\n'
+.btn
+  remplissage: "0.875rem 2rem"
+  rayon-bordure: "0.5rem"
+  taille-police: "1rem"
+  poids-police: 600
+  decoration-texte: none
+  transition: "transform 0.2s, box-shadow 0.2s"
+  au survol
+    transformation: "translateY(-2px)"
+
+.btn-primary
+  fond: "linear-gradient(90deg, var(--couleur-primaire), var(--couleur-secondaire))"
+  couleur: white
+  au survol
+    ombre-boite: "0 10px 30px rgba(99, 102, 241, 0.4)"
+
+.btn-secondary
+  fond: transparent
+  couleur: var(--couleur-texte)
+  bordure: "2px solid var(--couleur-primaire)"
+  au survol
+    fond: "rgba(99, 102, 241, 0.1)"
+
+.features
+  remplissage: "6rem 5%"
+
+.section-title
+  texte-aligne: center
+  taille-police: "2.5rem"
+  marge-bas: "3rem"
+
+.features-grid
+  affichage: grid
+  colonnes-grille: "repeat(auto-fit, minmax(250px, 1fr))"
+  espace: "2rem"
+  max-largeur: "1200px"
+  marge: "0 auto"
+
+.feature-card
+  fond: var(--couleur-surface)
+  remplissage: "2rem"
+  rayon-bordure: "1rem"
+  texte-aligne: center
+  transition: "transform 0.3s"
+  au survol
+    transformation: "translateY(-5px)"
+
+.feature-icon
+  taille-police: "3rem"
+  marge-bas: "1rem"
+
+.feature-card titre3
+  marge-bas: "0.75rem"
+  taille-police: "1.25rem"
+
+.feature-card paragraphe
+  couleur: var(--couleur-texte-pale)
+
+.examples
+  remplissage: "6rem 5%"
+  fond: var(--couleur-surface)
+
+.code-comparison
+  affichage: flex
+  aligner-elements: center
+  justifier-contenu: center
+  espace: "2rem"
+  flex-wrap: wrap
+  max-largeur: "1000px"
+  marge: "0 auto"
+
+.code-block
+  fond: var(--couleur-fond)
+  rayon-bordure: "0.75rem"
+  debordement: cache
+  min-largeur: "300px"
+
+.code-header
+  fond: "rgba(99, 102, 241, 0.2)"
+  remplissage: "0.75rem 1rem"
+  poids-police: 600
+  couleur: var(--couleur-primaire)
+
+.code-block pre
+  remplissage: "1.5rem"
+  marge: 0
+
+.code-block code
+  famille-police: "Fira Code", "Monaco", monospace
+  taille-police: "0.9rem"
+  blanc: pre
+
+.code-arrow
+  taille-police: "2rem"
+  couleur: var(--couleur-primaire)
+
+.footer
+  texte-aligne: center
+  remplissage: "3rem 5%"
+  fond: var(--couleur-fond)
+
+.heart
+  couleur: "#ef4444"
+
+.copyright
+  marge-haut: "0.5rem"
+  couleur: var(--couleur-texte-pale)
+  taille-police: "0.875rem"
+
+@media (max-largeur: 768px)
+  .hero-title
+    taille-police: "2.5rem"
+  .nav-links
+    affichage: none
+  .code-arrow
+    transformation: "rotate(90deg)"
+`
+
+  const appContent = `// cible: js
+
+constante annee = nouveau Date().getFullYear()
+
+fonction initialiser()
+  constante copyright = document.querySelector(".copyright")
+  si copyright
+    copyright.textContent = "© " + annee + " Ether. MIT License."
+  
+  constante liens = document.querySelectorAll("a[href^='#']")
+  pour chaque lien dans liens
+    lien.addEventListener "click", fonction(e)
+      e.preventDefault()
+      constante cible = document.querySelector(this.getAttribute("href"))
+      si cible
+        cible.scrollIntoView({ behavior: "smooth" })
+
+document.addEventListener "DOMContentLoaded", initialiser
+`
 
   const packageContent = '{\n  "name": "mon-projet-ether",\n  "version": "1.0.0",\n  "scripts": {\n    "dev": "ether dev",\n    "build": "ether build"\n  }\n}\n'
 
@@ -259,7 +628,8 @@ function cmdInit() {
   console.log('  src/index.eth')
   console.log('  src/styles.eth')
   console.log('  src/app.eth')
-  console.log('  public/images/')
+  console.log('  public/images/logo.svg')
+  console.log('  public/favicon.svg')
   console.log('  public/videos/')
   console.log('  ether.config.js')
   console.log('  package.json')
@@ -347,6 +717,7 @@ function cmdDev(options) {
   const config = loadConfig(options.config)
   const srcDir = path.resolve(process.cwd(), config.src)
   const outDir = path.resolve(process.cwd(), options.output || config.out)
+  const publicDir = config.public ? path.resolve(process.cwd(), config.public) : null
   const port = options.port || config.port || 3000
   
   if (!fs.existsSync(srcDir)) {
@@ -360,9 +731,12 @@ function cmdDev(options) {
   
   logInfo('Surveillance de ' + srcDir)
   logInfo('Sortie vers ' + outDir)
+  if (publicDir) {
+    logInfo('Fichiers statiques depuis ' + publicDir)
+  }
   console.log('')
   
-  const devServer = startServer(outDir, port)
+  const devServer = startServer(outDir, publicDir, port)
   
   logInfo('Compilation initiale...')
   cmdBuild(Object.assign({}, options, { quiet: true }))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ether-code",
-  "version": "0.2.9",
+  "version": "0.3.0",
   "description": "Ether - Le langage intentionnel",
   "main": "cli/compiler.js",
   "bin": {