@nitrogenbuilder/connector-payload 0.1.17 → 0.1.19

package/dist/components/NitrogenDataViewer.js

@@ -292,6 +292,7 @@ function ensureStyles() {
 const NitrogenDataViewer = ({ path, field }) => {
     const { value, setValue } = useField({ path });
     const [copied, setCopied] = useState(false);
+    const [pasted, setPasted] = useState(false);
     const [forceOpen, setForceOpen] = useState(null);
     const [treeKey, setTreeKey] = useState(0);
     const [unlocked, setUnlocked] = useState(false);
@@ -311,6 +312,19 @@ const NitrogenDataViewer = ({ path, field }) => {
             setTimeout(() => setCopied(false), 2000);
         });
     }, [jsonString]);
+    const handlePaste = useCallback(() => {
+        navigator.clipboard.readText().then((text) => {
+            try {
+                const parsed = JSON.parse(text);
+                setValue(parsed);
+                setPasted(true);
+                setTimeout(() => setPasted(false), 2000);
+            }
+            catch {
+                // ignore invalid JSON
+            }
+        });
+    }, [setValue]);
     const expandAll = useCallback(() => {
         setForceOpen(true);
         setTreeKey((k) => k + 1);
@@ -326,7 +340,7 @@ const NitrogenDataViewer = ({ path, field }) => {
         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: {
+    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' }), unlocked && (_jsx("button", { type: "button", className: "btn btn--size-small btn--style-secondary", onClick: handlePaste, children: pasted ? '✓ Pasted' : 'Paste' })), _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',

package/dist/components/NitrogenEditButton.js

@@ -1,12 +1,15 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@payloadcms/ui";
 import { useState, useEffect } from "react";
+import { nitrogenButtonGroupStyle, nitrogenEditDevButtonVars, nitrogenEditLiveButtonVars, nitrogenSecondaryButtonVars, nitrogenViewButtonVars, } from "./nitrogenAdminButtonStyles";
 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);
+    const [instanceUrl, setInstanceUrl] = useState(undefined);
     const [authorId, setAuthorId] = useState(undefined);
     useEffect(() => {
         const segments = window.location.pathname.split("/").filter(Boolean);
@@ -46,6 +49,9 @@ export const NitrogenEditButton = ({ collection }) => {
             if (data.developmentUrl) {
                 setHasDevelopmentUrl(true);
             }
+            if (data.instanceUrl) {
+                setInstanceUrl(data.instanceUrl.replace(/\/$/, ""));
+            }
             const url = data.frontendUrl;
             if (url) {
                 setFrontendUrl(url.replace(/\/$/, ""));
@@ -58,24 +64,15 @@ export const NitrogenEditButton = ({ collection }) => {
     if (!id || !token || !authorId)
         return null;
     const param = collection === "nitrogen-templates" ? "templateId" : "pageId";
-    const baseHref = `/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&${param}=${id}&authorId=${encodeURIComponent(authorId)}`;
-    const buttonStyle = {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: "8px 16px",
-        background: "#6366f1",
-        color: "#fff",
-        borderRadius: "4px",
-        textDecoration: "none",
-        fontSize: "14px",
-        fontWeight: 500,
-    };
-    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: "#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" }))] }));
+    const editorBase = instanceUrl ?? "";
+    const baseHref = `${editorBase}/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&${param}=${id}&authorId=${encodeURIComponent(authorId)}`;
+    return (_jsxs("div", { style: nitrogenButtonGroupStyle, children: [slug && frontendUrl && (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: `${frontendUrl}/${slug}`, extraButtonProps: {
+                    style: nitrogenViewButtonVars,
+                }, children: "View Page" })), hasDevelopmentUrl ? (_jsxs(_Fragment, { children: [_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: baseHref, extraButtonProps: {
+                            style: nitrogenEditLiveButtonVars,
+                        }, children: "Edit (Live)" }), _jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: `${baseHref}&development=true`, extraButtonProps: {
+                            style: nitrogenEditDevButtonVars,
+                        }, children: "Edit (Dev)" })] })) : (_jsx(Button, { buttonStyle: "secondary", el: "anchor", margin: false, newTab: true, url: baseHref, extraButtonProps: {
+                    style: nitrogenSecondaryButtonVars,
+                }, children: "Edit with Nitrogen" }))] }));
 };

package/dist/components/NitrogenViewButton.js

@@ -1,6 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@payloadcms/ui";
 import { useState, useEffect } from "react";
