@lystech/sections 0.4.6 → 0.5.0

package/dist/index.d.ts

@@ -9,6 +9,7 @@
  * Le paquet ne dépend PAS de @lystech/core : une clinique qui veut modifier
  * trois textes n'a aucune raison de charger un magasin, un panier et PayPal.
  */
+export { CLASSE_HORS_EDITION } from './constantes';
 export { SectionsProvider, useSectionsContext } from './SectionsProvider';
 export { SignatureLystech } from './SignatureLystech';
 export { adaptateurI18next, appliquerAuxTextes } from './sourceTexte';

package/dist/index.js

@@ -1,11 +1,13 @@
-import { jsx as x, jsxs as J, Fragment as q } from "react/jsx-runtime";
-import { useState as m, useRef as R, useEffect as S, useCallback as _, useMemo as v, useContext as H, createContext as T } from "react";
-import { appliquerAuxTextes as W } from "./morceaux/sourceTexte-BMPMpNg9.js";
-import { adaptateurI18next as se } from "./morceaux/sourceTexte-BMPMpNg9.js";
-const u = "lystech-edit", $ = "lystech-edit-sortie", z = T(null), Z = "https://api.lystech.ca/api";
-function G() {
+import { s as W, a as D, b as u } from "./morceaux/constantes-BPZxUYge.js";
+import { C as lt } from "./morceaux/constantes-BPZxUYge.js";
+import { jsx as C, jsxs as J, Fragment as q } from "react/jsx-runtime";
+import { useState as p, useRef as x, useEffect as A, useCallback as b, useMemo as L, useContext as Z, createContext as G } from "react";
+import { appliquerAuxTextes as K } from "./morceaux/sourceTexte-BMPMpNg9.js";
+import { adaptateurI18next as ft } from "./morceaux/sourceTexte-BMPMpNg9.js";
+const M = G(null), Q = "https://api.lystech.ca/api";
+function V() {
   if (typeof window > "u") return null;
-  const e = (r) => {
+  const t = (r) => {
     try {
       window.localStorage.setItem(u, r);
     } catch {
@@ -17,8 +19,8 @@ function G() {
     return r;
   };
   try {
-    if (window.localStorage.getItem($)) {
-      window.localStorage.removeItem($), window.localStorage.removeItem(u);
+    if (window.localStorage.getItem(D)) {
+      window.localStorage.removeItem(D), window.localStorage.removeItem(u);
       try {
         window.sessionStorage.removeItem(u);
       } catch {
@@ -30,154 +32,172 @@ function G() {
       const c = new URLSearchParams(r), o = c.get(u);
       if (o) {
         c.delete(u);
-        const s = c.toString();
+        const a = c.toString();
         return window.history.replaceState(
           {},
           "",
-          window.location.pathname + window.location.search + (s ? "#" + s : "")
-        ), e(o);
+          window.location.pathname + window.location.search + (a ? "#" + a : "")
+        ), t(o);
       }
     }
-    const t = new URL(window.location.href), n = t.searchParams.get(u);
-    return n ? (t.searchParams.delete(u), window.history.replaceState({}, "", t.toString()), e(n)) : window.localStorage.getItem(u) ?? window.sessionStorage.getItem(u);
+    const e = new URL(window.location.href), n = e.searchParams.get(u);
+    return n ? (e.searchParams.delete(u), window.history.replaceState({}, "", e.toString()), t(n)) : window.localStorage.getItem(u) ?? window.sessionStorage.getItem(u);
   } catch {
     return null;
   }
 }
-function ee({
-  site: e,
+function ot({
+  site: t,
   page: r,
-  langue: t = "fr",
-  apiBaseUrl: n = Z,
+  langue: e = "fr",
+  apiBaseUrl: n = Q,
   sectionsInitiales: c,
   sourceTexte: o,
-  pagesPartagees: s,
-  children: h
+  pagesPartagees: a,
+  children: m
 }) {
-  const [l, A] = m(
+  const [d, E] = p(
     c ?? []
-  ), [p, w] = m(
+  ), [w, g] = p(
     c?.length ? "pret" : "chargement"
-  ), [E, g] = m(0), [y, F] = m({}), [U, M] = m(!1), D = R(null);
-  S(() => {
-    if (!e || !r) return;
-    D.current?.abort();
-    const i = new AbortController();
-    D.current = i, w("chargement");
-    const f = n + "/site-sections/public/" + encodeURIComponent(e) + "/" + encodeURIComponent([r, ...s ?? []].join(","));
-    return fetch(f, { signal: i.signal }).then(
-      (a) => a.ok ? a.json() : Promise.reject(new Error(String(a.status)))
-    ).then((a) => {
-      i.signal.aborted || (A(Array.isArray(a) ? a : []), w("pret"));
-    }).catch((a) => {
-      i.signal.aborted || a?.name === "AbortError" || w("erreur");
-    }), () => i.abort();
-  }, [e, r, n, E, (s ?? []).join(",")]);
-  const I = _(() => g((i) => i + 1), []), O = R({}), P = _((i, f) => {
-    O.current[i] = f;
+  ), [j, y] = p(0), [S, T] = p({}), [P, $] = p(!1), U = x(null);
+  A(() => {
+    if (!t || !r) return;
+    U.current?.abort();
+    const s = new AbortController();
+    U.current = s, g("chargement");
+    const l = n + "/site-sections/public/" + encodeURIComponent(t) + "/" + encodeURIComponent([r, ...a ?? []].join(","));
+    return fetch(l, { signal: s.signal }).then(
+      (i) => i.ok ? i.json() : Promise.reject(new Error(String(i.status)))
+    ).then((i) => {
+      s.signal.aborted || (E(Array.isArray(i) ? i : []), g("pret"));
+    }).catch((i) => {
+      s.signal.aborted || i?.name === "AbortError" || g("erreur");
+    }), () => s.abort();
+  }, [t, r, n, j, (a ?? []).join(",")]);
+  const R = b(() => y((s) => s + 1), []), z = x({}), k = b((s, l) => {
+    z.current[s] = l;
   }, []);
-  S(() => {
-    !o || !l.length || W(l, o);
-  }, [l, o]);
-  const j = _(
-    (i, f) => F((a) => ({ ...a, [i]: f })),
+  A(() => {
+    !o || !d.length || K(d, o);
+  }, [d, o]);
+  const _ = b(
+    (s, l) => T((i) => ({ ...i, [s]: l })),
     []
-  ), d = R({
-    site: e,
+  ), f = x({
+    site: t,
     page: r,
-    langue: t,
+    langue: e,
     poserApercu: () => {
     },
     recharger: () => {
     }
   });
-  d.current.site = e, d.current.page = r, d.current.langue = t, d.current.poserApercu = j, d.current.sourceTexte = o, d.current.replis = O.current, d.current.recharger = I, S(() => {
-    d.current.surChangementDePage?.(r);
-  }, [r]), S(() => {
-    const i = G();
-    if (!i) return;
-    let f = !0, a;
-    return import("@lystech/sections/editeur").then((b) => {
-      f && (M(!0), a = b.monterEditeur({
-        jeton: i,
-        site: e,
+  f.current.site = t, f.current.page = r, f.current.langue = e, f.current.poserApercu = _, f.current.sourceTexte = o, f.current.replis = z.current, f.current.recharger = R, A(() => {
+    f.current.surChangementDePage?.(r);
+  }, [r]);
+  const v = x(null), F = b(
+    async (s, l = {}) => {
+      const i = v.current;
+      if (!i) throw new Error("Aucune connexion d'édition active.");
+      if (!s.startsWith("/"))
+        throw new Error(
+          "appelEdition attend un chemin de l'API, ex. « /results/site/droits »."
+        );
+      const h = new Headers(l.headers);
+      h.set("Authorization", "Bearer " + i), typeof l.body == "string" && !h.has("Content-Type") && h.set("Content-Type", "application/json");
+      const H = await fetch(n + s, { ...l, headers: h });
+      return H.status === 401 && W(), H;
+    },
+    [n]
+  );
+  A(() => {
+    const s = V();
+    if (!s) return;
+    let l = !0, i;
+    return import("@lystech/sections/editeur").then((h) => {
+      l && (v.current = s, $(!0), i = h.monterEditeur({
+        jeton: s,
+        site: t,
         apiBaseUrl: n,
-        pont: d.current
+        pont: f.current
       }));
-    }).catch((b) => {
-      console.error("[lystech] éditeur indisponible:", b?.message ?? b);
+    }).catch((h) => {
+      console.error("[lystech] éditeur indisponible:", h?.message ?? h);
     }), () => {
-      f = !1, a?.();
+      l = !1, v.current = null, i?.();
     };
-  }, [e, n]);
-  const N = v(
+  }, [t, n]);
+  const N = L(
     () => ({
-      site: e,
+      site: t,
       page: r,
-      langue: t,
+      langue: e,
       apiBaseUrl: n,
-      sections: l,
-      etat: p,
-      recharger: I,
-      apercu: y,
-      poserApercu: j,
-      modeEdition: U,
-      declarerRepli: P
+      sections: d,
+      etat: w,
+      recharger: R,
+      apercu: S,
+      poserApercu: _,
+      modeEdition: P,
+      declarerRepli: k,
+      appelEdition: F
     }),
     [
-      e,
-      r,
       t,
+      r,
+      e,
       n,
-      l,
-      p,
-      I,
-      y,
-      j,
-      U,
-      P
+      d,
+      w,
+      R,
+      S,
+      _,
+      P,
+      k,
+      F
     ]
   );
-  return /* @__PURE__ */ x(z.Provider, { value: N, children: h });
+  return /* @__PURE__ */ C(M.Provider, { value: N, children: m });
 }
-function L() {
-  return H(z);
+function O() {
+  return Z(M);
 }
-const K = "https://api.lystech.ca/api", k = "lystech-edit";
-function te({
-  site: e,
+const X = "https://api.lystech.ca/api";
+function ct({
+  site: t,
   apiBaseUrl: r,
-  className: t,
+  className: e,
   mention: n = "Réalisé avec Lystech",
   connexion: c = "Connexion",
   methodes: o
 }) {
-  const s = L(), h = e ?? s?.site ?? "", l = r ?? s?.apiBaseUrl ?? K, [A, p] = m(!1);
-  if (!h) return null;
-  const w = async () => {
-    if (!A) {
-      p(!0);
+  const a = O(), m = t ?? a?.site ?? "", d = r ?? a?.apiBaseUrl ?? X, [E, w] = p(!1);
+  if (!m) return null;
+  const g = async () => {
+    if (!E) {
+      w(!0);
       try {
         (await import("@lystech/sections/editeur")).monterConnexion({
-          site: h,
-          apiBaseUrl: l,
+          site: m,
+          apiBaseUrl: d,
           ...o ? { methodes: o } : {},
-          surJeton: (y) => {
+          surJeton: (S) => {
             try {
-              window.localStorage.removeItem("lystech-edit-sortie"), window.localStorage.setItem(k, y);
+              window.localStorage.removeItem(D), window.localStorage.setItem(u, S);
             } catch {
-              window.location.hash = k + "=" + encodeURIComponent(y);
+              window.location.hash = u + "=" + encodeURIComponent(S);
             }
             window.location.reload();
           }
         });
-      } catch (g) {
-        console.error("[lystech] connexion indisponible:", g?.message ?? g);
+      } catch (y) {
+        console.error("[lystech] connexion indisponible:", y?.message ?? y);
       } finally {
-        p(!1);
+        w(!1);
       }
     }
-  }, E = {
+  }, j = {
     color: "inherit",
     font: "inherit",
     background: "none",
@@ -190,7 +210,7 @@ function te({
   return /* @__PURE__ */ J(
     "div",
     {
-      className: t,
+      className: e,
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -201,7 +221,7 @@ function te({
         lineHeight: 1.5
       },
       children: [
-        /* @__PURE__ */ x(
+        n !== null && /* @__PURE__ */ C(
           "a",
           {
             href: "https://lystech.ca",
@@ -211,94 +231,95 @@ function te({
             children: n
           }
         ),
-        !s?.modeEdition && /* @__PURE__ */ J(q, { children: [
-          /* @__PURE__ */ x("span", { "aria-hidden": "true", children: "·" }),
-          /* @__PURE__ */ x("button", { type: "button", style: E, onClick: w, children: A ? "…" : c })
+        !a?.modeEdition && /* @__PURE__ */ J(q, { children: [
+          n !== null && /* @__PURE__ */ C("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ C("button", { type: "button", style: j, onClick: g, children: E ? "…" : c })
         ] })
       ]
     }
   );
 }
-function Q(e) {
-  return !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).every((r) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(r));
+function Y(t) {
+  return !!t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).every((r) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(r));
 }
-function C(e, r) {
-  if (Array.isArray(e)) return e.map((t) => C(t, r));
-  if (Q(e)) {
-    const t = e, n = r.slice(0, 2);
-    return t[r] ?? t[n] ?? Object.values(t).find((o) => o != null) ?? "";
+function I(t, r) {
+  if (Array.isArray(t)) return t.map((e) => I(e, r));
+  if (Y(t)) {
+    const e = t, n = r.slice(0, 2);
+    return e[r] ?? e[n] ?? Object.values(e).find((o) => o != null) ?? "";
   }
-  if (e && typeof e == "object") {
-    const t = {};
-    for (const [n, c] of Object.entries(e))
-      t[n] = C(c, r);
-    return t;
+  if (t && typeof t == "object") {
+    const e = {};
+    for (const [n, c] of Object.entries(t))
+      e[n] = I(c, r);
+    return e;
   }
-  return e;
+  return t;
 }
-function V(e, r) {
+function B(t, r) {
   if (!r || typeof r != "object" || Array.isArray(r))
-    return e;
-  const t = { ...e };
+    return t;
+  const e = { ...t };
   for (const [n, c] of Object.entries(r))
-    c != null && (t[n] = c);
-  return t;
+    c != null && (e[n] = c);
+  return e;
 }
-function re(e, r) {
-  const t = L(), n = t?.apercu?.[e], c = t?.declarerRepli;
-  return S(() => {
-    c?.(e, r.defaut);
-  }, [c, e, r.defaut]), v(() => {
-    const o = t?.sections.find(
-      (l) => l.blockType === e
-    ), s = n ?? o?.data ?? null, h = s ? C(s, t?.langue ?? "fr") : null;
+function st(t, r) {
+  const e = O(), n = e?.apercu?.[t], c = e?.declarerRepli;
+  return A(() => {
+    c?.(t, r.defaut);
+  }, [c, t, r.defaut]), L(() => {
+    const o = e?.sections.find(
+      (d) => d.blockType === t
+    ), a = n ?? o?.data ?? null, m = a ? I(a, e?.langue ?? "fr") : null;
     return {
-      contenu: V(r.defaut, h),
+      contenu: B(r.defaut, m),
       publie: !!o?.data,
       UID: o?.UID ?? null,
-      chargement: t?.etat === "chargement",
-      ancrage: { "data-lystech-section": e }
+      chargement: e?.etat === "chargement",
+      ancrage: { "data-lystech-section": t }
     };
   }, [
-    t?.sections,
-    t?.langue,
-    t?.etat,
+    e?.sections,
+    e?.langue,
+    e?.etat,
     n,
-    e,
+    t,
     r.defaut
   ]);
 }
-function ne(e, r) {
-  const t = L();
-  return v(() => {
-    const n = { "data-lystech-section": e }, c = (t?.sections ?? []).filter(
-      (o) => o.blockType === e
+function it(t, r) {
+  const e = O();
+  return L(() => {
+    const n = { "data-lystech-section": t }, c = (e?.sections ?? []).filter(
+      (o) => o.blockType === t
     );
     return c.length === 0 ? {
-      items: (r?.defaut ?? []).map((o, s) => ({
+      items: (r?.defaut ?? []).map((o, a) => ({
         ...o,
-        __uid: `defaut-${s}`
+        __uid: `defaut-${a}`
       })),
       publie: !1,
-      chargement: t?.etat === "chargement",
+      chargement: e?.etat === "chargement",
       ancrage: n
     } : {
       items: c.map((o) => ({
-        ...C(o.data ?? {}, t?.langue ?? "fr"),
+        ...I(o.data ?? {}, e?.langue ?? "fr"),
         __uid: o.UID
       })),
       publie: !0,
-      chargement: t?.etat === "chargement",
+      chargement: e?.etat === "chargement",
       ancrage: n
     };
-  }, [t?.sections, t?.langue, t?.etat, e, r?.defaut]);
+  }, [e?.sections, e?.langue, e?.etat, t, r?.defaut]);
 }
 export {
-  ee as SectionsProvider,
-  te as SignatureLystech,
-  se as adaptateurI18next,
-  W as appliquerAuxTextes,
-  re as useSection,
-  ne as useSectionList,
-  L as useSectionsContext
+  lt as CLASSE_HORS_EDITION,
+  ot as SectionsProvider,
+  ct as SignatureLystech,
+  ft as adaptateurI18next,
+  K as appliquerAuxTextes,
+  st as useSection,
+  it as useSectionList,
+  O as useSectionsContext
 };

package/dist/jeton.d.ts

@@ -0,0 +1,14 @@
+/** La clé du jeton, dans l'adresse comme dans le stockage. */
+export declare const CLE_JETON = "lystech-edit";
+/** Posée juste avant un rechargement, pour que la sortie soit certaine. */
+export declare const CLE_SORTIE = "lystech-edit-sortie";
+/**
+ * SORTIR DU MODE ÉDITION, pour de bon.
+ *
+ * On efface le jeton ET on pose un marqueur de sortie. Le marqueur est la
+ * ceinture : si l'effacement échoue — stockage plein, navigation privée,
+ * écriture concurrente — le fournisseur le verra au chargement suivant et
+ * nettoiera lui-même. Puis on recharge : la page redevient celle d'un
+ * visiteur, et le lien du pied de page permet de se reconnecter.
+ */
+export declare function sortirDuModeEdition(): void;

package/dist/morceaux/constantes-BPZxUYge.js

@@ -0,0 +1,19 @@
+const o = "lystech-edit", t = "lystech-edit-sortie";
+function e() {
+  try {
+    window.localStorage.setItem(t, "1"), window.localStorage.removeItem(o);
+  } catch {
+  }
+  try {
+    window.sessionStorage.removeItem(o);
+  } catch {
+  }
+  window.location.reload();
+}
+const s = "lystech-hors-edition";
+export {
+  s as C,
+  t as a,
+  o as b,
+  e as s
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lystech/sections",
-  "version": "0.4.6",
+  "version": "0.5.0",
   "description": "Contenu de site editable par le client — lecture legere, edition chargee a la demande.",
   "type": "module",
   "main": "./dist/index.js",