@nitrogenbuilder/connector-payload 0.1.5 → 0.1.7

package/dist/components/NitrogenEditButton.js

@@ -1,17 +1,30 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 export const NitrogenEditButton = ({ collection }) => {
     const [id, setId] = useState(undefined);
     const [token, setToken] = useState(undefined);
     const [hasDevelopmentUrl, setHasDevelopmentUrl] = useState(false);
+    const [slug, setSlug] = useState(undefined);
+    const [frontendUrl, setFrontendUrl] = useState(undefined);
     useEffect(() => {
         const segments = window.location.pathname.split("/").filter(Boolean);
-        // segments: ["admin", "collections", "{collection-slug}", "{id}"]
-        if (segments.length >= 4) {
-            setId(segments[3]);
+        const docId = segments.length >= 4 ? segments[3] : undefined;
+        if (docId) {
+            setId(docId);
+            // Fetch the document to get its slug (for View button)
+            fetch(`/api/${collection}/${docId}`)
+                .then((res) => res.json())
+                .then((data) => {
+                if (data.slug) {
+                    setSlug(data.slug);
+                }
+            })
+                .catch((err) => {
+                console.error("Failed to fetch document:", err);
+            });
         }
-        // Fetch the connector token from NitrogenSettings global
+        // Fetch the connector token and URLs from NitrogenSettings global
         fetch("/api/globals/nitrogen-settings")
             .then((res) => res.json())
             .then((data) => {
@@ -21,14 +34,17 @@ export const NitrogenEditButton = ({ collection }) => {
             if (data.developmentUrl) {
                 setHasDevelopmentUrl(true);
             }
+            const url = data.frontendUrl;
+            if (url) {
+                setFrontendUrl(url.replace(/\/$/, ""));
+            }
         })
             .catch((err) => {
             console.error("Failed to fetch nitrogen settings:", err);
         });
-    }, []);
+    }, [collection]);
     if (!id || !token)
         return null;
-    // Determine which query param to use based on collection type
     const param = collection === "nitrogen-templates" ? "templateId" : "pageId";
     const baseHref = `/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&${param}=${id}`;
     const buttonStyle = {
@@ -43,11 +59,11 @@ export const NitrogenEditButton = ({ collection }) => {
         fontSize: "14px",
         fontWeight: 500,
     };
-    if (!hasDevelopmentUrl) {
-        return (_jsx("a", { href: baseHref, target: "_blank", rel: "noopener noreferrer", style: buttonStyle, children: "Edit with Nitrogen" }));
-    }
-    return (_jsxs("div", { style: { display: "flex", gap: "8px" }, children: [_jsx("a", { href: baseHref, target: "_blank", rel: "noopener noreferrer", style: buttonStyle, children: "Edit (Live)" }), _jsx("a", { href: `${baseHref}&development=true`, target: "_blank", rel: "noopener noreferrer", style: {
+    return (_jsxs("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [slug && frontendUrl && (_jsx("a", { href: `${frontendUrl}/${slug}`, target: "_blank", rel: "noopener noreferrer", style: {
                     ...buttonStyle,
-                    background: "#374151",
-                }, children: "Edit (Dev)" })] }));
+                    background: "#10b981",
+                }, children: "View Page" })), hasDevelopmentUrl ? (_jsxs(_Fragment, { children: [_jsx("a", { href: baseHref, target: "_blank", rel: "noopener noreferrer", style: buttonStyle, children: "Edit (Live)" }), _jsx("a", { href: `${baseHref}&development=true`, target: "_blank", rel: "noopener noreferrer", style: {
+                            ...buttonStyle,
+                            background: "#374151",
+                        }, children: "Edit (Dev)" })] })) : (_jsx("a", { href: baseHref, target: "_blank", rel: "noopener noreferrer", style: buttonStyle, children: "Edit with Nitrogen" }))] }));
 };

package/dist/components/NitrogenViewButton.js

@@ -34,8 +34,11 @@ export const NitrogenViewButton = ({ collection }) => {
             console.error("Failed to fetch nitrogen settings:", err);
         });
     }, [collection]);
-    if (!slug || !frontendUrl)
-        return null;
+    console.log('[NitrogenViewButton] mounted', { slug, frontendUrl, collection });
+    if (!slug || !frontendUrl) {
+        console.log('[NitrogenViewButton] hidden — slug:', slug, 'frontendUrl:', frontendUrl);
+        return _jsx("span", { style: { color: 'red', fontSize: '12px' }, children: "View button: waiting for data..." });
+    }
     const href = `${frontendUrl}/${slug}`;
     return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", style: {
             display: "inline-flex",

package/dist/index.js

@@ -108,10 +108,6 @@ export const nitrogenConnectorPlugin = (options = {}) => (incomingConfig) => {
                         ...edit,
                         beforeDocumentControls: [
                             ...beforeControls,
-                            {
-                                path: "@nitrogenbuilder/connector-payload/components/NitrogenViewButton#NitrogenViewButton",
-                                clientProps: { collection: slug },
-                            },
                             {
                                 path: "@nitrogenbuilder/connector-payload/components/NitrogenEditButton#NitrogenEditButton",
                                 clientProps: { collection: slug },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nitrogenbuilder/connector-payload",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Nitrogen page builder connector plugin for Payload CMS 3.x",
   "author": "Leonardo Dentzien <leo@torchmedia.ca>",
   "type": "module",