@agence-zef/astro 0.8.0 → 0.9.0

package/components/CookieBanner.astro

@@ -6,7 +6,7 @@
  * dans le cookie `zef-consent` (redemandé si les catégories changent). Google Analytics 4
  * (`gaId`) n'est chargé qu'après accord sur « Mesure d'audience » ; un retrait efface ses
  * cookies `_ga*` et recharge la page. Un élément `data-zef-cookies` (lien « Gérer les cookies »
- * du footer) rouvre les préférences. Le choix est publié dans `window.zefConsent` et
+ * du footer) rouvre les préférences. Rien dans un cadre (aperçus du CMS). Le choix est publié dans `window.zefConsent` et
  * l'événement `zef:consent`. À placer une fois dans le gabarit, avant `</body>`. Habillage :
  * variables `--zef-*` (`@agence-zef/astro/styles.css`) ou `--cc-*` de vanilla-cookieconsent.
  */
@@ -187,6 +187,7 @@ const locale = Astro.currentLocale ?? "";
 		});
 	}
 
+	// Site ouvert dans un cadre (aperçus et vignettes du CMS) : pas de bandeau.
 	const root = document.querySelector<HTMLElement>("[data-zef-cookie-banner]");
-	if (root) start(root);
+	if (root && window.self === window.top) start(root);
 </script>

package/components/RichText.astro

@@ -1,11 +1,19 @@
 ---
-/** Texte riche saisi dans le CMS (paragraphes, titres autorisés, listes, liens). */
+/**
+ * Texte riche saisi dans le CMS (paragraphes, titres autorisés, listes, liens), dans un `<div>`.
+ * `inline` : texte riche en ligne d'un titre ou d'un sous-titre (`f.richtext({ inline: true })` :
+ * gras, italique, souligné, surligné, lien, retours à la ligne), rendu sans enveloppe, à placer
+ * dans la balise du titre : `<h1><RichText html={titre} inline /></h1>`.
+ */
+import { inlineHtml } from "@agence-zef/schema";
+
 interface Props {
-	html: string;
+	html: string | null | undefined;
 	class?: string;
+	inline?: boolean;
 }
 
-const { html, class: className } = Astro.props;
+const { html, class: className, inline = false } = Astro.props;
 ---
 
-{html && <div class={className} set:html={html} />}
+{html && (inline ? <Fragment set:html={inlineHtml(html)} /> : <div class={className} set:html={html} />)}

package/components/routes/cache.ts

@@ -1,10 +1,11 @@
 /*
  * Rendu à la demande (`rendering: "cached"`) : règles de cache des pages du CMS. Le CDN garde
- * une page un an ; une publication l'invalide par le tag `zef` (le CDN sert l'ancienne version
- * le temps d'en rendre une nouvelle, `swr`).
+ * une page un an ; une publication l'invalide par le tag `zef` et la visite suivante reçoit la
+ * nouvelle version. Pas de `swr` : il faisait servir l'ancienne version une dernière fois après
+ * la publication (« Voir la page » montrait l'ancienne page jusqu'au rechargement).
  */
 
 /** Tag posé sur toutes les réponses du site rendues depuis le CMS. */
 export const CACHE_TAG = "zef";
 
-export const PAGE_CACHE = { maxAge: 60 * 60 * 24 * 365, swr: 60 * 60 * 24 * 7 };
+export const PAGE_CACHE = { maxAge: 60 * 60 * 24 * 365 };

package/components/routes/preview-thumbnail.astro

@@ -52,6 +52,8 @@ if (!site || !section) Astro.response.status = 404;
 				html { overflow: hidden; scrollbar-width: none; }
 				body { pointer-events: none; }
 				astro-dev-toolbar { display: none !important; }
+				/* Bandeau cookies et popups du gabarit : jamais dans une vignette. */
+				#cc-main, .zef-popup { display: none !important; }
 			</style>
 			<script>
 				// La section seule : tout ce qui l'entoure dans le gabarit (header, footer…) est masqué.

package/dist/overlay.js

@@ -37,6 +37,15 @@ export function startOverlay() {
                 element.remove();
                 element = container;
             }
+            else if (element && [...element.children].some((c) => c.tagName !== "BR")) {
+                // Texte posé à côté d'autres éléments (pictogramme, image) : il reçoit son propre
+                // `<span>`, sinon l'édition et la saisie en direct remplaceraient aussi ses voisins.
+                // Les `<br>` d'un texte sur plusieurs lignes ne comptent pas.
+                const span = document.createElement("span");
+                node.before(span);
+                span.append(node);
+                element = span;
+            }
             if (element && locations[0] && !element.hasAttribute(ATTR))
                 element.setAttribute(ATTR, locations[0]);
         }
@@ -450,8 +459,10 @@ export function startOverlay() {
         const element = fieldElement(section, path);
         if (!element || element === editing)
             return;
-        if (info(element)?.kind === "richtext")
-            element.innerHTML = value;
+        if (info(element)?.kind === "richtext") {
+            // Espaces répétés (titre en ligne) : gardés comme une fois enregistrés.
+            element.innerHTML = value.replace(/(^|>)([^<]*)/g, (_, open, text) => open + text.replace(/ {2,}/g, (spaces) => ` ${"&nbsp;".repeat(spaces.length - 1)}`));
+        }
         else
             element.textContent = value;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agence-zef/astro",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Intégration Astro du CMS ZEF : routes, rendu des sections, aperçu, composants réutilisables sans style.",
   "license": "MIT",
   "type": "module",
@@ -86,8 +86,8 @@
   "dependencies": {
     "jiti": "^2.6.1",
     "vanilla-cookieconsent": "3.1.0",
-    "@agence-zef/schema": "0.8.0",
-    "@agence-zef/sdk": "0.8.0"
+    "@agence-zef/schema": "0.9.0",
+    "@agence-zef/sdk": "0.9.0"
   },
   "homepage": "https://agence-zef.fr",
   "scripts": {