@nitrogenbuilder/connector-payload 0.1.42 → 0.1.43

package/dist/components/NitrogenEditButtonRuntime.js

@@ -38,6 +38,23 @@ function normalizeRoutePattern(routePattern) {
 function trimSlashes(value) {
     return value.replace(/^\/+|\/+$/g, '');
 }
+function normalizeRelativePath(value) {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === '/home')
+        return '/';
+    return trimmed.startsWith('/') ? trimmed : `/${trimmed}`;
+}
+function getBreadcrumbRelativePath(data) {
+    if (!data || typeof data !== 'object')
+        return undefined;
+    const breadcrumbs = data.breadcrumbs;
+    const lastUrl = Array.isArray(breadcrumbs)
+        ? breadcrumbs.at(-1)?.url
+        : undefined;
+    return typeof lastUrl === 'string' && lastUrl.trim()
+        ? normalizeRelativePath(lastUrl)
+        : undefined;
+}
 function buildRelativePath(slug, routePattern, templateSlug) {
     const normalizedRoutePattern = normalizeRoutePattern(routePattern);
     if (normalizedRoutePattern) {
@@ -60,6 +77,7 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
     const [id, setId] = useState(undefined);
     const [token, setToken] = useState(undefined);
     const [slug, setSlug] = useState(undefined);
+    const [documentRelativePath, setDocumentRelativePath] = useState(undefined);
     const [frontendUrl, setFrontendUrl] = useState(undefined);
     const [instanceUrl, setInstanceUrl] = useState(undefined);
     const [authorId, setAuthorId] = useState(undefined);
@@ -73,6 +91,7 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
             fetch(`/api/${collection}/${docId}`)
                 .then((res) => res.json())
                 .then((data) => {
+                setDocumentRelativePath(getBreadcrumbRelativePath(data));
                 if (data.slug) {
                     setSlug(data.slug);
                 }
@@ -142,7 +161,8 @@ export const NitrogenEditButtonRuntime = ({ collection, routePattern }) => {
     const editHref = `${editorBase}/nitrogen-editor?token=${encodeURIComponent(token)}&collection=${encodeURIComponent(collection)}&pageId=${id}&authorId=${encodedAuthorId}&author=${encodedAuthorId}${developmentFlags}`;
     const viewRelativePath = collection === 'nitrogen-templates'
         ? `/nitrogen-templates/${trimSlashes(slug || '')}`
-        : buildRelativePath(slug || '', routePattern, templateSlug ?? undefined);
+        : documentRelativePath ||
+            buildRelativePath(slug || '', routePattern, templateSlug ?? undefined);
     const viewHref = `${frontendUrl}${viewRelativePath}`;
     const editButtonVars = isDevelopmentMode
         ? nitrogenEditDevButtonVars

package/dist/components/NitrogenViewButtonRuntime.js

@@ -24,6 +24,23 @@ function normalizeRoutePattern(routePattern) {
 function trimSlashes(value) {
     return value.replace(/^\/+|\/+$/g, '');
 }
+function normalizeRelativePath(value) {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === '/home')
+        return '/';
+    return trimmed.startsWith('/') ? trimmed : `/${trimmed}`;
+}
+function getBreadcrumbRelativePath(data) {
+    if (!data || typeof data !== 'object')
+        return undefined;
+    const breadcrumbs = data.breadcrumbs;
+    const lastUrl = Array.isArray(breadcrumbs)
+        ? breadcrumbs.at(-1)?.url
+        : undefined;
+    return typeof lastUrl === 'string' && lastUrl.trim()
+        ? normalizeRelativePath(lastUrl)
+        : undefined;
+}
 function buildRelativePath(slug, routePattern, templateSlug) {
     const normalizedRoutePattern = normalizeRoutePattern(routePattern);
     if (normalizedRoutePattern) {
@@ -44,6 +61,7 @@ function buildRelativePath(slug, routePattern, templateSlug) {
 }
 export const NitrogenViewButtonRuntime = ({ collection, routePattern }) => {
     const [slug, setSlug] = useState(undefined);
+    const [documentRelativePath, setDocumentRelativePath] = useState(undefined);
     const [siteUrl, setSiteUrl] = useState(undefined);
     const [templateSlug, setTemplateSlug] = useState(undefined);
     useEffect(() => {
@@ -55,6 +73,7 @@ export const NitrogenViewButtonRuntime = ({ collection, routePattern }) => {
         fetch(`/api/${collection}/${docId}`)
             .then((res) => res.json())
             .then((data) => {
+            setDocumentRelativePath(getBreadcrumbRelativePath(data));
             if (data.slug) {
                 setSlug(data.slug);
             }
@@ -105,7 +124,8 @@ export const NitrogenViewButtonRuntime = ({ collection, routePattern }) => {
     }
     const relativePath = collection === 'nitrogen-templates'
         ? `/nitrogen-templates/${trimSlashes(slug)}`
-        : buildRelativePath(slug, routePattern, templateSlug ?? undefined);
+        : documentRelativePath ||
+            buildRelativePath(slug, routePattern, templateSlug ?? undefined);
     const href = `${siteUrl}${relativePath}`;
     return (_jsx(Button, { buttonStyle: "primary", el: "anchor", margin: false, newTab: true, url: href, extraButtonProps: {
             style: nitrogenViewButtonVars,

package/dist/endpoints/all.js

@@ -1,5 +1,5 @@
-import { getNitrogenSettings } from './helpers.js';
-import { buildPermalink, buildRelativePermalink, resolveCollection, } from '../collection-registry.js';
+import { getDocumentPermalink, getDocumentRelativePermalink, getNitrogenSettings, } from './helpers.js';
+import { resolveCollection } from '../collection-registry.js';
 export const allEndpoints = [
     // GET /api/nitrogen/v1/all — List all items with filtering
     {
@@ -30,14 +30,17 @@ export const allEndpoints = [
                     limit: perPage,
                     depth: 0,
                 });
-                const items = result.docs.map((doc) => ({
-                    id: doc.id,
-                    title: String(doc.title || ''),
-                    slug: String(doc.slug || ''),
-                    permalink: buildPermalink(postType, String(doc.slug || ''), settings.frontendUrl),
-                    relative_permalink: buildRelativePermalink(postType, String(doc.slug || '')),
-                    type: collection,
-                }));
+                const items = result.docs.map((doc) => {
+                    const document = doc;
+                    return {
+                        id: document.id,
+                        title: String(document.title || ''),
+                        slug: String(document.slug || ''),
+                        permalink: getDocumentPermalink(document, settings, postType),
+                        relative_permalink: getDocumentRelativePermalink(document, postType),
+                        type: collection,
+                    };
+                });
                 return Response.json(items);
             }
             catch {

package/dist/endpoints/batch.js

@@ -1,5 +1,5 @@
-import { buildPermalink, buildRelativePermalink, resolveCollection, } from "../collection-registry.js";
-import { getNitrogenSettings, buildDynamicData, buildPageResponse, } from "./helpers.js";
+import { resolveCollection } from "../collection-registry.js";
+import { getNitrogenSettings, buildDynamicData, buildPageResponse, getDocumentPermalink, getDocumentRelativePermalink, } from "./helpers.js";
 function toArray(value) {
     if (Array.isArray(value)) {
         return value.map((item) => String(item).trim()).filter(Boolean);
@@ -286,8 +286,8 @@ export const batchEndpoints = [
                                 id: d.id,
                                 title: String(d.title || ""),
                                 slug,
-                                permalink: buildPermalink(endpoint, slug, settings.frontendUrl),
-                                relative_permalink: buildRelativePermalink(endpoint, slug),
+                                permalink: getDocumentPermalink(d, settings, endpoint),
+                                relative_permalink: getDocumentRelativePermalink(d, endpoint),
                             };
                         });
                     }

package/dist/endpoints/helpers.d.ts

@@ -1,5 +1,7 @@
 import type { Payload, PayloadRequest } from 'payload';
 import type { JsonObject, NitrogenPageDoc, NitrogenTemplateDoc, NitrogenSettingsGlobal, MediaDoc } from '../types.js';
+export declare function getDocumentRelativePermalink(doc: NitrogenPageDoc | NitrogenTemplateDoc | Record<string, unknown>, collectionSlug?: string): string;
+export declare function getDocumentPermalink(doc: NitrogenPageDoc | NitrogenTemplateDoc | Record<string, unknown>, settings: NitrogenSettingsGlobal, collectionSlug?: string): string;
 export interface TemplateRef {
     ID: string | number;
     content: string;

package/dist/endpoints/helpers.js

@@ -1,4 +1,25 @@
-import { buildPermalink, buildRelativePermalink } from '../collection-registry.js';
+import { buildRelativePermalink } from '../collection-registry.js';
+function normalizeRelativePath(value) {
+    const trimmed = value.trim();
+    if (!trimmed || trimmed === '/home')
+        return '/';
+    return trimmed.startsWith('/') ? trimmed : `/${trimmed}`;
+}
+export function getDocumentRelativePermalink(doc, collectionSlug = 'pages') {
+    const breadcrumbs = doc.breadcrumbs;
+    const lastUrl = Array.isArray(breadcrumbs)
+        ? breadcrumbs.at(-1)?.url
+        : undefined;
+    if (typeof lastUrl === 'string' && lastUrl.trim()) {
+        return normalizeRelativePath(lastUrl);
+    }
+    return buildRelativePermalink(collectionSlug, String(doc.slug || ''));
+}
+export function getDocumentPermalink(doc, settings, collectionSlug = 'pages') {
+    const relativePermalink = getDocumentRelativePermalink(doc, collectionSlug);
+    const baseUrl = (settings.frontendUrl || '').replace(/\/$/, '');
+    return baseUrl ? `${baseUrl}${relativePermalink}` : relativePermalink;
+}
 export function formatDate(date) {
     const d = new Date(date);
     const pad = (n) => String(n).padStart(2, '0');
@@ -60,8 +81,8 @@ export function buildPageResponse(doc, settings, dynamicData, collectionSlug = '
         title: doc.title,
         author: doc.author && typeof doc.author === 'object' ? doc.author.id : (doc.author || ''),
         slug,
-        permalink: buildPermalink(collectionSlug, slug, settings.frontendUrl),
-        relative_permalink: buildRelativePermalink(collectionSlug, slug),
+        permalink: getDocumentPermalink(doc, settings, collectionSlug),
+        relative_permalink: getDocumentRelativePermalink(doc, collectionSlug),
         content: doc.nitrogenData ? JSON.stringify(doc.nitrogenData) : '[]',
         dynamic_data: dynamicData,
         settings: pageSettings || templateSettings || {
@@ -82,8 +103,8 @@ export function buildListItemResponse(doc, settings, collectionSlug = 'pages') {
         id: doc.id,
         title: doc.title,
         slug,
-        permalink: buildPermalink(collectionSlug, slug, settings.frontendUrl),
-        relative_permalink: buildRelativePermalink(collectionSlug, slug),
+        permalink: getDocumentPermalink(doc, settings, collectionSlug),
+        relative_permalink: getDocumentRelativePermalink(doc, collectionSlug),
         content: doc.nitrogenData ? JSON.stringify(doc.nitrogenData) : '[]',
         settings: pageSettings || templateSettings || {},
         nitrogen_settings: {

package/dist/endpoints/templates.js

@@ -1,5 +1,4 @@
-import { getNitrogenSettings, buildDynamicData, buildPageResponse, buildListItemResponse, getTemplateForType, requireAuth, } from './helpers.js';
-import { buildPermalink, buildRelativePermalink } from '../collection-registry.js';
+import { getNitrogenSettings, buildDynamicData, buildPageResponse, buildListItemResponse, getDocumentPermalink, getDocumentRelativePermalink, getTemplateForType, requireAuth, } from './helpers.js';
 function isContentTemplateCollection(collection) {
     return !!collection && collection !== 'header' && collection !== 'footer';
 }
@@ -11,10 +10,11 @@ function getTemplatePreviewTarget(doc, settings, associatedCollection, associate
         ? associatedCollection
         : 'nitrogen-templates';
     const previewSlug = String(associatedDoc?.slug || doc.slug || '');
+    const previewDoc = associatedDoc || doc;
     return {
         slug: previewSlug,
-        permalink: buildPermalink(previewCollection, previewSlug, settings.frontendUrl),
-        relative_permalink: buildRelativePermalink(previewCollection, previewSlug),
+        permalink: getDocumentPermalink(previewDoc, settings, previewCollection),
+        relative_permalink: getDocumentRelativePermalink(previewDoc, previewCollection),
     };
 }
 export const templatesEndpoints = [

package/dist/types.d.ts

@@ -11,6 +11,11 @@ interface NitrogenDocBase {
     id: string | number;
     title: string;
     slug: string;
+    breadcrumbs?: Array<{
+        url?: string | null;
+        label?: string | null;
+        doc?: string | number | null;
+    }>;
     status?: 'draft' | 'published';
     author?: string | number | {
         id: string | number;

package/package.json

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