@prenta/admin 0.98.1 → 1.1.0

package/dist/views/page-editor/useSitePreview.js

@@ -1,96 +0,0 @@
-'use client';
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { toast } from 'sonner';
-import { buildPublicPreviewUrl, createPreviewToken, resolveSiteUrl, } from '../../lib/preview-link.js';
-/** Prefer the Next canvas origin (admin host); fall back to siteUrl only offline. */
-function resolveCanvasOrigin(canvasUrl, siteUrl) {
-    if (canvasUrl)
-        return resolveSiteUrl(canvasUrl);
-    if (typeof window !== 'undefined' && window.location?.origin) {
-        return window.location.origin;
-    }
-    return resolveSiteUrl(siteUrl);
-}
-/**
- * Inline branded preview — drives an in-editor iframe that renders the draft
- * through the consumer's Next builder route (same `?preview=<token>` contract
- * as "View on site"), so editors see actual site CSS without leaving the
- * admin. On Astro-split deploys the canvas is the CMS host, not the public
- * Astro apex. Saves first when dirty, and reloads the frame after each save.
- */
-export function useSitePreview({ collection, documentId, slug, path, urlPrefix, canvasUrl, siteUrl, dirty, saveState, saveDraft, defaultActive = false, }) {
-    const [active, setActive] = useState(false);
-    const [url, setUrl] = useState(null);
-    const [reloadKey, setReloadKey] = useState(0);
-    const tokenRef = useRef(null);
-    const prevSaveState = useRef(saveState);
-    const autoOpenRef = useRef(false);
-    const activatePreview = useCallback(async () => {
-        if (!documentId || !slug) {
-            toast.error('Save the page before opening the site preview');
-            return false;
-        }
-        setActive(true);
-        setUrl(null);
-        try {
-            if (dirty) {
-                const ok = await saveDraft();
-                if (!ok) {
-                    setActive(false);
-                    return false;
-                }
-            }
-            const { token } = await createPreviewToken(collection, documentId);
-            tokenRef.current = token;
-            setUrl(buildPublicPreviewUrl({
-                siteUrl: resolveCanvasOrigin(canvasUrl, siteUrl),
-                urlPrefix: urlPrefix ?? '',
-                slug,
-                path,
-                token,
-            }));
-            return true;
-        }
-        catch (err) {
-            toast.error(err instanceof Error ? err.message : 'Failed to open site preview');
-            setActive(false);
-            return false;
-        }
-    }, [collection, documentId, slug, path, urlPrefix, canvasUrl, siteUrl, dirty, saveDraft]);
-    // Opt-in default: open the iframe once a saved document is loaded.
-    useEffect(() => {
-        if (!defaultActive || autoOpenRef.current)
-            return;
-        if (!documentId || !slug)
-            return;
-        autoOpenRef.current = true;
-        void activatePreview();
-    }, [defaultActive, documentId, slug, activatePreview]);
-    // After a save completes while the preview is open, rebuild the URL (the
-    // slug/path may have changed in settings — the token is bound to the document
-    // id, not the path) and reload the frame.
-    useEffect(() => {
-        if (active && prevSaveState.current === 'saving' && saveState === 'saved') {
-            if (tokenRef.current && slug) {
-                setUrl(buildPublicPreviewUrl({
-                    siteUrl: resolveCanvasOrigin(canvasUrl, siteUrl),
-                    urlPrefix: urlPrefix ?? '',
-                    slug,
-                    path,
-                    token: tokenRef.current,
-                }));
-            }
-            setReloadKey((k) => k + 1);
-        }
-        prevSaveState.current = saveState;
-    }, [active, saveState, slug, path, canvasUrl, siteUrl, urlPrefix]);
-    const toggle = useCallback(() => {
-        if (active) {
-            setActive(false);
-            return;
-        }
-        void activatePreview();
-    }, [active, activatePreview]);
-    return { active, url, reloadKey, toggle };
-}
-//# sourceMappingURL=useSitePreview.js.map

