@lystech/sections 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -11,6 +11,8 @@
  */
 export { SectionsProvider, useSectionsContext } from './SectionsProvider';
 export { SignatureLystech } from './SignatureLystech';
+export { adaptateurI18next, appliquerAuxTextes } from './sourceTexte';
+export type { Dictionnaire, SourceTexte } from './sourceTexte';
 export { useSection, useSectionList } from './useSection';
 export type { BlocDeclare, ChampDeclare, SectionPubliee, TypeDeChamp, } from './types';
 export type { AncrageEdition, ResultatSection } from './useSection';

package/dist/index.js

@@ -1,153 +1,178 @@
-import { jsx as h, jsxs as j, Fragment as F } from "react/jsx-runtime";
-import { useState as m, useRef as _, useEffect as A, useCallback as I, useMemo as C, useContext as M, createContext as T } from "react";
-const d = "lystech-edit", U = T(null), $ = "https://api.lystech.ca/api";
-function J() {
+import { jsx as S, jsxs as L, Fragment as F } from "react/jsx-runtime";
+import { useState as h, useRef as P, useEffect as x, useCallback as O, useMemo as _, useContext as M, createContext as N } from "react";
+import { appliquerAuxTextes as T } from "./morceaux/sourceTexte-BMPMpNg9.js";
+import { adaptateurI18next as rt } from "./morceaux/sourceTexte-BMPMpNg9.js";
+const d = "lystech-edit", k = N(null), q = "https://api.lystech.ca/api";
+function H() {
   if (typeof window > "u") return null;
-  const e = (t) => {
+  const t = (n) => {
     try {
-      window.sessionStorage.setItem(d, t);
+      window.sessionStorage.setItem(d, n);
     } catch {
     }
-    return t;
+    return n;
   };
   try {
-    const t = window.location.hash.replace(/^#/, "");
-    if (t.includes(d + "=")) {
-      const o = new URLSearchParams(t), c = o.get(d);
-      if (c) {
-        o.delete(d);
-        const a = o.toString();
+    const n = window.location.hash.replace(/^#/, "");
+    if (n.includes(d + "=")) {
+      const c = new URLSearchParams(n), o = c.get(d);
+      if (o) {
+        c.delete(d);
+        const i = c.toString();
         return window.history.replaceState(
           {},
           "",
-          window.location.pathname + window.location.search + (a ? "#" + a : "")
-        ), e(c);
+          window.location.pathname + window.location.search + (i ? "#" + i : "")
+        ), t(o);
       }
     }
-    const n = new URL(window.location.href), r = n.searchParams.get(d);
-    return r ? (n.searchParams.delete(d), window.history.replaceState({}, "", n.toString()), e(r)) : window.sessionStorage.getItem(d);
+    const e = new URL(window.location.href), r = e.searchParams.get(d);
+    return r ? (e.searchParams.delete(d), window.history.replaceState({}, "", e.toString()), t(r)) : window.sessionStorage.getItem(d);
   } catch {
     return null;
   }
 }
-function q({
-  site: e,
-  page: t,
-  langue: n = "fr",
-  apiBaseUrl: r = $,
-  sectionsInitiales: o,
-  children: c
+function X({
+  site: t,
+  page: n,
+  langue: e = "fr",
+  apiBaseUrl: r = q,
+  sectionsInitiales: c,
+  sourceTexte: o,
+  pagesPartagees: i,
+  children: m
 }) {
-  const [a, p] = m(
-    o ?? []
-  ), [u, y] = m(
-    o?.length ? "pret" : "chargement"
-  ), [g, b] = m(0), [P, z] = m({}), [v, O] = m(!1), D = _(null);
-  A(() => {
-    if (!e || !t) return;
+  const [u, g] = h(
+    c ?? []
+  ), [w, p] = h(
+    c?.length ? "pret" : "chargement"
+  ), [y, A] = h(0), [R, J] = h({}), [U, $] = h(!1), D = P(null);
+  x(() => {
+    if (!t || !n) return;
     D.current?.abort();
-    const i = new AbortController();
-    D.current = i, y("chargement");
-    const f = r + "/site-sections/public/" + encodeURIComponent(e) + "/" + encodeURIComponent(t);
-    return fetch(f, { signal: i.signal }).then(
+    const a = new AbortController();
+    D.current = a, p("chargement");
+    const f = r + "/site-sections/public/" + encodeURIComponent(t) + "/" + encodeURIComponent([n, ...i ?? []].join(","));
+    return fetch(f, { signal: a.signal }).then(
       (s) => s.ok ? s.json() : Promise.reject(new Error(String(s.status)))
     ).then((s) => {
-      i.signal.aborted || (p(Array.isArray(s) ? s : []), y("pret"));
+      a.signal.aborted || (g(Array.isArray(s) ? s : []), p("pret"));
     }).catch((s) => {
-      i.signal.aborted || s?.name === "AbortError" || y("erreur");
-    }), () => i.abort();
-  }, [e, t, r, g]);
-  const E = I(() => b((i) => i + 1), []), x = I(
-    (i, f) => z((s) => ({ ...s, [i]: f })),
+      a.signal.aborted || s?.name === "AbortError" || p("erreur");
+    }), () => a.abort();
+  }, [t, n, r, y, (i ?? []).join(",")]);
+  const E = O(() => A((a) => a + 1), []);
+  x(() => {
+    !o || !u.length || T(u, o);
+  }, [u, o]);
+  const j = O(
+    (a, f) => J((s) => ({ ...s, [a]: f })),
     []
-  ), l = _({
-    site: e,
-    page: t,
-    langue: n,
+  ), l = P({
+    site: t,
+    page: n,
+    langue: e,
     poserApercu: () => {
     },
     recharger: () => {
     }
   });
-  l.current.site = e, l.current.page = t, l.current.langue = n, l.current.poserApercu = x, l.current.recharger = E, A(() => {
-    l.current.surChangementDePage?.(t);
-  }, [t]), A(() => {
-    const i = J();
-    if (!i) return;
+  l.current.site = t, l.current.page = n, l.current.langue = e, l.current.poserApercu = j, l.current.sourceTexte = o, l.current.recharger = E, x(() => {
+    l.current.surChangementDePage?.(n);
+  }, [n]), x(() => {
+    const a = H();
+    if (!a) return;
     let f = !0, s;
-    return import("@lystech/sections/editeur").then((w) => {
-      f && (O(!0), s = w.monterEditeur({
-        jeton: i,
-        site: e,
+    return import("@lystech/sections/editeur").then((b) => {
+      f && ($(!0), s = b.monterEditeur({
+        jeton: a,
+        site: t,
         apiBaseUrl: r,
         pont: l.current
       }));
-    }).catch((w) => {
-      console.error("[lystech] éditeur indisponible:", w?.message ?? w);
+    }).catch((b) => {
+      console.error("[lystech] éditeur indisponible:", b?.message ?? b);
     }), () => {
       f = !1, s?.();
     };
-  }, [e, r]);
-  const k = C(
+  }, [t, r]);
+  const z = _(
     () => ({
-      site: e,
-      page: t,
-      langue: n,
+      site: t,
+      page: n,
+      langue: e,
       apiBaseUrl: r,
-      sections: a,
-      etat: u,
+      sections: u,
+      etat: w,
       recharger: E,
-      apercu: P,
-      poserApercu: x,
-      modeEdition: v
+      apercu: R,
+      poserApercu: j,
+      modeEdition: U
     }),
     [
-      e,
       t,
       n,
+      e,
       r,
-      a,
       u,
+      w,
       E,
-      P,
-      x,
-      v
+      R,
+      j,
+      U
     ]
   );
-  return /* @__PURE__ */ h(U.Provider, { value: k, children: c });
+  return /* @__PURE__ */ S(k.Provider, { value: z, children: m });
 }
-function R() {
-  return M(U);
+function I() {
+  return M(k);
 }
-const W = "https://api.lystech.ca/api";
-function G() {
-  if (typeof window > "u") return null;
-  try {
-    const e = new URL(window.location.href), t = e.searchParams.get("lystech-acces");
-    return t ? (e.searchParams.delete("lystech-acces"), window.history.replaceState({}, "", e.toString()), t) : null;
-  } catch {
-    return null;
-  }
-}
-const L = {
-  "sans-acces": "Vous n'avez pas encore accès à la modification de ce site.",
-  "demande-envoyee": "Demande envoyée. La personne responsable du site vous répondra.",
-  "trop-de-demandes": "Trop de demandes aujourd'hui. Réessayez demain."
-};
-function K({
-  site: e,
-  apiBaseUrl: t,
-  className: n,
+const W = "https://api.lystech.ca/api", v = "lystech-edit";
+function Y({
+  site: t,
+  apiBaseUrl: n,
+  className: e,
   mention: r = "Réalisé avec Lystech",
-  connexion: o = "Connexion"
+  connexion: c = "Connexion"
 }) {
-  const c = R(), a = e ?? c?.site ?? "", p = t ?? c?.apiBaseUrl ?? W, [u, y] = m(null);
-  if (A(() => y(G()), []), !a) return null;
-  const g = (b) => p + "/site-sections/edit-entry?site=" + encodeURIComponent(a) + (b ? "&demander=1" : "");
-  return /* @__PURE__ */ j(
+  const o = I(), i = t ?? o?.site ?? "", m = n ?? o?.apiBaseUrl ?? W, [u, g] = h(!1);
+  if (!i) return null;
+  const w = async () => {
+    if (!u) {
+      g(!0);
+      try {
+        (await import("@lystech/sections/editeur")).monterConnexion({
+          site: i,
+          apiBaseUrl: m,
+          surJeton: (A) => {
+            try {
+              window.sessionStorage.setItem(v, A);
+            } catch {
+              window.location.hash = v + "=" + encodeURIComponent(A);
+            }
+            window.location.reload();
+          }
+        });
+      } catch (y) {
+        console.error("[lystech] connexion indisponible:", y?.message ?? y);
+      } finally {
+        g(!1);
+      }
+    }
+  }, p = {
+    color: "inherit",
+    font: "inherit",
+    background: "none",
+    border: 0,
+    padding: 0,
+    cursor: "pointer",
+    textDecoration: "underline",
+    textUnderlineOffset: "0.2em"
+  };
+  return /* @__PURE__ */ L(
     "div",
     {
-      className: n,
+      className: e,
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -158,7 +183,7 @@ function K({
         lineHeight: 1.5
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ S(
           "a",
           {
             href: "https://lystech.ca",
@@ -168,95 +193,92 @@ function K({
             children: r
           }
         ),
-        !c?.modeEdition && !u && /* @__PURE__ */ j(F, { children: [
-          /* @__PURE__ */ h("span", { "aria-hidden": "true", children: "·" }),
-          /* @__PURE__ */ h("a", { href: g(!1), style: { color: "inherit" }, children: o })
-        ] }),
-        u && /* @__PURE__ */ j("span", { style: { display: "inline-flex", gap: "0.5em", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ h("span", { "aria-hidden": "true", children: "·" }),
-          /* @__PURE__ */ h("span", { children: L[u] ?? L["sans-acces"] }),
-          u === "sans-acces" && /* @__PURE__ */ h("a", { href: g(!0), style: { color: "inherit" }, children: "Demander l'accès" })
+        !o?.modeEdition && /* @__PURE__ */ L(F, { children: [
+          /* @__PURE__ */ S("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ S("button", { type: "button", style: p, onClick: w, children: u ? "…" : c })
         ] })
       ]
     }
   );
 }
-function H(e) {
-  return !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).every((t) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(t));
+function Z(t) {
+  return !!t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).every((n) => /^[a-z]{2}(-[A-Za-z]{2})?$/.test(n));
 }
-function S(e, t) {
-  if (Array.isArray(e)) return e.map((n) => S(n, t));
-  if (H(e)) {
-    const n = e, r = t.slice(0, 2);
-    return n[t] ?? n[r] ?? Object.values(n).find((c) => c != null) ?? "";
+function C(t, n) {
+  if (Array.isArray(t)) return t.map((e) => C(e, n));
+  if (Z(t)) {
+    const e = t, r = n.slice(0, 2);
+    return e[n] ?? e[r] ?? Object.values(e).find((o) => o != null) ?? "";
   }
-  if (e && typeof e == "object") {
-    const n = {};
-    for (const [r, o] of Object.entries(e))
-      n[r] = S(o, t);
-    return n;
+  if (t && typeof t == "object") {
+    const e = {};
+    for (const [r, c] of Object.entries(t))
+      e[r] = C(c, n);
+    return e;
   }
-  return e;
+  return t;
 }
-function N(e, t) {
-  if (!t || typeof t != "object" || Array.isArray(t))
-    return e;
-  const n = { ...e };
-  for (const [r, o] of Object.entries(t))
-    o != null && (n[r] = o);
-  return n;
+function G(t, n) {
+  if (!n || typeof n != "object" || Array.isArray(n))
+    return t;
+  const e = { ...t };
+  for (const [r, c] of Object.entries(n))
+    c != null && (e[r] = c);
+  return e;
 }
-function Q(e, t) {
-  const n = R(), r = n?.apercu?.[e];
-  return C(() => {
-    const o = n?.sections.find(
-      (p) => p.blockType === e
-    ), c = r ?? o?.data ?? null, a = c ? S(c, n?.langue ?? "fr") : null;
+function B(t, n) {
+  const e = I(), r = e?.apercu?.[t];
+  return _(() => {
+    const c = e?.sections.find(
+      (m) => m.blockType === t
+    ), o = r ?? c?.data ?? null, i = o ? C(o, e?.langue ?? "fr") : null;
     return {
-      contenu: N(t.defaut, a),
-      publie: !!o?.data,
-      UID: o?.UID ?? null,
-      chargement: n?.etat === "chargement",
-      ancrage: { "data-lystech-section": e }
+      contenu: G(n.defaut, i),
+      publie: !!c?.data,
+      UID: c?.UID ?? null,
+      chargement: e?.etat === "chargement",
+      ancrage: { "data-lystech-section": t }
     };
   }, [
-    n?.sections,
-    n?.langue,
-    n?.etat,
+    e?.sections,
+    e?.langue,
+    e?.etat,
     r,
-    e,
-    t.defaut
+    t,
+    n.defaut
   ]);
 }
-function X(e, t) {
-  const n = R();
-  return C(() => {
-    const r = { "data-lystech-section": e }, o = (n?.sections ?? []).filter(
-      (c) => c.blockType === e
+function tt(t, n) {
+  const e = I();
+  return _(() => {
+    const r = { "data-lystech-section": t }, c = (e?.sections ?? []).filter(
+      (o) => o.blockType === t
     );
-    return o.length === 0 ? {
-      items: (t?.defaut ?? []).map((c, a) => ({
-        ...c,
-        __uid: `defaut-${a}`
+    return c.length === 0 ? {
+      items: (n?.defaut ?? []).map((o, i) => ({
+        ...o,
+        __uid: `defaut-${i}`
       })),
       publie: !1,
-      chargement: n?.etat === "chargement",
+      chargement: e?.etat === "chargement",
       ancrage: r
     } : {
-      items: o.map((c) => ({
-        ...S(c.data ?? {}, n?.langue ?? "fr"),
-        __uid: c.UID
+      items: c.map((o) => ({
+        ...C(o.data ?? {}, e?.langue ?? "fr"),
+        __uid: o.UID
       })),
       publie: !0,
-      chargement: n?.etat === "chargement",
+      chargement: e?.etat === "chargement",
       ancrage: r
     };
-  }, [n?.sections, n?.langue, n?.etat, e, t?.defaut]);
+  }, [e?.sections, e?.langue, e?.etat, t, n?.defaut]);
 }
 export {
-  q as SectionsProvider,
-  K as SignatureLystech,
-  Q as useSection,
-  X as useSectionList,
-  R as useSectionsContext
+  X as SectionsProvider,
+  Y as SignatureLystech,
+  rt as adaptateurI18next,
+  T as appliquerAuxTextes,
+  B as useSection,
+  tt as useSectionList,
+  I as useSectionsContext
 };

package/dist/morceaux/sourceTexte-BMPMpNg9.js

@@ -0,0 +1,71 @@
+function y(t, o) {
+  const e = t.split("."), r = {};
+  let n = r;
+  for (let s = 0; s < e.length - 1; s++) {
+    const c = e[s];
+    n[c] = {}, n = n[c];
+  }
+  return n[e[e.length - 1]] = o, r;
+}
+function l(t, o = "", e = {}) {
+  if (!t || typeof t != "object") return e;
+  for (const [r, n] of Object.entries(t)) {
+    const s = o ? o + "." + r : r;
+    typeof n == "string" ? e[s] = n : n && typeof n == "object" && !Array.isArray(n) && l(n, s, e);
+  }
+  return e;
+}
+function h(t) {
+  return {
+    langues: () => {
+      const o = t?.options?.supportedLngs, e = Array.isArray(o) ? o.filter((r) => r !== "cimode") : [];
+      return e.length ? e : [t?.language ?? "fr"];
+    },
+    langueCourante: () => String(t?.language ?? "fr").slice(0, 2),
+    dictionnaire: (o) => {
+      const e = Array.isArray(t?.options?.ns) ? t.options.ns : [t?.options?.defaultNS ?? "translation"], r = {};
+      for (const n of e) {
+        const s = t?.getResourceBundle?.(o, n);
+        s && (r[n] = l(s));
+      }
+      return r;
+    },
+    poser: (o, e, r, n) => {
+      t?.addResourceBundle?.(
+        o,
+        e,
+        y(r, n),
+        !0,
+        !0
+      );
+    }
+  };
+}
+const d = /^i18n:([^:]+):(.*)$/;
+function A(t, o) {
+  if (typeof t == "string") return t;
+  if (!t || typeof t != "object" || Array.isArray(t)) return null;
+  const e = t, r = o.slice(0, 2), n = e[o] ?? e[r];
+  return typeof n == "string" ? n : null;
+}
+function j(t, o) {
+  const e = o.langues();
+  let r = 0;
+  for (const n of t ?? []) {
+    const s = d.exec(n.blockType ?? "");
+    if (!s || !n.data) continue;
+    const c = s[1], u = s[2];
+    for (const [a, p] of Object.entries(n.data)) {
+      const g = u ? u + "." + a : a;
+      for (const f of e) {
+        const i = A(p, f);
+        i === null || i === "" || (o.poser(f, c, g, i), r++);
+      }
+    }
+  }
+  return r;
+}
+export {
+  h as adaptateurI18next,
+  j as appliquerAuxTextes
+};

package/dist/sourceTexte.d.ts

@@ -0,0 +1,34 @@
+/** Un dictionnaire aplati : espace de noms → chemin pointé → texte. */
+export type Dictionnaire = Record<string, Record<string, string>>;
+export type SourceTexte = {
+    /** Les langues que le site sait rendre. */
+    langues: () => string[];
+    /** Celle qu'il affiche en ce moment. */
+    langueCourante: () => string;
+    /** Tout ce que le site sait dire, dans une langue. */
+    dictionnaire: (langue: string) => Dictionnaire;
+    /** Remplacer un texte. Le site doit se redessiner ensuite. */
+    poser: (langue: string, espace: string, chemin: string, valeur: string) => void;
+};
+/**
+ * Branche une instance i18next.
+ *
+ * `bindI18nStore: "added"` doit être actif dans la configuration du site,
+ * sinon React ne se redessine pas quand on remplace un texte — la
+ * modification serait enregistrée mais invisible, ce qui est la pire des
+ * deux issues : la personne réécrit, republie, et finit par croire que rien
+ * ne fonctionne.
+ */
+export declare function adaptateurI18next(i18n: any): SourceTexte;
+/**
+ * Applique des sections publiées à la source de textes du site.
+ *
+ * Utilisée à deux moments, et c'est ce qui rend le référencement juste :
+ * pendant le PRÉ-RENDU, pour que le HTML livré porte le bon texte et les
+ * bonnes balises ; puis dans le NAVIGATEUR, pour rattraper ce qui aurait été
+ * publié depuis la dernière reconstruction.
+ */
+export declare function appliquerAuxTextes(sections: Array<{
+    blockType: string;
+    data: Record<string, unknown> | null;
+}>, source: SourceTexte): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lystech/sections",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Contenu de site editable par le client — lecture legere, edition chargee a la demande.",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,7 +17,9 @@
     }
   },
   "sideEffects": false,
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc -b && vite build",
     "dev": "vite build --watch"
@@ -35,5 +37,7 @@
     "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4"
   },
-  "publishConfig": { "access": "public" }
+  "publishConfig": {
+    "access": "public"
+  }
 }