@studiotitta/studio-editori 0.1.12 → 0.1.14

package/dist/selain/EditorinPalkki.js

@@ -11,9 +11,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
    Tyylit annetaan `adoptedStyleSheets`-rajapinnalla eikä <style>-elementillä,
    jotta sivuston tiukka Content-Security-Policy riittää sellaisenaan.
    ========================================================================== */
-import { useEffect, useState } from "react";
+import { usePathname } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { Muokkaustila, PALKIN_TYYLIT } from "./Muokkaustila.js";
+import { taysiLataus } from "./sivunvaihto.js";
 export function EditorinPalkki() {
     const [juuri, setJuuri] = useState(null);
     useEffect(() => {
@@ -29,6 +31,42 @@ export function EditorinPalkki() {
         setJuuri(varjo);
         return () => isanta.remove();
     }, []);
+    /*
+      Sisäiset linkit täytenä latauksena, ks. sivunvaihto.ts. Kuuntelija on
+      ikkunassa ja kaappausvaiheessa, jotta se ehtii ennen Nextin linkkiä.
+    */
+    useEffect(() => {
+        const klikattu = (tapahtuma) => {
+            const kohde = tapahtuma.target;
+            if (!(kohde instanceof Element))
+                return;
+            /* Palkin omat painikkeet ovat varjossa, eivät sivun linkkejä. */
+            if (kohde.closest("[data-editori-palkki]"))
+                return;
+            const linkki = kohde.closest("a[href]");
+            if (!(linkki instanceof HTMLAnchorElement))
+                return;
+            const osoite = taysiLataus(tapahtuma, linkki, location.href);
+            if (!osoite)
+                return;
+            tapahtuma.preventDefault();
+            tapahtuma.stopPropagation();
+            location.assign(osoite);
+        };
+        window.addEventListener("click", klikattu, true);
+        return () => window.removeEventListener("click", klikattu, true);
+    }, []);
+    /*
+      Varmistus muille siirtymille, joita klikkaus ei kata: selaimen
+      takaisin-painike ja sivuston omat router.push-kutsut. Jos osoite
+      vaihtuu ilman latausta, sivu ladataan uudelleen uudessa osoitteessa.
+    */
+    const polku = usePathname();
+    const alkuperainenPolku = useRef(polku);
+    useEffect(() => {
+        if (polku !== alkuperainenPolku.current)
+            location.reload();
+    }, [polku]);
     if (!juuri)
         return null;
     return createPortal(_jsx(Muokkaustila, {}), juuri);

package/dist/selain/Muokkaustila.js

@@ -247,7 +247,7 @@ function enterinOhje(maaritys) {
         const merkki = maaritys.erotin.trim();
         return `${merkki === "," ? "Pilkku" : `"${merkki}"`}: uusi kohta`;
     }
-    return maaritys.monirivinen ? "Enter: uusi kappale" : "Enter: uusi kohta";
+    return maaritys.monirivinen ? "Enter: rivin vaihto" : "Enter: uusi kohta";
 }
 /** Sivulla olevat muokattavat kohdat merkintöineen. */
 function merkinnat() {

package/dist/selain/sivunvaihto.d.ts

@@ -0,0 +1,20 @@
+/** Osa klikkauksesta, jolla päätös tehdään. Testattavissa ilman selainta. */
+export interface Klikkaus {
+    button: number;
+    metaKey: boolean;
+    ctrlKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    defaultPrevented: boolean;
+}
+/** Osa linkistä, jolla päätös tehdään. */
+export interface Linkki {
+    href: string;
+    target: string;
+    hasAttribute(nimi: string): boolean;
+}
+/**
+ * Palauttaa osoitteen, johon siirrytään täydellä latauksella, tai null,
+ * jos klikkaus jätetään selaimen ja sivuston hoidettavaksi.
+ */
+export declare function taysiLataus(klikkaus: Klikkaus, linkki: Linkki, nykyinen: string): string | null;

package/dist/selain/sivunvaihto.js

@@ -0,0 +1,45 @@
+/* ==========================================================================
+   SIVUNVAIHTO MUOKKAAJALLE: AINA KOKONAAN UUSI SIVU
+   ==========================================================================
+   Muokkaustila lukee sivun muokattavat kohdat ja niiden alkutilan, kun sivu
+   ladataan. Nextin linkki ei kuitenkaan lataa sivua: se vaihtaa vain
+   sisällön, ja palkki jää muistamaan edellisen sivun. Silloin uuden sivun
+   tekstit eivät ole muokattavissa, paneeli näyttää väärän sivun ja
+   tallennus voisi verrata tekstejä väärään alkutilaan.
+
+   Siksi kirjautuneen muokkaajan sisäiset linkit avataan täytenä
+   sivulatauksena. Tavallinen kävijä ei saa tätä koodia lainkaan, joten
+   sivuston nopeat siirtymät säilyvät hänelle ennallaan. Tallentamattomista
+   muutoksista varoittaa selaimen oma beforeunload-kysymys.
+   ========================================================================== */
+/**
+ * Palauttaa osoitteen, johon siirrytään täydellä latauksella, tai null,
+ * jos klikkaus jätetään selaimen ja sivuston hoidettavaksi.
+ */
+export function taysiLataus(klikkaus, linkki, nykyinen) {
+    /* Uusi välilehti, lataus ja muut erikoisklikkaukset toimivat kuten ennen. */
+    if (klikkaus.defaultPrevented || klikkaus.button !== 0)
+        return null;
+    if (klikkaus.metaKey || klikkaus.ctrlKey || klikkaus.shiftKey || klikkaus.altKey)
+        return null;
+    if (linkki.hasAttribute("download"))
+        return null;
+    if (linkki.target && linkki.target !== "_self")
+        return null;
+    let kohde;
+    let tama;
+    try {
+        tama = new URL(nykyinen);
+        kohde = new URL(linkki.href, tama);
+    }
+    catch {
+        return null;
+    }
+    /* Ulkoiset linkit ja mailto:/tel: eivät ole sivuston sivuja. */
+    if (kohde.origin !== tama.origin)
+        return null;
+    /* Ankkuri samalla sivulla vain vierittää, sivu ei vaihdu. */
+    if (kohde.pathname === tama.pathname && kohde.search === tama.search && kohde.hash)
+        return null;
+    return kohde.href;
+}

package/package.json

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