@riverbankcms/sdk 0.80.0 → 0.82.0

package/dist/{SdkPreviewModeRuntime-PBGALTMK.css → PreviewEditorUI-36T7QYV4.css}

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@19.2.4/node_modules/react-advanced-cropper/dist/style.css */
+/* ../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@19.2.7/node_modules/react-advanced-cropper/dist/style.css */
 .advanced-cropper-line-wrapper--north,
 .advanced-cropper-line-wrapper--south {
   height: 12px;

package/dist/{PreviewEditorUI-AXIKSMZA.mjs → PreviewEditorUI-AXZG2SDC.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { resolvePreviewChromeSurface, usePreviewPageDesignEditorState, PREVIEW_CHROME_PORTAL_CLASS_NAME, PREVIEW_CHROME_THEME_CLASS_NAME, applyPreviewChromeSurfaceToElement, setPreviewSidebarTab, PREVIEW_THEME_COOKIE_NAME } from './chunk-HTB4BMKD.mjs';
-import { useEntryEditorController, useEditorUiStore, useMultiAutosave, EditorChrome, classifyHistoryShortcut, previewAssistantEnabled, unwrapResponse, cn, Dialog, Button, Palette, DialogContent, DialogHeader, DialogTitle, DialogDescription, TriangleAlert, Pencil, Sparkles, useEditorUiStoreInstance } from './chunk-GYXKAUFV.mjs';
-import { usePreviewAuth, getDashboardBaseUrl } from './chunk-BBLZSQEY.mjs';
+import { resolvePreviewChromeSurface, usePreviewPageDesignEditorState, PREVIEW_CHROME_PORTAL_CLASS_NAME, PREVIEW_CHROME_THEME_CLASS_NAME, applyPreviewChromeSurfaceToElement, setPreviewSidebarTab } from './chunk-HKB6XVIP.mjs';
+import { useEntryEditorController, useEditorUiStore, useMultiAutosave, usePreviewDesignHistoryOrder, useSiteChromeCustomizeOptional, selectPreviewDesignHistoryDomain, EditorChrome, previewDesignHistoryDomainForCommand, classifyHistoryShortcut, previewAssistantEnabled, unwrapResponse, cn, Dialog, Button, Palette, DialogContent, DialogHeader, DialogTitle, DialogDescription, TriangleAlert, Pencil, Sparkles, useEditorUiStoreInstance } from './chunk-XQR6THQJ.mjs';
+import { usePreviewAuth, getDashboardBaseUrl } from './chunk-FIREV57T.mjs';
 import './chunk-R7POPVJR.mjs';
-import { useState, useMemo, useEffect, useTransition, useCallback } from 'react';
+import { useState, useMemo, useCallback, useEffect, useTransition } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/navigation';
@@ -90,6 +90,7 @@ function MaintenanceModeBadge({ siteId }) {
     }
   );
 }
+var PREVIEW_THEME_COOKIE_NAME = "preview_theme_id";
 function getDefaultThemeId(payload) {
   return payload.currentThemeId ?? payload.themes[0]?.id ?? null;
 }
@@ -265,7 +266,11 @@ function selectPreviewUndoDomain(domains, command, context) {
     (domain) => canRun(domain) && domain.ownership.kind === "focused" && (context.kind === "chrome" || domain.ownership.owner === context.owner)
   );
   if (focusedDomain) return focusedDomain;
