@canvas-digital/blog-sdk 2.0.0

package/dist/lib/tenant.js

@@ -0,0 +1,140 @@
+import { headers } from 'next/headers';
+import { cache } from 'react';
+import { getPayload } from 'payload';
+import config from '@payload-config';
+import { allowTenantSlugOverride, DEV_TENANT_HEADER, isSharedPreviewHost, } from './tenant-host';
+/**
+ * Tenant resolution.
+ *
+ * The renderer is a single deployment serving every brand, so which brand a
+ * request belongs to is derived from the Host header — never from a path prefix
+ * and never from an environment variable. That is what lets one origin sit
+ * behind fifteen `/blog` rewrites without any per-brand configuration.
+ *
+ * In local development several brands share localhost, so `?_tenant=slug` (and
+ * a short-lived cookie set from it) selects the brand when the Host alone is
+ * ambiguous.
+ */
+export { ADMIN_BRAND_PARAM, DEV_TENANT_COOKIE, DEV_TENANT_HEADER, DEV_TENANT_PARAM } from './tenant-host';
+/** One Payload instance per request — pages + layout used to open it twice. */
+export const getPayloadClient = cache(async () => getPayload({ config }));
+const normaliseHost = (host) => host.trim().toLowerCase().replace(/\.$/, '');
+/** Strip the port for matching, but keep it available for local development. */
+const hostVariants = (host) => {
+    const h = normaliseHost(host);
+    const withoutPort = h.replace(/:\d+$/, '');
+    const withoutWww = withoutPort.replace(/^www\./, '');
+    return [...new Set([h, withoutPort, withoutWww])];
+};
+const findTenantBySlug = async (slug) => {
+    const payload = await getPayloadClient();
+    const found = await payload.find({
+        collection: 'tenants',
+        where: { slug: { equals: slug } },
+        limit: 1,
+        depth: 0,
+        pagination: false,
+        overrideAccess: true,
+    });
+    return found.docs[0] ?? null;
+};
+export const resolveTenantByHost = async (host) => {
+    const payload = await getPayloadClient();
+    const candidates = host ? hostVariants(host) : [];
+    if (candidates.length) {
+        const match = await payload.find({
+            collection: 'tenants',
+            where: {
+                or: [
+                    { 'domains.hostname': { in: candidates } },
+                    { primaryDomain: { in: candidates } },
+                ],
+            },
+            limit: 1,
+            depth: 0,
+            pagination: false,
+            overrideAccess: true,
+        });
+        if (match.docs[0])
+            return match.docs[0];
+    }
+    // Development convenience only: with no matching host, fall back to the first
+    // tenant so `localhost:3000/blog` works without editing /etc/hosts. In
+    // production an unmatched host is a misconfiguration and must not silently
+    // serve another brand's content.
+    if (process.env.NEXT_PUBLIC_APP_ENV !== 'production') {
+        const first = await payload.find({
+            collection: 'tenants',
+            limit: 1,
+            depth: 0,
+            sort: 'createdAt',
+            pagination: false,
+            overrideAccess: true,
+        });
+        return first.docs[0] ?? null;
+    }
+    return null;
+};
+/**
+ * Brand slug from the current request override header (set by middleware from
+ * `?_tenant=` on public pages, or `?brand=` / cookie on admin).
+ */
+export const getExplicitTenantSlug = async () => {
+    const h = await headers();
+    const host = h.get('host');
+    if (!allowTenantSlugOverride(host))
+        return null;
+    return h.get(DEV_TENANT_HEADER)?.trim() || null;
+};
+/**
+ * On localhost / *.vercel.app, public listings match admin "All brands" by default.
+ * Pass `tenantFromQuery` from `?_tenant=` to scope to one brand.
+ */
+export const shouldListAllBrands = async (tenantFromQuery) => {
+    const h = await headers();
+    const host = h.get('host');
+    if (!isSharedPreviewHost(host))
+        return false;
+    if (tenantFromQuery?.trim())
+        return false;
+    // Layout / API with no query: also treat a public _tenant header as scoped.
+    const explicit = await getExplicitTenantSlug();
+    return !explicit;
+};
+/**
+ * Resolve the tenant for the current request.
+ *
+ * On a real brand domain, the Host header wins. On shared preview hosts
+ * (localhost, *.vercel.app), `?_tenant=` (public) or `?brand=` (admin) selects
+ * a brand. Public default with no picker is all-brands listings.
+ *
+ * Wrapped in React cache so layout + page share one lookup per request.
+ */
+export const getCurrentTenant = cache(async (overrideSlug) => {
+    const h = await headers();
+    const host = h.get('host');
+    const canPickBrand = allowTenantSlugOverride(host);
+    let slug = overrideSlug?.trim() || '';
+    if (!slug && canPickBrand) {
+        slug = h.get(DEV_TENANT_HEADER)?.trim() || '';
+    }
+    if (slug && canPickBrand) {
+        const bySlug = await findTenantBySlug(slug);
+        if (bySlug)
+            return bySlug;
+    }
+    return resolveTenantByHost(host);
+});
+/** Absolute origin for canonical URLs and the sitemap. */
+export const tenantOrigin = (tenant, requestHost) => {
+    if (process.env.NEXT_PUBLIC_APP_ENV === 'production') {
+        return `https://${normaliseHost(tenant.primaryDomain)}`;
+    }
+    const host = requestHost ? normaliseHost(requestHost) : 'localhost:3000';
+    const protocol = host.startsWith('localhost') || host.startsWith('127.0.0.1') ? 'http' : 'https';
+    return `${protocol}://${host}`;
+};
+export const currentOrigin = async (tenant) => {
+    const h = await headers();
+    return tenantOrigin(tenant, h.get('host') ?? undefined);
+};

