@lystech/sections 0.4.4 → 0.4.6

package/dist/index.js

@@ -1,163 +1,167 @@
-import { jsx as x, jsxs as U, Fragment as T } from "react/jsx-runtime";
-import { useState as m, useRef as D, useEffect as b, useCallback as O, useMemo as _, useContext as M, createContext as N } from "react";
-import { appliquerAuxTextes as q } from "./morceaux/sourceTexte-BMPMpNg9.js";
-import { adaptateurI18next as ot } from "./morceaux/sourceTexte-BMPMpNg9.js";
-const u = "lystech-edit", P = "lystech-edit-sortie", J = N(null), H = "https://api.lystech.ca/api";
-function W() {
+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() {
   if (typeof window > "u") return null;
-  const t = (n) => {
+  const e = (r) => {
     try {
-      window.localStorage.setItem(u, n);
+      window.localStorage.setItem(u, r);
     } catch {
       try {
-        window.sessionStorage.setItem(u, n);
+        window.sessionStorage.setItem(u, r);
       } catch {
       }
     }
-    return n;
+    return r;
   };
   try {
-    if (window.localStorage.getItem(P)) {
-      window.localStorage.removeItem(P), window.localStorage.removeItem(u);
+    if (window.localStorage.getItem($)) {
+      window.localStorage.removeItem($), window.localStorage.removeItem(u);
       try {
         window.sessionStorage.removeItem(u);
       } catch {
       }
       return null;
     }
-    const n = window.location.hash.replace(/^#/, "");
-    if (n.includes(u + "=")) {
-      const o = new URLSearchParams(n), c = o.get(u);
-      if (c) {
-        o.delete(u);
-        const s = o.toString();
+    const r = window.location.hash.replace(/^#/, "");
+    if (r.includes(u + "=")) {
+      const c = new URLSearchParams(r), o = c.get(u);
+      if (o) {
+        c.delete(u);
+        const s = c.toString();
         return window.history.replaceState(
           {},
           "",
           window.location.pathname + window.location.search + (s ? "#" + s : "")
-        ), t(c);
+        ), e(o);
       }
     }
-    const e = new URL(window.location.href), r = e.searchParams.get(u);
-    return r ? (e.searchParams.delete(u), window.history.replaceState({}, "", e.toString()), t(r)) : window.localStorage.getItem(u) ?? window.sessionStorage.getItem(u);
+    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);
   } catch {
     return null;
   }
 }
-function Y({
-  site: t,
-  page: n,
-  langue: e = "fr",
-  apiBaseUrl: r = H,
-  sectionsInitiales: o,
-  sourceTexte: c,
+function ee({
+  site: e,
+  page: r,
+  langue: t = "fr",
+  apiBaseUrl: n = Z,
+  sectionsInitiales: c,
+  sourceTexte: o,
   pagesPartagees: s,
-  children: f
+  children: h
 }) {
-  const [d, S] = m(
-    o ?? []
+  const [l, A] = m(
+    c ?? []
   ), [p, w] = m(
-    o?.length ? "pret" : "chargement"
-  ), [E, g] = m(0), [y, $] = m({}), [R, z] = m(!1), L = D(null);
-  b(() => {
-    if (!t || !n) return;
-    L.current?.abort();
-    const a = new AbortController();
-    L.current = a, w("chargement");
-    const h = r + "/site-sections/public/" + encodeURIComponent(t) + "/" + encodeURIComponent([n, ...s ?? []].join(","));
-    return fetch(h, { signal: a.signal }).then(
-      (i) => i.ok ? i.json() : Promise.reject(new Error(String(i.status)))
-    ).then((i) => {
-      a.signal.aborted || (S(Array.isArray(i) ? i : []), w("pret"));
-    }).catch((i) => {
-      a.signal.aborted || i?.name === "AbortError" || w("erreur");
-    }), () => a.abort();
-  }, [t, n, r, E, (s ?? []).join(",")]);
-  const I = O(() => g((a) => a + 1), []);
-  b(() => {
-    !c || !d.length || q(d, c);
-  }, [d, c]);
-  const j = O(
-    (a, h) => $((i) => ({ ...i, [a]: h })),
+    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;
+  }, []);
+  S(() => {
+    !o || !l.length || W(l, o);
+  }, [l, o]);
+  const j = _(
+    (i, f) => F((a) => ({ ...a, [i]: f })),
     []
-  ), l = D({
-    site: t,
-    page: n,
-    langue: e,
+  ), d = R({
+    site: e,
+    page: r,
+    langue: t,
     poserApercu: () => {
     },
     recharger: () => {
     }
   });
-  l.current.site = t, l.current.page = n, l.current.langue = e, l.current.poserApercu = j, l.current.sourceTexte = c, l.current.recharger = I, b(() => {
-    l.current.surChangementDePage?.(n);
-  }, [n]), b(() => {
-    const a = W();
-    if (!a) return;
-    let h = !0, i;
-    return import("@lystech/sections/editeur").then((A) => {
-      h && (z(!0), i = A.monterEditeur({
-        jeton: a,
-        site: t,
-        apiBaseUrl: r,
-        pont: l.current
+  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,
+        apiBaseUrl: n,
+        pont: d.current
       }));
-    }).catch((A) => {
-      console.error("[lystech] éditeur indisponible:", A?.message ?? A);
+    }).catch((b) => {
+      console.error("[lystech] éditeur indisponible:", b?.message ?? b);
     }), () => {
-      h = !1, i?.();
+      f = !1, a?.();
     };
-  }, [t, r]);
-  const F = _(
+  }, [e, n]);
+  const N = v(
     () => ({
-      site: t,
-      page: n,
-      langue: e,
-      apiBaseUrl: r,
-      sections: d,
+      site: e,
+      page: r,
+      langue: t,
+      apiBaseUrl: n,
+      sections: l,
       etat: p,
       recharger: I,
       apercu: y,
       poserApercu: j,
-      modeEdition: R
+      modeEdition: U,
+      declarerRepli: P
     }),
     [
-      t,
-      n,
       e,
       r,
-      d,
+      t,
+      n,
+      l,
       p,
       I,
       y,
       j,
-      R
+      U,
+      P
     ]
   );
-  return /* @__PURE__ */ x(J.Provider, { value: F, children: f });
+  return /* @__PURE__ */ x(z.Provider, { value: N, children: h });
 }
-function v() {
-  return M(J);
+function L() {
+  return H(z);
 }
-const Z = "https://api.lystech.ca/api", k = "lystech-edit";
-function B({
-  site: t,
-  apiBaseUrl: n,
-  className: e,
-  mention: r = "Réalisé avec Lystech",
-  connexion: o = "Connexion",
-  methodes: c
+const K = "https://api.lystech.ca/api", k = "lystech-edit";
+function te({
+  site: e,
+  apiBaseUrl: r,
+  className: t,
+  mention: n = "Réalisé avec Lystech",
+  connexion: c = "Connexion",
+  methodes: o
 }) {
-  const s = v(), f = t ?? s?.site ?? "", d = n ?? s?.apiBaseUrl ?? Z, [S, p] = m(!1);
-  if (!f) return null;
+  const s = L(), h = e ?? s?.site ?? "", l = r ?? s?.apiBaseUrl ?? K, [A, p] = m(!1);
+  if (!h) return null;
   const w = async () => {
-    if (!S) {
+    if (!A) {
       p(!0);
       try {
         (await import("@lystech/sections/editeur")).monterConnexion({
-          site: f,
-          apiBaseUrl: d,
-          ...c ? { methodes: c } : {},
+          site: h,
+          apiBaseUrl: l,
+          ...o ? { methodes: o } : {},
           surJeton: (y) => {
             try {
               window.localStorage.removeItem("lystech-edit-sortie"), window.localStorage.setItem(k, y);
@@ -183,10 +187,10 @@ function B({
     textDecoration: "underline",
     textUnderlineOffset: "0.2em"
   };
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ J(
     "div",
     {
-      className: e,
+      className: t,
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -204,95 +208,97 @@ function B({
             target: "_blank",
             rel: "noreferrer",
             style: { color: "inherit" },
-            children: r
+            children: n
           }
         ),
-        !s?.modeEdition && /* @__PURE__ */ U(T, { children: [
+        !s?.modeEdition && /* @__PURE__ */ J(q, { children: [
           /* @__PURE__ */ x("span", { "aria-hidden": "true", children: "·" }),
-          /* @__PURE__ */ x("button", { type: "button", style: E, onClick: w, children: S ? "…" : o })
+          /* @__PURE__ */ x("button", { type: "button", style: E, onClick: w, children: A ? "…" : c })
         ] })
       ]
     }
   );
 }
-function G(t) {
-  return !!t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).every((n) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(n));
+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 C(t, n) {
-  if (Array.isArray(t)) return t.map((e) => C(e, n));
-  if (G(t)) {
-    const e = t, r = n.slice(0, 2);
-    return e[n] ?? e[r] ?? Object.values(e).find((c) => c != null) ?? "";
-  }
-  if (t && typeof t == "object") {
-    const e = {};
-    for (const [r, o] of Object.entries(t))
-      e[r] = C(o, n);
-    return e;
+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) ?? "";
   }
-  return t;
-}
-function K(t, n) {
-  if (!n || typeof n != "object" || Array.isArray(n))
+  if (e && typeof e == "object") {
+    const t = {};
+    for (const [n, c] of Object.entries(e))
+      t[n] = C(c, r);
     return t;
-  const e = { ...t };
-  for (const [r, o] of Object.entries(n))
-    o != null && (e[r] = o);
+  }
   return e;
 }
-function tt(t, n) {
-  const e = v(), r = e?.apercu?.[t];
-  return _(() => {
-    const o = e?.sections.find(
-      (f) => f.blockType === t
-    ), c = r ?? o?.data ?? null, s = c ? C(c, e?.langue ?? "fr") : null;
+function V(e, r) {
+  if (!r || typeof r != "object" || Array.isArray(r))
+    return e;
+  const t = { ...e };
+  for (const [n, c] of Object.entries(r))
+    c != null && (t[n] = c);
+  return t;
+}
+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;
     return {
-      contenu: K(n.defaut, s),
+      contenu: V(r.defaut, h),
       publie: !!o?.data,
       UID: o?.UID ?? null,
-      chargement: e?.etat === "chargement",
-      ancrage: { "data-lystech-section": t }
+      chargement: t?.etat === "chargement",
+      ancrage: { "data-lystech-section": e }
     };
   }, [
-    e?.sections,
-    e?.langue,
-    e?.etat,
-    r,
-    t,
-    n.defaut
+    t?.sections,
+    t?.langue,
+    t?.etat,
+    n,
+    e,
+    r.defaut
   ]);
 }
-function et(t, n) {
-  const e = v();
-  return _(() => {
-    const r = { "data-lystech-section": t }, o = (e?.sections ?? []).filter(
-      (c) => c.blockType === t
+function ne(e, r) {
+  const t = L();
+  return v(() => {
+    const n = { "data-lystech-section": e }, c = (t?.sections ?? []).filter(
+      (o) => o.blockType === e
     );
-    return o.length === 0 ? {
-      items: (n?.defaut ?? []).map((c, s) => ({
-        ...c,
+    return c.length === 0 ? {
+      items: (r?.defaut ?? []).map((o, s) => ({
+        ...o,
         __uid: `defaut-${s}`
       })),
       publie: !1,
-      chargement: e?.etat === "chargement",
-      ancrage: r
+      chargement: t?.etat === "chargement",
+      ancrage: n
     } : {
-      items: o.map((c) => ({
-        ...C(c.data ?? {}, e?.langue ?? "fr"),
-        __uid: c.UID
+      items: c.map((o) => ({
+        ...C(o.data ?? {}, t?.langue ?? "fr"),
+        __uid: o.UID
       })),
       publie: !0,
-      chargement: e?.etat === "chargement",
-      ancrage: r
+      chargement: t?.etat === "chargement",
+      ancrage: n
     };
-  }, [e?.sections, e?.langue, e?.etat, t, n?.defaut]);
+  }, [t?.sections, t?.langue, t?.etat, e, r?.defaut]);
 }
 export {
-  Y as SectionsProvider,
-  B as SignatureLystech,
-  ot as adaptateurI18next,
-  q as appliquerAuxTextes,
-  tt as useSection,
-  et as useSectionList,
-  v as useSectionsContext
+  ee as SectionsProvider,
+  te as SignatureLystech,
+  se as adaptateurI18next,
+  W as appliquerAuxTextes,
+  re as useSection,
+  ne as useSectionList,
+  L as useSectionsContext
 };

package/package.json

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