ether-code 0.6.1 → 0.6.3

package/generators/html-generator.js

@@ -12,6 +12,8 @@ class HTMLGenerator {
       'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
       'link', 'meta', 'param', 'source', 'track', 'wbr'
     ]
+    this.multiWordTags = []
+    this.multiWordAttrs = []
     
     if (i18nPath) {
       this.loadI18n(i18nPath)
@@ -28,86 +30,154 @@ class HTMLGenerator {
     this.tagMap = {}
     this.attrMap = {}
     this.eventMap = {}
+    this.multiWordTags = []
+    this.multiWordAttrs = []
     
     if (!this.i18n) return
 
-    const addToMap = (map, section, targetKey = 'html') => {
+    const addToTagMap = (section) => {
       if (!section) return
       for (const [key, translations] of Object.entries(section)) {
-        if (translations && translations.fr && translations[targetKey]) {
-          map[translations.fr.toLowerCase()] = translations[targetKey]
+        if (translations && translations.fr && translations.html) {
+          const frTerm = translations.fr.toLowerCase()
+          this.tagMap[frTerm] = translations.html
+          if (frTerm.includes(' ')) {
+            this.multiWordTags.push(frTerm)
+          }
+        }
+      }
+    }
+
+    const addToAttrMap = (section) => {
+      if (!section) return
+      for (const [key, translations] of Object.entries(section)) {
+        if (translations && translations.fr && translations.html) {
+          const frTerm = translations.fr.toLowerCase()
+          this.attrMap[frTerm] = translations.html
+          if (frTerm.includes(' ')) {
+            this.multiWordAttrs.push(frTerm)
+          }
         }
       }
     }
 
-    addToMap(this.tagMap, this.i18n.rootElements)
-    addToMap(this.tagMap, this.i18n.metadata)
-    addToMap(this.tagMap, this.i18n.semanticSections)
-    addToMap(this.tagMap, this.i18n.headings)
-    addToMap(this.tagMap, this.i18n.textContent)
-    addToMap(this.tagMap, this.i18n.inlineSemantics)
-    addToMap(this.tagMap, this.i18n.lists)
-    addToMap(this.tagMap, this.i18n.textFormatting)
-    addToMap(this.tagMap, this.i18n.codeAndData)
-    addToMap(this.tagMap, this.i18n.images)
-    addToMap(this.tagMap, this.i18n.media)
-    addToMap(this.tagMap, this.i18n.embeddedContent)
-    addToMap(this.tagMap, this.i18n.graphics)
-    addToMap(this.tagMap, this.i18n.tableStructure)
-    addToMap(this.tagMap, this.i18n.formStructure)
-    addToMap(this.tagMap, this.i18n.formInputs)
-    addToMap(this.tagMap, this.i18n.interactive)
-    addToMap(this.tagMap, this.i18n.genericContainers)
-
-    addToMap(this.attrMap, this.i18n.globalAttributes)
-    addToMap(this.attrMap, this.i18n.linkAttributes)
-    addToMap(this.attrMap, this.i18n.imageAttributes)
-    addToMap(this.attrMap, this.i18n.formAttributes)
-    addToMap(this.attrMap, this.i18n.inputAttributes)
-    addToMap(this.attrMap, this.i18n.textareaAttributes)
-    addToMap(this.attrMap, this.i18n.mediaAttributes)
-    addToMap(this.attrMap, this.i18n.tableAttributes)
-    addToMap(this.attrMap, this.i18n.metaAttributes)
-    addToMap(this.attrMap, this.i18n.ariaStates)
-    addToMap(this.attrMap, this.i18n.ariaProperties)
-
-    addToMap(this.eventMap, this.i18n.windowEvents)
-    addToMap(this.eventMap, this.i18n.mouseEvents)
-    addToMap(this.eventMap, this.i18n.keyboardEvents)
-    addToMap(this.eventMap, this.i18n.formEvents)
-    addToMap(this.eventMap, this.i18n.mediaEvents)
-    addToMap(this.eventMap, this.i18n.dragEvents)
-    addToMap(this.eventMap, this.i18n.clipboardEvents)
-    addToMap(this.eventMap, this.i18n.touchEvents)
-    addToMap(this.eventMap, this.i18n.pointerEvents)
+    addToTagMap(this.i18n.rootElements)
+    addToTagMap(this.i18n.metadata)
+    addToTagMap(this.i18n.semanticSections)
+    addToTagMap(this.i18n.headings)
+    addToTagMap(this.i18n.textContent)
+    addToTagMap(this.i18n.inlineSemantics)
+    addToTagMap(this.i18n.lists)
+    addToTagMap(this.i18n.textFormatting)
+    addToTagMap(this.i18n.codeAndData)
+    addToTagMap(this.i18n.editAnnotations)
+    addToTagMap(this.i18n.asianText)
+    addToTagMap(this.i18n.bidirectional)
+    addToTagMap(this.i18n.otherInline)
+    addToTagMap(this.i18n.images)
+    addToTagMap(this.i18n.audioVideo)
+    addToTagMap(this.i18n.embeddedContent)
+    addToTagMap(this.i18n.graphics)
+    addToTagMap(this.i18n.tableStructure)
+    addToTagMap(this.i18n.formStructure)
+    addToTagMap(this.i18n.formInputs)
+    addToTagMap(this.i18n.interactive)
+    addToTagMap(this.i18n.scripting)
+    addToTagMap(this.i18n.genericContainers)
+
+    addToAttrMap(this.i18n.globalAttributes)
+    addToAttrMap(this.i18n.linkAttributes)
+    addToAttrMap(this.i18n.imageAttributes)
+    addToAttrMap(this.i18n.formAttributes)
+    addToAttrMap(this.i18n.inputAttributes)
+    addToAttrMap(this.i18n.textareaAttributes)
+    addToAttrMap(this.i18n.mediaAttributes)
+    addToAttrMap(this.i18n.tableAttributes)
+    addToAttrMap(this.i18n.metaAttributes)
+    addToAttrMap(this.i18n.iframeAttributes)
+    addToAttrMap(this.i18n.scriptAttributes)
+    addToAttrMap(this.i18n.objectAttributes)
+    addToAttrMap(this.i18n.areaAttributes)
+    addToAttrMap(this.i18n.ariaStates)
+    addToAttrMap(this.i18n.ariaProperties)
+
+    addToAttrMap(this.i18n.windowEvents)
+    addToAttrMap(this.i18n.mouseEvents)
+    addToAttrMap(this.i18n.keyboardEvents)
+    addToAttrMap(this.i18n.formEvents)
+    addToAttrMap(this.i18n.mediaEvents)
+    addToAttrMap(this.i18n.dragEvents)
+    addToAttrMap(this.i18n.clipboardEvents)
+    addToAttrMap(this.i18n.touchEvents)
+    addToAttrMap(this.i18n.pointerEvents)
+    addToAttrMap(this.i18n.focusEvents)
+    addToAttrMap(this.i18n.animationEvents)
+
+    this.multiWordTags.sort((a, b) => b.length - a.length)
+    this.multiWordAttrs.sort((a, b) => b.length - a.length)
   }
 
   translateTag(tag) {
     const lower = tag.toLowerCase()
     const withSpaces = lower.replace(/-/g, ' ')
-    let result = this.tagMap[lower] || this.tagMap[withSpaces] || this.translateGenericTag(tag)
+    
+    let result = this.tagMap[lower] || this.tagMap[withSpaces]
+    
+    if (!result) {
+      for (const multiWord of this.multiWordTags) {
+        if (lower === multiWord || withSpaces === multiWord) {
+          result = this.tagMap[multiWord]
+          break
+        }
+      }
+    }
+    
+    if (!result) {
+      result = this.translateGenericTag(tag)
+    }
+    
     result = result.replace(/^<|>$/g, '').trim()
     return result
   }
 
   translateAttribute(attr) {
     const lower = attr.toLowerCase()
-    return this.attrMap[lower] || this.eventMap[lower] || this.translateGenericAttr(attr)
+    
+    let result = this.attrMap[lower]
+    
+    if (!result) {
+      for (const multiWord of this.multiWordAttrs) {
+        if (lower === multiWord) {
+          result = this.attrMap[multiWord]
+          break
+        }
+      }
+    }
+    
+    if (!result) {
+      result = this.translateGenericAttr(attr)
+    }
+    
+    return result
   }
 
   translateGenericTag(tag) {
     const translations = {
       'document': 'html',
+      'tête': 'head',
       'tete': 'head',
       'corps': 'body',
       'titre': 'title',
+      'méta': 'meta',
       'meta': 'meta',
       'lien': 'a',
       'liaison': 'link',
       'style': 'style',
       'script': 'script',
+      'base': 'base',
+      'entête': 'header',
       'entete': 'header',
-      'piedpage': 'footer',
+      'pied de page': 'footer',
       'pied': 'footer',
       'navigation': 'nav',
       'nav': 'nav',
@@ -115,106 +185,165 @@ class HTMLGenerator {
       'section': 'section',
       'article': 'article',
       'aside': 'aside',
+      'côté': 'aside',
       'cote': 'aside',
       'recherche': 'search',
       'adresse': 'address',
-      'titre1': 'h1',
-      'titre2': 'h2',
-      'titre3': 'h3',
-      'titre4': 'h4',
-      'titre5': 'h5',
-      'titre6': 'h6',
+      'groupe titres': 'hgroup',
+      'titre 1': 'h1',
+      'titre 2': 'h2',
+      'titre 3': 'h3',
+      'titre 4': 'h4',
+      'titre 5': 'h5',
+      'titre 6': 'h6',
       'paragraphe': 'p',
       'division': 'div',
       'div': 'div',
+      'étendue': 'span',
+      'etendue': 'span',
       'span': 'span',
-      'portee': 'span',
       'image': 'img',
+      'image réactive': 'picture',
+      'image reactive': 'picture',
       'figure': 'figure',
-      'legende': 'figcaption',
-      'liste': 'ul',
+      'légende figure': 'figcaption',
+      'legende figure': 'figcaption',
+      'liste ordonnée': 'ol',
       'liste ordonnee': 'ol',
+      'liste non ordonnée': 'ul',
       'liste non ordonnee': 'ul',
-      'element': 'li',
+      'liste': 'ul',
+      'élément liste': 'li',
       'element liste': 'li',
-      'definition': 'dl',
+      'élément': 'li',
+      'element': 'li',
+      'liste description': 'dl',
       'terme': 'dt',
-      'description': 'dd',
+      'définition': 'dd',
+      'definition': 'dd',
+      'menu': 'menu',
       'tableau': 'table',
-      'ligne': 'tr',
-      'cellule': 'td',
-      'entete cellule': 'th',
+      'légende tableau': 'caption',
+      'legende tableau': 'caption',
+      'entête tableau': 'thead',
       'entete tableau': 'thead',
       'corps tableau': 'tbody',
       'pied tableau': 'tfoot',
+      'groupe colonnes': 'colgroup',
+      'colonne': 'col',
+      'ligne': 'tr',
+      'cellule entête': 'th',
+      'cellule entete': 'th',
+      'cellule': 'td',
       'formulaire': 'form',
+      'ensemble champs': 'fieldset',
+      'groupe champs': 'fieldset',
+      'légende': 'legend',
+      'legende': 'legend',
+      'legende groupe': 'legend',
+      'étiquette': 'label',
       'etiquette': 'label',
+      'entrée': 'input',
+      'entree': 'input',
       'champ': 'input',
       'zone texte': 'textarea',
+      'sélection': 'select',
       'selection': 'select',
-      'option': 'option',
       'groupe options': 'optgroup',
+      'option': 'option',
+      'liste données': 'datalist',
+      'liste donnees': 'datalist',
       'bouton': 'button',
-      'groupe champs': 'fieldset',
-      'legende groupe': 'legend',
-      'video': 'video',
+      'résultat': 'output',
+      'resultat': 'output',
+      'sortie': 'output',
+      'progression': 'progress',
+      'mesure': 'meter',
+      'metre': 'meter',
       'audio': 'audio',
+      'vidéo': 'video',
+      'video': 'video',
       'source': 'source',
       'piste': 'track',
+      'cadre en ligne': 'iframe',
       'cadre': 'iframe',
-      'objet': 'object',
+      'intégrer': 'embed',
       'integrer': 'embed',
+      'objet': 'object',
+      'canevas': 'canvas',
       'canvas': 'canvas',
       'toile': 'canvas',
       'svg': 'svg',
       'math': 'math',
-      'gras': 'strong',
-      'fort': 'strong',
-      'italique': 'em',
+      'carte image': 'map',
+      'carte': 'map',
+      'zone': 'area',
+      'zone cliquable': 'area',
       'emphase': 'em',
+      'fort': 'strong',
+      'gras': 'b',
+      'petit': 'small',
+      'citation': 'q',
+      'citation bloc': 'blockquote',
+      'citation courte': 'q',
+      'référence citation': 'cite',
+      'reference citation': 'cite',
+      'abréviation': 'abbr',
+      'abreviation': 'abbr',
+      'définition': 'dfn',
+      'italique': 'i',
+      'souligné': 'u',
       'souligne': 'u',
+      'barré': 's',
       'barre': 's',
-      'supprime': 'del',
-      'insere': 'ins',
-      'petit': 'small',
+      'marqué': 'mark',
       'marque': 'mark',
+      'indice': 'sub',
+      'exposant': 'sup',
       'code': 'code',
-      'pre': 'pre',
-      'preformate': 'pre',
-      'citation': 'blockquote',
-      'citation courte': 'q',
-      'abreviation': 'abbr',
-      'temps': 'time',
       'variable': 'var',
-      'clavier': 'kbd',
+      'sortie exemple': 'samp',
       'exemple': 'samp',
-      'indice': 'sub',
-      'exposant': 'sup',
-      'ligne horizontale': 'hr',
-      'saut ligne': 'br',
+      'entrée clavier': 'kbd',
+      'entree clavier': 'kbd',
+      'clavier': 'kbd',
+      'donnée': 'data',
+      'donnee': 'data',
+      'donnees': 'data',
+      'temps': 'time',
+      'inséré': 'ins',
+      'insere': 'ins',
+      'supprimé': 'del',
+      'supprime': 'del',
+      'ruby': 'ruby',
+      'annotation ruby': 'rt',
+      'parenthèses ruby': 'rp',
+      'parentheses ruby': 'rp',
+      'isolation bidi': 'bdi',
+      'remplacement bidi': 'bdo',
+      'retour ligne possible': 'wbr',
+      'césure': 'wbr',
+      'cesure': 'wbr',
+      'wbr': 'wbr',
+      'préformaté': 'pre',
+      'preformate': 'pre',
+      'pre': 'pre',
       'retour ligne': 'br',
+      'saut ligne': 'br',
       'br': 'br',
+      'ligne horizontale': 'hr',
       'hr': 'hr',
+      'détails': 'details',
       'details': 'details',
+      'résumé': 'summary',
       'resume': 'summary',
       'dialogue': 'dialog',
-      'menu': 'menu',
+      'modèle': 'template',
       'modele': 'template',
-      'slot': 'slot',
       'emplacement': 'slot',
-      'donnees': 'data',
-      'metre': 'meter',
-      'progression': 'progress',
-      'sortie': 'output',
-      'carte': 'map',
-      'zone cliquable': 'area',
-      'groupe colonnes': 'colgroup',
-      'colonne': 'col',
-      'legende tableau': 'caption',
-      'wbr': 'wbr',
-      'cesure': 'wbr',
-      'noscript': 'noscript',
-      'sans script': 'noscript'
+      'slot': 'slot',
+      'sans script': 'noscript',
+      'noscript': 'noscript'
     }
 
     const lower = tag.toLowerCase()
@@ -229,157 +358,191 @@ class HTMLGenerator {
       'titre': 'title',
       'langue': 'lang',
       'direction': 'dir',
+      'caché': 'hidden',
       'cache': 'hidden',
       'tabindex': 'tabindex',
+      'ordre tabulation': 'tabindex',
       'index tabulation': 'tabindex',
+      'éditable': 'contenteditable',
       'editable': 'contenteditable',
-      'draggable': 'draggable',
+      'glissable': 'draggable',
+      'déplaçable': 'draggable',
       'deplacable': 'draggable',
+      'inerte': 'inert',
+      'popover': 'popover',
+      'rôle': 'role',
       'role': 'role',
+      'href': 'href',
       'adresse': 'href',
       'cible': 'target',
-      'nouvelle fenetre': '_blank',
+      'relation': 'rel',
+      'téléchargement': 'download',
+      'telechargement': 'download',
       'source': 'src',
+      'src': 'src',
+      'srcset': 'srcset',
+      'sources réactives': 'srcset',
+      'sources reactives': 'srcset',
+      'média': 'media',
+      'media': 'media',
+      'alternative': 'alt',
+      'texte alternatif': 'alt',
       'alt': 'alt',
       'alternatif': 'alt',
-      'texte alternatif': 'alt',
       'largeur': 'width',
       'hauteur': 'height',
       'chargement': 'loading',
-      'paresseux': 'lazy',
+      'décodage': 'decoding',
+      'decodage': 'decoding',
+      'tailles': 'sizes',
+      'usemap': 'usemap',
+      'forme': 'shape',
+      'coords': 'coords',
+      'coordonnées': 'coords',
+      'coordonnees': 'coords',
       'action': 'action',
+      'méthode': 'method',
       'methode': 'method',
+      'enctype': 'enctype',
+      'type encodage': 'enctype',
+      'cible formulaire': 'formtarget',
+      'novalidate': 'novalidate',
+      'sans validation': 'novalidate',
+      'autocomplétion': 'autocomplete',
+      'autocompletion': 'autocomplete',
       'type': 'type',
       'nom': 'name',
-      'contenu': 'content',
       'valeur': 'value',
-      'valeur min': 'min',
-      'valeur max': 'max',
       'placeholder': 'placeholder',
       'indicateur': 'placeholder',
       'requis': 'required',
       'obligatoire': 'required',
+      'aria-required': 'aria-required',
+      'désactivé': 'disabled',
       'desactive': 'disabled',
       'lecture seule': 'readonly',
-      'coche': 'checked',
-      'selectionne': 'selected',
-      'multiple': 'multiple',
-      'minimum': 'min',
+      'autofocus': 'autofocus',
+      'longueur max': 'maxlength',
+      'longueur min': 'minlength',
+      'valeur max': 'max',
+      'max': 'max',
       'maximum': 'max',
+      'valeur min': 'min',
+      'min': 'min',
+      'minimum': 'min',
       'pas': 'step',
       'motif': 'pattern',
-      'longueur min': 'minlength',
-      'longueur max': 'maxlength',
-      'autocomplete': 'autocomplete',
-      'autofocus': 'autofocus',
-      'focus auto': 'autofocus',
-      'lignes': 'rows',
+      'taille': 'size',
+      'liste': 'list',
+      'multiple': 'multiple',
+      'accepter': 'accept',
+      'accept': 'accept',
+      'capture': 'capture',
+      'coché': 'checked',
+      'coche': 'checked',
+      'sélectionné': 'selected',
+      'selectionne': 'selected',
       'colonnes': 'cols',
+      'cols': 'cols',
+      'rangées': 'rows',
+      'rangees': 'rows',
+      'lignes': 'rows',
+      'rows': 'rows',
+      'retour à la ligne': 'wrap',
+      'retour a la ligne': 'wrap',
+      'contrôles': 'controls',
       'controles': 'controls',
       'lecture auto': 'autoplay',
       'boucle': 'loop',
       'muet': 'muted',
-      'affiche': 'poster',
+      'préchargement': 'preload',
       'prechargement': 'preload',
-      'fusion lignes': 'rowspan',
-      'fusion colonnes': 'colspan',
-      'portee': 'scope',
-      'pour': 'for',
+      'affiche': 'poster',
+      'poster': 'poster',
+      'lecture en ligne': 'playsinline',
+      'kind': 'kind',
+      'srclang': 'srclang',
+      'étiquette': 'label',
       'etiquette': 'label',
-      'accept': 'accept',
-      'accepter': 'accept',
-      'enctype': 'enctype',
-      'encodage': 'enctype',
-      'rel': 'rel',
-      'relation': 'rel',
-      'media': 'media',
-      'type media': 'media',
+      'défaut': 'default',
+      'defaut': 'default',
+      'allow': 'allow',
+      'allowfullscreen': 'allowfullscreen',
+      'plein écran': 'allowfullscreen',
+      'plein ecran': 'allowfullscreen',
+      'sandbox': 'sandbox',
+      'données': 'data',
+      'donnees': 'data',
+      'portée': 'scope',
+      'portee': 'scope',
+      'colspan': 'colspan',
+      'fusion colonnes': 'colspan',
+      'rowspan': 'rowspan',
+      'fusion lignes': 'rowspan',
+      'étendue': 'span',
+      'etendue': 'span',
+      'span': 'span',
+      'contenu': 'content',
+      'jeu caractères': 'charset',
+      'jeu caracteres': 'charset',
       'charset': 'charset',
-      'encodage caracteres': 'charset',
+      'http-equiv': 'http-equiv',
+      'équivalent http': 'http-equiv',
+      'equivalent http': 'http-equiv',
+      'ouvert': 'open',
+      'différé': 'defer',
+      'differe': 'defer',
+      'defer': 'defer',
       'async': 'async',
       'asynchrone': 'async',
-      'defer': 'defer',
-      'differer': 'defer',
-      'crossorigin': 'crossorigin',
-      'origine croisee': 'crossorigin',
-      'integrite': 'integrity',
-      'referrerpolicy': 'referrerpolicy',
-      'politique referent': 'referrerpolicy',
-      'sandbox': 'sandbox',
-      'bac a sable': 'sandbox',
-      'allow': 'allow',
-      'autoriser': 'allow',
-      'donnees': 'data',
-      'accesskey': 'accesskey',
-      'touche acces': 'accesskey',
-      'translate': 'translate',
-      'traduire': 'translate',
-      'spellcheck': 'spellcheck',
-      'orthographe': 'spellcheck',
-      'enterkeyhint': 'enterkeyhint',
-      'indice entree': 'enterkeyhint',
-      'inputmode': 'inputmode',
-      'mode saisie': 'inputmode',
-      'is': 'is',
-      'est': 'is',
-      'part': 'part',
-      'partie': 'part',
-      'exportparts': 'exportparts',
-      'exporter parties': 'exportparts',
-      'nonce': 'nonce',
-      'jeton': 'nonce'
+      'pour': 'for',
+      'datetime': 'datetime',
+      'cite': 'cite',
+      'nouvelle fenêtre': '_blank',
+      'nouvelle fenetre': '_blank',
+      'même fenêtre': '_self',
+      'meme fenetre': '_self',
+      'low': 'low',
+      'bas': 'low',
+      'high': 'high',
+      'haut': 'high',
+      'optimum': 'optimum',
+      'start': 'start',
+      'début': 'start',
+      'debut': 'start',
+      'reversed': 'reversed',
+      'inversé': 'reversed',
+      'inverse': 'reversed',
+      'aria-label': 'aria-label',
+      'aria-describedby': 'aria-describedby',
+      'décrit par': 'aria-describedby',
+      'decrit par': 'aria-describedby',
+      'aria-labelledby': 'aria-labelledby',
+      'étiqueté par': 'aria-labelledby',
+      'etiquete par': 'aria-labelledby',
+      'aria-hidden': 'aria-hidden',
+      'aria-expanded': 'aria-expanded',
+      'étendu': 'aria-expanded',
+      'aria-controls': 'aria-controls',
+      'aria-live': 'aria-live',
+      'en direct': 'aria-live',
+      'aria-atomic': 'aria-atomic'
     }
 
     const lower = attr.toLowerCase()
     return translations[lower] || attr
   }
 
-  translateInputType(type) {
-    const types = {
-      'texte': 'text',
-      'mot de passe': 'password',
-      'email': 'email',
-      'courriel': 'email',
-      'nombre': 'number',
-      'telephone': 'tel',
-      'url': 'url',
-      'recherche': 'search',
-      'date': 'date',
-      'heure': 'time',
-      'datetime': 'datetime-local',
-      'date heure': 'datetime-local',
-      'mois': 'month',
-      'semaine': 'week',
-      'couleur': 'color',
-      'fichier': 'file',
-      'cache': 'hidden',
-      'case a cocher': 'checkbox',
-      'bouton radio': 'radio',
-      'intervalle': 'range',
-      'soumettre': 'submit',
-      'reinitialiser': 'reset',
-      'bouton': 'button',
-      'image': 'image'
-    }
-
-    const lower = type.toLowerCase()
-    return types[lower] || type
-  }
-
   generate(ast) {
     this.output = ''
     this.indent = 0
 
-    if (Array.isArray(ast)) {
-      for (const node of ast) {
-        this.generateNode(node)
-      }
-    } else if (ast && ast.type) {
-      this.generateNode(ast)
-    } else if (ast && ast.children) {
-      for (const child of ast.children) {
+    if (ast.type === 'document' || ast.type === 'root') {
+      for (const child of ast.children || []) {
         this.generateNode(child)
       }
+    } else {
+      this.generateNode(ast)
     }
 
     return this.output.trim()
@@ -389,36 +552,24 @@ class HTMLGenerator {
     if (!node) return
 
     switch (node.type) {
-      case 'Document':
-      case 'document':
-        this.output += '<!DOCTYPE html>\n'
-        if (node.children) {
-          for (const child of node.children) {
-            this.generateNode(child)
-          }
-        }
+      case 'doctype':
+        this.generateDoctype(node)
         break
-      case 'Element':
       case 'element':
+      case 'tag':
         this.generateElement(node)
         break
-      case 'Text':
       case 'text':
         this.generateText(node)
         break
-      case 'Comment':
       case 'comment':
         this.generateComment(node)
         break
-      case 'Doctype':
-      case 'doctype':
-        this.generateDoctype(node)
-        break
-      case 'Include':
+      case 'include':
         this.generateInclude(node)
         break
       default:
-        if (node.tag || node.tagName) {
+        if (node.tag || node.tagName || node.name) {
           this.generateElement(node)
         } else if (node.text || node.content) {
           this.generateText(node)
@@ -437,6 +588,14 @@ class HTMLGenerator {
       }
     }
     
+    if (tag === 'a' && attrs.relation) {
+      const rel = this.translateAttribute(attrs.relation)
+      const linkRels = ['stylesheet', 'icon', 'preconnect', 'prefetch', 'preload', 'dns-prefetch', 'canonical', 'alternate', 'manifest', 'apple-touch-icon']
+      if (linkRels.some(r => rel.includes(r))) {
+        tag = 'link'
+      }
+    }
+    
     const attributes = this.generateAttributes(attrs)
     const isVoid = this.voidElements.includes(tag.toLowerCase())
 
@@ -484,7 +643,7 @@ class HTMLGenerator {
     for (const [key, value] of Object.entries(attrs)) {
       let attrName = this.translateAttribute(key)
       
-      if (attrName.startsWith('au ') || attrName.startsWith('a la ')) {
+      if (attrName.startsWith('au ') || attrName.startsWith('à la ') || attrName.startsWith('a la ')) {
         attrName = this.translateEvent(key)
       }
 
@@ -499,6 +658,10 @@ class HTMLGenerator {
           attrValue = this.translateInputType(value)
         }
         
+        if (attrName === 'target' && this.isTargetValue(value)) {
+          attrValue = this.translateTargetValue(value)
+        }
+        
         parts.push(`${attrName}="${this.escapeAttr(attrValue)}"`)
       }
     }
@@ -512,53 +675,100 @@ class HTMLGenerator {
       'au double clic': 'ondblclick',
       'au survol': 'onmouseover',
       'au survol fin': 'onmouseout',
+      'souris entrée': 'onmouseenter',
       'souris entree': 'onmouseenter',
+      'entrée souris': 'onmouseenter',
+      'entree souris': 'onmouseenter',
       'souris sortie': 'onmouseleave',
-      'souris bas': 'onmousedown',
-      'souris haut': 'onmouseup',
-      'souris mouvement': 'onmousemove',
+      'sortie souris': 'onmouseleave',
+      'bouton enfoncé': 'onmousedown',
+      'bouton enfonce': 'onmousedown',
+      'bouton relâché': 'onmouseup',
+      'bouton relache': 'onmouseup',
+      'mouvement souris': 'onmousemove',
       'au focus': 'onfocus',
-      'au focus perdu': 'onblur',
+      'à la perte focus': 'onblur',
+      'a la perte focus': 'onblur',
       'perte focus': 'onblur',
+      'au focus perdu': 'onblur',
       'au changement': 'onchange',
+      'à la saisie': 'oninput',
       'a la saisie': 'oninput',
+      'touche enfoncée': 'onkeydown',
+      'touche enfoncee': 'onkeydown',
       'touche bas': 'onkeydown',
+      'touche relâchée': 'onkeyup',
+      'touche relachee': 'onkeyup',
       'touche haut': 'onkeyup',
-      'touche presse': 'onkeypress',
+      'à la soumission': 'onsubmit',
       'a la soumission': 'onsubmit',
+      'à la réinitialisation': 'onreset',
       'a la reinitialisation': 'onreset',
       'au chargement': 'onload',
+      'au déchargement': 'onunload',
+      'au dechargement': 'onunload',
       'a la fermeture': 'onunload',
+      'avant déchargement': 'onbeforeunload',
+      'avant dechargement': 'onbeforeunload',
       'au redimensionnement': 'onresize',
+      'au défilement': 'onscroll',
       'au defilement': 'onscroll',
+      'à l\'erreur': 'onerror',
+      'a l\'erreur': 'onerror',
       'erreur': 'onerror',
+      'en ligne': 'ononline',
+      'hors ligne': 'onoffline',
       'lecture': 'onplay',
       'pause': 'onpause',
       'fin': 'onended',
+      'début glissement': 'ondragstart',
+      'debut glissement': 'ondragstart',
       'glisser debut': 'ondragstart',
+      'glissement': 'ondrag',
       'glisser': 'ondrag',
+      'fin glissement': 'ondragend',
       'glisser fin': 'ondragend',
+      'entrée zone': 'ondragenter',
+      'entree zone': 'ondragenter',
       'glisser entree': 'ondragenter',
+      'sortie zone': 'ondragleave',
       'glisser sortie': 'ondragleave',
+      'survol zone': 'ondragover',
       'glisser survol': 'ondragover',
+      'dépôt': 'ondrop',
+      'depot': 'ondrop',
       'deposer': 'ondrop',
       'copier': 'oncopy',
       'couper': 'oncut',
       'coller': 'onpaste',
+      'début toucher': 'ontouchstart',
+      'debut toucher': 'ontouchstart',
       'toucher debut': 'ontouchstart',
+      'mouvement toucher': 'ontouchmove',
       'toucher mouvement': 'ontouchmove',
+      'fin toucher': 'ontouchend',
       'toucher fin': 'ontouchend',
+      'annulation toucher': 'ontouchcancel',
       'toucher annuler': 'ontouchcancel',
-      'pointeur bas': 'onpointerdown',
-      'pointeur haut': 'onpointerup',
-      'pointeur mouvement': 'onpointermove',
-      'pointeur entree': 'onpointerenter',
-      'pointeur sortie': 'onpointerleave',
+      'molette': 'onwheel',
       'roue': 'onwheel',
       'menu contextuel': 'oncontextmenu',
+      'début animation': 'onanimationstart',
+      'debut animation': 'onanimationstart',
       'animation debut': 'onanimationstart',
+      'fin animation': 'onanimationend',
       'animation fin': 'onanimationend',
-      'transition fin': 'ontransitionend'
+      'itération animation': 'onanimationiteration',
+      'iteration animation': 'onanimationiteration',
+      'début transition': 'ontransitionstart',
+      'debut transition': 'ontransitionstart',
+      'fin transition': 'ontransitionend',
+      'transition fin': 'ontransitionend',
+      'pointeur bas': 'onpointerdown',
+      'pointeur haut': 'onpointerup',
+      'pointeur mouvement': 'onpointermove',
+      'pointeur entree': 'onpointerenter',
+      'pointeur sortie': 'onpointerleave'
     }
 
     const lower = event.toLowerCase()
@@ -568,16 +778,70 @@ class HTMLGenerator {
   isInputType(value) {
     const types = [
       'texte', 'text', 'mot de passe', 'password', 'email', 'courriel',
-      'nombre', 'number', 'telephone', 'tel', 'url', 'recherche', 'search',
-      'date', 'heure', 'time', 'datetime', 'date heure', 'mois', 'month',
-      'semaine', 'week', 'couleur', 'color', 'fichier', 'file', 'cache',
-      'hidden', 'case a cocher', 'checkbox', 'bouton radio', 'radio',
-      'intervalle', 'range', 'soumettre', 'submit', 'reinitialiser', 'reset',
-      'bouton', 'button', 'image'
+      'nombre', 'number', 'téléphone', 'telephone', 'tel', 'url', 
+      'recherche', 'search', 'date', 'heure', 'time', 'datetime-local',
+      'date et heure locale', 'mois', 'month', 'semaine', 'week',
+      'couleur', 'color', 'fichier', 'file', 'caché', 'cache', 'hidden',
+      'case à cocher', 'case a cocher', 'checkbox', 'bouton radio', 'radio',
+      'intervalle', 'range', 'soumettre', 'submit', 'réinitialiser',
+      'reinitialiser', 'reset', 'bouton', 'button', 'image'
     ]
     return types.includes(value.toLowerCase())
   }
 
+  translateInputType(type) {
+    const types = {
+      'texte': 'text',
+      'mot de passe': 'password',
+      'courriel': 'email',
+      'nombre': 'number',
+      'téléphone': 'tel',
+      'telephone': 'tel',
+      'recherche': 'search',
+      'heure': 'time',
+      'date et heure locale': 'datetime-local',
+      'mois': 'month',
+      'semaine': 'week',
+      'couleur': 'color',
+      'fichier': 'file',
+      'caché': 'hidden',
+      'cache': 'hidden',
+      'case à cocher': 'checkbox',
+      'case a cocher': 'checkbox',
+      'bouton radio': 'radio',
+      'intervalle': 'range',
+      'soumettre': 'submit',
+      'réinitialiser': 'reset',
+      'reinitialiser': 'reset',
+      'bouton': 'button'
+    }
+    
+    return types[type.toLowerCase()] || type
+  }
+
+  isTargetValue(value) {
+    const targets = [
+      'même fenêtre', 'meme fenetre', '_self',
+      'nouvelle fenêtre', 'nouvelle fenetre', '_blank',
+      'parent', '_parent',
+      'haut', '_top'
+    ]
+    return targets.includes(value.toLowerCase())
+  }
+
+  translateTargetValue(value) {
+    const targets = {
+      'même fenêtre': '_self',
+      'meme fenetre': '_self',
+      'nouvelle fenêtre': '_blank',
+      'nouvelle fenetre': '_blank',
+      'parent': '_parent',
+      'haut': '_top'
+    }
+    
+    return targets[value.toLowerCase()] || value
+  }
+
   generateText(node) {
     const text = node.text || node.content || node.value || ''
     if (text.trim()) {