import {parse} from "npm:yaml"; // 1. Lecture du fichier YAML et conversion en objet JavaScript const schema = parse(await FileAttachment("2026-09-22_schema-met.yaml").text()); // 2. Réglages // Ordre conventionnel ERC : ces éléments passent en premier, dans cet ordre const ORDRE_ERC = ["who", "what", "when", "where"]; // Éléments du YAML à ne pas afficher dans le formulaire (ajouter ou retirer des noms ici) const EXCLUS = ["depositor-what", "available"]; // Éléments publics affichés sous « Métadonnées portant sur le contenu » // (les autres éléments publics vont sous « Métadonnées portant sur l'identifiant ») const SUR_CONTENU = ["description", "support-what", "status"]; // Éléments dont la valeur doit être une URL valide (contrôle du format) const CHAMPS_URL = ["references", "isReplacedBy"]; // Début de l'adresse construite pour where const PREFIXE_WHERE = "https://ark.unil.ch/"; // 3. Petites fonctions utilitaires // Un élément est automatique si sa note contient « automatique » const estAuto = (d) => /automati/i.test(d.note ?? ""); // Un élément propose des listes de valeurs s'il a une clé « valeurs » // (une liste de colonnes, ou une seule colonne directement) // ou, ancien format, si sa note ressemble à « [a, b] | [c, d] » const estListe = (d) => (d.valeurs != null && typeof d.valeurs === "object") || /^\s*\[.*\]/.test(d.note ?? ""); // Vérifie qu'un texte est une URL web valide (http ou https) function estUrl(texte) { try { const u = new URL(texte); return u.protocol === "http:" || u.protocol === "https:"; } catch { return false; } } // Texte d'aide grisé affiché sous chaque ligne const aide = (definition) => html`

${definition ?? ""}

`; // Liste des éléments publics (true) ou internes (false) : ORDRE_ERC d'abord, puis l'ordre du fichier function elementsDe(estPublic) { const rang = (nom) => ORDRE_ERC.includes(nom) ? ORDRE_ERC.indexOf(nom) : ORDRE_ERC.length; return Object.entries(schema.erc) .filter(([nom, d]) => d.public === estPublic && !EXCLUS.includes(nom)) .sort((a, b) => rang(a[0]) - rang(b[0])); } // 4. Les quatre types de lignes du formulaire // a) Champ de saisie + code d'absence (si des codes sont prévus pour cet élément) function paire(label, placeholder, codes, definition) { const entrees = {valeur: Inputs.text({label, placeholder, width: 320})}; if (codes.length > 0) { entrees.code = Inputs.select(["", ...codes], {label: "ou", width: 130}); } const f = Inputs.form(entrees); Object.assign(f.style, { display: "flex", flexWrap: "wrap", gap: "0.2rem 1rem", alignItems: "baseline", marginBottom: "0.8rem" }); f.append(aide(definition)); return f; } // b) Ligne sans saisie : affiche un texte (valeur fixe ou « généré automatiquement ») function ligneTexte(label, contenu, definition, valeur) { const police = "font:13px/1.2 var(--sans-serif)"; const el = html`

${label} ${contenu}

`; Object.assign(el.style, { display: "flex", flexWrap: "wrap", gap: "0.2rem 1rem", alignItems: "baseline", marginBottom: "0.8rem" }); el.append(aide(definition)); el.value = valeur; // ce que le formulaire récupère pour cet élément return el; } // c) Champ URL avec contrôle du format function champUrl(label, placeholder, definition) { const f = Inputs.form({valeur: Inputs.text({label, placeholder, width: 320})}); Object.assign(f.style, { display: "flex", flexWrap: "wrap", gap: "0.2rem 1rem", alignItems: "baseline", marginBottom: "0.8rem" }); const alerte = html`

`; f.append(alerte, aide(definition)); // À chaque frappe, on vérifie le format et on affiche (ou efface) l'alerte f.addEventListener("input", () => { const v = f.value.valeur.trim(); alerte.textContent = (v === "" || estUrl(v)) ? "" : "⚠ URL non valide : elle doit commencer par http:// ou https://"; }); return f; } // d) Boutons radio en colonnes, avec la définition de chaque terme au survol function radiosColonnes(label, d) { // On prépare une liste de colonnes : [{titre, termes: [[terme, définition], ...]}, ...] let colonnes; if (d.valeurs != null && typeof d.valeurs === "object") { // Nouveau format : clé « valeurs » dans le YAML. // Une seule colonne (sans tiret) est mise dans une liste pour être traitée comme plusieurs. const listeColonnes = Array.isArray(d.valeurs) ? d.valeurs : [d.valeurs]; colonnes = listeColonnes.map((c) => ({ titre: c.colonne ?? "", termes: Object.entries(c.termes ?? {}) })); } else { // Ancien format : note « [a, b] | [c, d] », sans définitions colonnes = (d.note ?? "").split("|").map((morceau) => ({ titre: "", termes: morceau.replace(/[\[\]]/g, "").split(",") .map((mot) => mot.trim()).filter(Boolean).map((mot) => [mot, ""]) })); } // Un groupe de boutons radio par colonne ; seul le premier porte l'étiquette const entrees = {}; colonnes.forEach((col, i) => { const groupe = Inputs.radio(col.termes.map(([terme]) => terme), {label: i === 0 ? label : undefined}); groupe.style.width = "auto"; // Les options sont empilées verticalement (en colonne) const options = groupe.querySelector("div"); Object.assign(options.style, {display: "flex", flexDirection: "column", alignItems: "flex-start"}); // Bulle d'aide au survol : l'attribut « title » de chaque option reçoit la définition du terme options.querySelectorAll("label").forEach((option, j) => { const definitionTerme = col.termes[j]?.[1]; if (definitionTerme) { option.title = definitionTerme; option.style.cursor = "help"; } }); // Nom de la colonne, affiché en petit titre au-dessus des boutons if (col.titre) { options.prepend(html`

${col.titre}

`); } entrees[`colonne${i + 1}`] = groupe; }); const f = Inputs.form(entrees); Object.assign(f.style, { display: "flex", flexWrap: "wrap", gap: "0.2rem 2rem", alignItems: "flex-start", marginBottom: "0.8rem" }); f.append(aide(d.definition)); return f; } // 5. Choisit le bon type de ligne pour un élément du schéma function champ(nom, d, urlWhere) { const i = ORDRE_ERC.indexOf(nom); const label = i >= 0 ? `${nom} (erc:h${i + 1})` : nom; if (nom === "who") return ligneTexte(label, d.ex, d.definition, {valeur: d.ex, code: ""}); if (nom === "where") return ligneTexte(label, urlWhere, d.definition, {valeur: urlWhere, code: ""}); if (estListe(d)) return radiosColonnes(label, d); if (estAuto(d)) return ligneTexte(label, html`généré automatiquement`, d.definition, {valeur: "", code: "(:tba)"}); if (CHAMPS_URL.includes(nom)) return champUrl(label, d.ex ?? "", d.definition); return paire(label, d.ex ?? "", codesPour[nom] ?? [], d.definition); } display(schema);