+import { nitrogenViewButtonVars, } from "./nitrogenAdminButtonStyles";
 export const NitrogenViewButton = ({ collection }) => {
     const [slug, setSlug] = useState(undefined);
     const [frontendUrl, setFrontendUrl] = useState(undefined);
@@ -34,22 +36,11 @@ export const NitrogenViewButton = ({ collection }) => {
             console.error("Failed to fetch nitrogen settings:", err);
         });
     }, [collection]);
-    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..." });
+        return null;
     }
     const href = `${frontendUrl}/${slug}`;
-    return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", style: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: "8px",
-            padding: "8px 16px",
-            background: "#10b981",
-            color: "#fff",
-            borderRadius: "4px",
-            textDecoration: "none",
-            fontSize: "14px",
-            fontWeight: 500,
+    return (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: href, extraButtonProps: {
+            style: nitrogenViewButtonVars,
         }, children: "View Page" }));
 };

package/dist/components/nitrogenAdminButtonStyles.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+type ButtonStyleVars = CSSProperties & Record<`--${string}`, string | number>;
+export declare const nitrogenButtonGroupStyle: CSSProperties;
+export declare const nitrogenViewButtonVars: ButtonStyleVars;
+export declare const nitrogenEditLiveButtonVars: ButtonStyleVars;
+export declare const nitrogenEditDevButtonVars: ButtonStyleVars;
+export declare const nitrogenSecondaryButtonVars: ButtonStyleVars;
+export {};

package/dist/components/nitrogenAdminButtonStyles.js

@@ -0,0 +1,50 @@
+const monogenPalette = {
+    gray900: "#16191D",
+    gray700: "#21252C",
+    gray600: "#31383F",
+    gray400: "#4E5965",
+    gray350: "#647382",
+    gray200: "#E2E5E9",
+    hasVal: "#6EA6DE",
+    inheritVal: "#E08C38",
+};
+const createFilledButtonVars = ({ background, hoverBackground, text, border, }) => ({
+    "--bg-color": background,
+    "--color": text,
+    "--hover-bg": hoverBackground,
+    "--hover-color": text,
+    "--box-shadow": `inset 0 0 0 1px ${border}`,
+    "--hover-box-shadow": `inset 0 0 0 1px ${border}`,
+    "--btn-font-weight": 500,
+});
+export const nitrogenButtonGroupStyle = {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: "8px",
+    alignItems: "center",
+};
+export const nitrogenViewButtonVars = createFilledButtonVars({
+    background: monogenPalette.hasVal,
+    hoverBackground: "#5F97CF",
+    text: monogenPalette.gray900,
+    border: "rgba(22, 25, 29, 0.12)",
+});
+export const nitrogenEditLiveButtonVars = createFilledButtonVars({
+    background: monogenPalette.inheritVal,
+    hoverBackground: "#CC7B2B",
+    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)",
+});
+export const nitrogenSecondaryButtonVars = {
+    "--color": monogenPalette.gray400,
+    "--hover-color": monogenPalette.gray350,
+    "--box-shadow": `inset 0 0 0 1px ${monogenPalette.gray400}`,
+    "--hover-box-shadow": `inset 0 0 0 1px ${monogenPalette.gray350}`,
+    "--btn-font-weight": 500,
+};

package/dist/endpoints/all.js

