@orion-studios/payload-studio 0.5.0-beta.3 → 0.5.0-beta.30

package/dist/admin/client.js

@@ -2702,6 +2702,9 @@ function AdminStudioPageEditView(props) {
   const { user } = (0, import_ui6.useAuth)();
   const iframeRef = (0, import_react13.useRef)(null);
   const [saving, setSaving] = (0, import_react13.useState)(null);
+  const [dirty, setDirty] = (0, import_react13.useState)(false);
+  const [canUndo, setCanUndo] = (0, import_react13.useState)(false);
+  const [canRedo, setCanRedo] = (0, import_react13.useState)(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pageIDFromParams = (0, import_react13.useMemo)(() => getParam(props.params, "id"), [props.params]);
   const [pageID, setPageID] = (0, import_react13.useState)(pageIDFromParams);
@@ -2727,17 +2730,36 @@ function AdminStudioPageEditView(props) {
     setSaving(status);
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
   };
+  const requestHistoryAction = (type) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) {
+      import_ui6.toast.error("Editor is not ready yet. Please try again.");
+      return;
+    }
+    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
+  };
   (0, import_react13.useEffect)(() => {
     const onMessage = (event) => {
       const data = event.data;
-      if (!data || data.source !== "payload-visual-builder-child" || data.type !== "save-result") {
+      if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
         return;
       }
-      setSaving(null);
-      if (data.ok) {
-        import_ui6.toast.success(typeof data.message === "string" ? data.message : "Saved.");
-      } else {
-        import_ui6.toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+      if (data.type === "dirty-state") {
+        setDirty(Boolean(data.dirty));
+        return;
+      }
+      if (data.type === "history-state") {
+        setCanUndo(Boolean(data.canUndo));
+        setCanRedo(Boolean(data.canRedo));
+        return;
+      }
+      if (data.type === "save-result") {
+        setSaving(null);
+        if (data.ok) {
+          import_ui6.toast.success(typeof data.message === "string" ? data.message : "Saved.");
+        } else {
+          import_ui6.toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+        }
       }
     };
     window.addEventListener("message", onMessage);
@@ -2819,6 +2841,39 @@ function AdminStudioPageEditView(props) {
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "button",
+                {
+                  disabled: !canUndo,
+                  onClick: () => requestHistoryAction("undo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canUndo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Undo"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "button",
+                {
+                  disabled: !canRedo,
+                  onClick: () => requestHistoryAction("redo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canRedo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Redo"
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "button",
                 {
@@ -2864,7 +2919,13 @@ function AdminStudioPageEditView(props) {
           ref: iframeRef,
           src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
           style: { border: "none", height: "100%", width: "100%" },
-          title: "Page Builder"
+          title: "Page Builder",
+          onLoad: () => {
+            const iframe = iframeRef.current;
+            if (!iframe?.contentWindow) return;
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "dirty-check-request" }, "*");
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "history-check-request" }, "*");
+          }
         }
       )
     ] })

package/dist/admin/client.mjs

@@ -1521,6 +1521,9 @@ function AdminStudioPageEditView(props) {
   const { user } = useAuth3();
   const iframeRef = useRef3(null);
   const [saving, setSaving] = useState7(null);
+  const [dirty, setDirty] = useState7(false);
+  const [canUndo, setCanUndo] = useState7(false);
+  const [canRedo, setCanRedo] = useState7(false);
   const builderBasePath = getPropString4(props, "builderBasePath", "/builder");
   const pageIDFromParams = useMemo3(() => getParam(props.params, "id"), [props.params]);
   const [pageID, setPageID] = useState7(pageIDFromParams);
@@ -1546,17 +1549,36 @@ function AdminStudioPageEditView(props) {
     setSaving(status);
     iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "save", status }, "*");
   };