-  return domains.find((domain) => canRun(domain) && domain.ownership.kind === "available") ?? domains.find((domain) => canRun(domain) && domain.ownership.kind === "fallback") ?? null;
+  return domains.find(
+    (domain) => canRun(domain) && domain.ownership.kind === "available"
+  ) ?? domains.find(
+    (domain) => canRun(domain) && domain.ownership.kind === "fallback"
+  ) ?? null;
 }
 function previewUndoControlsForDomains(domains, context) {
   return {
@@ -292,7 +297,11 @@ function PreviewEditorUI({
   const metadataAutosave = useEditorUiStore((state) => state.autosave.metadata);
   const contentAutosave = useEditorUiStore((state) => state.autosave.content);
   const blockAutosave = useEditorUiStore((state) => state.autosave.blocks);
-  const combinedAutosave = useMultiAutosave([metadataAutosave, contentAutosave, blockAutosave]);
+  const combinedAutosave = useMultiAutosave([
+    metadataAutosave,
+    contentAutosave,
+    blockAutosave
+  ]);
   const surfaceDocument = useMemo(
     () => resolvePreviewChromeSurface(surfaceId),
     [surfaceId]
@@ -306,15 +315,27 @@ function PreviewEditorUI({
   const undo = useEditorUiStore((state) => state.history.undo);
   const redo = useEditorUiStore((state) => state.history.redo);
   const designHistory = usePreviewPageDesignEditorState();
+  const previewDesignHistoryOrder = usePreviewDesignHistoryOrder();
+  const siteChromeCustomize = useSiteChromeCustomizeOptional();
+  const siteStyleHistory = siteChromeCustomize?.siteStyleHistory ?? null;
+  const quickControlHistory = siteChromeCustomize?.quickControlHistory ?? null;
   const previewOpenEditorMobileMenuItems = usePreviewOpenEditorMobileMenuItems();
   const lastSavedAt = useMemo(() => {
     const metaTime = metadataAutosave.lastSavedAt;
     const contentTime = contentAutosave.lastSavedAt;
     const blockTime = blockAutosave.lastSavedAt;
-    const times = [metaTime, contentTime, blockTime].filter((t) => t !== null);
+    const times = [metaTime, contentTime, blockTime].filter(
+      (t) => t !== null
+    );
     if (times.length === 0) return null;
-    return times.reduce((latest, current) => new Date(current) > new Date(latest) ? current : latest);
-  }, [metadataAutosave.lastSavedAt, contentAutosave.lastSavedAt, blockAutosave.lastSavedAt]);
+    return times.reduce(
+      (latest, current) => new Date(current) > new Date(latest) ? current : latest
+    );
+  }, [
+    metadataAutosave.lastSavedAt,
+    contentAutosave.lastSavedAt,
+    blockAutosave.lastSavedAt
+  ]);
   const computedToolbar = useMemo(() => {
     const base = controller.toolbar ?? {};
     return {
@@ -338,21 +359,65 @@ function PreviewEditorUI({
       console.error("Preview discard error", err);
     }
   };
+  const designHistoryControllers = useMemo(
+    () => ({
+      "site-style-design": siteStyleHistory,
+      "site-chrome-quick-controls": quickControlHistory,
+      "theme-customize": designHistory
+    }),
+    [designHistory, quickControlHistory, siteStyleHistory]
+  );
+  const designHistoryCapabilities = useMemo(
+    () => ({
+      "site-style-design": previewDesignHistoryCapabilities(siteStyleHistory),
+      "site-chrome-quick-controls": previewDesignHistoryCapabilities(quickControlHistory),
+      "theme-customize": previewDesignHistoryCapabilities(designHistory)
+    }),
+    [designHistory, quickControlHistory, siteStyleHistory]
+  );
+  const runPreviewDesignHistoryCommand = useCallback(
+    (command) => {
+      const domainId = selectPreviewDesignHistoryDomain(
+        previewDesignHistoryOrder.state,
+        command,
+        designHistoryCapabilities
+      );
+      if (!domainId) return;
+      const controller2 = designHistoryControllers[domainId];
+      const run = command === "undo" ? controller2?.undo : controller2?.redo;
+      if (!run) return;
+      void Promise.resolve(run()).then((outcome) => {
+        if (!isSavedPreviewHistoryOutcome(outcome)) return;
+        if (command === "undo") {
+          previewDesignHistoryOrder.confirmUndo(domainId);
+        } else {
+          previewDesignHistoryOrder.confirmRedo(domainId);
+        }
+      });
+    },
+    [
+      designHistoryCapabilities,
+      designHistoryControllers,
+      previewDesignHistoryOrder
+    ]
+  );
+  const designHistoryBlocksChrome = Boolean(siteStyleHistory?.hasActiveStagedPreview) || previewDesignHistoryBlocksCommand(
+    previewDesignHistoryOrder.state,
+    "undo",
+    designHistoryCapabilities
+  ) || previewDesignHistoryBlocksCommand(
+    previewDesignHistoryOrder.state,
+    "redo",
+    designHistoryCapabilities
+  );
   const historyDomains = useMemo(
     () => [
-      {
-        id: "theme-customize",
-        ownership: designHistory.canUndo || designHistory.canRedo || designHistory.isHistoryPending ? { kind: "focused", owner: "preview-customize" } : { kind: "available" },
-        canUndo: designHistory.canUndo,
-        canRedo: designHistory.canRedo,
-        status: designHistory.isHistoryPending ? "pending" : designHistory.isHistoryStale ? "stale" : designHistory.historyFailure ? "failed" : "idle",
-        undo: () => {
-          void designHistory.undo();
-        },
-        redo: () => {
-          void designHistory.redo();
-        }
-      },
+      previewDesignHistoryDomainFromControllers({
+        orderState: previewDesignHistoryOrder.state,
+        capabilities: designHistoryCapabilities,
+        hasActiveStagedPreview: siteStyleHistory?.hasActiveStagedPreview ?? false,
+        runCommand: runPreviewDesignHistoryCommand
+      }),
       {
         id: "content",
         ownership: { kind: "fallback" },
@@ -363,21 +428,35 @@ function PreviewEditorUI({
         redo
       }
     ],
-    [canRedo, canUndo, designHistory, redo, undo]
+    [
+      canRedo,
+      canUndo,
+      designHistoryCapabilities,
+      previewDesignHistoryOrder.state,
+      redo,
+      runPreviewDesignHistoryCommand,
+      siteStyleHistory?.hasActiveStagedPreview,
+      undo
+    ]
   );
   const historyControls = useMemo(
-    () => previewUndoControlsForDomains(historyDomains, { kind: "chrome" }),
-    [historyDomains]
+    () => designHistoryBlocksChrome ? disabledPreviewHistoryControls : previewUndoControlsForDomains(historyDomains, { kind: "chrome" }),
+    [designHistoryBlocksChrome, historyDomains]
   );
   useEffect(() => {
     const handleKeyDown = (event) => {
       const command = classifyHistoryShortcut(event, event.target);
       if (!command) return;
+      const owner = previewUndoFocusOwnerForShortcutTarget(event.target);
+      if (designHistoryBlocksChrome && owner === "preview-customize") {
+        event.preventDefault();
+        return;
+      }
       const domain = selectPreviewUndoDomain(historyDomains, command, {
         kind: "shortcut",
-        owner: previewUndoFocusOwnerForShortcutTarget(event.target)
+        owner
       });
-      if (!domain || domain.id !== "theme-customize") return;
+      if (!domain || domain.ownership.kind === "fallback") return;
       event.preventDefault();
       if (command === "undo") {
         domain.undo();
@@ -389,7 +468,7 @@ function PreviewEditorUI({
     return () => {
       document.removeEventListener("keydown", handleKeyDown, true);
     };
-  }, [historyDomains]);
+  }, [designHistoryBlocksChrome, historyDomains]);
   useEffect(() => {
     if (!canEdit) {
       setPortalTarget(null);
@@ -454,6 +533,66 @@ function PreviewEditorUI({
     portalTarget
   );
 }
+var disabledPreviewHistoryControls = {
+  canUndo: false,
+  canRedo: false,
+  onUndo: () => {
+  },
+  onRedo: () => {
+  }
+};
+function previewDesignHistoryDomainFromControllers(input) {
+  const canUndo = Boolean(
+    selectPreviewDesignHistoryDomain(
+      input.orderState,
+      "undo",
+      input.capabilities
+    )
+  );
+  const canRedo = Boolean(
+    selectPreviewDesignHistoryDomain(
+      input.orderState,
+      "redo",
+      input.capabilities
+    )
+  );
+  const hasDesignHistory = input.orderState.past.length > 0 || input.orderState.future.length > 0 || input.hasActiveStagedPreview;
+  return {
+    id: "preview-design-history",
+    ownership: hasDesignHistory || canUndo || canRedo ? { kind: "focused", owner: "preview-customize" } : { kind: "available" },
+    canUndo,
+    canRedo,
+    status: previewDesignHistoryAggregateStatus(input.capabilities),
+    undo: () => {
+      input.runCommand("undo");
+    },
+    redo: () => {
+      input.runCommand("redo");
+    }
+  };
+}
+function previewDesignHistoryCapabilities(controller) {
+  return {
+    canUndo: controller?.canUndo ?? false,
+    canRedo: controller?.canRedo ?? false,
+    isPending: controller?.isHistoryPending || controller?.hasActiveStagedPreview ? true : false,
+    isStale: controller?.isHistoryStale ?? false
+  };
+}
+function previewDesignHistoryBlocksCommand(state, command, capabilities) {
+  const domainId = previewDesignHistoryDomainForCommand(state, command);
+  if (!domainId) return false;
+  return !selectPreviewDesignHistoryDomain(state, command, capabilities);
+}
+function previewDesignHistoryAggregateStatus(capabilities) {
+  const values = Object.values(capabilities);
+  if (values.some((capability) => capability.isPending)) return "pending";
+  if (values.some((capability) => capability.isStale)) return "stale";
+  return "idle";
+}
+function isSavedPreviewHistoryOutcome(outcome) {
+  return outcome !== null && typeof outcome === "object" && "kind" in outcome && outcome.kind === "saved";
+}
 function previewUndoFocusOwnerForShortcutTarget(target) {
   if (!(target instanceof HTMLElement)) return "preview-customize";
   if (target.closest('[data-preview-undo-owner="content"]')) return "content";

package/dist/{PreviewEditorUI-4JVDBZBS.css → SdkPreviewModeRuntime-FXKI6XNL.css}

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@19.2.4/node_modules/react-advanced-cropper/dist/style.css */
+/* ../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@19.2.7/node_modules/react-advanced-cropper/dist/style.css */
 .advanced-cropper-line-wrapper--north,
 .advanced-cropper-line-wrapper--south {
   height: 12px;

package/dist/SdkPreviewModeRuntime-RNVRHFFR.mjs

@@ -0,0 +1,8 @@
+"use client";
+export { SdkPreviewModeRuntime } from './chunk-6FWNF3DJ.mjs';
+import './chunk-2BUMISSH.mjs';
+import './chunk-G35HOQEN.mjs';
+import './chunk-HKB6XVIP.mjs';
+import './chunk-XQR6THQJ.mjs';
+import './chunk-FIREV57T.mjs';
+import './chunk-R7POPVJR.mjs';