@@ -20,7 +20,7 @@ export const allEndpoints = [
             const collection = resolveCollection(postType);
             const where = {};
             if (!statuses.includes('any')) {
-                where.status = { in: statuses };
+                where._status = { in: statuses };
             }
             try {
                 const result = await payload.find({

package/dist/endpoints/batch.d.ts

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

package/dist/endpoints/batch.js

@@ -1,10 +1,49 @@
-import { resolveCollection } from '../collection-registry';
-import { getNitrogenSettings, buildDynamicData, buildPageResponse } from './helpers';
+import { resolveCollection } from "../collection-registry";
+import { getNitrogenSettings, buildDynamicData, buildPageResponse, } from "./helpers";
+function toArray(value) {
+    if (Array.isArray(value)) {
+        return value
+            .map((item) => String(item).trim())
+            .filter(Boolean);
+    }
+    if (typeof value === "string") {
+        return value
+            .split(",")
+            .map((item) => item.trim())
+            .filter(Boolean);
+    }
+    return [];
+}
+async function resolveRelationshipIds(payload, collection, values) {
+    if (values.length === 0)
+        return [];
+    const [slugMatches, titleMatches] = await Promise.all([
+        payload.find({
+            collection,
+            where: {
+                slug: { in: values },
+            },
+            limit: values.length,
+            depth: 0,
+            pagination: false,
+        }),
+        payload.find({
+            collection,
+            where: {
+                title: { in: values },
+            },
+            limit: values.length,
+            depth: 0,
+            pagination: false,
+        }),
+    ]);
+    return [...slugMatches.docs, ...titleMatches.docs].map((doc) => doc.id);
+}
 export const batchEndpoints = [
     // POST /api/nitrogen/v1/batch-data — Batch fetch multiple collections
     {
-        path: '/nitrogen/v1/batch-data',
-        method: 'post',
+        path: "/nitrogen/v1/batch-data",
+        method: "post",
         handler: async (req) => {
             const { payload } = req;
             const body = await req.json?.();
@@ -18,15 +57,122 @@ export const batchEndpoints = [
                 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 limit = Number(params.posts_per_page ?? 10);
+                    const page = Number(params.paged ?? 1);
+                    const statusParam = params.post_status ?? "published";
+                    const statuses = statusParam
+                        .split(",")
+                        .map((s) => s.trim());
+                    const orderby = params.orderby || "createdAt";
+                    const sort = params.order === "asc" ? orderby : `-${orderby}`;
+                    const raw = params.raw === true || params.raw === "true";
+                    const depthParam = params.depth;
+                    const depth = depthParam !== undefined
+                        ? Number(depthParam)
+                        : params.embed
+                            ? 1
+                            : 0;
                     const where = {};
-                    if (!statuses.includes('any')) {
-                        where.status = { in: statuses };
+                    if (!statuses.includes("any")) {
+                        where._status = { in: statuses };
+                    }
+                    const slugs = [
+                        ...toArray(params.slug),
+                        ...toArray(params.slugs),
+                    ];
+                    if (slugs.length > 0) {
+                        where.slug = { in: Array.from(new Set(slugs)) };
+                    }
+                    const titles = [
+                        ...toArray(params.title),
+                        ...toArray(params.titles),
+                    ];
+                    if (titles.length > 0) {
+                        where.title = { in: Array.from(new Set(titles)) };
+                    }
+                    const categoryIds = await resolveRelationshipIds(payload, "post-category", toArray(params.categories));
+                    if (toArray(params.categories).length > 0) {
+                        if (categoryIds.length === 0) {
+                            results[key] = {
+                                data: [],
+                                total: 0,
+                                totalPages: 0,
+                            };
+                            return;
+                        }
+                        where.categories = { in: Array.from(new Set(categoryIds)) };
+                    }
+                    const excludedCategoryIds = await resolveRelationshipIds(payload, "post-category", toArray(params.categories_excluded));
+                    if (excludedCategoryIds.length > 0) {
+                        where.categories = {
+                            ...(where.categories ?? {}),
+                            not_in: Array.from(new Set(excludedCategoryIds)),
+                        };
+                    }
+                    const tagIds = await resolveRelationshipIds(payload, "tag", toArray(params.tags));
+                    if (toArray(params.tags).length > 0) {
+                        if (tagIds.length === 0) {
+                            results[key] = {
+                                data: [],
+                                total: 0,
+                                totalPages: 0,
+                            };
+                            return;
+                        }
+                        where.tags = { in: Array.from(new Set(tagIds)) };
+                    }
+                    const excludedTagIds = await resolveRelationshipIds(payload, "tag", toArray(params.tags_excluded));
+                    if (excludedTagIds.length > 0) {
+                        where.tags = {
+                            ...(where.tags ?? {}),
+                            not_in: Array.from(new Set(excludedTagIds)),
+                        };
+                    }
+                    const featuredIds = await resolveRelationshipIds(payload, "featured-tag", toArray(params.featured));
+                    if (toArray(params.featured).length > 0) {
+                        if (featuredIds.length === 0) {
+                            results[key] = {
+                                data: [],
+                                total: 0,
+                                totalPages: 0,
+                            };
+                            return;
+                        }
+                        where.featuredTags = { in: Array.from(new Set(featuredIds)) };
+                    }
+                    const excludedFeaturedIds = await resolveRelationshipIds(payload, "featured-tag", toArray(params.featured_excluded));
+                    if (excludedFeaturedIds.length > 0) {
+                        where.featuredTags = {
+                            ...(where.featuredTags ?? {}),
+                            not_in: Array.from(new Set(excludedFeaturedIds)),
+                        };
+                    }
+                    const authors = toArray(params.authors);
+                    if (authors.length > 0) {
+                        if (collectionSlug === "posts") {
+                            const authorIds = await resolveRelationshipIds(payload, "author", authors);
+                            const authorFilters = [];
+                            if (authorIds.length > 0) {
+                                authorFilters.push({
+                                    wpAuthors: { in: Array.from(new Set(authorIds)) },
+                                });
+                            }
+                            authorFilters.push({
+                                wpAuthorName: { in: authors },
+                            });
+                            if (authorFilters.length === 1) {
+                                Object.assign(where, authorFilters[0]);
+                            }
+                            else {
+                                where.or = [...(where.or ?? []), ...authorFilters];
+                            }
+                        }
+                        else {
+                            where.title = {
+                                ...(where.title ?? {}),
+                                in: authors,
+                            };
+                        }
                     }
                     const result = await payload.find({
                         collection: collectionSlug,
@@ -34,10 +180,13 @@ export const batchEndpoints = [
                         page,
                         limit,
                         sort,
-                        depth: params.embed ? 1 : 0,
+                        depth,
                     });
                     let data;
-                    if (params.embed) {
+                    if (raw) {
+                        data = result.docs;
+                    }
+                    else if (params.embed) {
                         data = result.docs.map((doc) => {
                             const dynamicData = buildDynamicData(doc, settings);
                             return buildPageResponse(doc, settings, dynamicData);
@@ -48,10 +197,10 @@ export const batchEndpoints = [
                             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 || '')}`,
+                                title: String(d.title || ""),
+                                slug: String(d.slug || ""),
+                                permalink: `${settings.frontendUrl || ""}/${String(d.slug || "")}`,
+                                relative_permalink: `/${String(d.slug || "")}`,
                             };
                         });
                     }
@@ -66,7 +215,7 @@ export const batchEndpoints = [
                         data: [],
                         total: 0,
                         totalPages: 0,
-                        error: e instanceof Error ? e.message : 'Unknown error',
+                        error: e instanceof Error ? e.message : "Unknown error",
                     };
                 }
             }));

package/dist/endpoints/collection-endpoints.js

@@ -20,7 +20,7 @@ export function createCollectionEndpoints(collectionSlug, endpointPrefix) {
                 const statuses = statusParam.split(',').map((s) => s.trim());
                 const where = {};
                 if (!statuses.includes('any')) {
-                    where.status = { in: statuses };
+                    where._status = { in: statuses };
                 }
                 const result = await payload.find({
                     collection,

package/dist/endpoints/collections.d.ts

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

package/dist/endpoints/collections.js

@@ -0,0 +1,31 @@
+function humanizeSlug(value) {
+    return value
+        .split(/[-_]+/)
+        .filter(Boolean)
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join(" ");
+}
+export const collectionsEndpoints = [
+    {
+        path: "/nitrogen/v1/collections",
+        method: "get",
+        handler: async (req) => {
+            const collections = (req.payload.config.collections ?? [])
+                .map((collection) => {
+                if (!collection?.slug)
+                    return null;
+                const rawLabel = collection.labels?.plural ?? collection.labels?.singular;
+                const label = typeof rawLabel === "string"
+                    ? rawLabel
+                    : humanizeSlug(collection.slug);
+                return {
+                    value: collection.slug,
+                    label,
+                };
+            })
+                .filter((collection) => collection !== null)
+                .sort((a, b) => a.label.localeCompare(b.label));
+            return Response.json(collections);
+        },
+    },
+];

package/dist/index.js

@@ -4,6 +4,7 @@ import { templatesEndpoints } from "./endpoints/templates";
 import { mediaEndpoints } from "./endpoints/media";
 import { nitrogenSettingsEndpoints } from "./endpoints/nitrogen-settings";
 import { allEndpoints } from "./endpoints/all";
+import { collectionsEndpoints } from "./endpoints/collections";
 import { menuEndpoints } from "./endpoints/menu";
 import { createCollectionEndpoints } from "./endpoints/collection-endpoints";
 import { batchEndpoints } from "./endpoints/batch";
@@ -47,6 +48,7 @@ export const nitrogenConnectorPlugin = (options = {}) => (incomingConfig) => {
         ...mediaEndpoints,
         ...nitrogenSettingsEndpoints,
         ...allEndpoints,
+        ...collectionsEndpoints,
         ...menuEndpoints,
         ...batchEndpoints,
     ];

package/package.json

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