package/dist/views/page-editor/useSitePreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSitePreview.js","sourceRoot":"","sources":["../../../src/views/page-editor/useSitePreview.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAC9B,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,GACf,MAAM,2BAA2B,CAAA;AAyClC,qFAAqF;AACrF,SAAS,mBAAmB,CAAC,SAAyB,EAAE,OAAuB;IAC7E,IAAI,SAAS;QAAE,OAAO,cAAc,CAAC,SAAS,CAAC,CAAA;IAC/C,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA;IAC/B,CAAC;IACD,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAChC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,KAAK,EACL,SAAS,EACT,SAAS,EACT,aAAa,GAAG,KAAK,GACC;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAC5C,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEjC,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC7C,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,CAAC,KAAK,CAAC,+CAA+C,CAAC,CAAA;YAC5D,OAAO,KAAK,CAAA;QACd,CAAC;QACD,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,MAAM,CAAC,IAAI,CAAC,CAAA;QACZ,IAAI,CAAC;YACH,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,EAAE,GAAG,MAAM,SAAS,EAAE,CAAA;gBAC5B,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,SAAS,CAAC,KAAK,CAAC,CAAA;oBAChB,OAAO,KAAK,CAAA;gBACd,CAAC;YACH,CAAC;YACD,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,kBAAkB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;YAClE,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;YACxB,MAAM,CACJ,qBAAqB,CAAC;gBACpB,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC;gBAChD,SAAS,EAAE,SAAS,IAAI,EAAE;gBAC1B,IAAI;gBACJ,IAAI;gBACJ,KAAK;aACN,CAAC,CACH,CAAA;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAA;YAC/E,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAEzF,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,WAAW,CAAC,OAAO;YAAE,OAAM;QACjD,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI;YAAE,OAAM;QAChC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAA;QAC1B,KAAK,eAAe,EAAE,CAAA;IACxB,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;IAEtD,yEAAyE;IACzE,8EAA8E;IAC9E,0CAA0C;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,IAAI,aAAa,CAAC,OAAO,KAAK,QAAQ,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1E,IAAI,QAAQ,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;gBAC7B,MAAM,CACJ,qBAAqB,CAAC;oBACpB,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC;oBAChD,SAAS,EAAE,SAAS,IAAI,EAAE;oBAC1B,IAAI;oBACJ,IAAI;oBACJ,KAAK,EAAE,QAAQ,CAAC,OAAO;iBACxB,CAAC,CACH,CAAA;YACH,CAAC;YACD,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAC5B,CAAC;QACD,aAAa,CAAC,OAAO,GAAG,SAAS,CAAA;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAElE,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,EAAE,CAAC;YACX,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,OAAM;QACR,CAAC;QACD,KAAK,eAAe,EAAE,CAAA;IACxB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IAE7B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,CAAA;AAC3C,CAAC"}

package/dist/views/post-editor/PostPreview.d.ts