+  const requestHistoryAction = (type) => {
+    const iframe = iframeRef.current;
+    if (!iframe?.contentWindow) {
+      toast.error("Editor is not ready yet. Please try again.");
+      return;
+    }
+    iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type }, "*");
+  };
   useEffect8(() => {
     const onMessage = (event) => {
       const data = event.data;
-      if (!data || data.source !== "payload-visual-builder-child" || data.type !== "save-result") {
+      if (!data || data.source !== "payload-visual-builder-child" || typeof data.type !== "string") {
         return;
       }
-      setSaving(null);
-      if (data.ok) {
-        toast.success(typeof data.message === "string" ? data.message : "Saved.");
-      } else {
-        toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+      if (data.type === "dirty-state") {
+        setDirty(Boolean(data.dirty));
+        return;
+      }
+      if (data.type === "history-state") {
+        setCanUndo(Boolean(data.canUndo));
+        setCanRedo(Boolean(data.canRedo));
+        return;
+      }
+      if (data.type === "save-result") {
+        setSaving(null);
+        if (data.ok) {
+          toast.success(typeof data.message === "string" ? data.message : "Saved.");
+        } else {
+          toast.error(typeof data.message === "string" ? data.message : "Save failed.");
+        }
       }
     };
     window.addEventListener("message", onMessage);
@@ -1638,6 +1660,39 @@ function AdminStudioPageEditView(props) {
               )
             ] }),
             /* @__PURE__ */ jsxs12("div", { style: { alignItems: "center", display: "flex", gap: "0.5rem" }, children: [
+              /* @__PURE__ */ jsx13("div", { style: { color: dirty ? "var(--theme-elevation-900)" : "var(--theme-elevation-600)", fontSize: "0.85rem", fontWeight: 700 }, children: dirty ? "Unsaved changes" : "All changes saved" }),
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  disabled: !canUndo,
+                  onClick: () => requestHistoryAction("undo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canUndo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Undo"
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  disabled: !canRedo,
+                  onClick: () => requestHistoryAction("redo"),
+                  style: {
+                    border: "1px solid var(--theme-elevation-300)",
+                    borderRadius: 12,
+                    cursor: canRedo ? "pointer" : "not-allowed",
+                    fontWeight: 800,
+                    padding: "0.5rem 0.65rem"
+                  },
+                  type: "button",
+                  children: "Redo"
+                }
+              ),
               /* @__PURE__ */ jsx13(
                 "button",
                 {
@@ -1683,7 +1738,13 @@ function AdminStudioPageEditView(props) {
           ref: iframeRef,
           src: `${builderBasePath.replace(/\/$/, "")}/${pageID}`,
           style: { border: "none", height: "100%", width: "100%" },
-          title: "Page Builder"
+          title: "Page Builder",
+          onLoad: () => {
+            const iframe = iframeRef.current;
+            if (!iframe?.contentWindow) return;
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "dirty-check-request" }, "*");
+            iframe.contentWindow.postMessage({ source: "payload-visual-builder-parent", type: "history-check-request" }, "*");
+          }
         }
       )
     ] })

package/dist/admin/index.d.mts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.mjs';
+export { A as AdminConfig, c as configureAdmin, a as createHeaderNavItemsField, b as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-Dj21uD_B.mjs';
 import 'payload';

package/dist/admin/index.d.ts

@@ -1,2 +1,2 @@
-export { A as AdminConfig, c as configureAdmin, a as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-DJFhANvJ.js';
+export { A as AdminConfig, c as configureAdmin, a as createHeaderNavItemsField, b as createThemePreferenceField, t as themePreferenceField, w as withTooltips } from '../index-Dj21uD_B.js';
 import 'payload';

package/dist/admin/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var admin_exports = {};
 __export(admin_exports, {
   configureAdmin: () => configureAdmin,
+  createHeaderNavItemsField: () => createHeaderNavItemsField,
   createThemePreferenceField: () => createThemePreferenceField,
   themePreferenceField: () => themePreferenceField,
   withTooltips: () => withTooltips
@@ -294,9 +295,45 @@ function addTooltipToField(field, tooltips) {
   }
   return field;
 }
+
+// src/admin/fields/headerNav.ts
+var createHeaderNavItemsField = () => ({
+  name: "navItems",
+  type: "array",
+  labels: { singular: "Navigation Link", plural: "Navigation Links" },
+  admin: {
+    description: "The links displayed in your website's main navigation menu."
+  },
+  fields: [
+    {
+      name: "label",
+      type: "text",
+      required: true,
+      admin: {
+        description: "The text shown for this navigation link."
+      }
+    },
+    {
+      name: "href",
+      type: "text",
+      required: true,
+      admin: {
+        description: 'The URL this link points to (e.g., "/about" or "https://example.com").'
+      }
+    },
+    {
+      name: "parentHref",
+      type: "text",
+      admin: {
+        description: "Optional parent link URL. If set to another nav item href, this item appears in that dropdown."
+      }
+    }
+  ]
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips

package/dist/admin/index.mjs

@@ -1,12 +1,14 @@
 import {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips
-} from "../chunk-J7W5EE3B.mjs";
+} from "../chunk-7IGLXLUB.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   configureAdmin,
+  createHeaderNavItemsField,
   createThemePreferenceField,
   themePreferenceField,
   withTooltips

package/dist/admin-app/client.d.mts

@@ -0,0 +1,4 @@
+export { AdminShellClient } from './components/AdminShellClient'
+export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'
+export { PageEditorFrame } from './components/PageEditorFrame'

package/dist/admin-app/client.d.ts

@@ -0,0 +1,4 @@
+export { AdminShellClient } from './components/AdminShellClient'
+export { HeaderNavItemsEditor } from './components/HeaderNavItemsEditor'
+export { HeaderNavEditorWithPreview } from './components/HeaderNavEditorWithPreview'
+export { PageEditorFrame } from './components/PageEditorFrame'