ether-code 0.5.5 → 0.5.6

package/cli/ether.js

@@ -6,7 +6,7 @@ const http = require('http')
 const { EtherCompiler } = require('./compiler')
 const { Watcher } = require('./watcher')
 
-const VERSION = '0.5.5'
+const VERSION = '0.5.6'
 
 const COLORS = {
   reset: '\x1b[0m',
@@ -101,7 +101,6 @@ corps
   min-hauteur: 100vh
 
 .hero
-  min-hauteur: 100vh
   position: relative
   debordement: hidden
 

package/generators/css-generator.js

@@ -174,6 +174,9 @@ class CSSGenerator {
       'repetition-fond': 'background-repeat',
       'repetition fond': 'background-repeat',
       'fond-repetition': 'background-repeat',
+      'répétition-fond': 'background-repeat',
+      'répétition fond': 'background-repeat',
+      'fond-répétition': 'background-repeat',
       'attachement-fond': 'background-attachment',
       'attachement fond': 'background-attachment',
       'fond-attachement': 'background-attachment',
@@ -182,9 +185,15 @@ class CSSGenerator {
       'decoupe-fond': 'background-clip',
       'decoupe fond': 'background-clip',
       'fond-decoupe': 'background-clip',
+      'découpe-fond': 'background-clip',
+      'découpe fond': 'background-clip',
+      'fond-découpe': 'background-clip',
       'mode-melange': 'mix-blend-mode',
       'mode melange': 'mix-blend-mode',
       'melange-mode': 'mix-blend-mode',
+      'mode-mélange': 'mix-blend-mode',
+      'mode mélange': 'mix-blend-mode',
+      'mélange-mode': 'mix-blend-mode',
       'mode-fusion': 'mix-blend-mode',
       'mode fusion': 'mix-blend-mode',
       'couleur-bordure': 'border-color',
@@ -216,6 +225,9 @@ class CSSGenerator {
       'decoration-texte': 'text-decoration',
       'decoration texte': 'text-decoration',
       'texte-decoration': 'text-decoration',
+      'décoration-texte': 'text-decoration',
+      'décoration texte': 'text-decoration',
+      'texte-décoration': 'text-decoration',
       'transformation-texte': 'text-transform',
       'transformation texte': 'text-transform',
       'texte-transformation': 'text-transform',
@@ -225,6 +237,9 @@ class CSSGenerator {
       'debordement-texte': 'text-overflow',
       'debordement texte': 'text-overflow',
       'texte-debordement': 'text-overflow',
+      'débordement-texte': 'text-overflow',
+      'débordement texte': 'text-overflow',
+      'texte-débordement': 'text-overflow',
       'renvoi-mots': 'word-wrap',
       'renvoi mots': 'word-wrap',
       'cesure-mots': 'word-break',
@@ -247,6 +262,9 @@ class CSSGenerator {
       'retrecissement-flex': 'flex-shrink',
       'retrecissement flex': 'flex-shrink',
       'flex-retrecissement': 'flex-shrink',
+      'rétrécissement-flex': 'flex-shrink',
+      'rétrécissement flex': 'flex-shrink',
+      'flex-rétrécissement': 'flex-shrink',
       'base-flex': 'flex-basis',
       'base flex': 'flex-basis',
       'flex-base': 'flex-basis',
@@ -256,6 +274,9 @@ class CSSGenerator {
       'aligner-elements': 'align-items',
       'aligner elements': 'align-items',
       'elements-aligner': 'align-items',
+      'aligner-éléments': 'align-items',
+      'aligner éléments': 'align-items',
+      'éléments-aligner': 'align-items',
       'aligner-soi': 'align-self',
       'aligner soi': 'align-self',
       'soi-aligner': 'align-self',
@@ -283,6 +304,9 @@ class CSSGenerator {
       'ecart-grille': 'grid-gap',
       'ecart grille': 'grid-gap',
       'grille-ecart': 'grid-gap',
+      'écart-grille': 'grid-gap',
+      'écart grille': 'grid-gap',
+      'grille-écart': 'grid-gap',
       'flux-automatique-grille': 'grid-auto-flow',
       'flux automatique grille': 'grid-auto-flow',
       'colonnes-automatiques-grille': 'grid-auto-columns',
@@ -314,6 +338,9 @@ class CSSGenerator {
       'cote-legendes': 'caption-side',
       'cote legendes': 'caption-side',
       'legendes-cote': 'caption-side',
+      'côté-légendes': 'caption-side',
+      'côté légendes': 'caption-side',
+      'légendes-côté': 'caption-side',
       'cellules-vides': 'empty-cells',
       'cellules vides': 'empty-cells',
       'vides-cellules': 'empty-cells',
@@ -329,12 +356,24 @@ class CSSGenerator {
       'defilement x': 'overflow-x',
       'defilement-y': 'overflow-y',
       'defilement y': 'overflow-y',
+      'débordement': 'overflow',
+      'débordement-x': 'overflow-x',
+      'débordement x': 'overflow-x',
+      'débordement-y': 'overflow-y',
+      'débordement y': 'overflow-y',
+      'défilement-x': 'overflow-x',
+      'défilement x': 'overflow-x',
+      'défilement-y': 'overflow-y',
+      'défilement y': 'overflow-y',
       'comportement-defilement': 'scroll-behavior',
       'comportement defilement': 'scroll-behavior',
       'defilement-comportement': 'scroll-behavior',
       'accrochage-defilement': 'scroll-snap-type',
       'accrochage defilement': 'scroll-snap-type',
       'defilement-accrochage': 'scroll-snap-type',
+      'accrochage-défilement': 'scroll-snap-type',
+      'accrochage défilement': 'scroll-snap-type',
+      'défilement-accrochage': 'scroll-snap-type',
       'origine-transformation': 'transform-origin',
       'origine transformation': 'transform-origin',
       'transformation-origine': 'transform-origin',
@@ -344,18 +383,28 @@ class CSSGenerator {
       'face-arriere-visible': 'backface-visibility',
       'face arriere visible': 'backface-visibility',
       'visibilite-face-arriere': 'backface-visibility',
+      'visibilité-face-arrière': 'backface-visibility',
       'origine-perspective': 'perspective-origin',
       'origine perspective': 'perspective-origin',
       'perspective-origine': 'perspective-origin',
       'delai-transition': 'transition-delay',
       'delai transition': 'transition-delay',
       'transition-delai': 'transition-delay',
+      'délai-transition': 'transition-delay',
+      'délai transition': 'transition-delay',
+      'transition-délai': 'transition-delay',
       'duree-transition': 'transition-duration',
       'duree transition': 'transition-duration',
       'transition-duree': 'transition-duration',
+      'durée-transition': 'transition-duration',
+      'durée transition': 'transition-duration',
+      'transition-durée': 'transition-duration',
       'propriete-transition': 'transition-property',
       'propriete transition': 'transition-property',
       'transition-propriete': 'transition-property',
+      'propriété-transition': 'transition-property',
+      'propriété transition': 'transition-property',
+      'transition-propriété': 'transition-property',
       'fonction-transition': 'transition-timing-function',
       'fonction transition': 'transition-timing-function',
       'transition-fonction': 'transition-timing-function',
@@ -365,15 +414,24 @@ class CSSGenerator {
       'duree-animation': 'animation-duration',
       'duree animation': 'animation-duration',
       'animation-duree': 'animation-duration',
+      'durée-animation': 'animation-duration',
+      'durée animation': 'animation-duration',
+      'animation-durée': 'animation-duration',
       'fonction-animation': 'animation-timing-function',
       'fonction animation': 'animation-timing-function',
       'animation-fonction': 'animation-timing-function',
       'delai-animation': 'animation-delay',
       'delai animation': 'animation-delay',
       'animation-delai': 'animation-delay',
+      'délai-animation': 'animation-delay',
+      'délai animation': 'animation-delay',
+      'animation-délai': 'animation-delay',
       'iterations-animation': 'animation-iteration-count',
       'iterations animation': 'animation-iteration-count',
       'animation-iterations': 'animation-iteration-count',
+      'itérations-animation': 'animation-iteration-count',
+      'itérations animation': 'animation-iteration-count',
+      'animation-itérations': 'animation-iteration-count',
       'direction-animation': 'animation-direction',
       'direction animation': 'animation-direction',
       'animation-direction': 'animation-direction',
@@ -383,6 +441,9 @@ class CSSGenerator {
       'etat-lecture-animation': 'animation-play-state',
       'etat lecture animation': 'animation-play-state',
       'animation-etat-lecture': 'animation-play-state',
+      'état-lecture-animation': 'animation-play-state',
+      'état lecture animation': 'animation-play-state',
+      'animation-état-lecture': 'animation-play-state',
       'ajustement-objet': 'object-fit',
       'ajustement objet': 'object-fit',
       'objet-ajustement': 'object-fit',
@@ -392,15 +453,27 @@ class CSSGenerator {
       'selection-utilisateur': 'user-select',
       'selection utilisateur': 'user-select',
       'utilisateur-selection': 'user-select',
+      'sélection-utilisateur': 'user-select',
+      'sélection utilisateur': 'user-select',
+      'utilisateur-sélection': 'user-select',
       'evenements-pointeur': 'pointer-events',
       'evenements pointeur': 'pointer-events',
       'pointeur-evenements': 'pointer-events',
+      'évènements-pointeur': 'pointer-events',
+      'évènements pointeur': 'pointer-events',
+      'pointeur-évènements': 'pointer-events',
+      'événements-pointeur': 'pointer-events',
+      'événements pointeur': 'pointer-events',
+      'pointeur-événements': 'pointer-events',
       'comportement-tactile': 'touch-action',
       'comportement tactile': 'touch-action',
       'tactile-comportement': 'touch-action',
       'sens-ecriture': 'writing-mode',
       'sens ecriture': 'writing-mode',
       'ecriture-sens': 'writing-mode',
+      'sens-écriture': 'writing-mode',
+      'sens écriture': 'writing-mode',
+      'écriture-sens': 'writing-mode',
       'direction-texte': 'direction',
       'direction texte': 'direction',
       'texte-direction': 'direction',
@@ -416,12 +489,19 @@ class CSSGenerator {
       'colonnes-largeur': 'column-width',
       'ecart-colonnes': 'column-gap',
       'ecart colonnes': 'column-gap',
+      'écart-colonnes': 'column-gap',
+      'écart colonnes': 'column-gap',
       'colonnes-ecart': 'column-gap',
+      'colonnes-écart': 'column-gap',
       'regle-colonnes': 'column-rule',
+      'règle-colonnes': 'column-rule',
       'regle colonnes': 'column-rule',
+      'règle colonnes': 'column-rule',
       'colonnes-regle': 'column-rule',
       'etendue-colonnes': 'column-span',
-      'etendue colonnes': 'column-span',
+      'étendue-colonnes': 'column-span',
+      'etendue-colonnes': 'column-span',
+      'étendue colonnes': 'column-span',
       'colonnes-etendue': 'column-span',
       'remplissage-colonnes': 'column-fill',
       'remplissage colonnes': 'column-fill',
@@ -429,8 +509,45 @@ class CSSGenerator {
       'modele-boite': 'box-sizing',
       'modele boite': 'box-sizing',
       'boite-modele': 'box-sizing',
+      'modèle-boite': 'box-sizing',
+      'modèle-boîte': 'box-sizing',
+      'modèle boite': 'box-sizing',
+      'modèle boîte': 'box-sizing',
+      'boite modele': 'box-sizing',
+      'boîte modèle': 'box-sizing',
+      'boîte-modèle': 'box-sizing',
       'dimensionnement-boite': 'box-sizing',
       'dimensionnement boite': 'box-sizing',
+      'dimensionnement-boîte': 'box-sizing',
+      'dimensionnement boîte': 'box-sizing',
+      'boite': 'box-sizing',
+      'boîte': 'box-sizing',
+      'taille-boite': 'box-sizing',
+      'taille boite': 'box-sizing',
+      'boite-taille': 'box-sizing',
+      'taille-boîte': 'box-sizing',
+      'taille boîte': 'box-sizing',
+      'boîte-taille': 'box-sizing',
+      'largeur-max': 'max-width',
+      'largeur max': 'max-width',
+      'hauteur-max': 'max-height',
+      'hauteur max': 'max-height',
+      'largeur-min': 'min-width',
+      'largeur min': 'min-width',
+      'hauteur-min': 'min-height',
+      'hauteur min': 'min-height',
+      'bordure-rayon': 'border-radius',
+      'bordure rayon': 'border-radius',
+      'rayon-bordure': 'border-radius',
+      'rayon bordure': 'border-radius',
+      'rayon bordure': 'border-radius',
+      'texte-aligner': 'text-align',
+      'texte aligner': 'text-align',
+      'aligner-texte': 'text-align',
+      'texte-decoration': 'text-decoration',
+      'texte decoration': 'text-decoration',
+      'liste-style': 'list-style',
+      'style-liste': 'list-style',
       'couleur-caret': 'caret-color',
       'couleur caret': 'caret-color',
       'caret-couleur': 'caret-color',
@@ -467,9 +584,15 @@ class CSSGenerator {
       'chemin-decoupe': 'clip-path',
       'chemin decoupe': 'clip-path',
       'decoupe-chemin': 'clip-path',
+      'chemin-découpé': 'clip-path',
+      'chemin découpé': 'clip-path',
+      'découpe-chemin': 'clip-path',
       'forme-exterieure': 'shape-outside',
       'forme exterieure': 'shape-outside',
       'exterieure-forme': 'shape-outside',
+      'forme-extérieure': 'shape-outside',
+      'forme extérieure': 'shape-outside',
+      'extérieure-forme': 'shape-outside',
       'marge-forme': 'shape-margin',
       'marge forme': 'shape-margin',
       'forme-marge': 'shape-margin'
@@ -503,11 +626,11 @@ class CSSGenerator {
       return `var(--${varName})`
     })
     
-    result = result.replace(/dégradé linéaire:\s*/gi, 'linear-gradient(')
+    result = result.replace(/dégradé linéaire:\s*/gi, 'linear-gradient(')
     result = result.replace(/degrade lineaire:\s*/gi, 'linear-gradient(')
-    result = result.replace(/dégradé radial:\s*/gi, 'radial-gradient(')
+    result = result.replace(/dégradé radial:\s*/gi, 'radial-gradient(')
     result = result.replace(/degrade radial:\s*/gi, 'radial-gradient(')
-    result = result.replace(/dégradé conique:\s*/gi, 'conic-gradient(')
+    result = result.replace(/dégradé conique:\s*/gi, 'conic-gradient(')
     result = result.replace(/degrade conique:\s*/gi, 'conic-gradient(')
     
     result = result.replace(/rgba:\s*(\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)/gi, 'rgba($1, $2, $3, $4)')
@@ -516,30 +639,30 @@ class CSSGenerator {
     result = result.replace(/hsla:\s*(\d+),\s*([\d.]+%?),\s*([\d.]+%?),\s*([\d.]+)/gi, 'hsla($1, $2, $3, $4)')
     
     result = result.replace(/flou:\s*([\d.]+\w*)/gi, 'blur($1)')
-    result = result.replace(/luminosité:\s*([\d.]+%?)/gi, 'brightness($1)')
+    result = result.replace(/luminosité:\s*([\d.]+%?)/gi, 'brightness($1)')
     result = result.replace(/luminosite:\s*([\d.]+%?)/gi, 'brightness($1)')
     result = result.replace(/contraste:\s*([\d.]+%?)/gi, 'contrast($1)')
     result = result.replace(/niveaux-gris:\s*([\d.]+%?)/gi, 'grayscale($1)')
     result = result.replace(/niveaux gris:\s*([\d.]+%?)/gi, 'grayscale($1)')
     result = result.replace(/inverser:\s*([\d.]+%?)/gi, 'invert($1)')
     result = result.replace(/saturation:\s*([\d.]+%?)/gi, 'saturate($1)')
-    result = result.replace(/sépia:\s*([\d.]+%?)/gi, 'sepia($1)')
+    result = result.replace(/sépia:\s*([\d.]+%?)/gi, 'sepia($1)')
     result = result.replace(/sepia:\s*([\d.]+%?)/gi, 'sepia($1)')
     result = result.replace(/teinte:\s*([\d.]+\w*)/gi, 'hue-rotate($1)')
     
-    result = result.replace(/déplacer-y:\s*([\d.\-]+\w*)/gi, 'translateY($1)')
+    result = result.replace(/déplacer-y:\s*([\d.\-]+\w*)/gi, 'translateY($1)')
     result = result.replace(/deplacer-y:\s*([\d.\-]+\w*)/gi, 'translateY($1)')
-    result = result.replace(/déplacer-x:\s*([\d.\-]+\w*)/gi, 'translateX($1)')
+    result = result.replace(/déplacer-x:\s*([\d.\-]+\w*)/gi, 'translateX($1)')
     result = result.replace(/deplacer-x:\s*([\d.\-]+\w*)/gi, 'translateX($1)')
-    result = result.replace(/déplacer:\s*([\d.\-]+\w*),?\s*([\d.\-]+\w*)?/gi, (match, x, y) => {
+    result = result.replace(/déplacer:\s*([\d.\-]+\w*),?\s*([\d.\-]+\w*)?/gi, (match, x, y) => {
       if (y) return `translate(${x}, ${y})`
       return `translate(${x})`
     })
     result = result.replace(/rotation:\s*([\d.\-]+\w*)/gi, 'rotate($1)')
-    result = result.replace(/échelle:\s*([\d.]+)/gi, 'scale($1)')
+    result = result.replace(/échelle:\s*([\d.]+)/gi, 'scale($1)')
     result = result.replace(/echelle:\s*([\d.]+)/gi, 'scale($1)')
     
-    result = result.replace(/répéter:\s*([^,]+),\s*minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, minmax($2, $3))')
+    result = result.replace(/répéter:\s*([^,]+),\s*minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, minmax($2, $3))')
     result = result.replace(/repeter:\s*([^,]+),\s*minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'repeat($1, minmax($2, $3))')
     result = result.replace(/minmax:\s*([^,]+),\s*([^\s\)]+)/gi, 'minmax($1, $2)')
     
@@ -670,16 +793,16 @@ class CSSGenerator {
       'aucun': 'none',
       'aucune': 'none',
       'auto': 'auto',
-      'hériter': 'inherit',
+      'hériter': 'inherit',
       'heriter': 'inherit',
       'initial': 'initial',
-      'caché': 'hidden',
+      'caché': 'hidden',
       'cache': 'hidden',
       'visible': 'visible',
-      'défiler': 'scroll',
+      'défiler': 'scroll',
       'defiler': 'scroll',
       'fixe': 'fixed',
-      'fixée': 'fixed',
+      'fixée': 'fixed',
       'fixee': 'fixed',
       'absolue': 'absolute',
       'absolu': 'absolute',
@@ -689,17 +812,17 @@ class CSSGenerator {
       'collant': 'sticky',
       'collante': 'sticky',
       'centre': 'center',
-      'centré': 'center',
-      'début': 'flex-start',
+      'centré': 'center',
+      'début': 'flex-start',
       'debut': 'flex-start',
       'fin': 'flex-end',
       'espace-entre': 'space-between',
       'espace entre': 'space-between',
       'espace-autour': 'space-around',
       'espace autour': 'space-around',
-      'espace-égal': 'space-evenly',
+      'espace-égal': 'space-evenly',
       'espace egal': 'space-evenly',
-      'étirer': 'stretch',
+      'étirer': 'stretch',
       'etirer': 'stretch',
       'ligne': 'row',
       'colonne': 'column',
@@ -713,9 +836,9 @@ class CSSGenerator {
       'gras': 'bold',
       'normal': 'normal',
       'italique': 'italic',
-      'souligné': 'underline',
+      'souligné': 'underline',
       'souligne': 'underline',
-      'barré': 'line-through',
+      'barré': 'line-through',
       'barre': 'line-through',
       'majuscules': 'uppercase',
       'minuscules': 'lowercase',
@@ -736,14 +859,14 @@ class CSSGenerator {
       'grille': 'grid',
       'grille-en-ligne': 'inline-grid',
       'grille en ligne': 'inline-grid',
-      'préservé': 'pre',
+      'préservé': 'pre',
       'preserve': 'pre',
-      'pré-ligne': 'pre-line',
+      'pré-ligne': 'pre-line',
       'pre-ligne': 'pre-line',
-      'pré-enveloppe': 'pre-wrap',
+      'pré-enveloppe': 'pre-wrap',
       'pre-enveloppe': 'pre-wrap',
       'solide': 'solid',
-      'pointillée': 'dotted',
+      'pointillée': 'dotted',
       'pointillee': 'dotted',
       'tirets': 'dashed',
       'double': 'double',
@@ -752,7 +875,7 @@ class CSSGenerator {
       'ease-in': 'ease-in',
       'ease-out': 'ease-out',
       'ease-in-out': 'ease-in-out',
-      'linéaire': 'linear',
+      'linéaire': 'linear',
       'lineaire': 'linear',
       'infini': 'infinite',
       'alternatif': 'alternate',
@@ -761,6 +884,19 @@ class CSSGenerator {
       'en avant': 'forwards',
       'en arriere': 'backwards',
       'les deux': 'both',
+      'bordure-boite': 'border-box',
+      'boite-bordure': 'border-box',
+      'boite bordure': 'border-box',
+      'bordure-boîte': 'border-box',
+      'boîte-bordure': 'border-box',
+      'boîte bordure': 'border-box',
+      'boîte-contenu': 'content-box',
+      'boîte contenu': 'content-box',
+      'contenu-boîte': 'content-box',
+      'boite-contenu': 'content-box',
+      'boite contenu': 'content-box',
+      'contenu-boite': 'content-box',
+      'remplissage-boite': 'padding-box',
       'en pause': 'paused',
       'en cours': 'running',
       'ombre': 'box-shadow',
@@ -810,7 +946,7 @@ class CSSGenerator {
     }
     
     for (const [fr, en] of Object.entries(keywords)) {
-      const regex = new RegExp(`\\b${fr}\\b`, 'gi')
+      const regex = new RegExp(`(?<![a-zA-ZÀ-ÿ])${fr}(?![a-zA-ZÀ-ÿ])`, 'gi')
       result = result.replace(regex, en)
     }
     
@@ -845,8 +981,8 @@ class CSSGenerator {
       'espacement lettres': 'letter-spacing',
       'alignement-texte': 'text-align',
       'alignement texte': 'text-align',
-      'décoration-texte': 'text-decoration',
-      'décoration texte': 'text-decoration',
+      'décoration-texte': 'text-decoration',
+      'décoration texte': 'text-decoration',
       'decoration-texte': 'text-decoration',
       'decoration texte': 'text-decoration',
       'transformation-texte': 'text-transform',
@@ -931,13 +1067,13 @@ class CSSGenerator {
       'droite': 'right',
       'index-z': 'z-index',
       'z-index': 'z-index',
-      'débordement': 'overflow',
+      'débordement': 'overflow',
       'debordement': 'overflow',
-      'débordement-x': 'overflow-x',
+      'débordement-x': 'overflow-x',
       'debordement-x': 'overflow-x',
-      'débordement-y': 'overflow-y',
+      'débordement-y': 'overflow-y',
       'debordement-y': 'overflow-y',
-      'opacité': 'opacity',
+      'opacité': 'opacity',
       'opacite': 'opacity',
       'curseur': 'cursor',
       'transition': 'transition',
@@ -957,11 +1093,11 @@ class CSSGenerator {
       'flou fond': 'backdrop-filter',
       'ombre-boîte': 'box-shadow',
       'ombre-boite': 'box-shadow',
-      'ombre boîte': 'box-shadow',
+      'ombre boîte': 'box-shadow',
       'ombre boite': 'box-shadow',
-      'modèle-boîte': 'box-sizing',
+      'modèle-boîte': 'box-sizing',
       'modele-boite': 'box-sizing',
-      'modèle boîte': 'box-sizing',
+      'modèle boîte': 'box-sizing',
       'modele boite': 'box-sizing',
       'espace': 'gap',
       'espace ligne': 'row-gap',
@@ -970,9 +1106,9 @@ class CSSGenerator {
       'espace-colonne': 'column-gap',
       'justifier-contenu': 'justify-content',
       'justifier contenu': 'justify-content',
-      'aligner-éléments': 'align-items',
+      'aligner-éléments': 'align-items',
       'aligner-elements': 'align-items',
-      'aligner éléments': 'align-items',
+      'aligner éléments': 'align-items',
       'aligner elements': 'align-items',
       'aligner-contenu': 'align-content',
       'aligner contenu': 'align-content',
@@ -991,13 +1127,13 @@ class CSSGenerator {
       'liste-style': 'list-style',
       'liste style': 'list-style',
       'contenu': 'content',
-      'évènements-pointeur': 'pointer-events',
+      'évènements-pointeur': 'pointer-events',
       'evenements-pointeur': 'pointer-events',
-      'évènements pointeur': 'pointer-events',
+      'évènements pointeur': 'pointer-events',
       'evenements pointeur': 'pointer-events',
-      'découpe-fond': 'background-clip',
+      'découpe-fond': 'background-clip',
       'decoupe-fond': 'background-clip',
-      'découpe fond': 'background-clip',
+      'découpe fond': 'background-clip',
       'decoupe fond': 'background-clip',
       'couleur-remplissage-texte': '-webkit-text-fill-color',
       'couleur remplissage texte': '-webkit-text-fill-color',
@@ -1010,12 +1146,13 @@ class CSSGenerator {
       'decoration': 'text-decoration',
       'ombre': 'box-shadow',
       'ecart': 'gap',
+      'écart': 'gap',
       'direction': 'flex-direction',
       'envelopper': 'flex-wrap',
       'justifier': 'justify-content',
       'aligner': 'align-items',
       'visibilite': 'visibility',
-      'visibilité': 'visibility',
+      'visibilité': 'visibility',
       'redimensionnement': 'resize',
       'apparence': 'appearance',
       'contour': 'outline'
@@ -1030,31 +1167,31 @@ class CSSGenerator {
 
     result = result.replace(/:racine\b/gi, ':root')
     result = result.replace(/::avant\b/gi, '::before')
-    result = result.replace(/::après\b/gi, '::after')
+    result = result.replace(/::après\b/gi, '::after')
     result = result.replace(/::apres\b/gi, '::after')
-    result = result.replace(/::première-lettre\b/gi, '::first-letter')
+    result = result.replace(/::première-lettre\b/gi, '::first-letter')
     result = result.replace(/::premiere-lettre\b/gi, '::first-letter')
-    result = result.replace(/::première-ligne\b/gi, '::first-line')
+    result = result.replace(/::première-ligne\b/gi, '::first-line')
     result = result.replace(/::premiere-ligne\b/gi, '::first-line')
-    result = result.replace(/::sélection\b/gi, '::selection')
+    result = result.replace(/::sélection\b/gi, '::selection')
     result = result.replace(/::selection\b/gi, '::selection')
     result = result.replace(/::marqueur\b/gi, '::marker')
     
     result = result.replace(/\bau survol\b/gi, ':hover')
-    result = result.replace(/\bquand survolé\b/gi, ':hover')
+    result = result.replace(/\bquand survolé\b/gi, ':hover')
     result = result.replace(/\bquand survole\b/gi, ':hover')
     result = result.replace(/\ben survol\b/gi, ':hover')
     result = result.replace(/\bau clic\b/gi, ':active')
-    result = result.replace(/\bquand cliqué\b/gi, ':active')
+    result = result.replace(/\bquand cliqué\b/gi, ':active')
     result = result.replace(/\bquand clique\b/gi, ':active')
     result = result.replace(/\ben clic\b/gi, ':active')
     result = result.replace(/\bactif\b/gi, ':active')
     result = result.replace(/\bau focus\b/gi, ':focus')
-    result = result.replace(/\bquand focalisé\b/gi, ':focus')
+    result = result.replace(/\bquand focalisé\b/gi, ':focus')
     result = result.replace(/\bquand focalise\b/gi, ':focus')
     result = result.replace(/\ben focus\b/gi, ':focus')
     result = result.replace(/\bau focus dans\b/gi, ':focus-within')
-    result = result.replace(/\bvisité\b/gi, ':visited')
+    result = result.replace(/\bvisité\b/gi, ':visited')
     result = result.replace(/\bvisite\b/gi, ':visited')
     
     result = result.replace(/\s+(:hover|:active|:focus|:focus-within|:visited|:checked|:disabled|:enabled|:required|:optional|:valid|:invalid|:empty|:target)/gi, '$1')
@@ -1068,18 +1205,18 @@ class CSSGenerator {
     result = result.replace(/\bunique de type\b/gi, ':only-of-type')
     result = result.replace(/\bvide\b/gi, ':empty')
     result = result.replace(/\bcible\b/gi, ':target')
-    result = result.replace(/\bcoché\b/gi, ':checked')
+    result = result.replace(/\bcoché\b/gi, ':checked')
     result = result.replace(/\bcoche\b/gi, ':checked')
-    result = result.replace(/\bdésactivé\b/gi, ':disabled')
+    result = result.replace(/\bdésactivé\b/gi, ':disabled')
     result = result.replace(/\bdesactive\b/gi, ':disabled')
-    result = result.replace(/\bactivé\b/gi, ':enabled')
+    result = result.replace(/\bactivé\b/gi, ':enabled')
     result = result.replace(/\brequis\b/gi, ':required')
     result = result.replace(/\boptionnel\b/gi, ':optional')
     result = result.replace(/\bvalide\b/gi, ':valid')
     result = result.replace(/\binvalide\b/gi, ':invalid')
 
     result = result.replace(/\bcorps\b/gi, 'body')
-    result = result.replace(/\btête\b/gi, 'head')
+    result = result.replace(/\btête\b/gi, 'head')
     result = result.replace(/\btete\b/gi, 'head')
     result = result.replace(/\btitre1\b/gi, 'h1')
     result = result.replace(/\btitre2\b/gi, 'h2')
@@ -1094,24 +1231,24 @@ class CSSGenerator {
     result = result.replace(/\bformulaire\b/gi, 'form')
     result = result.replace(/\bchamp\b/gi, 'input')
     result = result.replace(/\bliste\b/gi, 'ul')
-    result = result.replace(/\bliste-ordonnée\b/gi, 'ol')
+    result = result.replace(/\bliste-ordonnée\b/gi, 'ol')
     result = result.replace(/\bliste-ordonnee\b/gi, 'ol')
-    result = result.replace(/\bélément-liste\b/gi, 'li')
+    result = result.replace(/\bélément-liste\b/gi, 'li')
     result = result.replace(/\belement-liste\b/gi, 'li')
     result = result.replace(/\btableau\b/gi, 'table')
     result = result.replace(/\bligne-tableau\b/gi, 'tr')
     result = result.replace(/\bcellule\b/gi, 'td')
-    result = result.replace(/\bentête\b/gi, 'header')
+    result = result.replace(/\bentête\b/gi, 'header')
     result = result.replace(/\bentete\b/gi, 'header')
     result = result.replace(/\bpied\b/gi, 'footer')
     result = result.replace(/\bnavigation\b/gi, 'nav')
     result = result.replace(/\bsection\b/gi, 'section')
     result = result.replace(/\barticle\b/gi, 'article')
-    result = result.replace(/\bcôté\b/gi, 'aside')
+    result = result.replace(/\bcôté\b/gi, 'aside')
     result = result.replace(/\bcote\b/gi, 'aside')
     result = result.replace(/\bprincipal\b/gi, 'main')
     result = result.replace(/\bdivision\b/gi, 'div')
-    result = result.replace(/\bportée\b/gi, 'span')
+    result = result.replace(/\bportée\b/gi, 'span')
     result = result.replace(/\bportee\b/gi, 'span')
 
     return result
@@ -1370,7 +1507,7 @@ class CSSGenerator {
   translateMediaQuery(query) {
     let result = query
 
-    result = result.replace(/écran/gi, 'screen')
+    result = result.replace(/écran/gi, 'screen')
     result = result.replace(/ecran/gi, 'screen')
     result = result.replace(/imprimante/gi, 'print')
     result = result.replace(/tous/gi, 'all')
@@ -1402,9 +1539,9 @@ class CSSGenerator {
 
     const plusPetitMatch = condition.match(/plus petit que\s+([\d.]+\w*)/i)
     const plusGrandMatch = condition.match(/plus grand que\s+([\d.]+\w*)/i)
-    const inferieurMatch = condition.match(/inférieur[e]?\s+à\s+([\d.]+\w*)/i) || condition.match(/inferieur[e]?\s+a\s+([\d.]+\w*)/i)
-    const superieurMatch = condition.match(/supérieur[e]?\s+à\s+([\d.]+\w*)/i) || condition.match(/superieur[e]?\s+a\s+([\d.]+\w*)/i)
-    const egalMatch = condition.match(/égal[e]?\s+à\s+([\d.]+\w*)/i) || condition.match(/egal[e]?\s+a\s+([\d.]+\w*)/i)
+    const inferieurMatch = condition.match(/inférieur[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/inferieur[e]?\s+a\s+([\d.]+\w*)/i)
+    const superieurMatch = condition.match(/supérieur[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/superieur[e]?\s+a\s+([\d.]+\w*)/i)
+    const egalMatch = condition.match(/égal[e]?\s+a\s+([\d.]+\w*)/i) || condition.match(/egal[e]?\s+a\s+([\d.]+\w*)/i)
     const simpleInfMatch = condition.match(/<\s*([\d.]+\w*)/i)
     const simpleSupMatch = condition.match(/>\s*([\d.]+\w*)/i)
 

package/package.json

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