@nitrogenbuilder/connector-payload 0.1.25 → 0.1.27

package/dist/collections/NitrogenTemplates.js

@@ -47,13 +47,6 @@ export const NitrogenTemplates = {
                 position: 'sidebar',
             },
         },
-        {
-            name: 'templateType',
-            type: 'text',
-            admin: {
-                description: 'Template type identifier for filtering',
-            },
-        },
         {
             name: 'associatedCollection',
             type: 'text',
@@ -62,18 +55,33 @@ export const NitrogenTemplates = {
             },
         },
         {
-            name: 'nitrogenData',
-            type: 'json',
-            admin: {
-                description: 'Nitrogen page builder JSON module tree',
-            },
-        },
-        {
-            name: 'templateSettings',
-            type: 'json',
+            label: 'Nitrogen',
+            type: 'group',
             admin: {
-                description: 'Template-level Nitrogen settings',
+                hideGutter: true,
             },
+            fields: [
+                {
+                    name: 'nitrogenData',
+                    type: 'json',
+                    admin: {
+                        description: 'Nitrogen page builder JSON module tree',
+                        components: {
+                            Field: '@nitrogenbuilder/connector-payload/components/NitrogenDataViewer',
+                        },
+                    },
+                },
+                {
+                    name: 'templateSettings',
+                    type: 'json',
+                    admin: {
+                        description: 'Template-level Nitrogen settings',
+                        components: {
+                            Field: '@nitrogenbuilder/connector-payload/components/NitrogenDataViewer',
+                        },
+                    },
+                },
+            ],
         },
     ],
 };

package/dist/components/NitrogenEditButtonRuntime.js

@@ -68,16 +68,18 @@ export const NitrogenEditButtonRuntime = ({ collection }) => {
     }, [collection]);
     if (!id || !token || !authorId)
         return null;
-    const param = collection === 'nitrogen-templates' ? 'templateId' : 'pageId';
     const editorBase = instanceUrl ?? '';
     const isDevelopmentMode = isLocalAdminHost();
-    const editHref = `${editorBase}/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&${param}=${id}&authorId=${encodeURIComponent(authorId)}${isDevelopmentMode ? '&development=true' : ''}`;
+    const editHref = `${editorBase}/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&pageId=${id}&authorId=${encodeURIComponent(authorId)}${isDevelopmentMode ? '&development=true' : ''}`;
+    const viewHref = collection === 'nitrogen-templates'
+        ? `${frontendUrl}/nitrogen-templates/${slug}`
+        : `${frontendUrl}/${slug}`;
     const editButtonVars = isDevelopmentMode
         ? nitrogenEditDevButtonVars
         : nitrogenEditLiveButtonVars;
-    return (_jsxs("div", { style: nitrogenButtonGroupStyle, children: [slug && frontendUrl && (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: `${frontendUrl}/${slug}`, extraButtonProps: {
+    return (_jsxs("div", { style: nitrogenButtonGroupStyle, children: [slug && frontendUrl && (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: viewHref, extraButtonProps: {
                     style: nitrogenViewButtonVars,
-                }, children: "View Page" })), _jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: editHref, extraButtonProps: {
+                }, children: collection === 'nitrogen-templates' ? 'View Template' : 'View Page' })), _jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: editHref, extraButtonProps: {
                     style: editButtonVars,
                 }, children: "Edit with Nitrogen" })] }));
 };

package/dist/components/nitrogenAdminButtonStyles.js

