@nitrogenbuilder/connector-payload 0.1.12 → 0.1.14

package/dist/components/NitrogenDataViewer.d.ts

@@ -0,0 +1,3 @@
+import type { JSONFieldClientComponent } from 'payload';
+declare const NitrogenDataViewer: JSONFieldClientComponent;
+export default NitrogenDataViewer;

package/dist/components/NitrogenDataViewer.js

@@ -0,0 +1,347 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Collapsible, useField } from '@payloadcms/ui';
+function updateAtPath(root, path, newValue) {
+    if (path.length === 0)
+        return newValue;
+    const [head, ...rest] = path;
+    if (Array.isArray(root)) {
+        const copy = [...root];
+        copy[head] = updateAtPath(copy[head], rest, newValue);
+        return copy;
+    }
+    if (typeof root === 'object' && root !== null) {
+        const obj = root;
+        return { ...obj, [head]: updateAtPath(obj[head], rest, newValue) };
+    }
+    return root;
+}
+function deleteAtPath(root, path) {
+    if (path.length === 0)
+        return root;
+    if (path.length === 1) {
+        const [head] = path;
+        if (Array.isArray(root))
+            return root.filter((_, i) => i !== head);
+        if (typeof root === 'object' && root !== null) {
+            const { [head]: _removed, ...rest } = root;
+            return rest;
+        }
+        return root;
+    }
+    const [head, ...rest] = path;
+    if (Array.isArray(root)) {
+        const copy = [...root];
+        copy[head] = deleteAtPath(copy[head], rest);
+        return copy;
+    }
+    if (typeof root === 'object' && root !== null) {
+        const obj = root;
+        return { ...obj, [head]: deleteAtPath(obj[head], rest) };
+    }
+    return root;
+}
+function renameKeyAtPath(root, path, newKey) {
+    if (path.length === 0)
+        return root;
+    const parentPath = path.slice(0, -1);
+    const oldKey = path[path.length - 1];
+    function navigate(node, remaining) {
+        if (remaining.length === 0) {
+            if (typeof node === 'object' && node !== null && !Array.isArray(node)) {
+                const obj = node;
+                const result = {};
+                for (const [k, v] of Object.entries(obj)) {
+                    result[k === oldKey ? newKey : k] = v;
+                }
+                return result;
+            }
+            return node;
+        }
+        const [head, ...rest] = remaining;
+        if (Array.isArray(node)) {
+            const copy = [...node];
+            copy[head] = navigate(copy[head], rest);
+            return copy;
+        }
+        if (typeof node === 'object' && node !== null) {
+            const obj = node;
+            return { ...obj, [head]: navigate(obj[head], rest) };
+        }
+        return node;
+    }
+    return navigate(root, parentPath);
+}
+function addChildAtPath(root, path) {
+    function getAt(node, p) {
+        if (p.length === 0)
+            return node;
+        const [head, ...rest] = p;
+        if (Array.isArray(node))
+            return getAt(node[head], rest);
+        if (typeof node === 'object' && node !== null)
+            return getAt(node[head], rest);
+        return undefined;
+    }
+    const target = getAt(root, path);
+    if (Array.isArray(target)) {
+        return updateAtPath(root, path, [...target, '']);
+    }
+    if (typeof target === 'object' && target !== null) {
+        const obj = target;
+        let key = 'newKey';
+        let i = 1;
+        while (key in obj)
+            key = `newKey${i++}`;
+        return updateAtPath(root, path, { ...obj, [key]: '' });
+    }
+    return root;
+}
+// ── Inline text input for editing values and keys ─────────────────────
+function InlineEdit({ display, onCommit, colorClass, }) {
+    const [draft, setDraft] = useState(display);
+    const commit = () => onCommit(draft);
+    return (_jsx("input", { autoFocus: true, value: draft, onChange: (e) => setDraft(e.target.value), onBlur: commit, onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                commit();
+            }
+            if (e.key === 'Escape') {
+                onCommit(display);
+            } // cancel
+        }, onClick: (e) => e.stopPropagation(), className: colorClass, style: {
+            background: 'transparent',
+            border: 'none',
+            borderBottom: '1px solid currentColor',
+            color: 'inherit',
+            font: 'inherit',
+            padding: '0 2px',
+            outline: 'none',
+            minWidth: '4ch',
+            width: `${Math.max(draft.length + 2, 4)}ch`,
+            maxWidth: '500px',
+        } }));
+}
+// ── Small action button (delete / add) ────────────────────────────────
+function ActionBtn({ label, color, onClick, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, style: {
+            marginLeft: 6,
+            padding: '0 5px',
+            fontSize: '10px',
+            lineHeight: '16px',
+            background: color,
+            color: '#fff',
+            border: 'none',
+            borderRadius: '3px',
+            cursor: 'pointer',
+            flexShrink: 0,
+            opacity: 0.85,
+        }, children: label }));
+}
+function JsonNode({ k, value, depth, forceOpen, path, unlocked, callbacks, }) {
+    const defaultOpen = forceOpen !== null ? forceOpen : depth < 2;
+    const [open, setOpen] = useState(defaultOpen);
+    const [editingValue, setEditingValue] = useState(false);
+    const [editingKey, setEditingKey] = useState(false);
+    const { onUpdate, onDelete, onRenameKey, onAddChild } = callbacks;
+    const del = unlocked ? (_jsx(ActionBtn, { label: "\u00D7", color: "#ef4444", onClick: (e) => { e.stopPropagation(); onDelete(path); } })) : null;
+    // Key display — clicking it opens inline edit when unlocked
+    const keyEl = k === undefined ? null : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "njv-key", children: ["\"", unlocked && editingKey ? (_jsx(InlineEdit, { display: k, colorClass: "njv-key", onCommit: (newKey) => {
+                            setEditingKey(false);
+                            if (newKey !== k)
+                                onRenameKey(path, newKey);
+                        } })) : (_jsx("span", { onClick: unlocked ? (e) => { e.stopPropagation(); setEditingKey(true); } : undefined, style: unlocked ? { cursor: 'text', borderBottom: '1px dotted currentColor' } : undefined, children: k })), "\""] }), _jsx("span", { className: "njv-brace", children: ": " })] }));
+    // ── null ──
+    if (value === null) {
+        return (_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20 }, children: [keyEl, _jsx("span", { className: "njv-null", title: unlocked ? 'Click to convert to empty string' : undefined, onClick: unlocked ? (e) => { e.stopPropagation(); onUpdate(path, ''); } : undefined, style: unlocked ? { cursor: 'pointer', borderBottom: '1px dotted currentColor' } : undefined, children: "null" })] }), del] }));
+    }
+    // ── string ──
+    if (typeof value === 'string') {
+        return (_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20 }, children: [keyEl, _jsxs("span", { className: "njv-string", children: ["\"", unlocked && editingValue ? (_jsx(InlineEdit, { display: value, colorClass: "njv-string", onCommit: (v) => { setEditingValue(false); onUpdate(path, v); } })) : (_jsx("span", { onClick: unlocked ? (e) => { e.stopPropagation(); setEditingValue(true); } : undefined, style: unlocked ? { cursor: 'text', borderBottom: '1px dotted currentColor' } : undefined, children: value.length > 120 ? value.slice(0, 120) + '…' : value })), "\""] })] }), del] }));
+    }
+    // ── number ──
+    if (typeof value === 'number') {
+        return (_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20 }, children: [keyEl, _jsx("span", { className: "njv-number", children: unlocked && editingValue ? (_jsx(InlineEdit, { display: String(value), colorClass: "njv-number", onCommit: (v) => {
+                                    setEditingValue(false);
+                                    const n = Number(v);
+                                    onUpdate(path, isNaN(n) ? v : n);
+                                } })) : (_jsx("span", { onClick: unlocked ? (e) => { e.stopPropagation(); setEditingValue(true); } : undefined, style: unlocked ? { cursor: 'text', borderBottom: '1px dotted currentColor' } : undefined, children: value })) })] }), del] }));
+    }
+    // ── boolean — click to toggle ──
+    if (typeof value === 'boolean') {
+        return (_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20 }, children: [keyEl, _jsx("span", { className: "njv-boolean", onClick: unlocked ? (e) => { e.stopPropagation(); onUpdate(path, !value); } : undefined, title: unlocked ? 'Click to toggle' : undefined, style: unlocked ? { cursor: 'pointer', borderBottom: '1px dotted currentColor' } : undefined, children: String(value) })] }), del] }));
+    }
+    // ── array ──
+    if (Array.isArray(value)) {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20, cursor: 'pointer', userSelect: 'none' }, onClick: () => setOpen((o) => !o), children: [_jsx("span", { className: "njv-arrow", children: open ? '▼' : '▶' }), keyEl, _jsx("span", { className: "njv-brace", children: "[" }), !open && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "njv-summary", children: [" ", value.length, " items "] }), _jsx("span", { className: "njv-brace", children: "]" })] }))] }), del] }), open && (_jsxs(_Fragment, { children: [value.map((item, i) => (_jsx(JsonNode, { value: item, depth: depth + 1, forceOpen: forceOpen, path: [...path, i], unlocked: unlocked, callbacks: callbacks }, i))), _jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsx("span", { className: "njv-code", style: { paddingLeft: (depth + 1) * 20 }, children: _jsx("span", { className: "njv-brace", children: "]" }) }), unlocked && (_jsx(ActionBtn, { label: "+ item", color: "#22c55e", onClick: (e) => { e.stopPropagation(); onAddChild(path); } }))] })] }))] }));
+    }
+    // ── object ──
+    if (typeof value === 'object') {
+        const entries = Object.entries(value);
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsxs("span", { className: "njv-code", style: { paddingLeft: depth * 20, cursor: 'pointer', userSelect: 'none' }, onClick: () => setOpen((o) => !o), children: [_jsx("span", { className: "njv-arrow", children: open ? '▼' : '▶' }), keyEl, _jsx("span", { className: "njv-brace", children: '{' }), !open && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "njv-summary", children: [" ", entries.length, " keys "] }), _jsx("span", { className: "njv-brace", children: '}' })] }))] }), del] }), open && (_jsxs(_Fragment, { children: [entries.map(([ek, ev]) => (_jsx(JsonNode, { k: ek, value: ev, depth: depth + 1, forceOpen: forceOpen, path: [...path, ek], unlocked: unlocked, callbacks: callbacks }, ek))), _jsxs("div", { className: "njv-line", style: { alignItems: 'center' }, children: [_jsx("span", { className: "njv-code", style: { paddingLeft: (depth + 1) * 20 }, children: _jsx("span", { className: "njv-brace", children: '}' }) }), unlocked && (_jsx(ActionBtn, { label: "+ key", color: "#22c55e", onClick: (e) => { e.stopPropagation(); onAddChild(path); } }))] })] }))] }));
+    }
+    return null;
+}
+// ── Injected styles ───────────────────────────────────────────────────
+const stylesId = 'nitrogen-json-viewer-styles';
+function ensureStyles() {
+    if (typeof document === 'undefined')
+        return;
+    if (document.getElementById(stylesId))
+        return;
+    const style = document.createElement('style');
+    style.id = stylesId;
+    style.textContent = `
+    .njv-root {
+      --njv-bg: var(--theme-elevation-50, #f8f8f8);
+      --njv-border: var(--theme-elevation-150, #ddd);
+      --njv-toolbar-bg: var(--theme-elevation-100, #eee);
+      --njv-gutter-bg: var(--theme-elevation-50, #f0f0f0);
+      --njv-gutter-color: var(--theme-elevation-400, #999);
+      --njv-gutter-border: var(--theme-elevation-150, #ddd);
+      --njv-key: #0451a5;
+      --njv-string: #a31515;
+      --njv-number: #098658;
+      --njv-boolean: #0000ff;
+      --njv-null: #0000ff;
+      --njv-brace: var(--theme-elevation-800, #333);
+      --njv-arrow: var(--theme-elevation-500, #888);
+      --njv-summary: var(--theme-elevation-400, #888);
+
+      .collapsible__content { padding: 0; }
+    }
+
+    [data-theme="dark"] .njv-root {
+      --njv-key: #9cdcfe;
+      --njv-string: #ce9178;
+      --njv-number: #b5cea8;
+      --njv-boolean: #569cd6;
+      --njv-null: #569cd6;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      .njv-root:not([data-theme="light"] .njv-root) {
+        --njv-key: #9cdcfe;
+        --njv-string: #ce9178;
+        --njv-number: #b5cea8;
+        --njv-boolean: #569cd6;
+        --njv-null: #569cd6;
+      }
+    }
+
+    .njv-key     { color: var(--njv-key); }
+    .njv-string  { color: var(--njv-string); word-break: break-all; white-space: normal; }
+    .njv-number  { color: var(--njv-number); }
+    .njv-boolean { color: var(--njv-boolean); }
+    .njv-null    { color: var(--njv-null); font-style: italic; }
+    .njv-brace   { color: var(--njv-brace); }
+    .njv-arrow   {
+      color: var(--njv-arrow);
+      display: inline-block;
+      width: 14px;
+      font-size: 9px;
+      margin-right: 4px;
+      text-align: center;
+    }
+    .njv-summary { color: var(--njv-summary); font-style: italic; }
+
+    .njv-body { counter-reset: njv-line; }
+
+    .njv-line {
+      display: flex;
+      align-items: baseline;
+      min-height: 24px;
+      line-height: 24px;
+      counter-increment: njv-line;
+    }
+
+    .njv-line::before {
+      content: counter(njv-line);
+      flex-shrink: 0;
+      width: 44px;
+      text-align: right;
+      padding-right: 12px;
+      color: var(--njv-gutter-color);
+      background: var(--njv-gutter-bg);
+      border-right: 1px solid var(--njv-gutter-border);
+      user-select: none;
+      position: sticky;
+      left: 0;
+      z-index: 1;
+    }
+
+    .njv-code {
+      padding-left: 12px;
+      white-space: nowrap;
+      flex: 1;
+    }
+
+    .njv-toolbar {
+      display: flex;
+      gap: 8px 12px;
+      padding: 0 12px;
+      border-bottom: 1px solid var(--njv-border);
+      background: var(--njv-toolbar-bg);
+      button { margin-block: 12px; }
+    }
+  `;
+    document.head.appendChild(style);
+}
+// ── Main component ────────────────────────────────────────────────────
+const NitrogenDataViewer = ({ path, field }) => {
+    const { value, setValue } = useField({ path });
+    const [copied, setCopied] = useState(false);
+    const [forceOpen, setForceOpen] = useState(null);
+    const [treeKey, setTreeKey] = useState(0);
+    const [unlocked, setUnlocked] = useState(false);
+    ensureStyles();
+    let parsed = [];
+    try {
+        parsed = typeof value === 'string' ? JSON.parse(value) : value;
+    }
+    catch {
+        parsed = [];
+    }
+    const jsonString = value != null ? JSON.stringify(value, null, 2) : '[]';
+    const moduleCount = Array.isArray(parsed) ? parsed.length : null;
+    const handleCopy = useCallback(() => {
+        navigator.clipboard.writeText(jsonString).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        });
+    }, [jsonString]);
+    const expandAll = useCallback(() => {
+        setForceOpen(true);
+        setTreeKey((k) => k + 1);
+    }, []);
+    const collapseAll = useCallback(() => {
+        setForceOpen(false);
+        setTreeKey((k) => k + 1);
+    }, []);
+    const callbacks = {
+        onUpdate: (p, v) => setValue(updateAtPath(parsed, p, v)),
+        onDelete: (p) => setValue(deleteAtPath(parsed, p)),
+        onRenameKey: (p, newKey) => setValue(renameKeyAtPath(parsed, p, newKey)),
+        onAddChild: (p) => setValue(addChildAtPath(parsed, p)),
+    };
+    const header = (_jsxs("span", { children: [typeof field.label === 'string' ? field.label : field.name, moduleCount !== null && (_jsxs("span", { style: { opacity: 0.5, fontWeight: 400, marginLeft: 8 }, children: ["(", moduleCount, " item", moduleCount !== 1 ? 's' : '', ")"] }))] }));
+    return (_jsxs("div", { className: "njv-root field-type", style: { marginBottom: '1.5rem' }, children: [_jsx(Collapsible, { header: header, initCollapsed: true, children: _jsxs("div", { style: { border: '1px solid var(--njv-border)', borderRadius: '0 0 4px 4px', overflow: 'hidden' }, children: [_jsxs("div", { className: "njv-toolbar", children: [_jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: handleCopy, children: copied ? '✓ Copied' : 'Copy' }), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: expandAll, children: "Expand All" }), _jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: collapseAll, children: "Collapse All" }), _jsx("button", { type: "button", onClick: () => setUnlocked((u) => !u), style: {
+                                        marginBlock: '12px',
+                                        marginLeft: 'auto',
+                                        padding: '4px 12px',
+                                        fontSize: '12px',
+                                        background: unlocked ? '#ef4444' : '#6b7280',
+                                        color: '#fff',
+                                        border: 'none',
+                                        borderRadius: '4px',
+                                        cursor: 'pointer',
+                                    }, children: unlocked ? 'Lock' : 'Unlock Edit' })] }), _jsx("div", { className: "njv-body", style: {
+                                maxHeight: '50vh',
+                                overflow: 'auto',
+                                fontFamily: 'var(--font-mono, "SF Mono", Menlo, Consolas, monospace)',
+                                fontSize: 'var(--font-body-size, 13px)',
+                                backgroundColor: 'var(--njv-bg)',
+                            }, children: _jsx(JsonNode, { value: parsed ?? [], depth: 0, forceOpen: forceOpen, path: [], unlocked: unlocked, callbacks: callbacks }, treeKey) })] }) }), typeof field.admin?.description === 'string' && (_jsx("p", { style: { fontSize: '12px', color: '#888', marginTop: '4px' }, children: field.admin.description }))] }));
+};
+export default NitrogenDataViewer;

