@nitrogenbuilder/connector-payload 0.1.6 → 0.1.9

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/endpoints/helpers.d.ts

@@ -14,7 +14,10 @@ export declare function buildPageResponse(doc: NitrogenPageDoc | NitrogenTemplat
     dynamic_data: JsonObject;
     settings: JsonObject;
     nitrogen_settings: {
-        variables?: Array<{
+        variables?: Record<string, {
+            type?: string;
+            value?: string | boolean;
+        }> | Array<{
             name: string;
             value?: string;
         }>;
@@ -31,7 +34,10 @@ export declare function buildListItemResponse(doc: NitrogenPageDoc | NitrogenTem
     content: string;
     settings: JsonObject;
     nitrogen_settings: {
-        variables?: Array<{
+        variables?: Record<string, {
+            type?: string;
+            value?: string | boolean;
+        }> | Array<{
             name: string;
             value?: string;
         }>;

package/dist/endpoints/helpers.js

@@ -19,9 +19,17 @@ export function buildDynamicData(doc, globalSettings) {
                 : '',
         },
     };
-    if (globalSettings?.nitrogenConfig?.variables) {
+    const rawVars = globalSettings?.nitrogenConfig?.variables;
+    if (rawVars && typeof rawVars === 'object' && !Array.isArray(rawVars)) {
         const vars = {};
-        for (const item of globalSettings.nitrogenConfig.variables) {
+        for (const [name, variable] of Object.entries(rawVars)) {
+            vars[name] = String(variable?.value ?? '');
+        }
+        dynamicData['Global Variables'] = vars;
+    }
+    else if (Array.isArray(rawVars)) {
+        const vars = {};
+        for (const item of rawVars) {
             if (item.name) {
                 vars[item.name] = item.value ?? '';
             }

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/dist/types.d.ts

@@ -38,7 +38,10 @@ export interface NitrogenSettingsGlobal {
     nitrogenConfig?: NitrogenConfig;
 }
 export interface NitrogenConfig {
-    variables?: Array<{
+    variables?: Record<string, {
+        type?: string;
+        value?: string | boolean;
+    }> | Array<{
         name: string;
         value?: string;
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nitrogenbuilder/connector-payload",
-  "version": "0.1.6",
+  "version": "0.1.9",
   "description": "Nitrogen page builder connector plugin for Payload CMS 3.x",
   "author": "Leonardo Dentzien <leo@torchmedia.ca>",
   "type": "module",
@@ -46,4 +46,4 @@
     "@nitrogenbuilder/client-core": "link:../monogen/packages/client-core",
     "@nitrogenbuilder/types": "link:../monogen/packages/types"
   }
-}
+}