@@ -24,22 +24,22 @@ export const nitrogenButtonGroupStyle = {
     alignItems: "center",
 };
 export const nitrogenViewButtonVars = createFilledButtonVars({
-    background: monogenPalette.hasVal,
-    hoverBackground: "#5F97CF",
+    background: monogenPalette.inheritVal,
+    hoverBackground: "#CC7B2B",
     text: monogenPalette.gray900,
     border: "rgba(22, 25, 29, 0.12)",
 });
 export const nitrogenEditLiveButtonVars = createFilledButtonVars({
-    background: monogenPalette.inheritVal,
-    hoverBackground: "#CC7B2B",
+    background: monogenPalette.hasVal,
+    hoverBackground: "#5F97CF",
     text: monogenPalette.gray900,
     border: "rgba(22, 25, 29, 0.12)",
 });
 export const nitrogenEditDevButtonVars = createFilledButtonVars({
-    background: monogenPalette.gray700,
-    hoverBackground: monogenPalette.gray600,
-    text: monogenPalette.gray200,
-    border: "rgba(226, 229, 233, 0.08)",
+    background: monogenPalette.hasVal,
+    hoverBackground: "#5F97CF",
+    text: monogenPalette.gray900,
+    border: "rgba(22, 25, 29, 0.12)",
 });
 export const nitrogenSecondaryButtonVars = {
     "--color": monogenPalette.gray400,

package/dist/editor/NitrogenEditorPage.d.ts

@@ -1,7 +1,6 @@
 import type { SanitizedConfig } from "payload";
 interface NitrogenEditorSearchParams {
     pageId?: string;
-    templateId?: string;
     collection?: string;
     development?: string;
 }
@@ -14,7 +13,7 @@ interface NitrogenEditorSearchParams {
  *   import configPromise from '@payload-config'
  *   export default createNitrogenEditorPage(configPromise)
  *
- * Accessible at `/nitrogen-editor?pageId=xxx` or `/nitrogen-editor?templateId=xxx`.
+ * Accessible at `/nitrogen-editor?pageId=xxx`.
  */
 export declare function createNitrogenEditorPage(config: Promise<SanitizedConfig>): ({ searchParams, }: {
     searchParams: Promise<NitrogenEditorSearchParams>;

package/dist/editor/NitrogenEditorPage.js

@@ -26,6 +26,26 @@ function getSiteUrl(settings, isDevelopment) {
     const fallbackUrl = isDevelopment
         ? settings.frontendUrl
         : settings.developmentUrl;
+    const normalizeOrigin = (value) => {
+        if (!value)
+            return "";
+        try {
+            return new URL(value).origin;
+        }
+        catch {
+            return "";
+        }
+    };
+    const preferredOrigin = normalizeOrigin(preferredUrl);
+    const fallbackOrigin = normalizeOrigin(fallbackUrl);
+    const instanceOrigin = normalizeOrigin(settings.instanceUrl);
+    if (preferredUrl &&
+        instanceOrigin &&
+        preferredOrigin === instanceOrigin &&
+        fallbackUrl &&
+        fallbackOrigin !== instanceOrigin) {
+        return fallbackUrl;
+    }
     return preferredUrl || fallbackUrl || "";
 }
 /**
@@ -37,7 +57,7 @@ function getSiteUrl(settings, isDevelopment) {
  *   import configPromise from '@payload-config'
  *   export default createNitrogenEditorPage(configPromise)
  *
- * Accessible at `/nitrogen-editor?pageId=xxx` or `/nitrogen-editor?templateId=xxx`.
+ * Accessible at `/nitrogen-editor?pageId=xxx`.
  */
 export function createNitrogenEditorPage(config) {
     return async function NitrogenEditorPage({ searchParams, }) {
@@ -56,15 +76,7 @@ export function createNitrogenEditorPage(config) {
         const isDevelopment = params.development === "true";
         const siteUrl = getSiteUrl(settings, isDevelopment);
         const nitrogenConfig = settings.nitrogenConfig || {};
-        // Determine the postType for the editor's API calls
-        let postType;
-        if (params.collection) {
-            postType = params.collection;
-        }
-        else if (params.templateId) {
-            postType = "nitrogen-templates";
-        }
-        else {
+        if (!params.pageId || !params.collection) {
             return redirect("/admin");
         }
         // Build the config object the builder reads from window.nitrogenConfig
@@ -73,14 +85,14 @@ export function createNitrogenEditorPage(config) {
             provider: {
                 type: "payload",
                 apiUrl: getNitrogenApiUrl(isDevelopment),
-                collection: postType,
+                collection: params.collection,
             },
             siteUrl: siteUrl || "",
             urlMaps: nitrogenConfig.urlMaps || [],
             wysiwygColors: nitrogenConfig.wysiwygColors || {},
             cssInjection: nitrogenConfig.cssInjection || "",
         };
-        const editId = params.templateId || params.pageId || "";
+        const editId = params.pageId;
         const isEditorDev = isDevelopment && !!settings.instanceUrl;
         const editorOrigin = settings.instanceUrl?.replace(/\/$/, "") || "";
         const editorAssetsBase = isEditorDev

package/dist/endpoints/helpers.js

@@ -4,11 +4,22 @@ export function formatDate(date) {
     return `${d.getUTCFullYear()}-${pad(d.getUTCMonth() + 1)}-${pad(d.getUTCDate())} ${pad(d.getUTCHours())}:${pad(d.getUTCMinutes())}:${pad(d.getUTCSeconds())}`;
 }
 export function buildDynamicData(doc, globalSettings) {
+    const rawDoc = doc;
+    const docData = Object.fromEntries(Object.entries(rawDoc).filter(([key]) => key !== 'nitrogenData' &&
+        key !== 'pageSettings' &&
+        key !== 'templateSettings'));
+    const rawContent = typeof rawDoc.content === 'string'
+        ? rawDoc.content
+        : '';
+    const rawExcerpt = typeof rawDoc.excerpt === 'string'
+        ? rawDoc.excerpt
+        : '';
     const dynamicData = {
         Post: {
+            ...docData,
             post_title: doc.title || '',
-            post_content: '',
-            post_excerpt: '',
+            post_content: rawContent,
+            post_excerpt: rawExcerpt,
             post_date: formatDate(doc.createdAt),
             post_date_gmt: formatDate(doc.createdAt),
             post_modified: formatDate(doc.updatedAt),
@@ -112,9 +123,13 @@ export async function getTemplateForType(payload, type) {
     try {
         const result = await payload.find({
             collection: 'nitrogen-templates',
-            where: { associatedCollection: { equals: type } },
+            where: {
+                associatedCollection: { equals: type },
+                status: { equals: 'published' },
+            },
             limit: 1,
             depth: 0,
+            sort: '-updatedAt',
         });
         const doc = result.docs[0];
         if (!doc)

package/dist/endpoints/templates.js

@@ -1,5 +1,58 @@
 import { getNitrogenSettings, buildDynamicData, buildPageResponse, buildListItemResponse, requireAuth, } from './helpers';
 export const templatesEndpoints = [
+    // GET /api/nitrogen/v1/nitrogen-templates/slug/:slug — Get a single template by slug
+    {
+        path: '/nitrogen/v1/nitrogen-templates/slug/:slug',
+        method: 'get',
+        handler: async (req) => {
+            const { payload, routeParams } = req;
+            const slug = routeParams?.slug;
+            try {
+                const result = await payload.find({
+                    collection: 'nitrogen-templates',
+                    where: { slug: { equals: slug } },
+                    limit: 1,
+                    depth: 1,
+                });
+                const doc = result.docs[0];
+                if (!doc) {
+                    return Response.json({ error: 'Not found' }, { status: 404 });
+                }
+                const settings = await getNitrogenSettings(payload);
+                let dynamicData = buildDynamicData(doc, settings);
+                const associatedCollection = doc.associatedCollection;
+                if (associatedCollection &&
+                    associatedCollection !== 'header' &&
+                    associatedCollection !== 'footer') {
+                    try {
+                        const associated = await payload.find({
+                            collection: associatedCollection,
+                            limit: 1,
+                            depth: 1,
+                        });
+                        if (associated.docs.length) {
+                            dynamicData = buildDynamicData(associated.docs[0], settings);
+                        }
+                    }
+                    catch {
+                        // Collection may not exist — use template's own data
+                    }
+                }
+                const response = buildPageResponse(doc, settings, dynamicData);
+                const relativePermalink = `/nitrogen-templates/${doc.slug}`;
+                const frontendBase = (settings.frontendUrl || '').replace(/\/$/, '');
+                return Response.json({
+                    ...response,
+                    permalink: frontendBase ? `${frontendBase}${relativePermalink}` : relativePermalink,
+                    relative_permalink: relativePermalink,
+                    postType: associatedCollection || '',
+                });
+            }
+            catch {
+                return Response.json({ error: 'Not found' }, { status: 404 });
+            }
+        },
+    },
     // GET /api/nitrogen/v1/templates — List templates
     {
         path: '/nitrogen/v1/nitrogen-templates',
@@ -23,6 +76,8 @@ export const templatesEndpoints = [
             });
             const items = result.docs.map((doc) => ({
                 ...buildListItemResponse(doc, settings),
+                permalink: `${(settings.frontendUrl || '').replace(/\/$/, '')}/nitrogen-templates/${doc.slug}`,
+                relative_permalink: `/nitrogen-templates/${doc.slug}`,
                 postType: doc.associatedCollection || '',
             }));
             return Response.json(items);
@@ -64,8 +119,12 @@ export const templatesEndpoints = [
                     }
                 }
                 const response = buildPageResponse(doc, settings, dynamicData);
+                const relativePermalink = `/nitrogen-templates/${doc.slug}`;
+                const frontendBase = (settings.frontendUrl || '').replace(/\/$/, '');
                 return Response.json({
                     ...response,
+                    permalink: frontendBase ? `${frontendBase}${relativePermalink}` : relativePermalink,
+                    relative_permalink: relativePermalink,
                     postType: associatedCollection || '',
                 });
             }
@@ -85,7 +144,7 @@ export const templatesEndpoints = [
             const { payload, routeParams } = req;
             const id = routeParams?.id;
             const body = (await req.json?.());
-            const data = body?.data || body;
+            const data = (body?.data && typeof body.data === 'object') ? body.data : body;
             if (!data?.title) {
                 return Response.json({ error: 'Title is required' }, { status: 400 });
             }

package/package.json

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