@@ -1,14 +0,0 @@
-interface PostPreviewProps {
-    postType: string;
-    documentId: string;
-    session?: any;
-    onNavigate: (path: string) => void;
-}
-/**
- * Chrome-free render of a post using the same header + section renderers as
- * the editor canvas, so the preview reflects what ships. Only visible
- * sections render (hidden ones are omitted, like the public page).
- */
-export declare function PostPreview({ postType, documentId, session, onNavigate }: PostPreviewProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=PostPreview.d.ts.map

package/dist/views/post-editor/PostPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostPreview.d.ts","sourceRoot":"","sources":["../../../src/views/post-editor/PostPreview.tsx"],"names":[],"mappings":"AAcA,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,gBAAgB,2CAkG1F"}

package/dist/views/post-editor/PostPreview.js

@@ -1,63 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { AlertTriangle, Loader2, Pencil, X } from 'lucide-react';
-import { fetchPostForEditor, fetchTemplateForEditor, } from '../../lib/post-editor-service.js';
-import { defaultPostHeader } from '@prenta/core/page-sections';
-import { SectionRenderer } from '../page-editor/sections/index.js';
-import { PostHeader } from './PostHeader.js';
-/**
- * Chrome-free render of a post using the same header + section renderers as
- * the editor canvas, so the preview reflects what ships. Only visible
- * sections render (hidden ones are omitted, like the public page).
- */
-export function PostPreview({ postType, documentId, session, onNavigate }) {
-    const [post, setPost] = useState(null);
-    const [header, setHeader] = useState(defaultPostHeader());
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        setLoading(true);
-        fetchTemplateForEditor(postType)
-            .then((t) => !cancelled && setHeader(t.header))
-            .catch(() => {
-            /* default header */
-        });
-        fetchPostForEditor(postType, documentId)
-            .then((p) => !cancelled && setPost(p))
-            .catch((err) => !cancelled && setError(err instanceof Error ? err.message : 'Failed to load'))
-            .finally(() => !cancelled && setLoading(false));
-        return () => {
-            cancelled = true;
-        };
-    }, [postType, documentId]);
-    if (loading) {
-        return (_jsxs("div", { className: "bg-background flex h-full items-center justify-center", children: [_jsx(Loader2, { className: "text-muted-foreground h-6 w-6 animate-spin", "aria-hidden": true }), _jsx("span", { className: "sr-only", children: "Loading preview\u2026" })] }));
-    }
-    if (error || !post) {
-        return (_jsx("div", { className: "bg-background flex h-full items-center justify-center p-6", children: _jsxs("div", { className: "border-destructive/30 bg-destructive/5 flex max-w-md items-center gap-3 rounded-lg border p-4", children: [_jsx(AlertTriangle, { className: "text-destructive shrink-0", size: 20, "aria-hidden": true }), _jsx("p", { className: "text-foreground text-sm font-medium", children: error ?? 'Post not found.' })] }) }));
-    }
-    const context = {
-        title: post.title,
-        excerpt: post.excerpt,
-        body: post.body,
-        featuredImageUrl: post.featuredImage,
-        publishDate: post.publishDate ?? post.updatedAt ?? null,
-        category: post.category,
-        author: { name: session?.user?.name || session?.user?.email },
-    };
-    const visible = post.sections.filter((s) => s.visible);
-    // `window.close()` only works for tabs JS opened (the "View preview" action
-    // opens this view via window.open). When the user reached it through in-app
-    // navigation there is no opener, so close() is a silent no-op — fall back to
-    // the editor after a tick so the Close button always does something.
-    const handleClose = () => {
-        window.close();
-        setTimeout(() => {
-            onNavigate(`/posts/${postType}/${documentId}/edit`);
-        }, 120);
-    };
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "bg-card border-border flex h-12 shrink-0 items-center justify-between border-b px-4", children: [_jsxs("button", { type: "button", onClick: handleClose, className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5 text-sm", "aria-label": "Close preview tab", children: [_jsx(X, { className: "h-4 w-4", "aria-hidden": true }), "Close"] }), _jsxs("span", { className: "text-muted-foreground text-xs", children: ["Preview \u00B7 ", post.title || 'Untitled'] }), _jsxs("button", { type: "button", onClick: () => onNavigate(`/posts/${postType}/${documentId}/edit`), className: "bg-primary text-primary-foreground hover:bg-primary/90 inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium", children: [_jsx(Pencil, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Open editor"] })] }), _jsxs("div", { className: "prenta-canvas bg-card flex-1 overflow-auto", children: [_jsx(PostHeader, { config: header, context: context }), visible.map((section) => (_jsx(SectionRenderer, { section: section, context: context }, section.id)))] })] }));
-}
-//# sourceMappingURL=PostPreview.js.map

package/dist/views/post-editor/PostPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PostPreview.js","sourceRoot":"","sources":["../../../src/views/post-editor/PostPreview.tsx"],"names":[],"mappings":"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"}

package/src/__tests__/views/page-builder-block-renderer.render.test.tsx

@@ -1,66 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import type { BlockNode } from '@prenta/core'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-
-const { BlockRenderer } = await import('../../views/page-builder/canvas/BlockRenderer.js')
-
-function formNode(over: Partial<BlockNode> = {}): BlockNode {
-  return {
-    id: 'node-1',
-    type: 'block',
-    settings: { blockType: 'form', variant: 'contact' },
-    data: { formId: 'f1' },
-    ...over,
-  } as BlockNode
-}
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockResolvedValue({
-    data: {
-      name: 'Contact Us',
-      fields: [
-        { key: 'name', label: 'Full Name', type: 'text' },
-        { key: 'message', label: 'Message', type: 'textarea' },
-      ],
-    },
-    status: 200,
-  })
-})
-
-describe('canvas BlockRenderer', () => {
-  it('renders the live form preview with the linked form name and fields', async () => {
-    render(<BlockRenderer node={formNode()} selectedNodeId={null} onSelectNode={vi.fn()} />)
-    await waitFor(() => expect(screen.getByText('Contact Us')).toBeTruthy())
-    expect(cmsApi).toHaveBeenCalledWith('/forms/f1')
-    expect(screen.getByText('Full Name')).toBeTruthy()
-  })
-
-  it('selects the node on click', () => {
-    const onSelectNode = vi.fn()
-    const { container } = render(
-      <BlockRenderer
-        node={formNode({ data: {} })}
-        selectedNodeId={null}
-        onSelectNode={onSelectNode}
-      />,
-    )
-    fireEvent.click(container.querySelector('[data-node-id="node-1"]')!)
-    expect(onSelectNode).toHaveBeenCalledWith('node-1')
-  })
-
-  it('falls back to a placeholder for unknown block types', () => {
-    render(
-      <BlockRenderer
-        node={formNode({ settings: { blockType: 'widget' }, data: {} })}
-        selectedNodeId={null}
-        onSelectNode={vi.fn()}
-      />,
-    )
-    expect(screen.getByText('No preview available')).toBeTruthy()
-  })
-})