package/dist/lib/toc.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The contents rail on an article.
+ *
+ * Built from the stored document rather than from the rendered DOM, so it exists
+ * on the server, needs no JavaScript, and cannot disagree with the article: the
+ * same slug function generates the anchor here and the `id` in the renderer
+ * (see components/RichText.tsx).
+ */
+export type Heading = {
+    id: string;
+    text: string;
+    level: 2 | 3;
+};
+export declare const headingId: (text: string) => string;
+export declare const extractHeadings: (content: unknown) => Heading[];
+//# sourceMappingURL=toc.d.ts.map

package/dist/lib/toc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../app/lib/toc.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AAEH,MAAM,MAAM,OAAO,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;CAAE,CAAA;AAEhE,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,KAAG,MAA2C,CAAA;AAEpF,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,KAAG,OAAO,EAyBzD,CAAA"}

package/dist/lib/toc.js

@@ -0,0 +1,28 @@
+import { walk } from './lexical';
+import { slugify } from './slug';
+export const headingId = (text) => `h-${slugify(text).slice(0, 60)}`;
+export const extractHeadings = (content) => {
+    const out = [];
+    const seen = new Set();
+    walk(content?.root, (node) => {
+        if (node.type !== 'heading')
+            return;
+        const tag = String(node.tag ?? '');
+        if (tag !== 'h2' && tag !== 'h3')
+            return;
+        const text = (Array.isArray(node.children) ? node.children : [])
+            .map((child) => (typeof child.text === 'string' ? child.text : ''))
+            .join('')
+            .trim();
+        if (!text)
+            return;
+        // Two sections called "Method" would otherwise fight over one anchor.
+        let id = headingId(text);
+        let n = 2;
+        while (seen.has(id))
+            id = `${headingId(text)}-${n++}`;
+        seen.add(id);
+        out.push({ id, text, level: tag === 'h2' ? 2 : 3 });
+    });
+    return out;
+};

package/dist/lib/yoast-snippet.d.ts

@@ -0,0 +1,25 @@
+export type SnippetContext = {
+    title: string;
+    slug: string;
+    excerpt: string;
+    siteName: string;
+    separator?: string;
+    categoryName?: string;
+    focusKeyphrase?: string;
+    contentText?: string;
+    date?: string;
+};
+export type SnippetVariable = {
+    label: string;
+    token: string;
+    description?: string;
+};
+export declare const SEO_TITLE_VARIABLES: SnippetVariable[];
+export declare const META_DESCRIPTION_VARIABLES: SnippetVariable[];
+export declare const expandSnippet: (template: string, ctx: SnippetContext) => string;
+export declare const brandTitleTemplateToSnippet: (titleTemplate?: string | null) => string;
+export declare const generateSeoTitleSnippet: (titleTemplate?: string | null) => string;
+export declare const generateMetaDescriptionSnippet: (ctx: SnippetContext) => string;
+export declare const resolveSeoTitle: (stored: string | null | undefined, ctx: SnippetContext) => string;
+export declare const resolveMetaDescription: (stored: string | null | undefined, ctx: SnippetContext) => string;
+//# sourceMappingURL=yoast-snippet.d.ts.map

