@studiotitta/studio-editori 0.1.5 → 0.1.6

package/dist/maarittely.d.ts

@@ -118,9 +118,9 @@ export interface TekstilistaKentta<K extends boolean = boolean> extends KentanPe
  * Editorissa se näkyy omana lohkonaan, jotta sivun kentät eivät sekoitu
  * hakukoneteksteihin.
  */
-export interface RyhmaKentta extends KentanPerus {
+export interface RyhmaKentta<R extends Record<string, Kentta> = Record<string, Kentta>> extends KentanPerus {
     tyyppi: "ryhma";
-    kentat: Record<string, Kentta>;
+    kentat: R;
 }
 /**
  * Lista samanlaisia kohteita, esimerkiksi kurssit.
@@ -167,7 +167,7 @@ export declare function kielivalinta(asetukset?: Omit<KielivalintaKentta, "tyypp
 export declare function tekstilista<K extends boolean = false>(asetukset?: Omit<TekstilistaKentta<K>, "tyyppi" | "kaannettava"> & {
     kaannettava?: K;
 }): TekstilistaKentta<K>;
-export declare function ryhma(asetukset: Omit<RyhmaKentta, "tyyppi">): RyhmaKentta;
+export declare function ryhma<R extends Record<string, Kentta>>(asetukset: Omit<RyhmaKentta<R>, "tyyppi">): RyhmaKentta<R>;
 export declare function kohdelista(asetukset: Omit<KohdelistaKentta, "tyyppi">): KohdelistaKentta;
 export interface SivunMaarittely {
     /** Nimi, jonka muokkaaja näkee editorissa. Oletuksena sivun avain. */
@@ -209,7 +209,10 @@ export type KentanArvo<K extends Kentta> = K extends {
     tyyppi: "kohdelista";
 } ? Record<string, unknown>[] : K extends {
     tyyppi: "ryhma";
-} ? Record<string, unknown> : string;
+    kentat: infer R extends Record<string, Kentta>;
+} ? {
+    [A in keyof R]: KentanArvo<R[A]>;
+} : string;
 /** Kentän arvo sellaisena kuin se on tiedostossa. */
 type TallennettuArvo<K extends Kentta, L extends string> = K extends {
     kaannettava: true;

package/dist/selain/Muokkaustila.js

@@ -464,6 +464,13 @@ export function Muokkaustila() {
                 }
                 continue;
             }
+            /* Sivun oma ryhmä: kentät ovat ryhmän sisällä, eivät sivun juuressa. */
+            if (kenttä.tyyppi === "ryhma") {
+                for (const [ryhmanKentta, ryhmanMaaritys] of Object.entries(kenttä.kentat)) {
+                    tutki({ sivu: sivunAvain, kentta: avain, alikentta: ryhmanKentta }, ryhmanMaaritys);
+                }
+                continue;
+            }
             tutki({ sivu: sivunAvain, kentta: avain }, kenttä);
         }
         return loydot;