package/src/__tests__/views/page-builder-form-picker.render.test.tsx

@@ -1,54 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen, waitFor } from '@testing-library/react'
-import type { FieldDefinition } from '@prenta/core'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-
-const { RelationshipField } = await import('../../views/page-builder/RelationshipField.js')
-
-const formField: FieldDefinition = {
-  type: 'relationship',
-  label: 'Form',
-  relationTo: 'forms',
-} as FieldDefinition
-
-beforeEach(() => {
-  cmsApi.mockReset()
-})
-
-describe('RelationshipField (form block picker)', () => {
-  it('loads forms and lets the editor pick one by id', async () => {
-    cmsApi.mockResolvedValue({
-      data: [
-        { id: 'f1', name: 'Contact Us', slug: 'contact-us' },
-        { id: 'f2', name: 'Event RSVP', slug: 'event-rsvp' },
-      ],
-      status: 200,
-    })
-    const onChange = vi.fn()
-    render(<RelationshipField definition={formField} value="" onChange={onChange} label="Form" />)
-
-    await waitFor(() => expect(screen.getByText('Contact Us')).toBeTruthy())
-    expect(cmsApi).toHaveBeenCalledWith('/forms')
-    expect(screen.getByText('Event RSVP')).toBeTruthy()
-
-    fireEvent.change(screen.getByLabelText('Form'), { target: { value: 'f2' } })
-    expect(onChange).toHaveBeenCalledWith('f2')
-  })
-
-  it('shows an empty hint when the collection has no items', async () => {
-    cmsApi.mockResolvedValue({ data: [], status: 200 })
-    render(<RelationshipField definition={formField} value="" onChange={vi.fn()} label="Form" />)
-    await waitFor(() => expect(screen.getByText('No forms found.')).toBeTruthy())
-  })
-
-  it('degrades to a plain id input when the collection cannot be loaded', async () => {
-    cmsApi.mockResolvedValue({ error: 'boom', status: 500 })
-    render(<RelationshipField definition={formField} value="f9" onChange={vi.fn()} label="Form" />)
-    await waitFor(() =>
-      expect((screen.getByPlaceholderText('Enter forms id…') as HTMLInputElement).value).toBe('f9'),
-    )
-  })
-})

package/src/__tests__/views/page-builder-sections-panel.render.test.tsx