package/dist/endpoints/batch.d.ts

@@ -0,0 +1,2 @@
+import type { Endpoint } from 'payload';
+export declare const batchEndpoints: Endpoint[];

package/dist/endpoints/batch.js

@@ -0,0 +1,76 @@
+import { resolveCollection } from '../collection-registry';
+import { getNitrogenSettings, buildDynamicData, buildPageResponse } from './helpers';
+export const batchEndpoints = [
+    // POST /api/nitrogen/v1/batch-data — Batch fetch multiple collections
+    {
+        path: '/nitrogen/v1/batch-data',
+        method: 'post',
+        handler: async (req) => {
+            const { payload } = req;
+            const body = await req.json?.();
+            const requests = body?.requests || [];
+            if (!requests.length) {
+                return Response.json({});
+            }
+            const settings = await getNitrogenSettings(payload);
+            const results = {};
+            await Promise.all(requests.map(async (batchReq) => {
+                const { key, endpoint, params = {} } = batchReq;
+                try {
+                    const collectionSlug = resolveCollection(endpoint);
+                    const limit = params.posts_per_page ?? 10;
+                    const page = params.paged ?? 1;
+                    const statusParam = params.post_status ?? 'publish';
+                    const statuses = statusParam.split(',').map((s) => s.trim());
+                    const orderby = params.orderby || 'createdAt';
+                    const sort = params.order === 'asc' ? orderby : `-${orderby}`;
+                    const where = {};
+                    if (!statuses.includes('any')) {
+                        where.status = { in: statuses };
+                    }
+                    const result = await payload.find({
+                        collection: collectionSlug,
+                        where,
+                        page,
+                        limit,
+                        sort,
+                        depth: params.embed ? 1 : 0,
+                    });
+                    let data;
+                    if (params.embed) {
+                        data = result.docs.map((doc) => {
+                            const dynamicData = buildDynamicData(doc, settings);
+                            return buildPageResponse(doc, settings, dynamicData);
+                        });
+                    }
+                    else {
+                        data = result.docs.map((doc) => {
+                            const d = doc;
+                            return {
+                                id: d.id,
+                                title: String(d.title || ''),
+                                slug: String(d.slug || ''),
+                                permalink: `${settings.frontendUrl || ''}/${String(d.slug || '')}`,
+                                relative_permalink: `/${String(d.slug || '')}`,
+                            };
+                        });
+                    }
+                    results[key] = {
+                        data,
+                        total: result.totalDocs,
+                        totalPages: result.totalPages,
+                    };
+                }
+                catch (e) {
+                    results[key] = {
+                        data: [],
+                        total: 0,
+                        totalPages: 0,
+                        error: e instanceof Error ? e.message : 'Unknown error',
+                    };
+                }
+            }));
+            return Response.json(results);
+        },
+    },
+];