@@ -677,6 +684,10 @@ function kentanMaaritys(sisalto, polku) {
         return undefined;
     if (polku.alikentta === undefined)
         return kentta;
+    /* Ilman tunnusta alikenttä on sivun oman ryhmän kenttä. */
+    if (polku.tunnus === undefined) {
+        return kentta.tyyppi === "ryhma" ? kentta.kentat[polku.alikentta] : undefined;
+    }
     if (kentta.tyyppi !== "kohdelista")
         return undefined;
     const [ensimmainen, ryhmanKentta] = polku.alikentta.split(".");

package/dist/selain/Paneeli.js

@@ -151,6 +151,14 @@ function virheenKohde(tiedot, kohde) {
     const maaritys = kentta ? tiedot.malli.kentat[kentta] : undefined;
     if (!maaritys)
         return { nimi: osat.at(-1) ?? kohde, sivulla: false };
+    if (maaritys.tyyppi === "ryhma") {
+        const ryhmanKentta = osat[2];
+        const sisempi = ryhmanKentta ? maaritys.kentat[ryhmanKentta] : undefined;
+        return {
+            nimi: sisempi?.nimi ?? ryhmanKentta ?? maaritys.nimi ?? kentta,
+            sivulla: tiedot.sivullaNakyvat.has(`${tiedot.sivu}.${kentta}.${ryhmanKentta}`),
+        };
+    }
     if (maaritys.tyyppi !== "kohdelista") {
         return {
             nimi: maaritys.nimi ?? kentta,
@@ -183,13 +191,20 @@ export function Paneeli(tiedot) {
         /* Kielivalinta on turha, jos sivustolla on vain yksi kieli. */
         if (maaritys.tyyppi === "kielivalinta" && tiedot.kielet.length < 2)
             return false;
+        /* Ryhmä, jonka jokainen kenttä muokataan jo sivulla, ei kuulu paneeliin:
+           tyhjä otsikko näyttäisi siltä, että jotain puuttuu. */
+        if (maaritys.tyyppi === "ryhma") {
+            return Object.keys(maaritys.kentat).some((ryhmanKentta) => !tiedot.sivullaNakyvat.has(`${tiedot.sivu}.${avain}.${ryhmanKentta}`));
+        }
         return !tiedot.sivullaNakyvat.has(`${tiedot.sivu}.${avain}`);
     };
     const omat = kentat.filter(([avain, maaritys]) => maaritys.tyyppi !== "kohdelista" && nayta([avain, maaritys]));
     return (_jsxs("aside", { className: "paneeli", "aria-label": "Sis\u00E4ll\u00F6n tiedot", children: [tiedot.virheet && tiedot.virheet.length > 0 ? (_jsxs("section", { className: "virheet", role: "alert", children: [_jsx("h2", { children: "Tallennus pys\u00E4htyi" }), _jsx("ul", { children: tiedot.virheet.slice(0, 6).map((virhe) => {
                             const tiedot_ = virheenKohde(tiedot, virhe.kohde);
                             return (_jsxs("li", { children: [_jsx("strong", { children: tiedot_.nimi }), " ", virhe.viesti, tiedot_.kohteenNimi ? (_jsx("button", { type: "button", className: "linkki", onClick: () => tiedot_.tunnus && tiedot.valitse(tiedot_.tunnus), children: tiedot_.kohteenNimi })) : null, tiedot_.sivulla ? _jsx("span", { className: "merkki", children: " Muokataan sivulla." }) : null] }, `${virhe.kohde}-${virhe.viesti}`));
-                        }) })] })) : null, omat.length > 0 || tiedot.kaannettavia.sivu.length > 0 ? (_jsxs("section", { children: [_jsx("h2", { children: tiedot.malli.nimi }), omat.map(([avain, maaritys]) => (_jsx(Kentta_, { polku: { sivu: tiedot.sivu, kentta: avain }, maaritys: maaritys, tiedot: tiedot }, avain))), tiedot.kielet.length > 1 ? _jsx(Kaannos, { tiedot: tiedot, mihin: "sivu" }) : null] })) : null, lista ? _jsx(Kohteet, { avain: lista[0], maaritys: lista[1], tiedot: tiedot }) : null] }));
+                        }) })] })) : null, omat.length > 0 || tiedot.kaannettavia.sivu.length > 0 ? (_jsxs("section", { children: [_jsx("h2", { children: tiedot.malli.nimi }), omat.map(([avain, maaritys]) => maaritys.tyyppi === "ryhma" ? (_jsxs("div", { className: "ryhma", children: [_jsx("h3", { children: maaritys.nimi ?? avain }), maaritys.ohje ? _jsx("p", { className: "ohje", children: maaritys.ohje }) : null, Object.entries(maaritys.kentat)
+                                .filter(([ryhmanKentta]) => !tiedot.sivullaNakyvat.has(`${tiedot.sivu}.${avain}.${ryhmanKentta}`))
+                                .map(([ryhmanKentta, ryhmanMaaritys]) => (_jsx(Kentta_, { polku: { sivu: tiedot.sivu, kentta: avain, alikentta: ryhmanKentta }, maaritys: ryhmanMaaritys, tiedot: tiedot }, ryhmanKentta)))] }, avain)) : (_jsx(Kentta_, { polku: { sivu: tiedot.sivu, kentta: avain }, maaritys: maaritys, tiedot: tiedot }, avain))), tiedot.kielet.length > 1 ? _jsx(Kaannos, { tiedot: tiedot, mihin: "sivu" }) : null] })) : null, lista ? _jsx(Kohteet, { avain: lista[0], maaritys: lista[1], tiedot: tiedot }) : null] }));
 }
 const KIELELLE = {
     fi: "suomeksi",

package/dist/selain/polku.d.ts

@@ -3,7 +3,13 @@ export interface Kentanpolku {
     kentta: string;
     /** Kohteen tunnus, jos kenttä on listan sisällä. */
     tunnus?: string;
-    /** Kentän nimi kohteen sisällä. */
+    /**
+     * Kentän nimi ryhmän sisällä.
+     *
+     * Ilman tunnusta tämä on sivun oman ryhmän kenttä ("hero.otsikko" →
+     * kentta "hero", alikenttä "otsikko"). Tunnuksen kanssa se on kohteen
+     * kenttä, joka voi olla myös kohteen ryhmässä ("meta.title").
+     */
     alikentta?: string;
 }
 export declare function lueKentanpolku(polku: string): Kentanpolku | null;

package/dist/selain/polku.js

@@ -4,6 +4,7 @@
    Sivulla oleva merkintä kertoo, mitä kohtaa sisällöstä elementti näyttää:
 
      kurssit.otsikko                      sivun oma kenttä
+     etusivu.hero.otsikko                 kenttä sivun ryhmässä
      kurssit.lista[joogaretriitti].nimi   yhden kohteen kenttä listassa
 
    Hakasulkeissa on kohteen tunnus, ei järjestysnumero. Näin muokkaus osuu
@@ -13,23 +14,31 @@
    Tämä tiedosto on tarkoituksella pelkkää logiikkaa ilman selainta, jotta
    sen voi testata suoraan.
    ========================================================================== */
-/* Alikenttä voi olla ryhmän sisällä: "kurssit.lista[tunnus].meta.title". */
-const MUOTO = /^([a-zA-Z][a-zA-Z0-9]*)\.([a-zA-Z][a-zA-Z0-9]*)(?:\[([^\]]+)\]\.([a-zA-Z][a-zA-Z0-9]*(?:\.[a-zA-Z][a-zA-Z0-9]*)?))?$/;
+/* Kolme muotoa: sivun kenttä, sivun ryhmän kenttä ja kohteen kenttä
+   listassa. Kohteen kenttä voi olla vielä kohteen oman ryhmän sisällä:
+   "kurssit.lista[tunnus].meta.title". */
+const MUOTO = /^([a-zA-Z][a-zA-Z0-9]*)\.([a-zA-Z][a-zA-Z0-9]*)(?:\[([^\]]+)\]\.([a-zA-Z][a-zA-Z0-9]*(?:\.[a-zA-Z][a-zA-Z0-9]*)?)|\.([a-zA-Z][a-zA-Z0-9]*))?$/;
 export function lueKentanpolku(polku) {
     const osuma = MUOTO.exec(polku.trim());
     if (!osuma)
         return null;
-    const [, sivu, kentta, tunnus, alikentta] = osuma;
+    const [, sivu, kentta, tunnus, kohteenKentta, ryhmanKentta] = osuma;
     if (!sivu || !kentta)
         return null;
-    if (tunnus !== undefined && !alikentta)
-        return null;
-    return tunnus === undefined ? { sivu, kentta } : { sivu, kentta, tunnus, alikentta };
+    if (tunnus !== undefined) {
+        if (!kohteenKentta)
+            return null;
+        return { sivu, kentta, tunnus, alikentta: kohteenKentta };
+    }
+    return ryhmanKentta === undefined ? { sivu, kentta } : { sivu, kentta, alikentta: ryhmanKentta };
 }
 export function kirjoitaKentanpolku(polku) {
-    return polku.tunnus === undefined
+    if (polku.tunnus !== undefined) {
+        return `${polku.sivu}.${polku.kentta}[${polku.tunnus}].${polku.alikentta}`;
+    }
+    return polku.alikentta === undefined
         ? `${polku.sivu}.${polku.kentta}`
-        : `${polku.sivu}.${polku.kentta}[${polku.tunnus}].${polku.alikentta}`;
+        : `${polku.sivu}.${polku.kentta}.${polku.alikentta}`;
 }
 /* ---- Arvon asettaminen --------------------------------------------------- */
 function onOlio(arvo) {
@@ -49,7 +58,17 @@ export function asetaArvo(sivunData, polku, arvo, kieli, tunnusKentta = "tunnus"
         return { ...pohja, [kieli]: arvo };
     };
     if (polku.tunnus === undefined) {
-        return { ...sivunData, [polku.kentta]: yhdista(sivunData[polku.kentta]) };
+        if (polku.alikentta === undefined) {
+            return { ...sivunData, [polku.kentta]: yhdista(sivunData[polku.kentta]) };
+        }
+        /* Sivun ryhmä: muut ryhmän kentät säilyvät ennallaan. */
+        const ryhma = onOlio(sivunData[polku.kentta])
+            ? sivunData[polku.kentta]
+            : {};
+        return {
+            ...sivunData,
+            [polku.kentta]: { ...ryhma, [polku.alikentta]: yhdista(ryhma[polku.alikentta]) },
+        };
     }
     const lista = Array.isArray(sivunData[polku.kentta]) ? [...sivunData[polku.kentta]] : [];
     const sija = lista.findIndex((kohde) => onOlio(kohde) && kohde[tunnusKentta] === polku.tunnus);
@@ -73,8 +92,12 @@ export function asetaArvo(sivunData, polku, arvo, kieli, tunnusKentta = "tunnus"
 }
 /** Lukee yhden arvon sivun sisällöstä. */
 export function lueArvo(sivunData, polku, tunnusKentta = "tunnus") {
-    if (polku.tunnus === undefined)
-        return sivunData[polku.kentta];
+    if (polku.tunnus === undefined) {
+        const arvo = sivunData[polku.kentta];
+        if (polku.alikentta === undefined)
+            return arvo;
+        return onOlio(arvo) ? arvo[polku.alikentta] : undefined;
+    }
     const lista = sivunData[polku.kentta];
     if (!Array.isArray(lista))
         return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiotitta/studio-editori",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Studio Titan sisältöeditori asiakassivustoille: tekstit ja kuvat muokataan suoraan sivulla",
   "license": "UNLICENSED",
   "type": "module",