ether-code 0.5.4 → 0.5.5

package/cli/ether.js

@@ -6,7 +6,7 @@ const http = require('http')
 const { EtherCompiler } = require('./compiler')
 const { Watcher } = require('./watcher')
 
-const VERSION = '0.5.4'
+const VERSION = '0.5.5'
 
 const COLORS = {
   reset: '\x1b[0m',

package/generators/css-generator.js

@@ -108,6 +108,377 @@ class CSSGenerator {
 
   translateProperty(prop) {
     const lower = prop.toLowerCase()
+    
+    const priorityMap = {
+      'contenu': 'content',
+      'contenus': 'content',
+      'famille-police': 'font-family',
+      'famille police': 'font-family',
+      'police-famille': 'font-family',
+      'taille-police': 'font-size',
+      'taille police': 'font-size',
+      'police-taille': 'font-size',
+      'poids-police': 'font-weight',
+      'poids police': 'font-weight',
+      'police-poids': 'font-weight',
+      'style-police': 'font-style',
+      'style police': 'font-style',
+      'police-style': 'font-style',
+      'hauteur-ligne': 'line-height',
+      'hauteur ligne': 'line-height',
+      'ligne-hauteur': 'line-height',
+      'espacement-lettres': 'letter-spacing',
+      'espacement lettres': 'letter-spacing',
+      'espacement-mots': 'word-spacing',
+      'espacement mots': 'word-spacing',
+      'rayon-bordure': 'border-radius',
+      'rayon bordure': 'border-radius',
+      'bordure-rayon': 'border-radius',
+      'arrondi-bordure': 'border-radius',
+      'coins-arrondis': 'border-radius',
+      'flou-fond': 'backdrop-filter',
+      'flou fond': 'backdrop-filter',
+      'fond-flou': 'backdrop-filter',
+      'filtre-fond': 'backdrop-filter',
+      'filtre fond': 'backdrop-filter',
+      'fond-filtre': 'backdrop-filter',
+      'arriere-plan-flou': 'backdrop-filter',
+      'max-largeur': 'max-width',
+      'largeur-max': 'max-width',
+      'largeur-maximum': 'max-width',
+      'largeur maximum': 'max-width',
+      'min-largeur': 'min-width',
+      'largeur-min': 'min-width',
+      'largeur-minimum': 'min-width',
+      'largeur minimum': 'min-width',
+      'max-hauteur': 'max-height',
+      'hauteur-max': 'max-height',
+      'hauteur-maximum': 'max-height',
+      'hauteur maximum': 'max-height',
+      'min-hauteur': 'min-height',
+      'hauteur-min': 'min-height',
+      'hauteur-minimum': 'min-height',
+      'hauteur minimum': 'min-height',
+      'couleur-fond': 'background-color',
+      'couleur fond': 'background-color',
+      'fond-couleur': 'background-color',
+      'image-fond': 'background-image',
+      'image fond': 'background-image',
+      'fond-image': 'background-image',
+      'position-fond': 'background-position',
+      'position fond': 'background-position',
+      'fond-position': 'background-position',
+      'taille-fond': 'background-size',
+      'taille fond': 'background-size',
+      'fond-taille': 'background-size',
+      'repetition-fond': 'background-repeat',
+      'repetition fond': 'background-repeat',
+      'fond-repetition': 'background-repeat',
+      'attachement-fond': 'background-attachment',
+      'attachement fond': 'background-attachment',
+      'fond-attachement': 'background-attachment',
+      'origine-fond': 'background-origin',
+      'origine fond': 'background-origin',
+      'decoupe-fond': 'background-clip',
+      'decoupe fond': 'background-clip',
+      'fond-decoupe': 'background-clip',
+      'mode-melange': 'mix-blend-mode',
+      'mode melange': 'mix-blend-mode',
+      'melange-mode': 'mix-blend-mode',
+      'mode-fusion': 'mix-blend-mode',
+      'mode fusion': 'mix-blend-mode',
+      'couleur-bordure': 'border-color',
+      'couleur bordure': 'border-color',
+      'bordure-couleur': 'border-color',
+      'style-bordure': 'border-style',
+      'style bordure': 'border-style',
+      'bordure-style': 'border-style',
+      'largeur-bordure': 'border-width',
+      'largeur bordure': 'border-width',
+      'bordure-largeur': 'border-width',
+      'bordure-haut': 'border-top',
+      'bordure haut': 'border-top',
+      'bordure-bas': 'border-bottom',
+      'bordure bas': 'border-bottom',
+      'bordure-gauche': 'border-left',
+      'bordure gauche': 'border-left',
+      'bordure-droite': 'border-right',
+      'bordure droite': 'border-right',
+      'ombre-boite': 'box-shadow',
+      'ombre boite': 'box-shadow',
+      'boite-ombre': 'box-shadow',
+      'ombre-texte': 'text-shadow',
+      'ombre texte': 'text-shadow',
+      'texte-ombre': 'text-shadow',
+      'alignement-texte': 'text-align',
+      'alignement texte': 'text-align',
+      'texte-alignement': 'text-align',
+      'decoration-texte': 'text-decoration',
+      'decoration texte': 'text-decoration',
+      'texte-decoration': 'text-decoration',
+      'transformation-texte': 'text-transform',
+      'transformation texte': 'text-transform',
+      'texte-transformation': 'text-transform',
+      'retrait-texte': 'text-indent',
+      'retrait texte': 'text-indent',
+      'texte-retrait': 'text-indent',
+      'debordement-texte': 'text-overflow',
+      'debordement texte': 'text-overflow',
+      'texte-debordement': 'text-overflow',
+      'renvoi-mots': 'word-wrap',
+      'renvoi mots': 'word-wrap',
+      'cesure-mots': 'word-break',
+      'cesure mots': 'word-break',
+      'espace-blanc': 'white-space',
+      'espace blanc': 'white-space',
+      'blanc-espace': 'white-space',
+      'direction-flex': 'flex-direction',
+      'direction flex': 'flex-direction',
+      'flex-direction': 'flex-direction',
+      'enveloppe-flex': 'flex-wrap',
+      'enveloppe flex': 'flex-wrap',
+      'flex-enveloppe': 'flex-wrap',
+      'flux-flex': 'flex-flow',
+      'flux flex': 'flex-flow',
+      'flex-flux': 'flex-flow',
+      'croissance-flex': 'flex-grow',
+      'croissance flex': 'flex-grow',
+      'flex-croissance': 'flex-grow',
+      'retrecissement-flex': 'flex-shrink',
+      'retrecissement flex': 'flex-shrink',
+      'flex-retrecissement': 'flex-shrink',
+      'base-flex': 'flex-basis',
+      'base flex': 'flex-basis',
+      'flex-base': 'flex-basis',
+      'justifier-contenu': 'justify-content',
+      'justifier contenu': 'justify-content',
+      'contenu-justifier': 'justify-content',
+      'aligner-elements': 'align-items',
+      'aligner elements': 'align-items',
+      'elements-aligner': 'align-items',
+      'aligner-soi': 'align-self',
+      'aligner soi': 'align-self',
+      'soi-aligner': 'align-self',
+      'aligner-contenu': 'align-content',
+      'aligner contenu': 'align-content',
+      'contenu-aligner': 'align-content',
+      'colonnes-grille': 'grid-template-columns',
+      'colonnes grille': 'grid-template-columns',
+      'grille-colonnes': 'grid-template-columns',
+      'lignes-grille': 'grid-template-rows',
+      'lignes grille': 'grid-template-rows',
+      'grille-lignes': 'grid-template-rows',
+      'zones-grille': 'grid-template-areas',
+      'zones grille': 'grid-template-areas',
+      'grille-zones': 'grid-template-areas',
+      'colonne-grille': 'grid-column',
+      'colonne grille': 'grid-column',
+      'grille-colonne': 'grid-column',
+      'ligne-grille': 'grid-row',
+      'ligne grille': 'grid-row',
+      'grille-ligne': 'grid-row',
+      'zone-grille': 'grid-area',
+      'zone grille': 'grid-area',
+      'grille-zone': 'grid-area',
+      'ecart-grille': 'grid-gap',
+      'ecart grille': 'grid-gap',
+      'grille-ecart': 'grid-gap',
+      'flux-automatique-grille': 'grid-auto-flow',
+      'flux automatique grille': 'grid-auto-flow',
+      'colonnes-automatiques-grille': 'grid-auto-columns',
+      'colonnes automatiques grille': 'grid-auto-columns',
+      'lignes-automatiques-grille': 'grid-auto-rows',
+      'lignes automatiques grille': 'grid-auto-rows',
+      'style-liste': 'list-style',
+      'style liste': 'list-style',
+      'liste-style': 'list-style',
+      'liste style': 'list-style',
+      'type-liste': 'list-style-type',
+      'type liste': 'list-style-type',
+      'liste-type': 'list-style-type',
+      'position-liste': 'list-style-position',
+      'position liste': 'list-style-position',
+      'liste-position': 'list-style-position',
+      'image-liste': 'list-style-image',
+      'image liste': 'list-style-image',
+      'liste-image': 'list-style-image',
+      'disposition-tableau': 'table-layout',
+      'disposition tableau': 'table-layout',
+      'tableau-disposition': 'table-layout',
+      'effondrement-bordure': 'border-collapse',
+      'effondrement bordure': 'border-collapse',
+      'bordure-effondrement': 'border-collapse',
+      'espacement-bordure': 'border-spacing',
+      'espacement bordure': 'border-spacing',
+      'bordure-espacement': 'border-spacing',
+      'cote-legendes': 'caption-side',
+      'cote legendes': 'caption-side',
+      'legendes-cote': 'caption-side',
+      'cellules-vides': 'empty-cells',
+      'cellules vides': 'empty-cells',
+      'vides-cellules': 'empty-cells',
+      'index-z': 'z-index',
+      'z-index': 'z-index',
+      'indice-z': 'z-index',
+      'debordement': 'overflow',
+      'debordement-x': 'overflow-x',
+      'debordement x': 'overflow-x',
+      'debordement-y': 'overflow-y',
+      'debordement y': 'overflow-y',
+      'defilement-x': 'overflow-x',
+      'defilement x': 'overflow-x',
+      'defilement-y': 'overflow-y',
+      'defilement 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',
+      'origine-transformation': 'transform-origin',
+      'origine transformation': 'transform-origin',
+      'transformation-origine': 'transform-origin',
+      'style-transformation': 'transform-style',
+      'style transformation': 'transform-style',
+      'transformation-style': 'transform-style',
+      'face-arriere-visible': 'backface-visibility',
+      'face arriere visible': 'backface-visibility',
+      'visibilite-face-arriere': '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',
+      'duree-transition': 'transition-duration',
+      'duree transition': 'transition-duration',
+      'transition-duree': 'transition-duration',
+      'propriete-transition': 'transition-property',
+      'propriete transition': 'transition-property',
+      'transition-propriete': 'transition-property',
+      'fonction-transition': 'transition-timing-function',
+      'fonction transition': 'transition-timing-function',
+      'transition-fonction': 'transition-timing-function',
+      'nom-animation': 'animation-name',
+      'nom animation': 'animation-name',
+      'animation-nom': 'animation-name',
+      'duree-animation': 'animation-duration',
+      'duree animation': 'animation-duration',
+      'animation-duree': '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',
+      'iterations-animation': 'animation-iteration-count',
+      'iterations animation': 'animation-iteration-count',
+      'animation-iterations': 'animation-iteration-count',
+      'direction-animation': 'animation-direction',
+      'direction animation': 'animation-direction',
+      'animation-direction': 'animation-direction',
+      'mode-remplissage-animation': 'animation-fill-mode',
+      'mode remplissage animation': 'animation-fill-mode',
+      'animation-mode-remplissage': 'animation-fill-mode',
+      'etat-lecture-animation': 'animation-play-state',
+      'etat lecture animation': 'animation-play-state',
+      'animation-etat-lecture': 'animation-play-state',
+      'ajustement-objet': 'object-fit',
+      'ajustement objet': 'object-fit',
+      'objet-ajustement': 'object-fit',
+      'position-objet': 'object-position',
+      'position objet': 'object-position',
+      'objet-position': 'object-position',
+      'selection-utilisateur': 'user-select',
+      'selection utilisateur': 'user-select',
+      'utilisateur-selection': 'user-select',
+      'evenements-pointeur': 'pointer-events',
+      'evenements pointeur': 'pointer-events',
+      'pointeur-evenements': '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',
+      'direction-texte': 'direction',
+      'direction texte': 'direction',
+      'texte-direction': 'direction',
+      'orientation-texte': 'text-orientation',
+      'orientation texte': 'text-orientation',
+      'texte-orientation': 'text-orientation',
+      'colonnes': 'columns',
+      'nombre-colonnes': 'column-count',
+      'nombre colonnes': 'column-count',
+      'colonnes-nombre': 'column-count',
+      'largeur-colonnes': 'column-width',
+      'largeur colonnes': 'column-width',
+      'colonnes-largeur': 'column-width',
+      'ecart-colonnes': 'column-gap',
+      'ecart colonnes': 'column-gap',
+      'colonnes-ecart': 'column-gap',
+      'regle-colonnes': 'column-rule',
+      'regle colonnes': 'column-rule',
+      'colonnes-regle': 'column-rule',
+      'etendue-colonnes': 'column-span',
+      'etendue colonnes': 'column-span',
+      'colonnes-etendue': 'column-span',
+      'remplissage-colonnes': 'column-fill',
+      'remplissage colonnes': 'column-fill',
+      'colonnes-remplissage': 'column-fill',
+      'modele-boite': 'box-sizing',
+      'modele boite': 'box-sizing',
+      'boite-modele': 'box-sizing',
+      'dimensionnement-boite': 'box-sizing',
+      'dimensionnement boite': 'box-sizing',
+      'couleur-caret': 'caret-color',
+      'couleur caret': 'caret-color',
+      'caret-couleur': 'caret-color',
+      'couleur-curseur': 'caret-color',
+      'couleur curseur texte': 'caret-color',
+      'couleur-accent': 'accent-color',
+      'couleur accent': 'accent-color',
+      'accent-couleur': 'accent-color',
+      'schema-couleurs': 'color-scheme',
+      'schema couleurs': 'color-scheme',
+      'couleurs-schema': 'color-scheme',
+      'ratio-aspect': 'aspect-ratio',
+      'ratio aspect': 'aspect-ratio',
+      'aspect-ratio': 'aspect-ratio',
+      'rapport-aspect': 'aspect-ratio',
+      'rapport aspect': 'aspect-ratio',
+      'rapport-proportions': 'aspect-ratio',
+      'rapport proportions': 'aspect-ratio',
+      'contenir': 'contain',
+      'confinement': 'contain',
+      'isolation': 'isolation',
+      'volonte-changement': 'will-change',
+      'volonte changement': 'will-change',
+      'changement-volonte': 'will-change',
+      'optimisation-changement': 'will-change',
+      'optimisation changement': 'will-change',
+      'masque': 'mask',
+      'image-masque': 'mask-image',
+      'image masque': 'mask-image',
+      'masque-image': 'mask-image',
+      'clip-masque': 'mask-clip',
+      'clip masque': 'mask-clip',
+      'masque-clip': 'mask-clip',
+      'chemin-decoupe': 'clip-path',
+      'chemin decoupe': 'clip-path',
+      'decoupe-chemin': 'clip-path',
+      'forme-exterieure': 'shape-outside',
+      'forme exterieure': 'shape-outside',
+      'exterieure-forme': 'shape-outside',
+      'marge-forme': 'shape-margin',
+      'marge forme': 'shape-margin',
+      'forme-marge': 'shape-margin'
+    }
+    
+    if (priorityMap[lower]) {
+      return priorityMap[lower]
+    }
+    
     if (this.propertyMap && this.propertyMap[lower]) {
       return this.propertyMap[lower]
     }
@@ -460,6 +831,8 @@ class CSSGenerator {
       'couleur': 'color',
       'fond': 'background',
       'police': 'font-family',
+      'famille-police': 'font-family',
+      'famille police': 'font-family',
       'taille police': 'font-size',
       'taille-police': 'font-size',
       'poids police': 'font-weight',
@@ -532,16 +905,24 @@ class CSSGenerator {
       'bordure couleur': 'border-color',
       'bordure-couleur': 'border-color',
       'arrondi': 'border-radius',
+      'rayon-bordure': 'border-radius',
+      'rayon bordure': 'border-radius',
+      'bordure-arrondie': 'border-radius',
+      'bordure arrondie': 'border-radius',
       'largeur': 'width',
       'hauteur': 'height',
       'largeur minimum': 'min-width',
       'largeur-minimum': 'min-width',
+      'min-largeur': 'min-width',
       'largeur maximum': 'max-width',
       'largeur-maximum': 'max-width',
+      'max-largeur': 'max-width',
       'hauteur minimum': 'min-height',
       'hauteur-minimum': 'min-height',
+      'min-hauteur': 'min-height',
       'hauteur maximum': 'max-height',
       'hauteur-maximum': 'max-height',
+      'max-hauteur': 'max-height',
       'affichage': 'display',
       'position': 'position',
       'haut': 'top',
@@ -572,7 +953,9 @@ class CSSGenerator {
       'filtre': 'filter',
       'filtre-fond': 'backdrop-filter',
       'filtre fond': 'backdrop-filter',
-      'ombre-boîte': 'box-shadow',
+      'flou-fond': 'backdrop-filter',
+      'flou fond': 'backdrop-filter',
+      'ombre-boîte': 'box-shadow',
       'ombre-boite': 'box-shadow',
       'ombre boîte': 'box-shadow',
       'ombre boite': 'box-shadow',
@@ -605,6 +988,8 @@ class CSSGenerator {
       'lignes grille': 'grid-template-rows',
       'style-liste': 'list-style',
       'style liste': 'list-style',
+      'liste-style': 'list-style',
+      'liste style': 'list-style',
       'contenu': 'content',
       'évènements-pointeur': 'pointer-events',
       'evenements-pointeur': 'pointer-events',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ether-code",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Ether - Le langage intentionnel",
   "main": "cli/compiler.js",
   "bin": {
@@ -24,11 +24,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ether-lang/ether"
+    "url": "https://github.com/ether-code/ether"
   },
   "homepage": "https://ether-code.com",
   "bugs": {
-    "url": "https://github.com/ether-lang/ether/issues"
+    "url": "https://github.com/ether-code/ether/issues"
   },
   "engines": {
     "node": ">=14.0.0"