package/dist/lib/yoast-snippet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yoast-snippet.d.ts","sourceRoot":"","sources":["../../app/lib/yoast-snippet.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,eAAe,EAShD,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,eAAe,EAMvD,CAAA;AAID,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,EAAE,KAAK,cAAc,KAAG,MAqBrE,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,gBAAgB,MAAM,GAAG,IAAI,KAAG,MAI3E,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,gBAAgB,MAAM,GAAG,IAAI,KAAG,MAC5B,CAAA;AAE5C,eAAO,MAAM,8BAA8B,GAAI,KAAK,cAAc,KAAG,MAiBpE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,cAAc,KAAG,MAGxF,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,QAAQ,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,cAAc,KAAG,MAM/F,CAAA"}

package/dist/lib/yoast-snippet.js

@@ -0,0 +1,79 @@
+import { slugify } from './slug';
+export const SEO_TITLE_VARIABLES = [
+    { label: 'Title', token: '%%title%%', description: 'Post title' },
+    { label: 'Page', token: '%%page%%', description: 'Same as post title' },
+    { label: 'Separator', token: '%%sep%%', description: 'Title separator (|)' },
+    { label: 'Site title', token: '%%sitename%%', description: 'Site / brand name' },
+    { label: 'Slug', token: '%%slug%%', description: 'URL slug' },
+    { label: 'Primary category', token: '%%category%%', description: 'Main category' },
+    { label: 'Focus keyphrase', token: '%%focuskw%%', description: 'SEO focus keyphrase' },
+    { label: 'Date', token: '%%date%%', description: 'Publish date' },
+];
+export const META_DESCRIPTION_VARIABLES = [
+    { label: 'Excerpt', token: '%%excerpt%%', description: 'Post excerpt' },
+    { label: 'Title', token: '%%title%%', description: 'Post title' },
+    { label: 'Site title', token: '%%sitename%%', description: 'Site / brand name' },
+    { label: 'Focus keyphrase', token: '%%focuskw%%', description: 'SEO focus keyphrase' },
+    { label: 'Primary category', token: '%%category%%', description: 'Main category' },
+];
+const hasSnippetTokens = (value) => /%%\w+%%/.test(value);
+export const expandSnippet = (template, ctx) => {
+    if (!template.trim())
+        return '';
+    if (!hasSnippetTokens(template))
+        return template.trim();
+    const sep = ctx.separator ?? '|';
+    const date = ctx.date ?? '';
+    return template
+        .replace(/%%title%%/g, ctx.title)
+        .replace(/%%page%%/g, ctx.title)
+        .replace(/%%sep%%/g, sep)
+        .replace(/%%sitename%%/g, ctx.siteName)
+        .replace(/%%slug%%/g, ctx.slug || slugify(ctx.title))
+        .replace(/%%excerpt%%/g, ctx.excerpt)
+        .replace(/%%category%%/g, ctx.categoryName ?? "")
+        .replace(/%%focuskw%%/g, ctx.focusKeyphrase ?? "")
+        .replace(/%%date%%/g, date)
+        .replace(/\s{2,}/g, " ")
+        .replace(/\s+\|/g, " |")
+        .replace(/\|\s+/g, "| ")
+        .trim();
+};
+export const brandTitleTemplateToSnippet = (titleTemplate) => {
+    const raw = (titleTemplate ?? '').trim();
+    if (!raw)
+        return '%%title%% %%sep%% %%sitename%%';
+    return raw.replace(/%s/g, '%%title%%').replace(/%site%/gi, '%%sitename%%');
+};
+export const generateSeoTitleSnippet = (titleTemplate) => brandTitleTemplateToSnippet(titleTemplate);
+export const generateMetaDescriptionSnippet = (ctx) => {
+    if (ctx.excerpt.trim())
+        return '%%excerpt%%';
+    const plain = (ctx.contentText ?? '').trim().replace(/\s+/g, ' ');
+    if (!plain)
+        return '%%excerpt%%';
+    let text = plain;
+    const phrase = ctx.focusKeyphrase?.trim();
+    if (phrase && !text.toLowerCase().includes(phrase.toLowerCase())) {
+        const intro = `${phrase}: `;
+        const room = 156 - intro.length;
+        text = intro + (text.length > room ? `${text.slice(0, room - 1).trim()}…` : text);
+    }
+    else if (text.length > 156) {
+        text = `${text.slice(0, 153).trim()}…`;
+    }
+    return text;
+};
+export const resolveSeoTitle = (stored, ctx) => {
+    const expanded = expandSnippet(stored ?? '', ctx);
+    return expanded || ctx.title;
+};
+export const resolveMetaDescription = (stored, ctx) => {
+    const expanded = expandSnippet(stored ?? '', ctx);
+    if (expanded)
+        return expanded;
+    if (ctx.excerpt.trim())
+        return ctx.excerpt.trim();
+    const plain = (ctx.contentText ?? '').trim().replace(/\s+/g, ' ');
+    return plain ? plain.slice(0, 155) : '';
+};

