humalis 1.1.0 → 1.3.0

package/dist/cibles/web/langue.js

@@ -51,6 +51,9 @@ ${entete(langues)}const CLE = ${chaine(CLE_LANGUE)};
  */
 function langueDeDepart(): Langue {
   if (typeof window === 'undefined') return LANGUES[0];
+  // Le prérendu (un navigateur automatisé) écrit les pages dans la langue de base du site,
+  // celle que les moteurs de recherche doivent lire, quelle que soit la langue de ce navigateur.
+  if (navigator.webdriver) return LANGUES[0];
   try {
     const gardee = localStorage.getItem(CLE);
     if (estLangue(gardee)) return gardee;

package/dist/cibles/web/projet.js

@@ -3,7 +3,7 @@ import { robotsTxt, manifeste, fichiersDuSite, balisesIcone, estExterne } from '
 import { sousActions } from '../../ri/actions.js';
 import { cssEcran } from './css-ecran.js';
 import { cssElements } from './css-elements.js';
-import { cssMouvement, animeAuDefilement, MOUVEMENT_WEB, NETTOYAGE_PRERENDU } from '../commun/mouvement.js';
+import { cssMouvement, animeAuDefilement, MOUVEMENT_WEB, NETTOYAGE_PRERENDU, ENTETE_WEB, suitLEntete } from '../commun/mouvement.js';
 import { fichiersDesElements, dependancesDesElements, dependancesDeDeveloppement } from './widgets.js';
 import { fichiersGraphique, cssGraphique } from './graphique.js';
 import { cssTheme, changeLeTheme, modeParDefaut, themeTs, SCRIPT_THEME } from './theme.js';
@@ -79,6 +79,7 @@ export function genererProjetWeb(application, options) {
         // Le bloc « site » ou un « apercu » : chaque page pose ses balises de partage.
         ...(application.site || application.ecrans.some((e) => e.apercu) ? { publication: { site: application.site, adresse: options.adresse } } : {}),
         ...(application.langues ? { langues: application.langues } : {}),
+        ...(options.sources ? { reperes: options.sources } : {}),
     };
     let session = false;
     for (const c of application.composants) {
@@ -199,6 +200,10 @@ export function genererProjetWeb(application, options) {
     const defilementAnime = animeAuDefilement(codes);
     if (defilementAnime)
         fichiers.set('src/humalis/mouvement.ts', MOUVEMENT_WEB);
+    // « entete avec fixe », « hauteur ecran » : la hauteur de l'en-tête, suivie par un petit script.
+    const enteteSuivie = suitLEntete(codes);
+    if (enteteSuivie)
+        fichiers.set('src/humalis/entete.ts', ENTETE_WEB);
     // Le CSS de l'utilisateur, recopié tel quel (décision W8), chargé après
     // celui de Humalis pour pouvoir le redéfinir.
     const feuilles = [];
@@ -225,7 +230,7 @@ export function genererProjetWeb(application, options) {
         ...(ecran.reservee ? { reservee: { qui: ecran.reservee.qui, sinon: chemins.get(ecran.reservee.sinon) ?? '/' } } : {}),
         sansEntete: ecran.sansEntete,
         sansPied: ecran.sansPied,
-    })), feuilles, application.partages.length > 0, session, introuvable?.page.composant, dispositions, utiliseDefilement, defilementAnime));
+    })), feuilles, application.partages.length > 0, session, introuvable?.page.composant, dispositions, utiliseDefilement, defilementAnime, enteteSuivie));
     for (const { page } of pages)
         fichiers.set(`src/pages/${page.composant}.tsx`, page.code);
     // Les images locales, recopiées là où le site les cherche (/images/…) : décision M5.
@@ -506,7 +511,7 @@ function lignesDeRoute(r, toutes, niveau, cheminParent) {
         lignes.push(`${espaces(0)}</Route>`);
     return lignes;
 }
