@prenta/admin 1.17.12 → 1.17.13

package/src/lib/post-editor-service.ts

@@ -20,6 +20,7 @@
  * so the field-access layer doesn't strip them on write.
  */
 import { cmsApi } from './api.js'
+import { relatedPostsFromField, type CanvasRelatedPost } from './post-canvas-context.js'
 import { missingCollectionFields } from './collection-schema.js'
 import { SUBMIT_BEFORE_PUBLISH_ERROR, type WorkflowStage } from './workflow-chrome.js'
 import {
@@ -75,6 +76,13 @@ export interface EditorPost {
   featuredImageUrl: string
   body: string
   category: string
+  /** Display byline. Empty when the document has no `authorName`. */
+  authorName: string
+  /**
+   * Hand-picked related posts ready for the canvas. Null when the field is
+   * absent or only ids, so the editor loads recent published siblings instead.
+   */
+  canvasRelatedPosts: CanvasRelatedPost[] | null
   /** Editorial tags as plain strings (stored as `[{ tag }]` rows, see {@link parseTags}). */
   tags: string[]
   status: PostStatus
@@ -297,6 +305,8 @@ function rowToEditorPost(postType: string, doc: DocumentApiRow): EditorPost {
     featuredImageUrl: featured.url,
     body: dataStr(data, 'body'),
     category: dataStr(data, 'category'),
+    authorName: dataStr(data, 'authorName'),
+    canvasRelatedPosts: relatedPostsFromField(data.relatedPosts),
     tags: parseTags(data.tags),
     status: doc.status ?? 'DRAFT',
     workflowStage: (doc.workflowStage as WorkflowStage | undefined) ?? 'DRAFT',
@@ -491,6 +501,8 @@ export async function emptyPostFromTemplate(postType: string): Promise<EditorPos
     featuredImageUrl: '',
     body: '',
     category: '',
+    authorName: '',
+    canvasRelatedPosts: null,
     tags: [],
     status: 'DRAFT',
     workflowStage: 'DRAFT',

package/src/views/post-editor/PostEditorCanvas.tsx

@@ -125,7 +125,7 @@ function EmptyBody({ onAddSection }: { onAddSection?: () => void }) {
       </span>
       <p className="text-muted-foreground text-sm">
         {onAddSection
-          ? 'The header is set by the template. Add body sections to build out this post. Hover sections for a light outline, click to open its editor in the section list.'
+          ? 'Add body sections to build out this post. Hover sections for a light outline, click to open its editor in the section list.'
           : 'This post’s template renders no body sections. Layout is design-owned — sections come from the template in code. Pick a different template in Post settings, or edit the template itself.'}
       </p>
       {onAddSection && (

package/src/views/post-editor/PostHeader.tsx

@@ -21,6 +21,7 @@ function formatDate(value?: string | null): string {
  * public preview match.
  */
 export function PostHeader({ config, context }: PostHeaderProps) {
+  if (config.layout === 'none') return null
   const title = context.title || 'Untitled post'
   const date = config.showDate ? formatDate(context.publishDate) : ''
   const overlay =

package/src/views/post-editor/PostHeaderPanel.tsx

@@ -69,32 +69,40 @@ export function PostHeaderPanel({ header, canEdit, onClose, onChange }: PostHead
               <option value="centered">Centered</option>
               <option value="left">Left-aligned</option>
               <option value="overlay">Image overlay</option>
+              <option value="none">None</option>
             </select>
+            {header.layout === 'none' && (
+              <p className="text-muted-foreground mt-1 text-xs">
+                The built-in header is hidden. Put the title in a section instead.
+              </p>
+            )}
           </div>
         </fieldset>
 
-        <fieldset disabled={!canEdit} className="space-y-2">
-          <legend className="text-muted-foreground mb-2 text-[10px] font-medium tracking-wider uppercase">
-            Show in header
-          </legend>
-          {TOGGLES.map((t) => {
-            const value = header[t.key] === true
-            return (
-              <div
-                key={t.key}
-                className="border-border text-foreground flex w-full items-center justify-between rounded-md border px-2.5 py-1.5 text-sm"
-              >
-                <span>{t.label}</span>
-                <Toggle
-                  checked={value}
-                  disabled={!canEdit}
-                  onCheckedChange={(v) => onChange({ [t.key]: v } as Partial<PostHeaderConfig>)}
-                  aria-label={t.label}
-                />
-              </div>
-            )
-          })}
-        </fieldset>
+        {header.layout !== 'none' && (
+          <fieldset disabled={!canEdit} className="space-y-2">
+            <legend className="text-muted-foreground mb-2 text-[10px] font-medium tracking-wider uppercase">
+              Show in header
+            </legend>
+            {TOGGLES.map((t) => {
+              const value = header[t.key] === true
+              return (
+                <div
+                  key={t.key}
+                  className="border-border text-foreground flex w-full items-center justify-between rounded-md border px-2.5 py-1.5 text-sm"
+                >
+                  <span>{t.label}</span>
+                  <Toggle
+                    checked={value}
+                    disabled={!canEdit}
+                    onCheckedChange={(v) => onChange({ [t.key]: v } as Partial<PostHeaderConfig>)}
+                    aria-label={t.label}
+                  />
+                </div>
+              )
+            })}
+          </fieldset>
+        )}
       </div>
     </ResizableAside>
   )

package/src/views/post-editor/PostSectionEditor.tsx

@@ -55,6 +55,12 @@ import { buildEditorContentHtml } from '../../lib/editor-seo-content.js'
 import { snapshotBaseline, type ReflowBaseline } from '../../lib/reflow-baseline.js'
 import { ReflowContext } from '../page-editor/reflow-context.js'
 import type { Zoom } from '../../lib/breakpoints.js'
+import { cmsApi } from '../../lib/api.js'
+import {
+  canvasAuthorName,
+  relatedPostsFromSiblings,
+  type CanvasRelatedPost,
+} from '../../lib/post-canvas-context.js'
 import { inspectorIdFromFieldPath } from '../../lib/preview-bridge.js'
 import { PostEditorCanvas } from './PostEditorCanvas.js'
 import { PostFieldsModal, type PostFieldConfig } from './PostFieldsModal.js'
@@ -333,6 +339,43 @@ export function PostSectionEditor({
   // ─── Unsaved-changes guard (client-side navigation + browser unload) ──
   useNavigationBlocker(dirty)
 
+  const [siblingPosts, setSiblingPosts] = useState<CanvasRelatedPost[]>([])
+
+  useEffect(() => {
+    if (!post?.id || post.canvasRelatedPosts !== null) {
+      setSiblingPosts([])
+      return
+    }
+    let cancelled = false
+    const urlPrefix = config?.collections?.[postType]?.urlPrefix
+    cmsApi<{
+      docs?: Array<{
+        id: string
+        title?: string | null
+        slug?: string | null
+        data?: Record<string, unknown> | null
+      }>
+    }>(
+      `/collections/${encodeURIComponent(postType)}?status=PUBLISHED&pageSize=4&sort=publishedAt&order=desc`,
+    )
+      .then((res) => {
+        if (cancelled) return
+        setSiblingPosts(
+          relatedPostsFromSiblings(res.data?.docs ?? [], {
+            excludeId: post.id,
+            urlPrefix,
+            collection: postType,
+          }),
+        )
+      })
+      .catch(() => {
+        if (!cancelled) setSiblingPosts([])
+      })
+    return () => {
+      cancelled = true
+    }
+  }, [post?.id, post?.canvasRelatedPosts, postType, config])
+
   const context: PostRenderContext = useMemo(
     () => ({
       title: post?.title,
@@ -341,9 +384,10 @@ export function PostSectionEditor({
       featuredImageUrl: post?.featuredImageUrl,
       publishDate: post?.publishDate ?? post?.updatedAt ?? null,
       category: post?.category,
-      author: { name: session?.user?.name || session?.user?.email },
+      author: { name: canvasAuthorName(post?.authorName, session?.user) },
+      relatedPosts: post?.canvasRelatedPosts ?? siblingPosts,
     }),
-    [post, session],
+    [post, session, siblingPosts],
   )
 
   // ─── Section mutations ───────────────────────────────────────────────