Release 1.0.4: Slice-Scroll via SLICE_SHOW EP

Author: skerbis

CHANGELOG.md

@@ -4,6 +4,20 @@ All notable changes to this project will be documented in this file.
 
 This project adheres to [Semantic Versioning](https://semver.org/).
 
+## [1.0.4] – 2026-03-13
+
+### Added
+
+- **Slice-Scroll**: Nach dem Speichern eines Slices scrollt der iframe automatisch zur Position des bearbeiteten Slices
+- `SLICE_SHOW`-Extension-Point injiziert unsichtbare Scroll-Anker (`<span id="rex-slice-{id}">`) ins Frontend – nur wenn `?lp_anchors=1` in der iframe-URL steht
+- `load_frontend: true` in `package.yml` damit `boot.php` auch im Frontend ausgeführt wird
+
+### Fixed
+
+- `LivePreviewUrlApi`: fehlende `use`-Statements für REDAXO-Klassen im Namespace ergänzt
+
+---
+
 ## [1.0.3] – 2026-03-12
 
 ### Fixed

assets/js/live_preview.js

@@ -75,6 +75,18 @@
     function getPanel()   { return document.getElementById('rex-lp-panel'); }
     function getIframe()  { return document.getElementById('rex-lp-iframe'); }
 
+    /**
+     * Fügt lp_anchors=1 an eine Frontend-URL an (für SLICE_SHOW-Anker im iframe).
+     * Bestehende lp_anchors-Parameter werden vorher entfernt.
+     */
+    function addLpAnchors(url) {
+        if (!url || url === 'about:blank') { return url; }
+        var base = url.split('#')[0].replace(/([?&])lp_anchors=\d+&?/, function(m, sep) {
+            return sep === '?' ? '?' : '';
+        }).replace(/[?&]$/, '');
+        return base + (base.indexOf('?') !== -1 ? '&' : '?') + 'lp_anchors=1';
+    }
+
     // -------------------------------------------------------------------------
     // Float-Panel – Drag-to-detach
     // -------------------------------------------------------------------------
@@ -485,14 +497,25 @@
     function refreshIframe() {
         var iframe = getIframe();
         if (!iframe) { return; }
-        try {
-            iframe.contentWindow.location.reload();
-        } catch (e) {
-            // Cross-Origin-Fallback: src neu setzen
-            var src = iframe.src;
-            iframe.src = '';
-            setTimeout(function () { iframe.src = src; }, 50);
+
+        var baseUrl = iframe.dataset.src || '';
+        if (!baseUrl) {
+            // Fallback wenn data-src nicht gesetzt
+            try {
+                iframe.contentWindow.location.reload();
+            } catch (e) {
+                var old = iframe.src;
+                iframe.src = '';
+                setTimeout(function () { iframe.src = old; }, 50);
+            }
+            return;
         }
+
+        // slice_id aus der aktuellen Backend-URL lesen:
+        // Nach Klick auf "Bearbeiten" steht die ID im URL-Parameter.
+        var params = new window.URLSearchParams(window.location.search);
+        var sliceId = params.get('slice_id');
+        iframe.src = addLpAnchors(baseUrl) + (sliceId ? '#rex-slice-' + sliceId : '');
     }
 
     function scheduleRefresh(delay) {
@@ -987,7 +1010,9 @@
             $.getJSON(apiUrl, { article_id: articleId, clang: clang })
                 .done(function (data) {
                     if (data && data.url) {
-                        iframe.src = data.url;
+                        // dataset.src aktuell halten (clean URL ohne lp_anchors/hash)
+                        iframe.dataset.src = data.url;
+                        iframe.src = addLpAnchors(data.url);
 
                         // Modal-iframe ebenfalls aktualisieren wenn offen
                         var modal   = document.getElementById('rex-lp-modal');
@@ -1041,7 +1066,7 @@
             if (iframe) {
                 if (enabled) {
                     // Kein Reload nötig: data-src ist immer aktuell
-                    iframe.src = iframe.dataset.src || '';
+                    iframe.src = addLpAnchors(iframe.dataset.src || '');
                 } else {
                     iframe.src = 'about:blank';
                 }

boot.php

@@ -2,6 +2,21 @@
 
 /** @var rex_addon $this */
 
+// Frontend: Scroll-Anker für Live-Preview (nur wenn lp_anchors=1 in der URL)
+// Jeder Slice bekommt ein unsichtbares <span id="rex-slice-{id}"> vorangestellt,
+// über das der iframe nach einem Slice-Save direkt ans richtige Element scrollt.
+rex_extension::register('SLICE_SHOW', static function(rex_extension_point $ep) {
+    if (!rex_request('lp_anchors', 'int', 0)) {
+        return;
+    }
+    $sliceId = (int) $ep->getParam('slice_id');
+    if (!$sliceId) {
+        return;
+    }
+    return '<span id="rex-slice-' . $sliceId . '" style="display:block;height:0;overflow:hidden;pointer-events:none;"></span>'
+           . $ep->getSubject();
+});
+
 if (!rex::isBackend() || !rex::getUser()) {
     return;
 }

lib/LivePreviewUrlApi.php

@@ -2,6 +2,15 @@
 
 namespace FriendsOfREDAXO\LivePreview;
 
+use rex;
+use rex_addon;
+use rex_api_function;
+use rex_api_result;
+use rex_article_revision;
+use rex_backend_login;
+use rex_clang;
+use rex_response;
+
 /**
  * Live Preview – API-Endpunkt
  *

package.yml

@@ -1,7 +1,8 @@
 package: live_preview
-version: '1.0.3'
+version: '1.0.4'
 author: 'Friends Of REDAXO'
 supportpage: https://github.com/FriendsOfREDAXO/live_preview
+load_frontend: true
 
 autoload:
     classes: