ether-code 0.1.0

package/generators/html-generator.js

@@ -0,0 +1,745 @@
+const fs = require('fs')
+
+class HTMLGenerator {
+  constructor(i18nPath = null) {
+    this.i18n = null
+    this.indent = 0
+    this.output = ''
+    this.tagMap = {}
+    this.attrMap = {}
+    this.eventMap = {}
+    this.inputTypeMap = {}
+    this.voidElements = [
+      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',
+      'link', 'meta', 'param', 'source', 'track', 'wbr'
+    ]
+    
+    this.buildGenericMaps()
+    
+    if (i18nPath) {
+      this.loadI18n(i18nPath)
+    }
+  }
+
+  buildGenericMaps() {
+    this.tagMap = {
+      'division': 'div', 'paragraphe': 'p', 'portee': 'span',
+      'titre1': 'h1', 'titre2': 'h2', 'titre3': 'h3', 'titre4': 'h4', 'titre5': 'h5', 'titre6': 'h6',
+      'lien': 'a', 'image': 'img', 'bouton': 'button',
+      'formulaire': 'form', 'champ': 'input', 'zone texte': 'textarea',
+      'sélection': 'select', 'selection': 'select', 'option': 'option', 'étiquette': 'label', 'étiquette': 'label',
+      'liste': 'ul', 'liste ordonnée': 'ol', 'élément': 'li', 'élément liste': 'li',
+      'tableau': 'table', 'ligne': 'tr', 'cellule': 'td', 'entête cellule': 'th', 'entete cellule': 'th',
+      'corps tableau': 'tbody', 'entête tableau': 'thead', 'pied tableau': 'tfoot',
+      'entête': 'header', 'piedpage': 'footer', 'navigation': 'nav',
+      'section': 'section', 'article': 'article', 'côté': 'aside', 'principal': 'main',
+      'figure': 'figure', 'legende': 'figcaption',
+      'gras': 'strong', 'italique': 'em', 'souligne': 'u', 'barre': 's',
+      'code': 'code', 'preformate': 'pre', 'citation': 'blockquote',
+      'abreviation': 'abbr', 'temps': 'time', 'marque': 'mark',
+      'indice': 'sub', 'exposant': 'sup',
+      'video': 'video', 'audio': 'audio', 'cadre': 'iframe', 'toile': 'canvas',
+      'details': 'details', 'résumé': 'summary', 'resume': 'summary', 'dialogue': 'dialog',
+      'progression': 'progress', 'metre': 'meter',
+      'groupe champs': 'fieldset', 'legende groupe': 'legend',
+      'liste données': 'datalist', 'liste donnees': 'datalist', 'sortie': 'output',
+      'modele': 'template', 'emplacement': 'slot',
+      'saut ligne': 'br', 'ligne horizontale': 'hr', 'cesure': 'wbr', 'meta': 'meta',
+      'lien externe': 'link'
+    }
+    
+    this.attrMap = {
+      'classe': 'class', 'identifiant': 'id', 'nom': 'name', 'valeur': 'value',
+      'type': 'type', 'adresse': 'href', 'source': 'src', 'alternatif': 'alt',
+      'titre': 'title', 'cible': 'target', 'relation': 'rel',
+      'largeur': 'width', 'hauteur': 'height',
+      'placeholder': 'placeholder', 'indicateur': 'placeholder',
+      'requis': 'required', 'desactive': 'disabled', 'lecture seule': 'readonly',
+      'coche': 'checked', 'selectionne': 'selected',
+      'minimum': 'min', 'maximum': 'max', 'pas': 'step',
+      'lignes': 'rows', 'colonnes': 'cols',
+      'fusion colonnes': 'colspan', 'fusion lignes': 'rowspan',
+      'pour': 'for', 'méthode': 'method', 'action': 'action',
+      'accepter': 'accept', 'autocomplete': 'autocomplete',
+      'focus auto': 'autofocus', 'motif': 'pattern',
+      'longueur min': 'minlength', 'longueur max': 'maxlength',
+      'controles': 'controls', 'boucle': 'loop', 'muet': 'muted', 'lecture auto': 'autoplay',
+      'editable': 'contenteditable', 'deplacable': 'draggable', 'cache': 'hidden',
+      'index tabulation': 'tabindex', 'langue': 'lang', 'direction': 'dir',
+      'chargement': 'loading', 'datetime': 'datetime',
+      'aria étiquette': 'aria-label', 'aria decrit par': 'aria-describedby',
+      'aria cache': 'aria-hidden', 'aria étendu': 'aria-expanded',
+      'role': 'role', 'valeur défaut': 'defaultValue', 'coché défaut': 'defaultChecked'
+    }
+    
+    this.attrValueMap = {
+      'nouvelle fenetre': '_blank', 'nouvel onglet': '_blank',
+      'meme fenetre': '_self', 'parent': '_parent', 'haut': '_top',
+      'paresseux': 'lazy', 'immediat': 'eager'
+    }
+    
+    this.eventMap = {
+      'au clic': 'onclick', 'au double clic': 'ondblclick',
+      'au changement': 'onchange', 'a la soumission': 'onsubmit',
+      'au survol': 'onmouseover', 'au survol fin': 'onmouseout',
+      'au focus': 'onfocus', 'au focus perdu': 'onblur',
+      'touche bas': 'onkeydown', 'touche haut': 'onkeyup',
+      'au chargement': 'onload', 'erreur': 'onerror'
+    }
+    
+    this.inputTypeMap = {
+      'texte': 'text', 'mot de passe': 'password', 'courriel': 'email',
+      'nombre': 'number', 'case a cocher': 'checkbox', 'bouton radio': 'radio',
+      'fichier': 'file', 'date': 'date', 'intervalle': 'range',
+      'soumettre': 'submit', 'reinitialiser': 'reset', 'cache': 'hidden'
+    }
+  }
+
+  loadI18n(filePath) {
+    const content = fs.readFileSync(filePath, 'utf-8')
+    this.i18n = JSON.parse(content)
+    this.buildMaps()
+  }
+
+  buildMaps() {
+    this.tagMap = {}
+    this.attrMap = {}
+    this.eventMap = {}
+    
+    if (!this.i18n) return
+
+    const addToMap = (map, section, targetKey = 'html') => {
+      if (!section) return
+      for (const [key, translations] of Object.entries(section)) {
+        if (translations && translations.fr && translations[targetKey]) {
+          map[translations.fr.toLowerCase()] = translations[targetKey]
+        }
+      }
+    }
+
+    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)
+  }
+
+  translateTag(tag) {
+    const lower = tag.toLowerCase()
+    return this.tagMap[lower] || this.translateGenericTag(tag)
+  }
+
+  translateAttribute(attr) {
+    const lower = attr.toLowerCase()
+    return this.attrMap[lower] || this.eventMap[lower] || this.translateGenericAttr(attr)
+  }
+
+  translateGenericTag(tag) {
+    const translations = {
+      'document': 'html',
+      'tete': 'head',
+      'corps': 'body',
+      'titre': 'title',
+      'meta': 'meta',
+      'lien': 'link',
+      'style': 'style',
+      'script': 'script',
+      'entête': 'header',
+      'piedpage': 'footer',
+      'navigation': 'nav',
+      'principal': 'main',
+      'section': 'section',
+      'article': 'article',
+      'aside': 'aside',
+      'côté': 'aside',
+      'recherche': 'search',
+      'adresse': 'address',
+      'titre1': 'h1',
+      'titre2': 'h2',
+      'titre3': 'h3',
+      'titre4': 'h4',
+      'titre5': 'h5',
+      'titre6': 'h6',
+      'paragraphe': 'p',
+      'division': 'div',
+      'span': 'span',
+      'portee': 'span',
+      'lien': 'a',
+      'image': 'img',
+      'figure': 'figure',
+      'legende': 'figcaption',
+      'liste': 'ul',
+      'liste ordonnée': 'ol',
+      'élément': 'li',
+      'definition': 'dl',
+      'terme': 'dt',
+      'description': 'dd',
+      'tableau': 'table',
+      'ligne': 'tr',
+      'cellule': 'td',
+      'entête cellule': 'th',
+      'entete cellule': 'th',
+      'entête tableau': 'thead',
+      'corps tableau': 'tbody',
+      'pied tableau': 'tfoot',
+      'formulaire': 'form',
+      'étiquette': 'label',
+      'étiquette': 'label',
+      'champ': 'input',
+      'zone texte': 'textarea',
+      'sélection': 'select',
+      'option': 'option',
+      'groupe options': 'optgroup',
+      'bouton': 'button',
+      'groupe champs': 'fieldset',
+      'legende groupe': 'legend',
+      'video': 'video',
+      'audio': 'audio',
+      'source': 'source',
+      'piste': 'track',
+      'cadre': 'iframe',
+      'objet': 'object',
+      'integrer': 'embed',
+      'canvas': 'canvas',
+      'toile': 'canvas',
+      'svg': 'svg',
+      'math': 'math',
+      'gras': 'strong',
+      'fort': 'strong',
+      'italique': 'em',
+      'emphase': 'em',
+      'souligne': 'u',
+      'barre': 's',
+      'supprime': 'del',
+      'insere': 'ins',
+      'petit': 'small',
+      'marque': 'mark',
+      'code': 'code',
+      'preformate': 'pre',
+      'citation': 'blockquote',
+      'citation courte': 'q',
+      'abreviation': 'abbr',
+      'temps': 'time',
+      'variable': 'var',
+      'clavier': 'kbd',
+      'exemple': 'samp',
+      'indice': 'sub',
+      'exposant': 'sup',
+      'ligne horizontale': 'hr',
+      'saut ligne': 'br',
+      'retour ligne': 'br',
+      'details': 'details',
+      'résumé': 'summary',
+      'resume': 'summary',
+      'dialogue': 'dialog',
+      'menu': 'menu',
+      'modele': 'template',
+      'slot': 'slot',
+      'emplacement': 'slot',
+      'données': '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',
+      'liste données': 'datalist',
+      'liste donnees': 'datalist'
+    }
+
+    const lower = tag.toLowerCase()
+    return translations[lower] || tag
+  }
+
+  translateGenericAttr(attr) {
+    const translations = {
+      'identifiant': 'id',
+      'classe': 'class',
+      'style': 'style',
+      'titre': 'title',
+      'langue': 'lang',
+      'direction': 'dir',
+      'cache': 'hidden',
+      'tabindex': 'tabindex',
+      'index tabulation': 'tabindex',
+      'editable': 'contenteditable',
+      'draggable': 'draggable',
+      'deplacable': 'draggable',
+      'role': 'role',
+      'adresse': 'href',
+      'cible': 'target',
+      'nouvelle fenetre': '_blank',
+      'source': 'src',
+      'alt': 'alt',
+      'alternatif': 'alt',
+      'largeur': 'width',
+      'hauteur': 'height',
+      'chargement': 'loading',
+      'paresseux': 'lazy',
+      'action': 'action',
+      'méthode': 'method',
+      'type': 'type',
+      'nom': 'name',
+      'valeur': 'value',
+      'placeholder': 'placeholder',
+      'indicateur': 'placeholder',
+      'requis': 'required',
+      'obligatoire': 'required',
+      'desactive': 'disabled',
+      'lecture seule': 'readonly',
+      'coche': 'checked',
+      'selectionne': 'selected',
+      'multiple': 'multiple',
+      'minimum': 'min',
+      'maximum': 'max',
+      'pas': 'step',
+      'motif': 'pattern',
+      'longueur min': 'minlength',
+      'longueur max': 'maxlength',
+      'autocomplete': 'autocomplete',
+      'autofocus': 'autofocus',
+      'focus auto': 'autofocus',
+      'lignes': 'rows',
+      'colonnes': 'cols',
+      'controles': 'controls',
+      'lecture auto': 'autoplay',
+      'boucle': 'loop',
+      'muet': 'muted',
+      'affiche': 'poster',
+      'prechargement': 'preload',
+      'fusion lignes': 'rowspan',
+      'fusion colonnes': 'colspan',
+      'portee': 'scope',
+      'pour': 'for',
+      'accept': 'accept',
+      'accepter': 'accept',
+      'enctype': 'enctype',
+      'encodage': 'enctype',
+      'rel': 'rel',
+      'relation': 'rel',
+      'media': 'media',
+      'type media': 'media',
+      'charset': 'charset',
+      'encodage caractères': 'charset',
+      'asynchrone': 'asynchrone',
+      'asynchrone': 'asynchrone',
+      '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',
+      'données': 'data',
+      'accesskey': 'accesskey',
+      'touche acces': 'accesskey',
+      'translate': 'translate',
+      'traduire': 'translate',
+      'spellcheck': 'spellcheck',
+      'orthographe': 'spellcheck',
+      'enterkeyhint': 'enterkeyhint',
+      'indice entrée': 'enterkeyhint',
+      'inputmode': 'inputmode',
+      'mode saisie': 'inputmode',
+      'is': 'is',
+      'est': 'is',
+      'part': 'part',
+      'partie': 'part',
+      'exportparts': 'exportparts',
+      'exporter parties': 'exportparts',
+      'nonce': 'nonce',
+      'jeton': 'nonce'
+    }
+
+    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) {
+        this.generateNode(child)
+      }
+    }
+
+    return this.output.trim()
+  }
+
+  generateNode(node) {
+    if (!node) return
+
+    switch (node.type) {
+      case 'Element':
+      case 'élément':
+        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
+      default:
+        if (node.tag || node.tagName) {
+          this.generateElement(node)
+        } else if (node.text || node.content) {
+          this.generateText(node)
+        }
+    }
+  }
+
+  generateElement(node) {
+    const tag = this.translateTag(node.tag || node.tagName || node.name)
+    const attributes = this.generateAttributes(node.attributes || node.attrs || {})
+    const isVoid = this.voidElements.includes(tag.toLowerCase())
+
+    if (isVoid) {
+      this.writeLine(`<${tag}${attributes}>`)
+      return
+    }
+
+    const children = node.children || node.content || []
+    const hasChildren = Array.isArray(children) && children.length > 0
+    const textContent = typeof children === 'string' ? children : 
+                        (node.text || node.textContent || null)
+
+    if (textContent && !hasChildren) {
+      this.writeLine(`<${tag}${attributes}>${this.escapeHtml(textContent)}</${tag}>`)
+      return
+    }
+
+    if (!hasChildren && !textContent) {
+      this.writeLine(`<${tag}${attributes}></${tag}>`)
+      return
+    }
+
+    this.writeLine(`<${tag}${attributes}>`)
+    this.indent++
+
+    for (const child of children) {
+      if (typeof child === 'string') {
+        this.writeLine(this.escapeHtml(child))
+      } else {
+        this.generateNode(child)
+      }
+    }
+
+    this.indent--
+    this.writeLine(`</${tag}>`)
+  }
+
+  generateAttributes(attrs) {
+    if (!attrs || 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 (attrName === 'type' && this.isInputType(value)) {
+          attrValue = this.translateInputType(value)
+        }
+        
+        parts.push(`${attrName}="${this.escapeAttr(attrValue)}"`)
+      }
+    }
+
+    return parts.length > 0 ? ' ' + parts.join(' ') : ''
+  }
+
+  translateAttrValue(value) {
+    if (typeof value !== 'string') return value
+    const lower = value.toLowerCase()
+    
+    const valueMap = {
+      'nouvelle fenetre': '_blank', 'nouvel onglet': '_blank',
+      'meme fenetre': '_self', 'parent': '_parent', 'haut': '_top',
+      'paresseux': 'lazy', 'immediat': 'eager',
+      'post': 'post', 'get': 'get'
+    }
+    
+    return valueMap[lower] || value
+  }
+
+  translateEvent(event) {
+    const events = {
+      'au clic': 'onclick',
+      'au double clic': 'ondblclick',
+      'au survol': 'onmouseover',
+      'au survol fin': 'onmouseout',
+      'souris entrée': 'onmouseenter',
+      'souris sortie': 'onmouseleave',
+      'souris bas': 'onmousedown',
+      'souris haut': 'onmouseup',
+      'souris mouvement': 'onmousemove',
+      'au focus': 'onfocus',
+      'au focus perdu': 'onblur',
+      'perte focus': 'onblur',
+      'au changement': 'onchange',
+      'a la saisie': 'oninput',
+      'touche bas': 'onkeydown',
+      'touche haut': 'onkeyup',
+      'touche presse': 'onkeypress',
+      'a la soumission': 'onsubmit',
+      'a la reinitialisation': 'onreset',
+      'au chargement': 'onload',
+      'a la fermeture': 'onunload',
+      'au redimensionnement': 'onresize',
+      'au défilement': 'onscroll',
+      'erreur': 'onerror',
+      'lecture': 'onplay',
+      'pause': 'onpause',
+      'fin': 'onended',
+      'glisser début': 'ondragstart',
+      'glisser': 'ondrag',
+      'glisser fin': 'ondragend',
+      'glisser entrée': 'ondragenter',
+      'glisser sortie': 'ondragleave',
+      'glisser survol': 'ondragover',
+      'deposer': 'ondrop',
+      'copier': 'oncopy',
+      'couper': 'oncut',
+      'coller': 'onpaste',
+      'toucher début': 'ontouchstart',
+      'toucher mouvement': 'ontouchmove',
+      'toucher fin': 'ontouchend',
+      'toucher annuler': 'ontouchcancel',
+      'pointeur bas': 'onpointerdown',
+      'pointeur haut': 'onpointerup',
+      'pointeur mouvement': 'onpointermove',
+      'pointeur entrée': 'onpointerenter',
+      'pointeur sortie': 'onpointerleave',
+      'roue': 'onwheel',
+      'menu contextuel': 'oncontextmenu',
+      'animation début': 'onanimationstart',
+      'animation fin': 'onanimationend',
+      'transition fin': 'ontransitionend'
+    }
+
+    const lower = event.toLowerCase()
+    return events[lower] || event
+  }
+
+  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'
+    ]
+    return types.includes(value.toLowerCase())
+  }
+
+  generateText(node) {
+    const text = node.text || node.content || node.value || ''
+    if (text.trim()) {
+      this.writeLine(this.escapeHtml(text))
+    }
+  }
+
+  generateComment(node) {
+    const comment = node.comment || node.content || node.text || ''
+    this.writeLine(`<!-- ${comment} -->`)
+  }
+
+  generateDoctype(node) {
+    this.output += '<!DOCTYPE html>\n'
+  }
+
+  writeLine(text) {
+    const indentation = '  '.repeat(this.indent)
+    this.output += indentation + text + '\n'
+  }
+
+  escapeHtml(text) {
+    if (typeof text !== 'string') return text
+    return text
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+  }
+
+  escapeAttr(text) {
+    if (typeof text !== 'string') return text
+    return text
+      .replace(/&/g, '&amp;')
+      .replace(/"/g, '&quot;')
+      .replace(/'/g, '&#39;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+  }
+
+  generateFromSimple(structure) {
+    this.output = ''
+    this.indent = 0
+
+    this.generateSimpleNode(structure)
+
+    return this.output.trim()
+  }
+
+  generateSimpleNode(node) {
+    if (typeof node === 'string') {
+      this.writeLine(this.escapeHtml(node))
+      return
+    }
+
+    for (const [tag, content] of Object.entries(node)) {
+      const translatedTag = this.translateTag(tag)
+      const isVoid = this.voidElements.includes(translatedTag.toLowerCase())
+
+      if (typeof content === 'string') {
+        if (isVoid) {
+          this.writeLine(`<${translatedTag}>`)
+        } else {
+          this.writeLine(`<${translatedTag}>${this.escapeHtml(content)}</${translatedTag}>`)
+        }
+      } else if (typeof content === 'object' && !Array.isArray(content)) {
+        const attrs = content._attrs || content._attributs || {}
+        const children = content._enfants || content._children || content._contenu || content._content
+        const text = content._texte || content._text
+
+        const attrStr = this.generateAttributes(attrs)
+
+        if (isVoid) {
+          this.writeLine(`<${translatedTag}${attrStr}>`)
+        } else if (text) {
+          this.writeLine(`<${translatedTag}${attrStr}>${this.escapeHtml(text)}</${translatedTag}>`)
+        } else if (children) {
+          this.writeLine(`<${translatedTag}${attrStr}>`)
+          this.indent++
+          if (Array.isArray(children)) {
+            for (const child of children) {
+              this.generateSimpleNode(child)
+            }
+          } else {
+            this.generateSimpleNode(children)
+          }
+          this.indent--
+          this.writeLine(`</${translatedTag}>`)
+        } else {
+          this.writeLine(`<${translatedTag}${attrStr}></${translatedTag}>`)
+        }
+      } else if (Array.isArray(content)) {
+        this.writeLine(`<${translatedTag}>`)
+        this.indent++
+        for (const child of content) {
+          this.generateSimpleNode(child)
+        }
+        this.indent--
+        this.writeLine(`</${translatedTag}>`)
+      }
+    }
+  }
+}
+
+module.exports = {
+  HTMLGenerator
+}