ether-code 0.1.2 → 0.1.4

package/cli/compiler.js

@@ -212,8 +212,8 @@ class EtherCompiler {
   inferTargetFromContent(content) {
     const patterns = {
       html: [
-        /\b(page|document|entête|entete|corps|section|div|paragraphe|titre|lien|image|formulaire|bouton)\b/i,
-        /\b(balise|élément|element|attribut)\b/i
+        /\b(page|document|entête|corps|section|div|paragraphe|titre|lien|image|formulaire|bouton)\b/i,
+        /\b(balise|élément|attribut)\b/i
       ],
       css: [
         /\b(style|couleur|taille|marge|bordure|fond|police|largeur|hauteur)\s*[:=]/i,
@@ -222,7 +222,7 @@ class EtherCompiler {
       ],
       js: [
         /\b(fonction|variable|constante|si|sinon|pour|tant que|retourner)\b/i,
-        /\b(classe|méthode|methode|constructeur)\b/i,
+        /\b(classe|méthode|constructeur)\b/i,
         /=>\s*\{/
       ],
       php: [
@@ -230,7 +230,7 @@ class EtherCompiler {
         /\$\w+/
       ],
       sql: [
-        /\b(sélectionner|selectionner|insérer|inserer|mettre à jour|mettre a jour|supprimer|créer table|creer table|depuis|où|ou)\b/i,
+        /\b(sélectionner|insérer|mettre à jour|supprimer|créer table|depuis|où)\b/i,
         /\b(SELECT|INSERT|UPDATE|DELETE|CREATE|FROM|WHERE)\b/i
       ],
       python: [
@@ -238,7 +238,7 @@ class EtherCompiler {
         /:\s*$/m
       ],
       react: [
-        /\b(composant|état|etat|effet|props|rendu)\b/i,
+        /\b(composant|état|effet|props|rendu)\b/i,
         /<[\w]+[^>]*\/>/
       ],
       graphql: [
@@ -295,4 +295,4 @@ class EtherCompiler {
   }
 }
 
-module.exports = { EtherCompiler, GENERATORS, TARGET_EXTENSIONS }
+module.exports = { EtherCompiler, GENERATORS, TARGET_EXTENSIONS }

package/cli/ether.js

@@ -2,10 +2,11 @@
 
 const fs = require('fs')
 const path = require('path')
+const http = require('http')
 const { EtherCompiler } = require('./compiler')
 const { Watcher } = require('./watcher')
 
-const VERSION = '0.1.0'
+const VERSION = '0.1.4'
 
 const COLORS = {
   reset: '\x1b[0m',
@@ -62,7 +63,7 @@ ${COLORS.bright}UTILISATION${COLORS.reset}
 ${COLORS.bright}COMMANDES${COLORS.reset}
   ${COLORS.cyan}init${COLORS.reset}              Initialiser un nouveau projet Ether
   ${COLORS.cyan}build${COLORS.reset}             Compiler les fichiers .eth
-  ${COLORS.cyan}dev${COLORS.reset}               Mode développement (watch + compilation auto)
+  ${COLORS.cyan}dev${COLORS.reset}               Mode développement (serveur + watch + live reload)
   ${COLORS.cyan}check${COLORS.reset}             Vérifier la syntaxe sans compiler
   ${COLORS.cyan}help${COLORS.reset}              Afficher cette aide
   ${COLORS.cyan}version${COLORS.reset}           Afficher la version
@@ -70,6 +71,7 @@ ${COLORS.bright}COMMANDES${COLORS.reset}
 ${COLORS.bright}OPTIONS${COLORS.reset}
   -c, --config        Chemin vers le fichier de configuration
   -o, --output        Dossier de sortie
+  -p, --port          Port du serveur de développement (défaut: 3000)
   -w, --watch         Surveiller les changements (alias de dev)
   -v, --verbose       Mode verbeux
   -q, --quiet         Mode silencieux
@@ -82,11 +84,11 @@ ${COLORS.bright}EXEMPLES${COLORS.reset}
   ${COLORS.dim}# Compiler le projet${COLORS.reset}
   ether build
 
-  ${COLORS.dim}# Mode développement${COLORS.reset}
+  ${COLORS.dim}# Mode développement sur localhost:3000${COLORS.reset}
   ether dev
 
-  ${COLORS.dim}# Compiler avec config personnalisée${COLORS.reset}
-  ether build -c ./mon-config.js
+  ${COLORS.dim}# Mode développement sur un autre port${COLORS.reset}
+  ether dev -p 8080
 
 ${COLORS.bright}DOCUMENTATION${COLORS.reset}
   https://ether-code.com/docs
@@ -222,18 +224,20 @@ async function cmdInit() {
     logWarning('package.json existe déjà')
   }
 
-  const exampleEth = `// Exemple de fichier Ether
-// Cible: html
-
-page "Ma première page Ether"
-  entête
-    titre "Bienvenue"
-  
+  const exampleEth = `html
+  tête
+    titre "Ma première page Ether"
   corps
-    section #hero
-      titre "Ether"
+    entete
+      titre1 "Bienvenue sur Ether"
       paragraphe "Le langage intentionnel"
-      bouton .primary "Commencer"
+    principal
+      section #hero
+        titre2 "Commencez maintenant"
+        paragraphe "Programmez dans votre langue naturelle."
+        bouton .primary "Démarrer"
+    pied
+      paragraphe "© 2025 Créé avec Ether"
 `
 
   const examplePath = path.join(srcDir, 'index.eth')
@@ -341,6 +345,7 @@ async 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 port = options.port || config.port || 3000
   
   if (!fs.existsSync(srcDir)) {
     logError(`Dossier source introuvable: ${srcDir}`)
@@ -350,11 +355,105 @@ async function cmdDev(options) {
   logInfo(`Surveillance de ${srcDir}`)
   logInfo(`Sortie vers ${outDir}`)
   console.log('')
-  logInfo('En attente de modifications... (Ctrl+C pour arrêter)')
-  console.log('')
   
   await cmdBuild({ ...options, quiet: true })
   
+  const clients = []
+  
+  const MIME_TYPES = {
+    '.html': 'text/html',
+    '.css': 'text/css',
+    '.js': 'application/javascript',
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.svg': 'image/svg+xml',
+    '.ico': 'image/x-icon',
+    '.webp': 'image/webp',
+    '.mp4': 'video/mp4',
+    '.webm': 'video/webm',
+    '.woff': 'font/woff',
+    '.woff2': 'font/woff2',
+    '.ttf': 'font/ttf'
+  }
+  
+  const LIVE_RELOAD_SCRIPT = `
+<script>
+(function() {
+  const es = new EventSource('/__ether_reload');
+  es.onmessage = function(e) {
+    if (e.data === 'reload') {
+      window.location.reload();
+    }
+  };
+  es.onerror = function() {
+    es.close();
+    setTimeout(function() { window.location.reload(); }, 1000);
+  };
+})();
+</script>
+</body>`
+  
+  const server = http.createServer((req, res) => {
+    if (req.url === '/__ether_reload') {
+      res.writeHead(200, {
+        'Content-Type': 'text/event-stream',
+        'Cache-Control': 'no-cache',
+        'Connection': 'keep-alive',
+        'Access-Control-Allow-Origin': '*'
+      })
+      res.write('data: connected\n\n')
+      clients.push(res)
+      req.on('close', () => {
+        const index = clients.indexOf(res)
+        if (index > -1) clients.splice(index, 1)
+      })
+      return
+    }
+    
+    let filePath = req.url === '/' ? '/index.html' : req.url
+    filePath = filePath.split('?')[0]
+    filePath = path.join(outDir, filePath)
+    
+    const ext = path.extname(filePath).toLowerCase()
+    const contentType = MIME_TYPES[ext] || 'application/octet-stream'
+    
+    fs.readFile(filePath, (err, content) => {
+      if (err) {
+        if (err.code === 'ENOENT') {
+          res.writeHead(404)
+          res.end('404 - Fichier non trouvé')
+        } else {
+          res.writeHead(500)
+          res.end('Erreur serveur')
+        }
+        return
+      }
+      
+      if (ext === '.html') {
+        content = content.toString().replace('</body>', LIVE_RELOAD_SCRIPT)
+      }
+      
+      res.writeHead(200, { 'Content-Type': contentType })
+      res.end(content)
+    })
+  })
+  
+  server.listen(port, () => {
+    logSuccess(`Serveur démarré sur http://localhost:${port}`)
+    console.log('')
+    logInfo('En attente de modifications... (Ctrl+C pour arrêter)')
+    console.log('')
+  })
+  
+  function notifyClients() {
+    clients.forEach(client => {
+      client.write('data: reload\n\n')
+    })
+  }
+  
   const watcher = new Watcher(srcDir, config.watch)
   const compiler = new EtherCompiler(config)
   
@@ -378,6 +477,8 @@ async function cmdDev(options) {
         fs.writeFileSync(outPath, output.content)
         logSuccess(`→ ${output.path}`)
       }
+      
+      notifyClients()
     } catch (err) {
       logError(err.message)
     }
@@ -403,6 +504,8 @@ async function cmdDev(options) {
         fs.writeFileSync(outPath, output.content)
         logSuccess(`→ ${output.path}`)
       }
+      
+      notifyClients()
     } catch (err) {
       logError(err.message)
     }
@@ -417,7 +520,8 @@ async function cmdDev(options) {
   
   process.on('SIGINT', () => {
     console.log('')
-    logInfo('Arrêt du mode développement')
+    logInfo('Arrêt du serveur de développement')
+    server.close()
     watcher.stop()
     process.exit(0)
   })
@@ -516,6 +620,7 @@ function parseArgs(args) {
     command: null,
     config: null,
     output: null,
+    port: null,
     verbose: false,
     quiet: false,
     watch: false
@@ -529,6 +634,8 @@ function parseArgs(args) {
       options.config = args[++i]
     } else if (arg === '-o' || arg === '--output') {
       options.output = args[++i]
+    } else if (arg === '-p' || arg === '--port') {
+      options.port = parseInt(args[++i], 10)
     } else if (arg === '-v' || arg === '--verbose') {
       options.verbose = true
     } else if (arg === '-q' || arg === '--quiet') {
@@ -590,4 +697,4 @@ async function main() {
 main().catch(err => {
   logError(err.message)
   process.exit(1)
-})
+})

package/generators/html-generator.js

@@ -455,10 +455,16 @@ class HTMLGenerator {
     if (!node) return
 
     switch (node.type) {
+      case 'Document':
+        this.generateDocument(node)
+        break
       case 'Element':
       case 'élément':
         this.generateElement(node)
         break
+      case 'TextNode':
+        this.generateTextNode(node)
+        break
       case 'Text':
       case 'text':
         this.generateText(node)
@@ -474,14 +480,34 @@ class HTMLGenerator {
       default:
         if (node.tag || node.tagName) {
           this.generateElement(node)
-        } else if (node.text || node.content) {
+        } else if (node.text || node.content || node.value) {
           this.generateText(node)
         }
     }
   }
 
+  generateDocument(node) {
+    this.writeLine('<!DOCTYPE html>')
+    if (node.html) {
+      this.generateNode(node.html)
+    }
+  }
+
+  generateTextNode(node) {
+    if (node.value || node.content) {
+      this.writeLine(this.escapeHtml(node.value || node.content))
+    }
+  }
+
   generateElement(node) {
-    const tag = this.translateTag(node.tag || node.tagName || node.name)
+    let tag
+    if (node.htmlTag && !node.htmlTag.startsWith('<')) {
+      tag = node.htmlTag
+    } else {
+      const rawTag = node.tag || node.tagName || node.name
+      tag = this.translateTag(rawTag)
+    }
+    
     const attributes = this.generateAttributes(node.attributes || node.attrs || {})
     const isVoid = this.voidElements.includes(tag.toLowerCase())
 
@@ -521,30 +547,46 @@ class HTMLGenerator {
   }
 
   generateAttributes(attrs) {
-    if (!attrs || Object.keys(attrs).length === 0) {
+    if (!attrs || (Array.isArray(attrs) && attrs.length === 0) || Object.keys(attrs).length === 0) {
       return ''
     }
 
     const parts = []
-    for (const [key, value] of Object.entries(attrs)) {
-      let attrName = this.translateAttribute(key)
-      
-      if (attrName.startsWith('au ') || attrName.startsWith('a la ')) {
-        attrName = this.translateEvent(key)
-      }
-
-      if (value === true || value === '') {
-        parts.push(attrName)
-      } else if (value === false || value === null || value === undefined) {
-        continue
-      } else {
-        let attrValue = this.translateAttrValue(value)
+    
+    if (Array.isArray(attrs)) {
+      for (const attr of attrs) {
+        const attrName = attr.htmlName || this.translateAttribute(attr.name)
+        const value = attr.value
         
-        if (attrName === 'type' && this.isInputType(value)) {
-          attrValue = this.translateInputType(value)
+        if (value === true || value === '') {
+          parts.push(attrName)
+        } else if (value === false || value === null || value === undefined) {
+          continue
+        } else {
+          parts.push(`${attrName}="${this.escapeAttr(value)}"`)
         }
+      }
+    } else {
+      for (const [key, value] of Object.entries(attrs)) {
+        let attrName = this.translateAttribute(key)
         
-        parts.push(`${attrName}="${this.escapeAttr(attrValue)}"`)
+        if (attrName.startsWith('au ') || attrName.startsWith('a la ')) {
+          attrName = this.translateEvent(key)
+        }
+
+        if (value === true || value === '') {
+          parts.push(attrName)
+        } else if (value === false || value === null || value === undefined) {
+          continue
+        } else {
+          let attrValue = this.translateAttrValue(value)
+          
+          if (attrName === 'type' && this.isInputType(value)) {
+            attrValue = this.translateInputType(value)
+          }
+          
+          parts.push(`${attrName}="${this.escapeAttr(attrValue)}"`)
+        }
       }
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ether-code",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Ether - Le langage intentionnel",
   "main": "cli/compiler.js",
   "bin": {
@@ -20,15 +20,15 @@
     "french",
     "multilingual"
   ],
-  "author": "Stéphane LEGRAND",
+  "author": "Steve",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ether-code/ether"
+    "url": "https://github.com/ether-lang/ether"
   },
   "homepage": "https://ether-code.com",
   "bugs": {
-    "url": "https://github.com/ether-code/ether/issues"
+    "url": "https://github.com/ether-lang/ether/issues"
   },
   "engines": {
     "node": ">=14.0.0"

package/parsers/html-parser.js

@@ -551,6 +551,7 @@ class HTMLParser {
         const tagName = elemToken.value
         const htmlTag = this.translateElement(tagName)
         const loc = elemToken.loc
+        const elemIndent = loc.column - 1
         
         const attributes = this.parseAttributes()
         
@@ -567,7 +568,7 @@ class HTMLParser {
                 children.push(new AST.TextNode(textContent))
             }
             
-            const childElements = this.parseChildren()
+            const childElements = this.parseChildren(elemIndent)
             children = children.concat(childElements)
         }
         
@@ -575,6 +576,9 @@ class HTMLParser {
     }
 
     parseShorthandElement() {
+        const firstToken = this.peek()
+        const elemIndent = firstToken.loc ? firstToken.loc.column - 1 : 0
+        
         const attributes = []
         let tagName = 'div'
         let htmlTag = 'div'
@@ -607,7 +611,7 @@ class HTMLParser {
             children.push(new AST.TextNode(textContent))
         }
         
-        const childElements = this.parseChildren()
+        const childElements = this.parseChildren(elemIndent)
         children.push(...childElements)
         
         return new AST.Element(tagName, htmlTag, attributes, children, false)
@@ -664,16 +668,13 @@ class HTMLParser {
         return attributes
     }
 
-    parseChildren() {
+    parseChildren(parentIndent = -1) {
         const children = []
         
-        this.skipNewlines()
-        const baseIndent = this.currentIndent
-        
         while (!this.match('EOF')) {
             this.skipNewlines()
             
-            if (this.currentIndent <= baseIndent && children.length > 0) {
+            if (this.currentIndent <= parentIndent) {
                 break
             }
             
@@ -807,12 +808,12 @@ class HTMLParser {
             'tete': 'head', 'tête': 'head', 'head': 'head', 'cabeza': 'head', 'голова': 'head', '头部': 'head', 'ヘッド': 'head',
             'corps': 'body', 'body': 'body', 'cuerpo': 'body', 'тело': 'body', '主体': 'body', 'ボディ': 'body',
             'titre': 'title', 'title': 'title', 'título': 'title', 'titulo': 'title', 'заголовок': 'title', '标题': 'title', 'タイトル': 'title',
-            'titre 1': 'h1', 'heading 1': 'h1', 'título 1': 'h1', 'titulo 1': 'h1', 'заголовок 1': 'h1', '标题 1': 'h1', '見出し 1': 'h1',
-            'titre 2': 'h2', 'heading 2': 'h2', 'título 2': 'h2', 'titulo 2': 'h2', 'заголовок 2': 'h2', '标题 2': 'h2', '見出し 2': 'h2',
-            'titre 3': 'h3', 'heading 3': 'h3', 'título 3': 'h3', 'titulo 3': 'h3', 'заголовок 3': 'h3', '标题 3': 'h3', '見出し 3': 'h3',
-            'titre 4': 'h4', 'heading 4': 'h4', 'título 4': 'h4', 'titulo 4': 'h4', 'заголовок 4': 'h4', '标题 4': 'h4', '見出し 4': 'h4',
-            'titre 5': 'h5', 'heading 5': 'h5', 'título 5': 'h5', 'titulo 5': 'h5', 'заголовок 5': 'h5', '标题 5': 'h5', '見出し 5': 'h5',
-            'titre 6': 'h6', 'heading 6': 'h6', 'título 6': 'h6', 'titulo 6': 'h6', 'заголовок 6': 'h6', '标题 6': 'h6', '見出し 6': 'h6',
+            'titre 1': 'h1', 'titre1': 'h1', 'heading 1': 'h1', 'título 1': 'h1', 'titulo 1': 'h1', 'заголовок 1': 'h1', '标题 1': 'h1', '見出し 1': 'h1',
+            'titre 2': 'h2', 'titre2': 'h2', 'heading 2': 'h2', 'título 2': 'h2', 'titulo 2': 'h2', 'заголовок 2': 'h2', '标题 2': 'h2', '見出し 2': 'h2',
+            'titre 3': 'h3', 'titre3': 'h3', 'heading 3': 'h3', 'título 3': 'h3', 'titulo 3': 'h3', 'заголовок 3': 'h3', '标题 3': 'h3', '見出し 3': 'h3',
+            'titre 4': 'h4', 'titre4': 'h4', 'heading 4': 'h4', 'título 4': 'h4', 'titulo 4': 'h4', 'заголовок 4': 'h4', '标题 4': 'h4', '見出し 4': 'h4',
+            'titre 5': 'h5', 'titre5': 'h5', 'heading 5': 'h5', 'título 5': 'h5', 'titulo 5': 'h5', 'заголовок 5': 'h5', '标题 5': 'h5', '見出し 5': 'h5',
+            'titre 6': 'h6', 'titre6': 'h6', 'heading 6': 'h6', 'título 6': 'h6', 'titulo 6': 'h6', 'заголовок 6': 'h6', '标题 6': 'h6', '見出し 6': 'h6',
             'paragraphe': 'p', 'paragraph': 'p', 'párrafo': 'p', 'parrafo': 'p', 'параграф': 'p', '段落': 'p',
             'division': 'div', 'div': 'div', 'bloque': 'div', 'блок': 'div', '块': 'div', 'ディブ': 'div',
             'etendue': 'span', 'étendue': 'span', 'span': 'span', 'extensión': 'span', 'extension': 'span', 'спан': 'span', '跨度': 'span', 'スパン': 'span',