package/dist/endpoints/collection-endpoints.js

@@ -1,4 +1,4 @@
-import { getNitrogenSettings, buildDynamicData, buildPageResponse, buildListItemResponse, requireAuth, } from './helpers';
+import { getNitrogenSettings, buildDynamicData, buildPageResponse, buildListItemResponse, getTemplateForType, requireAuth, } from './helpers';
 /**
  * Creates a complete set of CRUD endpoints for a given Payload collection.
  *
@@ -67,14 +67,20 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
                 const { payload, routeParams } = req;
                 const id = routeParams?.id;
                 try {
-                    const doc = (await payload.findByID({
-                        collection,
-                        id,
-                        depth: 1,
-                    }));
-                    const settings = await getNitrogenSettings(payload);
+                    const [doc, settings, headerTemplate, footerTemplate, pageTemplate] = await Promise.all([
+                        payload.findByID({ collection, id, depth: 1 }),
+                        getNitrogenSettings(payload),
+                        getTemplateForType(payload, 'header'),
+                        getTemplateForType(payload, 'footer'),
+                        getTemplateForType(payload, collectionSlug),
+                    ]);
                     const dynamicData = buildDynamicData(doc, settings);
-                    return Response.json(buildPageResponse(doc, settings, dynamicData));
+                    return Response.json({
+                        ...buildPageResponse(doc, settings, dynamicData),
+                        template: pageTemplate,
+                        headerTemplate,
+                        footerTemplate,
+                    });
                 }
                 catch {
                     return Response.json({ error: 'Not found' }, { status: 404 });
@@ -127,19 +133,24 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
                 if (!slug) {
                     return Response.json({ error: 'Slug is required' }, { status: 400 });
                 }
-                const result = await payload.find({
-                    collection,
-                    where: { slug: { equals: slug } },
-                    limit: 1,
-                    depth: 1,
-                });
+                const [result, settings, headerTemplate, footerTemplate, pageTemplate] = await Promise.all([
+                    payload.find({ collection, where: { slug: { equals: slug } }, limit: 1, depth: 1 }),
+                    getNitrogenSettings(payload),
+                    getTemplateForType(payload, 'header'),
+                    getTemplateForType(payload, 'footer'),
+                    getTemplateForType(payload, collectionSlug),
+                ]);
                 if (!result.docs.length) {
                     return Response.json({ error: 'Not found' }, { status: 404 });
                 }
                 const doc = result.docs[0];
-                const settings = await getNitrogenSettings(payload);
                 const dynamicData = buildDynamicData(doc, settings);
-                return Response.json(buildPageResponse(doc, settings, dynamicData));
+                return Response.json({
+                    ...buildPageResponse(doc, settings, dynamicData),
+                    template: pageTemplate,
+                    headerTemplate,
+                    footerTemplate,
+                });
             },
         },
         // GET /api/nitrogen/v1/{prefix}/slug/:slug — Get item by slug
@@ -149,19 +160,24 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
             handler: async (req) => {
                 const { payload, routeParams } = req;
                 const slug = routeParams?.slug;
-                const result = await payload.find({
-                    collection,
-                    where: { slug: { equals: slug } },
-                    limit: 1,
-                    depth: 1,
-                });
+                const [result, settings, headerTemplate, footerTemplate, pageTemplate] = await Promise.all([
+                    payload.find({ collection, where: { slug: { equals: slug } }, limit: 1, depth: 1 }),
+                    getNitrogenSettings(payload),
+                    getTemplateForType(payload, 'header'),
+                    getTemplateForType(payload, 'footer'),
+                    getTemplateForType(payload, collectionSlug),
+                ]);
                 if (!result.docs.length) {
                     return Response.json({ error: 'Not found' }, { status: 404 });
                 }
                 const doc = result.docs[0];
-                const settings = await getNitrogenSettings(payload);
                 const dynamicData = buildDynamicData(doc, settings);
-                return Response.json(buildPageResponse(doc, settings, dynamicData));
+                return Response.json({
+                    ...buildPageResponse(doc, settings, dynamicData),
+                    template: pageTemplate,
+                    headerTemplate,
+                    footerTemplate,
+                });
             },
         },
     ];

package/dist/endpoints/helpers.d.ts

@@ -1,5 +1,9 @@
 import type { Payload, PayloadRequest } from 'payload';
 import type { JsonObject, NitrogenPageDoc, NitrogenTemplateDoc, NitrogenSettingsGlobal, MediaDoc } from '../types';
+export interface TemplateRef {
+    ID: string | number;
+    content: string;
+}
 export declare function formatDate(date: string | Date): string;
 export declare function buildDynamicData(doc: NitrogenPageDoc | NitrogenTemplateDoc, globalSettings?: NitrogenSettingsGlobal): JsonObject;
 export declare function buildPageResponse(doc: NitrogenPageDoc | NitrogenTemplateDoc, settings: NitrogenSettingsGlobal, dynamicData: JsonObject): {
@@ -67,4 +71,9 @@ export declare function buildMediaItemResponse(doc: MediaDoc): {
     size: number;
 };
 export declare function getNitrogenSettings(payload: Payload): Promise<NitrogenSettingsGlobal>;
+/**
+ * Looks up a nitrogen-template by its associatedCollection type (e.g. 'header', 'footer', or a collection slug).
+ * Returns a { ID, content } ref or null if no template exists for that type.
+ */
+export declare function getTemplateForType(payload: Payload, type: string): Promise<TemplateRef | null>;
 export declare function requireAuth(req: PayloadRequest): Response | null;