@@ -1,138 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, screen } from '@testing-library/react'
-import type { PageNode } from '@prenta/core'
-
-const { BuilderSectionsPanel } = await import('../../views/page-builder/BuilderSectionsPanel.js')
-
-/** Minimal builder tree: a hero section plus an empty, hidden section. */
-function makeTree(): PageNode {
-  return {
-    id: 'page1',
-    type: 'page',
-    children: [
-      {
-        id: 'sec1',
-        type: 'section',
-        settings: {},
-        children: [
-          {
-            id: 'cont1',
-            type: 'container',
-            settings: {},
-            children: [
-              {
-                id: 'row1',
-                type: 'row',
-                settings: {},
-                children: [
-                  {
-                    id: 'col1',
-                    type: 'column',
-                    settings: { width: 12 },
-                    children: [
-                      {
-                        id: 'blk1',
-                        type: 'block',
-                        settings: { blockType: 'hero', variant: 'centered' },
-                        data: {},
-                      },
-                    ],
-                  },
-                ],
-              },
-            ],
-          },
-        ],
-      },
-      { id: 'sec2', type: 'section', settings: { visibility: 'hidden' }, children: [] },
-    ],
-  }
-}
-
-function renderPanel(over: Partial<Parameters<typeof BuilderSectionsPanel>[0]> = {}) {
-  const props = {
-    tree: makeTree(),
-    selectedNodeId: null,
-    collapsed: false,
-    onToggleCollapsed: vi.fn(),
-    onSelect: vi.fn(),
-    onReorder: vi.fn(),
-    onAddSection: vi.fn(),
-    ...over,
-  }
-  render(<BuilderSectionsPanel {...props} />)
-  return props
-}
-
-beforeEach(() => {
-  vi.clearAllMocks()
-})
-
-describe('BuilderSectionsPanel', () => {
-  it('lists the page sections in order with derived names and block counts', () => {
-    renderPanel()
-
-    // First section is named after its first block's catalog label.
-    expect(screen.getByText('Hero')).toBeTruthy()
-    expect(screen.getByText('1 block')).toBeTruthy()
-    // Empty section falls back to a positional name.
-    expect(screen.getByText('Section 2')).toBeTruthy()
-    expect(screen.getByText('Empty section')).toBeTruthy()
-    // Count chip in the header.
-    expect(screen.getByText('2')).toBeTruthy()
-    // Panel is an accessible nav landmark.
-    expect(screen.getByRole('navigation', { name: 'Page sections' })).toBeTruthy()
-  })
-
-  it('fires the selection callback when a section row is clicked', () => {
-    const props = renderPanel()
-
-    // `/^Hero/` excludes the drag handle ("Drag to reorder Hero").
-    fireEvent.click(screen.getByRole('button', { name: /^Hero/ }))
-    expect(props.onSelect).toHaveBeenCalledWith('sec1')
-  })
-
-  it('marks the selected section with aria-current', () => {
-    renderPanel({ selectedNodeId: 'sec1' })
-
-    const row = screen.getByRole('button', { name: /^Hero/ })
-    expect(row.getAttribute('aria-current')).toBe('true')
-  })
-
-  it('exposes keyboard-accessible drag handles per section', () => {
-    renderPanel()
-    expect(screen.getByRole('button', { name: 'Drag to reorder Hero' })).toBeTruthy()
-    expect(screen.getByRole('button', { name: 'Drag to reorder Section 2' })).toBeTruthy()
-  })
-
-  it('fires the add-section callback from the bottom affordance', () => {
-    const props = renderPanel()
-
-    fireEvent.click(screen.getByRole('button', { name: 'Add Section' }))
-    expect(props.onAddSection).toHaveBeenCalledTimes(1)
-  })
-
-  it('collapses to a rail with an expand toggle', () => {
-    const props = renderPanel({ collapsed: true })
-
-    // Section rows are gone; only the expand affordance remains.
-    expect(screen.queryByText('Hero')).toBeNull()
-    const toggle = screen.getByRole('button', { name: 'Expand sections panel' })
-    expect(toggle.getAttribute('aria-expanded')).toBe('false')
-
-    fireEvent.click(toggle)
-    expect(props.onToggleCollapsed).toHaveBeenCalledTimes(1)
-  })
-
-  it('shows a collapse toggle with aria-expanded when open', () => {
-    renderPanel()
-    const toggle = screen.getByRole('button', { name: 'Collapse sections panel' })
-    expect(toggle.getAttribute('aria-expanded')).toBe('true')
-  })
-
-  it('shows an empty message when the page has no sections', () => {
-    renderPanel({ tree: { id: 'page1', type: 'page', children: [] } })
-    expect(screen.getByText(/No sections yet/)).toBeTruthy()
-  })
-})

package/src/__tests__/views/page-builder-seo-panel.render.test.tsx