package/dist/pages/admin/BlogAdmin.d.ts

@@ -0,0 +1,9 @@
+import type { AdminSdkConfig, AdminTheme, Branding } from "../../types/admin";
+export type BlogAdminProps = {
+    config: AdminSdkConfig;
+    theme?: AdminTheme;
+    branding?: Branding;
+    className?: string;
+};
+export declare function BlogAdmin({ config, theme, branding, className }: BlogAdminProps): import("react").JSX.Element;
+//# sourceMappingURL=BlogAdmin.d.ts.map

package/dist/pages/admin/BlogAdmin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogAdmin.d.ts","sourceRoot":"","sources":["../../../app/pages/admin/BlogAdmin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAuB9E,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA8WF,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,+BAM/E"}

package/dist/pages/admin/BlogAdmin.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cx, themeVars } from "../../styles/adminTheme";
+import { Shell } from "../../components/admin/Shell";
+import { Dashboard } from "../../components/admin/Dashboard";
+import { PostList } from "../../components/admin/PostList";
+import { PostEditor } from "../../components/admin/PostEditor";
+import { AdminPostDetail } from "../../components/admin/AdminPostDetail";
+import { CategoryManager, TagManager, AuthorsManager } from "../../components/admin/TermManager";
+import { MediaLibrary } from "../../components/admin/MediaLibrary";
+import { CommentsManager } from "../../components/admin/CommentsManager";
+import { UsersManager } from "../../components/admin/UsersManager";
+import { BrandSettings, BrandsList, ProfilePanel } from "../../components/admin/BrandSettings";
+import { AdminMockProvider, useAdminMock } from "../../components/admin/mock/store";
+import { RedirectList } from "../../components/admin/seo/RedirectList";
+import { RedirectForm, redirectToFormValues } from "../../components/admin/seo/RedirectForm";
+import { RedirectDetail } from "../../components/admin/seo/RedirectDetail";
+import { RedirectAnalyticsDashboard } from "../../components/admin/seo/RedirectAnalyticsDashboard";
+import { RobotsEditor } from "../../components/admin/seo/RobotsEditor";
+import { Ga4Settings, SitemapPanel } from "../../components/admin/seo/Ga4Settings";
+import { SearchConsoleSettings } from "../../components/admin/seo/SearchConsoleSettings";
+import { BrandPickPanel } from "../../components/admin/seo/shared";
+import { ExportTool, ImportTool, ToolsHub } from "../../components/admin/tools";
+function BlogAdminInner({ theme, branding, className, }) {
+    const store = useAdminMock();
+    const [activeNav, setActiveNav] = useState("overview");
+    const [editingId, setEditingId] = useState(undefined);
+    const [viewingId, setViewingId] = useState(undefined);
+    const [redirectId, setRedirectId] = useState(undefined);
+    const [settingsBrandId, setSettingsBrandId] = useState(undefined);
+    const openEditor = (id) => {
+        setViewingId(undefined);
+        setEditingId(id);
+        setActiveNav("posts-new");
+    };
+    const openView = (id) => {
+        setEditingId(undefined);
+        setViewingId(id);
+    };
+    const navigate = (key) => {
+        setActiveNav(key);
+        if (key !== "posts-new")
+            setEditingId(undefined);
+        setViewingId(undefined);
+        if (key !== "redirects-new" && key !== "redirects-all" && key !== "redirects") {
+            setRedirectId(undefined);
+        }
+    };
+    const postFilterForNav = (nav) => {
+        if (nav === "attention")
+            return "attention";
+        if (nav === "scheduled")
+            return "scheduled";
+        if (nav === "trash")
+            return "trash";
+        return "all";
+    };
+    const requireBrand = (title, render) => {
+        const brandId = store.activeBrandId ?? store.brands[0]?.id;
+        if (!brandId) {
+            return _jsx(BrandPickPanel, { title: title, onPick: (id) => store.setActiveBrandId(id) });
+        }
+        if (!store.activeBrandId) {
+            return (_jsxs(_Fragment, { children: [_jsx(BrandPickPanel, { title: title, onPick: (id) => store.setActiveBrandId(id) }), _jsx("p", { className: "note", children: "Showing first brand until one is selected." }), render(brandId)] }));
+        }
+        return render(brandId);
+    };
+    const viewingPost = viewingId ? store.getPost(viewingId) : undefined;
+    const getTitle = () => {
+        if (viewingId)
+            return viewingPost?.title || "Post";
+        if (activeNav === "posts-new" && !editingId)
+            return "Add Post";
+        if (activeNav === "posts-new" || editingId)
+            return "Edit Post";
+        if (activeNav.startsWith("posts") || activeNav === "attention" || activeNav === "scheduled" || activeNav === "trash")
+            return "Posts";
+        if (activeNav === "categories")
+            return "Categories";
+        if (activeNav === "tags")
+            return "Tags";
+        if (activeNav === "authors")
+            return "Authors";
+        if (activeNav === "media")
+            return "Media";
+        if (activeNav === "comments")
+            return "Comments";
+        if (activeNav === "overview")
+            return "Dashboard";
+        if (activeNav.startsWith("redirects"))
+            return "Redirects";
+        if (activeNav === "robots")
+            return "Robots.txt";
+        if (activeNav === "sitemap")
+            return "XML Sitemap";
+        if (activeNav === "analytics")
+            return "Google Analytics";
+        if (activeNav === "search-console")
+            return "Search Console";
+        if (activeNav === "users")
+            return "People";
+        if (activeNav === "settings")
+            return "Settings";
+        if (activeNav === "brands")
+            return "Brands";
+        if (activeNav === "profile")
+            return "Profile";
+        if (activeNav.startsWith("tools"))
+            return "Tools";
+        return activeNav.charAt(0).toUpperCase() + activeNav.slice(1);
+    };
+    const renderContent = () => {
+        if (viewingId) {
+            return (_jsx(AdminPostDetail, { postId: viewingId, onBack: () => {
+                    setViewingId(undefined);
+                    setActiveNav("posts-all");
+                }, onEdit: (id) => openEditor(id), onViewRelated: (id) => setViewingId(id) }));
+        }
+        if (activeNav === "posts-new" || editingId) {
+            return (_jsx(PostEditor, { postId: editingId, onDone: () => {
+                    setEditingId(undefined);
+                    setActiveNav("posts-all");
+                } }));
+        }
+        if (activeNav === "posts" ||
+            activeNav === "posts-all" ||
+            activeNav === "attention" ||
+            activeNav === "scheduled" ||
+            activeNav === "trash") {
+            return (_jsx(PostList, { filterState: postFilterForNav(activeNav), onCreate: () => openEditor(), onEdit: (id) => openEditor(id), onView: (id) => openView(id) }));
+        }
+        switch (activeNav) {
+            case "overview":
+                return _jsx(Dashboard, {});
+            case "categories":
+                return _jsx(CategoryManager, {});
+            case "tags":
+                return _jsx(TagManager, {});
+            case "authors":
+                return _jsx(AuthorsManager, {});
+            case "media":
+                return _jsx(MediaLibrary, {});
+            case "comments":
+                return _jsx(CommentsManager, { onOpenPost: (id) => openEditor(id) });
+            case "redirects":
+                return (_jsxs(_Fragment, { children: [_jsx(RedirectAnalyticsDashboard, { data: store.redirectAnalytics }), _jsxs("div", { className: "btn-row", style: { marginTop: 16 }, children: [_jsx("button", { type: "button", className: "btn", onClick: () => navigate("redirects-all"), children: "All redirects" }), _jsx("button", { type: "button", className: "btn btn-primary", onClick: () => navigate("redirects-new"), children: "Add redirect" })] })] }));
+            case "redirects-all":
+                if (redirectId) {
+                    return (_jsx(RedirectDetail, { redirectId: redirectId, onEdit: () => setActiveNav("redirects-new"), onBack: () => setRedirectId(undefined) }));
+                }
+                return (_jsx(RedirectList, { onCreate: () => {
+                        setRedirectId(undefined);
+                        navigate("redirects-new");
+                    }, onView: (id) => setRedirectId(id), onEdit: (id) => {
+                        setRedirectId(id);
+                        navigate("redirects-new");
+                    } }));
+            case "redirects-new": {
+                const existing = redirectId ? store.getRedirect(redirectId) : undefined;
+                return (_jsx(RedirectForm, { mode: existing ? "edit" : "create", initial: existing ? redirectToFormValues(existing) : undefined, onDone: () => {
+                        setRedirectId(undefined);
+                        navigate("redirects-all");
+                    }, onCancel: () => {
+                        setRedirectId(undefined);
+                        navigate("redirects-all");
+                    } }));
+            }
+            case "robots":
+                return requireBrand("Robots.txt", (brandId) => _jsx(RobotsEditor, { brandId: brandId }));
+            case "sitemap":
+                return requireBrand("XML Sitemap", (brandId) => _jsx(SitemapPanel, { brandId: brandId }));
+            case "analytics":
+                return requireBrand("Google Analytics", (brandId) => _jsx(Ga4Settings, { brandId: brandId }));
+            case "search-console":
+                return requireBrand("Search Console", (brandId) => _jsx(SearchConsoleSettings, { brandId: brandId }));
+            case "users":
+                return _jsx(UsersManager, {});
+            case "settings":
+                return _jsx(BrandSettings, { brandId: settingsBrandId ?? store.activeBrandId ?? store.brands[0]?.id });
+            case "brands":
+                return (_jsx(BrandsList, { onOpenSettings: (id) => {
+                        setSettingsBrandId(id);
+                        navigate("settings");
+                    } }));
+            case "profile":
+                return _jsx(ProfilePanel, {});
+            case "tools":
+                return (_jsx(ToolsHub, { onExport: () => navigate("tools-export"), onImport: () => navigate("tools-import") }));
+            case "tools-export":
+                return _jsx(ExportTool, {});
+            case "tools-import":
+                return _jsx(ImportTool, {});
+            default:
+                return _jsx(Dashboard, {});
+        }
+    };
+    const postCount = store.postCounts().all;
+    return (_jsxs("div", { className: cx("bp-admin-wrapper", branding?.className, className), style: {
+            ...themeVars(theme, branding),
+        }, children: [branding?.css ? _jsx("style", { children: branding.css }) : null, _jsx(Shell, { active: activeNav, onNavigate: navigate, title: getTitle(), wide: Boolean(viewingId), subtitle: viewingId
+                    ? viewingPost?.status === "published"
+                        ? "Published post"
+                        : "Draft preview"
+                    : activeNav === "overview"
+                        ? `Editorial overview · last 30 days · ${store.brands.length} brands`
+                        : activeNav.startsWith("posts") && activeNav !== "posts-new"
+                            ? `${postCount} posts across ${store.activeBrand ? "this brand" : "all brands"}`
+                            : store.activeBrand
+                                ? store.activeBrand.name
+                                : undefined, actions: _jsx(_Fragment, { children: _jsxs("div", { style: { display: "flex", gap: 12, alignItems: "center" }, children: [_jsxs("select", { className: "fld fld-sm", style: { minWidth: 140 }, "aria-label": "Brand filter", value: store.activeBrandId ?? "", onChange: (e) => store.setActiveBrandId(e.target.value || null), children: [_jsx("option", { value: "", children: "All brands" }), store.brands.map((b) => (_jsx("option", { value: b.id, children: b.name }, b.id)))] }), activeNav === "overview" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "btn-group", style: { display: "flex", background: "var(--d-rule)", borderRadius: 6, overflow: "hidden" }, children: [_jsx("button", { type: "button", className: "btn btn-ghost btn-sm", style: { borderRadius: 0, opacity: 0.6 }, children: "7d" }), _jsx("button", { type: "button", className: "btn btn-ghost btn-sm", style: {
+                                                    borderRadius: 0,
+                                                    background: "var(--d-accent-soft)",
+                                                    color: "var(--d-accent)",
+                                                    fontWeight: 600,
+                                                }, children: "30d" }), _jsx("button", { type: "button", className: "btn btn-ghost btn-sm", style: { borderRadius: 0, opacity: 0.6 }, children: "90d" })] }), _jsx("button", { type: "button", className: "btn btn-primary btn-sm", onClick: () => openEditor(), children: "+ New post" })] })) : null, viewingId ? (_jsx("button", { type: "button", className: "btn btn-primary", onClick: () => openEditor(viewingId), children: "Edit post" })) : null, (activeNav.startsWith("posts") ||
+                                activeNav === "attention" ||
+                                activeNav === "scheduled" ||
+                                activeNav === "trash") &&
+                                activeNav !== "posts-new" &&
+                                !viewingId ? (_jsx("button", { type: "button", className: "btn btn-primary btn-sm", onClick: () => openEditor(), children: "+ Add new" })) : null] }) }), branding: branding, userName: store.profile.name, userRole: store.profile.globalRole === "platform-admin" ? "Platform admin" : store.profile.globalRole, onProfile: () => navigate("profile"), children: renderContent() })] }));
+}
+function BlogAdminBootGate({ theme, branding, className, }) {
+    const store = useAdminMock();
+    if (store.live && store.bootStatus === "loading") {
+        return (_jsx("div", { className: className, role: "status", style: { padding: 24 }, children: "Connecting to Admin API\u2026" }));
+    }
+    if (store.live && store.bootStatus === "error") {
+        return (_jsxs("div", { className: className, role: "alert", style: { padding: 24 }, children: [_jsx("p", { children: "Could not load Admin SDK data." }), _jsx("p", { style: { color: "#b91c1c" }, children: store.bootError ?? "Unknown error" }), _jsx("button", { type: "button", className: "btn btn-primary", onClick: () => void store.refreshFromApi(), children: "Retry" })] }));
+    }
+    return _jsx(BlogAdminInner, { theme: theme, branding: branding, className: className });
+}
+export function BlogAdmin({ config, theme, branding, className }) {
+    return (_jsx(AdminMockProvider, { config: config, children: _jsx(BlogAdminBootGate, { theme: theme, branding: branding, className: className }) }));
+}