package/dist/endpoints/helpers.js

@@ -104,6 +104,30 @@ export function buildMediaItemResponse(doc) {
 export async function getNitrogenSettings(payload) {
     return payload.findGlobal({ slug: 'nitrogen-settings' });
 }
+/**
+ * Looks up a nitrogen-template by its associatedCollection type (e.g. 'header', 'footer', or a collection slug).
+ * Returns a { ID, content } ref or null if no template exists for that type.
+ */
+export async function getTemplateForType(payload, type) {
+    try {
+        const result = await payload.find({
+            collection: 'nitrogen-templates',
+            where: { associatedCollection: { equals: type } },
+            limit: 1,
+            depth: 0,
+        });
+        const doc = result.docs[0];
+        if (!doc)
+            return null;
+        return {
+            ID: doc.id,
+            content: doc.nitrogenData ? JSON.stringify(doc.nitrogenData) : '[]',
+        };
+    }
+    catch {
+        return null;
+    }
+}
 export function requireAuth(req) {
     if (!req.user) {
         return Response.json({ error: 'Unauthorized' }, { status: 401 });

package/dist/globals/NitrogenSettings.js

@@ -38,6 +38,9 @@ export const NitrogenSettings = {
             type: 'json',
             admin: {
                 description: 'Full Nitrogen configuration JSON (colors, variables, CSS injection, URL maps, etc.)',
+                components: {
+                    Field: '@nitrogenbuilder/connector-payload/components/NitrogenDataViewer',
+                },
             },
         },
     ],

package/dist/index.js

@@ -6,6 +6,7 @@ import { nitrogenSettingsEndpoints } from "./endpoints/nitrogen-settings";
 import { allEndpoints } from "./endpoints/all";
 import { menuEndpoints } from "./endpoints/menu";
 import { createCollectionEndpoints } from "./endpoints/collection-endpoints";
+import { batchEndpoints } from "./endpoints/batch";
 import { registerCollection } from "./collection-registry";
 /** Fields required by Nitrogen that will be injected into collections if missing */
 const nitrogenRequiredFields = [
@@ -47,6 +48,7 @@ export const nitrogenConnectorPlugin = (options = {}) => (incomingConfig) => {
         ...nitrogenSettingsEndpoints,
         ...allEndpoints,
         ...menuEndpoints,
+        ...batchEndpoints,
     ];
     // Register templates collection
     registerCollection("nitrogen-templates", "nitrogen-templates");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nitrogenbuilder/connector-payload",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Nitrogen page builder connector plugin for Payload CMS 3.x",
   "author": "Leonardo Dentzien <leo@torchmedia.ca>",
   "type": "module",
@@ -24,6 +24,11 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "pnpm build"
+  },
   "peerDependencies": {
     "payload": "^3.0.0",
     "next": "^15.0.0",
@@ -41,8 +46,7 @@
     "@nitrogenbuilder/client-core": "link:../monogen/packages/client-core",
     "@nitrogenbuilder/types": "link:../monogen/packages/types"
   },
-  "scripts": {
-    "build": "tsc",
-    "typecheck": "tsc --noEmit"
+  "pnpm": {
+    "onlyBuiltDependencies": ["esbuild", "sharp"]
   }
-}
+}