-function mainTsx(routes, feuilles, partage, session, introuvable, dispositions = {}, defilement = false, mouvement = false) {
+function mainTsx(routes, feuilles, partage, session, introuvable, dispositions = {}, defilement = false, mouvement = false, entete = false) {
     const imports = routes.map((r) => `import ${r.composant} from './pages/${r.composant}';`).join('\n');
     // Les pages qui ont le même en-tête et le même pied partagent une disposition ; une sous-page suit son parent.
     const groupes = new Map();
@@ -532,7 +537,7 @@ import { Messages } from './humalis/messages';${defilement ? "\nimport { Defilem
 ${session ? "import { Session } from './humalis/session';\n" : ''}${partage ? "import { Partage } from './humalis/partage';\n" : ''}${routes.some((r) => r.reservee) ? "import { Reservee } from './humalis/reservee';\n" : ''}${introuvable ? `import ${introuvable} from './pages/${introuvable}';` : "import Introuvable from './Introuvable';"}
 ${dispositions.entete || dispositions.pied ? "import Disposition from './Disposition';\n" : ''}${imports}
 import './humalis/styles.css';
-${mouvement ? "import { observerLeDefilement } from './humalis/mouvement';\n" : ''}${feuilles.map((f) => `import './styles/${f}';\n`).join('')}
+${mouvement ? "import { observerLeDefilement } from './humalis/mouvement';\n" : ''}${entete ? "import { suivreLaHauteurDeLEntete } from './humalis/entete';\n" : ''}${feuilles.map((f) => `import './styles/${f}';\n`).join('')}
 // Un hébergeur statique sert /documentation/index.html pour /documentation/ :
 // le routeur lit l'adresse sans « index.html », comme le dossier.
 if (/\\/index\\.html$/.test(location.pathname)) {
@@ -548,7 +553,7 @@ ${routesTsx}
     </BrowserRouter>
   </StrictMode>,
 );
-${mouvement ? '\n// Les animations « au defilement » attendent que l\'élément entre à l\'écran.\nobserverLeDefilement();\n' : ''}`;
+${mouvement ? '\n// Les animations « au defilement » attendent que l\'élément entre à l\'écran.\nobserverLeDefilement();\n' : ''}${entete ? '\n// « entete avec fixe », « hauteur ecran » : la hauteur de l\'en-tête.\nsuivreLaHauteurDeLEntete();\n' : ''}`;
 }
 /**
  * Les aides de navigation du code produit : le lien « actif », le défilement
@@ -584,7 +589,9 @@ export function Defilement() {
   const { pathname, hash } = useLocation();
   useEffect(() => {
     if (!hash) {
+      // La fenêtre, et la racine si le CSS du site en fait la zone qui défile (en-tête fixe au-dessus).
       window.scrollTo(0, 0);
+      document.getElementById('racine')?.scrollTo(0, 0);
       return;
     }
     const id = decodeURIComponent(hash.slice(1));

package/dist/cli.js

@@ -163,11 +163,16 @@ function compile(arguments_) {
     const medias = lireMedias(application, chemin);
     if (!medias)
         return 1;
-    const optionsWeb = { nom, adresse: adresse ?? 'http://localhost', source: basename(chemin), fichiersStyle, composantsReact, polices, images, medias };
+    // --diagnostics-port n'est passé que par « humalis developper » : le mode développement, où chaque
+    // élément porte son fichier et sa ligne Humalis (data-humalis-source). Jamais dans une compilation normale.
+    const portDiagnostics = option(arguments_, 'diagnostics-port');
+    const optionsWeb = {
+        nom, adresse: adresse ?? 'http://localhost', source: basename(chemin), fichiersStyle, composantsReact, polices, images, medias,
+        ...(portDiagnostics !== undefined ? { sources: fichiersDuProjet } : {}),
+    };
     const fichiers = composants
         ? genererComposantsWeb(application, optionsWeb)
         : genererProjetWeb(application, optionsWeb);
-    const portDiagnostics = option(arguments_, 'diagnostics-port');
     if (portDiagnostics !== undefined && fichiers.has('index.html')) {
         const index = fichiers.get('index.html');
         fichiers.set('index.html', index.replace('</body>', `<script type="module" src="http://localhost:${portDiagnostics}/diagnostics.js"></script></body>`));

package/dist/fichiers.js

@@ -5,6 +5,7 @@ import { ErreurSyntaxique } from './parser/erreurs.js';
 import { lireCsv } from './donnees/csv.js';
 import { lireJson } from './donnees/json.js';
 import { analyserSens } from './analyse/analyse.js';
+import { verifierCss } from './analyse/css.js';
 import { construireRepresentation } from './ri/construire.js';
 /**
  * Plusieurs fichiers (trou G4) : les lignes du k-ième fichier utilisé sont
@@ -158,7 +159,26 @@ export function compilerProjet(principal, lire, sourcePrincipale) {
     }
     if (diagnostics.some((d) => d.gravite === 'erreur'))
         return fin();
-    const analyse = analyserSens(programme);
+    const classesCss = new Set();
+    let cssIllisible = false;
+    for (const bloc of programme.styles) {
+        const resultat = verifierCss(bloc.css, bloc.ligne + 1);
+        for (const nom of resultat.classes)
+            classesCss.add(nom);
+        diagnostics.push(...resultat.diagnostics);
+    }
+    for (const fichier of programme.fichiersStyle) {
+        const contenu = lire(joindre(base, fichier.chemin));
+        if (contenu === undefined) {
+            cssIllisible = true;
+            continue;
+        }
+        const resultat = verifierCss(contenu, 1, fichier.chemin.replace(/^\.\//, ''));
+        for (const nom of resultat.classes)
+            classesCss.add(nom);
+        diagnostics.push(...resultat.diagnostics);
+    }
+    const analyse = analyserSens(programme, cssIllisible ? undefined : classesCss);
     diagnostics.push(...analyse.diagnostics);
     if (diagnostics.some((d) => d.gravite === 'erreur'))
         return fin();