@nitrogenbuilder/connector-payload 0.1.51 → 0.1.52

package/dist/components/HiddenPreviewButton.d.ts

@@ -0,0 +1 @@
+export declare function HiddenPreviewButton(): null;

package/dist/components/HiddenPreviewButton.js

@@ -0,0 +1,3 @@
+export function HiddenPreviewButton() {
+    return null;
+}

package/dist/components/NitrogenEditButtonRuntime.js

@@ -1,8 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Button } from '@payloadcms/ui';
+import { Button, useFormFields, useLivePreviewContext } from '@payloadcms/ui';
 import { nitrogenButtonGroupStyle, nitrogenEditDevButtonVars, nitrogenEditLiveButtonVars, nitrogenViewButtonVars, } from './nitrogenAdminButtonStyles.js';
+import { resolveNitrogenViewAction } from './resolveNitrogenViewAction.js';
 function isLocalAdminHost() {
     const hostname = window.location.hostname;
     return (hostname === 'localhost' ||
@@ -78,10 +79,13 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
     const [token, setToken] = useState(undefined);
     const [slug, setSlug] = useState(undefined);
     const [documentRelativePath, setDocumentRelativePath] = useState(undefined);
+    const [persistedStatus, setPersistedStatus] = useState(undefined);
     const [frontendUrl, setFrontendUrl] = useState(undefined);
     const [instanceUrl, setInstanceUrl] = useState(undefined);
     const [authorId, setAuthorId] = useState(undefined);
     const [templateSlug, setTemplateSlug] = useState(undefined);
+    const formStatus = useFormFields(([fields]) => fields?._status?.value);
+    const { isPreviewEnabled, previewURL } = useLivePreviewContext();
     useEffect(() => {
         const segments = window.location.pathname.split('/').filter(Boolean);
         const docId = segments.length >= 4 ? segments[3] : undefined;
@@ -92,6 +96,7 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
                 .then((res) => res.json())
                 .then((data) => {
                 setDocumentRelativePath(getBreadcrumbRelativePath(data));
+                setPersistedStatus(typeof data._status === 'string' ? data._status : undefined);
                 if (data.slug) {
                     setSlug(data.slug);
                 }
@@ -163,17 +168,28 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
         ? `/nitrogen-templates/${trimSlashes(slug || '')}`
         : documentRelativePath ||
             buildRelativePath(slug || '', routePattern, templateSlug ?? undefined);
-    const viewHref = `${frontendUrl}${viewRelativePath}`;
+    const canBuildPublicHref = Boolean(slug &&
+        frontendUrl &&
+        (collection === 'nitrogen-templates' ||
+            routePattern ||
+            templateSlug !== undefined));
+    const publicHref = canBuildPublicHref
+        ? `${frontendUrl}${viewRelativePath}`
+        : undefined;
+    const viewAction = resolveNitrogenViewAction({
+        documentStatus: formStatus ?? persistedStatus,
+        isPreviewEnabled,
+        previewURL,
+        publicHref,
+    });
     const editButtonVars = isDevelopmentMode
         ? nitrogenEditDevButtonVars
         : nitrogenEditLiveButtonVars;
-    return (_jsxs("div", { style: nitrogenButtonGroupStyle, children: [slug &&
-                frontendUrl &&
-                (collection === 'nitrogen-templates' ||
-                    routePattern ||
-                    templateSlug !== undefined) && (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: viewHref, extraButtonProps: {
+    return (_jsxs("div", { style: nitrogenButtonGroupStyle, children: [viewAction && (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: viewAction.href, extraButtonProps: {
                     style: nitrogenViewButtonVars,
-                }, children: collection === 'nitrogen-templates' ? 'View Template' : 'View Page' })), _jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: editHref, extraButtonProps: {
+                }, children: collection === 'nitrogen-templates'
+                    ? 'View Template'
+                    : viewAction.label })), _jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: editHref, extraButtonProps: {
                     style: editButtonVars,
                 }, children: "Edit with Nitrogen" })] }));
 };

package/dist/components/resolveNitrogenViewAction.d.ts

@@ -0,0 +1,10 @@
+export type NitrogenViewAction = {
+    href: string;
+    label: 'Preview Draft' | 'View Page';
+};
+export declare function resolveNitrogenViewAction({ documentStatus, isPreviewEnabled, previewURL, publicHref, }: {
+    documentStatus?: unknown;
+    isPreviewEnabled: boolean;
+    previewURL?: string;
+    publicHref?: string;
+}): NitrogenViewAction | null;

package/dist/components/resolveNitrogenViewAction.js

@@ -0,0 +1,8 @@
+export function resolveNitrogenViewAction({ documentStatus, isPreviewEnabled, previewURL, publicHref, }) {
+    if (documentStatus === 'draft') {
+        const href = isPreviewEnabled ? previewURL?.trim() : '';
+        return href ? { href, label: 'Preview Draft' } : null;
+    }
+    const href = publicHref?.trim();
+    return href ? { href, label: 'View Page' } : null;
+}

package/dist/editor/NitrogenEditorPage.js

@@ -68,9 +68,6 @@ export function createNitrogenEditorPage(config) {
                 type: "payload",
                 apiUrl: getNitrogenApiUrl(isPreviewDevelopment),
                 collection: params.collection,
-                // Shown as a "Sign in" button in the editor when the CMS session has
-                // expired (e.g. a save fails with 401/403).
-                loginUrl: "/admin/login",
             },
             siteUrl: siteUrl || "",
             urlMaps: nitrogenConfig.urlMaps || [],

package/dist/index.js

@@ -198,6 +198,7 @@ export const nitrogenConnectorPlugin = (options = {}) => (incomingConfig) => {
         const beforeControls = "beforeDocumentControls" in edit
             ? edit.beforeDocumentControls || []
             : [];
+        const shouldHideDefaultPreviewButton = Boolean(adminConfig.preview) && !("PreviewButton" in edit);
         config.collections[existingIndex] = {
             ...col,
             admin: {
@@ -206,6 +207,13 @@ export const nitrogenConnectorPlugin = (options = {}) => (incomingConfig) => {
                     ...components,
                     edit: {
                         ...edit,
+                        ...(shouldHideDefaultPreviewButton
+                            ? {
+                                PreviewButton: {
+                                    path: "@nitrogenbuilder/connector-payload/components/HiddenPreviewButton#HiddenPreviewButton",
+                                },
+                            }
+                            : {}),
                         beforeDocumentControls: [
                             ...beforeControls,
                             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nitrogenbuilder/connector-payload",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "description": "Nitrogen page builder connector plugin for Payload CMS 3.x",
   "author": "Leonardo Dentzien <leo@torchmedia.ca>",
   "type": "module",
@@ -54,11 +54,5 @@
     "@nitrogenbuilder/client-react": "link:../monogen/packages/client-react",
     "@nitrogenbuilder/client-core": "link:../monogen/packages/client-core",
     "@nitrogenbuilder/types": "link:../monogen/packages/types"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild",
-      "sharp"
-    ]
   }
-}
+}