package/dist/pages/admin/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BlogAdmin";
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../app/pages/admin/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/pages/admin/index.js

@@ -0,0 +1 @@
+export * from "./BlogAdmin";

package/dist/pages/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./admin";
+export * from "./user";
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../app/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}

package/dist/pages/index.js

@@ -0,0 +1,2 @@
+export * from "./admin";
+export * from "./user";

package/dist/pages/user/UserBlogPage.d.ts

@@ -0,0 +1,10 @@
+import type { BlogTheme, Branding, BlogSdkConfig } from "../../types/user";
+export type UserBlogPageProps = {
+    config: BlogSdkConfig;
+    theme?: BlogTheme;
+    branding?: Branding;
+    className?: string;
+};
+/** Public browsing page: published list → detail (BlogUploader layout). */
+export declare function UserBlogPage({ config, theme, branding, className, }: UserBlogPageProps): import("react").JSX.Element;
+//# sourceMappingURL=UserBlogPage.d.ts.map

package/dist/pages/user/UserBlogPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserBlogPage.d.ts","sourceRoot":"","sources":["../../../app/pages/user/UserBlogPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2EAA2E;AAC3E,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BAkCnB"}

package/dist/pages/user/UserBlogPage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { BlogDetail, BlogList } from "../../components/user";
+/** Public browsing page: published list → detail (BlogUploader layout). */
+export function UserBlogPage({ config, theme, branding, className, }) {
+    const [selectedSlug, setSelectedSlug] = useState(null);
+    if (selectedSlug) {
+        return (_jsx(BlogDetail, { className: className, config: config, slug: selectedSlug, theme: theme, branding: branding, blogDetailsHero: true, onBack: () => setSelectedSlug(null), onHome: () => setSelectedSlug(null), onSelectRelated: (slug) => {
+                setSelectedSlug(slug);
+            } }));
+    }
+    return (_jsx(BlogList, { className: className, config: config, theme: theme ?? { layout: "grid", columns: 3, showExcerpt: true, showDate: true }, branding: branding, title: "Stories", description: "Published stories, guides, and updates from our team.", onSelect: (blog) => {
+            setSelectedSlug(blog.slug);
+        } }));
+}

package/dist/pages/user/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UserBlogPage";
+//# sourceMappingURL=index.d.ts.map

package/dist/pages/user/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../app/pages/user/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/pages/user/index.js

@@ -0,0 +1 @@
+export * from "./UserBlogPage";