@@ -1,77 +0,0 @@
-// @vitest-environment happy-dom
-import { describe, expect, it, vi } from 'vitest'
-import { render, screen } from '@testing-library/react'
-import type { PageNode } from '@prenta/core'
-import { BuilderSEOPanel } from '../../views/page-builder/SEOPanel.js'
-
-const tree = {
-  id: 'page-1',
-  type: 'page',
-  children: [
-    {
-      id: 'sec-1',
-      type: 'section',
-      settings: {},
-      children: [
-        {
-          id: 'row-1',
-          type: 'row',
-          settings: {},
-          children: [
-            {
-              id: 'col-1',
-              type: 'column',
-              settings: { width: 12 },
-              children: [
-                {
-                  id: 'blk-hero',
-                  type: 'block',
-                  settings: { blockType: 'hero' },
-                  data: {
-                    title: 'Welcome to Our Service',
-                    image: { url: '/hero.webp', alt: 'Hero banner' },
-                  },
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-  ],
-} as PageNode
-
-const pageSettings = {
-  title: 'Home',
-  slug: 'home',
-  metaTitle: 'Welcome to Our Service',
-  metaDescription: 'The public description.',
-}
-
-describe('BuilderSEOPanel', () => {
-  it('grades the live tree with the shared page audit panel and keeps meta fields', () => {
-    render(
-      <BuilderSEOPanel tree={tree} pageSettings={pageSettings} onPageSettingsChange={vi.fn()} />,
-    )
-
-    expect(screen.getByRole('img', { name: /SEO score:/i })).toBeTruthy()
-    expect(screen.getByRole('img', { name: /GEO score:/i })).toBeTruthy()
-    expect(screen.getByText('SEO checks')).toBeTruthy()
-    expect(screen.getByText('GEO checks')).toBeTruthy()
-    expect(screen.getByLabelText('Meta Title')).toBeTruthy()
-    expect(screen.queryByText('Readability')).toBeNull()
-    expect(screen.queryByText('Block Hints')).toBeNull()
-  })
-
-  it('keeps the empty-tree copy when the canvas has no children', () => {
-    render(
-      <BuilderSEOPanel
-        tree={{ id: 'page-1', type: 'page', children: [] } as PageNode}
-        pageSettings={pageSettings}
-        onPageSettingsChange={vi.fn()}
-      />,
-    )
-    expect(screen.getByText('Add content to your page to see SEO analysis')).toBeTruthy()
-    expect(screen.queryByRole('img', { name: /SEO score:/i })).toBeNull()
-  })
-})

package/src/__tests__/views/page-builder-template-seed.render.test.tsx

@@ -1,59 +0,0 @@
-// @vitest-environment happy-dom
-import { beforeEach, describe, expect, it, vi, afterEach } from 'vitest'
-import { cleanup, render, screen, waitFor } from '@testing-library/react'
-
-const cmsApi = vi.fn()
-vi.mock('../../lib/api.js', () => ({ cmsApi: (...args: unknown[]) => cmsApi(...args) }))
-vi.mock('sonner', () => ({
-  toast: { success: vi.fn(), error: vi.fn(), loading: vi.fn() },
-  Toaster: () => null,
-}))
-
-const { PageBuilder } = await import('../../views/page-builder/PageBuilder.js')
-
-const TEMPLATE_TREE = {
-  id: 'tpl-page',
-  type: 'page',
-  children: [
-    {
-      id: 'sec1',
-      type: 'section',
-      settings: { label: 'Hero From Template' },
-      children: [],
-    },
-  ],
-}
-
-beforeEach(() => {
-  cmsApi.mockReset()
-  cmsApi.mockImplementation(async (endpoint: string) => {
-    if (endpoint === '/page-templates/tpl-1') {
-      return { data: { id: 'tpl-1', name: 'Landing', tree: TEMPLATE_TREE }, status: 200 }
-    }
-    return { data: {}, status: 200 }
-  })
-})
-
-afterEach(cleanup)
-
-describe('PageBuilder template seeding (/page-builder/new?template=)', () => {
-  it('fetches the template and seeds the canvas tree for a new page', async () => {
-    render(
-      <PageBuilder templateId="tpl-1" collectionSlug="pages" config={{}} onNavigate={() => {}} />,
-    )
-
-    await waitFor(() => expect(cmsApi).toHaveBeenCalledWith('/page-templates/tpl-1'))
-    // replaceTree marks the builder dirty — the unsaved-changes dot is the
-    // observable proof the template tree was seeded into the canvas state.
-    expect(await screen.findByTitle('Unsaved changes')).toBeTruthy()
-  })
-
-  it('starts from a blank, clean tree when no template id is given', async () => {
-    render(<PageBuilder collectionSlug="pages" config={{}} onNavigate={() => {}} />)
-
-    await waitFor(() =>
-      expect(cmsApi).not.toHaveBeenCalledWith(expect.stringContaining('/page-templates/')),
-    )
-    expect(screen.queryByTitle('Unsaved changes')).toBeNull()
-  })
-})