@canvas-digital/blog-sdk 2.0.0

package/dist/components/admin/PostList.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useAdminMock } from "./mock/store";
+import { PostsTable } from "./PostsTable";
+const TABS = [
+    { key: "all", label: "All" },
+    { key: "attention", label: "Needs attention" },
+    { key: "writing", label: "Drafts" },
+    { key: "review", label: "In review" },
+    { key: "scheduled", label: "Scheduled" },
+    { key: "live", label: "Published" },
+    { key: "trash", label: "Trash" },
+];
+const SORTS = [
+    { key: "recent", label: "Recently edited" },
+    { key: "published", label: "Recently published" },
+    { key: "title", label: "Title A–Z" },
+    { key: "oldest", label: "Oldest first" },
+];
+const PER_PAGE = 20;
+export function PostList({ filterState = "all", onEdit, onView, onMetaChange, }) {
+    const store = useAdminMock();
+    const [tab, setTab] = useState(filterState);
+    const [searchDraft, setSearchDraft] = useState("");
+    const [search, setSearch] = useState("");
+    const [categoryDraft, setCategoryDraft] = useState("");
+    const [categoryId, setCategoryId] = useState("");
+    const [sortDraft, setSortDraft] = useState(filterState === "live" ? "published" : "recent");
+    const [sort, setSort] = useState(filterState === "live" ? "published" : "recent");
+    const [page, setPage] = useState(1);
+    useEffect(() => {
+        setTab(filterState);
+        setPage(1);
+        if (filterState === "live") {
+            setSort("published");
+            setSortDraft("published");
+        }
+    }, [filterState]);
+    const counts = store.postCounts();
+    const categories = store.terms("categories");
+    const rows = useMemo(() => {
+        const list = store.filterPosts({
+            state: tab,
+            query: search,
+            categoryId: categoryId || undefined,
+        });
+        const sorted = [...list];
+        if (sort === "published") {
+            sorted.sort((a, b) => (b.publishedAt ?? "").localeCompare(a.publishedAt ?? ""));
+        }
+        else if (sort === "title") {
+            sorted.sort((a, b) => a.title.localeCompare(b.title));
+        }
+        else if (sort === "oldest") {
+            sorted.sort((a, b) => a.createdAt.localeCompare(b.createdAt));
+        }
+        else {
+            sorted.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+        }
+        return sorted;
+    }, [store, tab, search, categoryId, sort]);
+    useEffect(() => {
+        onMetaChange?.({ total: rows.length, search });
+    }, [rows.length, search, onMetaChange]);
+    const totalPages = Math.max(1, Math.ceil(rows.length / PER_PAGE));
+    const pageRows = rows.slice((page - 1) * PER_PAGE, page * PER_PAGE);
+    const showBrand = !store.activeBrandId && store.brands.length > 1;
+    const isTrash = tab === "trash";
+    const applyFilters = () => {
+        setSearch(searchDraft.trim());
+        setCategoryId(categoryDraft);
+        setSort(sortDraft);
+        setPage(1);
+    };
+    const clearFilters = () => {
+        setSearchDraft("");
+        setSearch("");
+        setCategoryDraft("");
+        setCategoryId("");
+        setPage(1);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "tabs", role: "navigation", "aria-label": "Filter posts by state", children: TABS.map((t) => (_jsxs("button", { type: "button", "aria-current": t.key === tab ? "true" : undefined, onClick: () => {
+                        setTab(t.key);
+                        setPage(1);
+                        if (t.key === "live") {
+                            setSort("published");
+                            setSortDraft("published");
+                        }
+                    }, children: [t.label, _jsx("span", { className: "tab-count", children: counts[t.key] ?? 0 })] }, t.key))) }), _jsxs("form", { className: "filterbar", onSubmit: (e) => {
+                    e.preventDefault();
+                    applyFilters();
+                }, children: [_jsx("input", { className: "fld", type: "search", name: "q", placeholder: "Search titles\u2026", value: searchDraft, onChange: (e) => setSearchDraft(e.target.value), "aria-label": "Search post titles" }), _jsxs("select", { className: "fld", name: "cat", "aria-label": "Filter by category", value: categoryDraft, onChange: (e) => setCategoryDraft(e.target.value), children: [_jsx("option", { value: "", children: "All categories" }), categories.map((c) => (_jsx("option", { value: c.id, children: c.name }, c.id)))] }), _jsx("select", { className: "fld", name: "sort", "aria-label": "Sort", value: sortDraft, onChange: (e) => setSortDraft(e.target.value), children: SORTS.map((s) => (_jsx("option", { value: s.key, children: s.label }, s.key))) }), _jsx("button", { className: "btn", type: "submit", children: "Filter" }), search || categoryId ? (_jsx("button", { type: "button", className: "btn btn-ghost", onClick: clearFilters, children: "Clear" })) : null] }), isTrash ? (_jsxs("p", { className: "explain", children: ["Trashed posts are ", _jsx("b", { children: "soft-deleted" }), ": they keep their versions, their slug and their redirects, and no ordinary query returns them. Restoring one puts it back exactly as it was. Deleting permanently is a brand-admin action and cannot be undone."] })) : null, _jsx("section", { className: "panel", children: _jsx(PostsTable, { rows: pageRows, categories: categories, state: tab, showBrand: showBrand, onEdit: onEdit, onView: onView }) }), totalPages > 1 ? (_jsxs("nav", { className: "pager", "aria-label": "Pagination", children: [page > 1 ? (_jsx("button", { type: "button", className: "btn", onClick: () => setPage((p) => p - 1), children: "\u2190 Newer" })) : (_jsx("span", {})), _jsxs("span", { className: "note", children: ["Page ", page, " of ", totalPages] }), page < totalPages ? (_jsx("button", { type: "button", className: "btn", onClick: () => setPage((p) => p + 1), children: "Older \u2192" })) : (_jsx("span", {}))] })) : null] }));
+}

package/dist/components/admin/PostsTable.d.ts

@@ -0,0 +1,15 @@
+import type { PostRow } from "./mock/fixtures";
+type Props = {
+    rows: PostRow[];
+    categories: {
+        id: string;
+        name: string;
+    }[];
+    state: string;
+    showBrand: boolean;
+    onEdit: (id: string) => void;
+    onView?: (id: string) => void;
+};
+export declare const PostsTable: ({ rows, categories, state, showBrand, onEdit, onView }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PostsTable.d.ts.map

package/dist/components/admin/PostsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostsTable.d.ts","sourceRoot":"","sources":["../../../app/components/admin/PostsTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,CAAC;AAuBF,eAAO,MAAM,UAAU,GAAI,wDAAwD,KAAK,gCA4avF,CAAC"}

package/dist/components/admin/PostsTable.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo, useState, useTransition } from "react";
+import { REVIEW_LABELS } from "./lib/publishing";
+import { formatDateTime, formatShortDate } from "./lib/format";
+import { useAdminMock } from "./mock/store";
+const fmtDate = formatShortDate;
+const fmtDateTime = formatDateTime;
+const toLocalInput = (iso) => {
+    if (!iso)
+        return "";
+    const d = new Date(iso);
+    const pad = (n) => String(n).padStart(2, "0");
+    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+};
+const StateChip = ({ row }) => {
+    if (row.trashed)
+        return _jsx("span", { className: "chip chip-blocked", children: "Trashed" });
+    if (row.status === "published")
+        return _jsx("span", { className: "chip chip-live", children: "Live" });
+    if (row.scheduledFor && row.status === "draft") {
+        return _jsx("span", { className: "chip chip-approved", children: "Scheduled" });
+    }
+    const rs = row.reviewState;
+    const cls = rs === "in-review" ? "chip-review" : rs === "approved" ? "chip-approved" : "chip-writing";
+    return _jsx("span", { className: `chip ${cls}`, children: REVIEW_LABELS[rs] ?? "Draft" });
+};
+export const PostsTable = ({ rows, categories, state, showBrand, onEdit, onView }) => {
+    const store = useAdminMock();
+    const [pending, start] = useTransition();
+    const [selected, setSelected] = useState([]);
+    const [bulk, setBulk] = useState("");
+    const [error, setError] = useState(null);
+    const [flash, setFlash] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const [scheduling, setScheduling] = useState(null);
+    const [when, setWhen] = useState("");
+    const isTrash = state === "trash";
+    const allChecked = rows.length > 0 && selected.length === rows.length;
+    const editRow = useMemo(() => rows.find((r) => r.id === editing) ?? null, [rows, editing]);
+    const [draft, setDraft] = useState({
+        title: "",
+        slug: "",
+        category: [],
+        date: "",
+        status: "draft",
+    });
+    const run = (fn, message) => {
+        setError(null);
+        setFlash(null);
+        start(() => {
+            void Promise.resolve(fn()).then((res) => {
+                if (!res.ok) {
+                    setError(res.error);
+                    return;
+                }
+                if (message)
+                    setFlash(message);
+                setSelected([]);
+                setEditing(null);
+                setScheduling(null);
+            });
+        });
+    };
+    const openQuickEdit = (row) => {
+        setEditing(row.id);
+        setError(null);
+        setDraft({
+            title: row.title,
+            slug: row.slug,
+            category: row.categoryIds,
+            date: toLocalInput(row.publishedAt),
+            status: row.status,
+        });
+    };
+    const toggleDraftCategory = (id) => {
+        setDraft((d) => ({
+            ...d,
+            category: d.category.includes(id) ? d.category.filter((c) => c !== id) : [...d.category, id],
+        }));
+    };
+    const applyBulk = () => {
+        if (!bulk || !selected.length)
+            return;
+        if (bulk === "delete" && !window.confirm(`Permanently delete ${selected.length} post(s)? This cannot be undone.`)) {
+            return;
+        }
+        run(() => store.bulkPostAction(selected, bulk), `${selected.length} post(s) updated.`);
+    };
+    return (_jsxs("div", { className: "list", children: [_jsxs("div", { className: "list-bar", children: [_jsxs("div", { className: "bulk", children: [_jsxs("select", { className: "fld fld-sm", value: bulk, onChange: (e) => setBulk(e.target.value), "aria-label": "Bulk action", children: [_jsx("option", { value: "", children: "Bulk actions\u2026" }), isTrash ? (_jsxs(_Fragment, { children: [_jsx("option", { value: "restore", children: "Restore" }), _jsx("option", { value: "delete", children: "Delete permanently" })] })) : (_jsxs(_Fragment, { children: [_jsx("option", { value: "submit", children: "Submit for review" }), _jsx("option", { value: "approve", children: "Approve" }), _jsx("option", { value: "send-back", children: "Send back to writing" }), _jsx("option", { value: "publish", children: "Publish" }), _jsx("option", { value: "draft", children: "Switch to draft" }), _jsx("option", { value: "trash", children: "Move to trash" })] }))] }), _jsx("button", { type: "button", className: "btn", disabled: !bulk || !selected.length || pending, onClick: applyBulk, children: "Apply" }), _jsx("span", { className: "note", children: selected.length ? `${selected.length} selected` : `${rows.length} shown` })] }), pending ? _jsx("span", { className: "note", children: "Working\u2026" }) : null] }), error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "form-ok", role: "status", children: flash })) : null, _jsx("div", { className: "tw", children: _jsxs("table", { className: "tbl tbl-list", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "col-check", children: _jsx("input", { type: "checkbox", checked: allChecked, "aria-label": "Select all posts", onChange: (e) => setSelected(e.target.checked ? rows.map((r) => r.id) : []) }) }), _jsx("th", { children: "Title" }), showBrand ? _jsx("th", { className: "col-narrow", children: "Brand" }) : null, _jsx("th", { className: "col-narrow", children: "Byline" }), _jsx("th", { className: "col-narrow", children: "Category" }), _jsx("th", { className: "col-narrow", children: "Date" }), _jsx("th", { className: "col-narrow num", children: "Views 30d" }), _jsx("th", { className: "col-narrow", children: "Status" })] }) }), _jsxs("tbody", { children: [rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: showBrand ? 8 : 7, children: _jsx("p", { className: "d-empty", children: "No posts match this view." }) }) })) : null, rows.map((row) => (_jsxs(Fragment, { children: [_jsxs("tr", { className: selected.includes(row.id) ? "is-selected" : undefined, children: [_jsx("td", { className: "col-check", children: _jsx("input", { type: "checkbox", checked: selected.includes(row.id), "aria-label": `Select ${row.title}`, onChange: (e) => setSelected((list) => e.target.checked ? [...list, row.id] : list.filter((id) => id !== row.id)) }) }), _jsxs("td", { className: "col-title", children: [_jsx("button", { type: "button", className: "row-title", onClick: () => onEdit(row.id), children: row.title || "(no title)" }), row.blockers.length && row.status !== "published" && !row.trashed ? (_jsx("ul", { className: "blockers", children: row.blockers.map((b) => (_jsxs("li", { children: ["needs ", b] }, b))) })) : null, _jsx("div", { className: "row-actions", children: isTrash ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => run(() => store.bulkPostAction([row.id], "restore"), "Restored."), children: "Restore" }), _jsx("button", { type: "button", className: "danger", onClick: () => {
+                                                                            if (window.confirm("Delete this post permanently? This cannot be undone.")) {
+                                                                                run(() => store.bulkPostAction([row.id], "delete"), "Deleted.");
+                                                                            }
+                                                                        }, children: "Delete permanently" })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => onEdit(row.id), children: "Edit" }), _jsx("button", { type: "button", onClick: () => openQuickEdit(row), children: "Quick edit" }), row.status !== "published" && row.reviewState === "writing" ? (_jsx("button", { type: "button", onClick: () => run(() => store.submitForReview(row.id), "Sent for review."), children: "Submit" })) : null, row.status !== "published" && row.reviewState === "in-review" && row.canPublish ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => run(() => store.approve(row.id), "Approved."), children: "Approve" }), _jsx("button", { type: "button", onClick: () => run(() => store.sendBack(row.id), "Sent back."), children: "Send back" })] })) : null, row.status !== "published" && row.reviewState === "approved" && row.canPublish ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: row.blockers.length > 0, title: row.blockers.length ? "Fix what is listed above first" : undefined, onClick: () => run(() => store.publishNow(row.id), "Published."), children: "Publish" }), _jsx("button", { type: "button", onClick: () => {
+                                                                                    setScheduling(row.id);
+                                                                                    setWhen(toLocalInput(row.scheduledFor) ||
+                                                                                        toLocalInput(new Date(Date.now() + 3600000).toISOString()));
+                                                                                }, children: "Schedule" })] })) : null, row.status === "published" && row.canPublish ? (_jsx("button", { type: "button", onClick: () => run(() => store.unpublish(row.id), "Switched to draft."), children: "Unpublish" })) : null, _jsx("button", { type: "button", onClick: () => run(() => store.duplicatePost(row.id), "Copied as a new draft."), children: "Duplicate" }), _jsx("button", { type: "button", className: "danger", onClick: () => run(() => store.bulkPostAction([row.id], "trash"), "Moved to trash."), children: "Trash" }), row.status === "published" && onView ? (_jsx("button", { type: "button", onClick: () => onView(row.id), children: "View" })) : null] })) }), scheduling === row.id ? (_jsxs("div", { className: "inline-form", children: [_jsx("input", { type: "datetime-local", className: "fld fld-sm", value: when, onChange: (e) => setWhen(e.target.value), "aria-label": "Publish date and time" }), _jsx("button", { type: "button", className: "btn btn-primary btn-tiny", onClick: () => run(() => store.schedulePost(row.id, new Date(when).toISOString()), "Scheduled."), children: "Confirm" }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: () => setScheduling(null), children: "Cancel" })] })) : null] }), showBrand ? _jsx("td", { className: "col-narrow muted", children: row.brandName ?? "—" }) : null, _jsx("td", { className: "col-narrow muted", children: row.authorNames.join(", ") || "—" }), _jsx("td", { className: "col-narrow muted", children: row.categoryNames.join(", ") || "—" }), _jsx("td", { className: "col-narrow muted", children: row.status === "published" ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "cell-lbl", children: "Published" }), fmtDate(row.publishedAt)] })) : row.scheduledFor ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "cell-lbl", children: "Scheduled" }), fmtDateTime(row.scheduledFor)] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "cell-lbl", children: "Edited" }), fmtDate(row.updatedAt)] })) }), _jsx("td", { className: "col-narrow num", children: row.views == null ? "—" : row.views }), _jsx("td", { className: "col-narrow", children: _jsx(StateChip, { row: row }) })] }), editing === row.id && editRow ? (_jsx("tr", { className: "quick-row", children: _jsx("td", { colSpan: showBrand ? 8 : 7, children: _jsxs("div", { className: "quick", children: [_jsx("p", { className: "quick-head", children: "Quick edit \u2014 metadata only, the body stays untouched" }), _jsxs("div", { className: "quick-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Title" }), _jsx("input", { className: "fld", value: draft.title, onChange: (e) => setDraft((d) => ({ ...d, title: e.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "Slug" }), _jsx("input", { className: "fld mono", value: draft.slug, onChange: (e) => setDraft((d) => ({ ...d, slug: e.target.value })) })] }), _jsxs("div", { className: "span-2", children: [_jsx("span", { className: "fld-lbl", style: { display: "block", marginBottom: 6 }, children: "Categories" }), _jsx("div", { className: "pick-list pick-list-compact", children: categories.length === 0 ? (_jsx("p", { className: "note", children: "No categories." })) : (categories.map((c) => (_jsxs("label", { className: "pick-row", children: [_jsx("input", { type: "checkbox", checked: draft.category.includes(c.id), onChange: () => toggleDraftCategory(c.id) }), c.name] }, c.id)))) })] }), _jsxs("label", { children: [_jsx("span", { children: "Published date" }), _jsx("input", { type: "datetime-local", className: "fld", value: draft.date, onChange: (e) => setDraft((d) => ({ ...d, date: e.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "Status" }), _jsxs("select", { className: "fld", value: draft.status, disabled: !row.canPublish, onChange: (e) => setDraft((d) => ({ ...d, status: e.target.value })), children: [_jsx("option", { value: "draft", children: "Draft" }), _jsx("option", { value: "published", children: "Published" })] })] })] }), _jsxs("div", { className: "btn-row", children: [_jsx("button", { type: "button", className: "btn btn-primary", disabled: pending, onClick: () => run(() => store.quickEditPost({
+                                                                        id: row.id,
+                                                                        title: draft.title,
+                                                                        slug: draft.slug,
+                                                                        category: draft.category,
+                                                                        publishedAt: draft.date ? new Date(draft.date).toISOString() : null,
+                                                                        scheduledFor: row.scheduledFor,
+                                                                        status: draft.status,
+                                                                    }), "Saved."), children: "Save" }), _jsx("button", { type: "button", className: "btn", onClick: () => setEditing(null), children: "Cancel" }), _jsx("span", { className: "note", children: "Changing the slug of a live post writes a 301 from the old URL automatically." })] })] }) }) })) : null] }, row.id)))] })] }) })] }));
+};

package/dist/components/admin/Shell.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import type { Branding } from "../../types/admin";
+export type NavKey = "overview" | "posts" | "posts-all" | "posts-new" | "attention" | "scheduled" | "trash" | "categories" | "tags" | "authors" | "media" | "comments" | "redirects" | "redirects-all" | "redirects-new" | "robots" | "sitemap" | "analytics" | "search-console" | "users" | "settings" | "brands" | "profile" | "tools" | "tools-export" | "tools-import";
+export declare const Shell: ({ children, active, onNavigate, title, subtitle, actions, wide, branding, className, userName, userRole, onProfile, }: {
+    children: ReactNode;
+    active: NavKey;
+    onNavigate: (key: NavKey) => void;
+    title: string;
+    subtitle?: string;
+    actions?: ReactNode;
+    wide?: boolean;
+    branding?: Branding;
+    className?: string;
+    userName?: string;
+    userRole?: string;
+    onProfile?: () => void;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=Shell.d.ts.map

package/dist/components/admin/Shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../../app/components/admin/Shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,MAAM,GACd,UAAU,GACV,OAAO,GACP,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,OAAO,GACP,YAAY,GACZ,MAAM,GACN,SAAS,GACT,OAAO,GACP,UAAU,GACV,WAAW,GACX,eAAe,GACf,eAAe,GACf,QAAQ,GACR,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,SAAS,GACT,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AA4GnB,eAAO,MAAM,KAAK,GAAI,uHAanB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,gCAoGA,CAAC"}

package/dist/components/admin/Shell.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../../styles/adminTheme";
+const Icon = ({ path }) => (_jsx("svg", { viewBox: "0 0 20 20", style: { width: 20, height: 20, marginRight: 8, opacity: 0.7 }, "aria-hidden": "true", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: path }) }));
+const ICONS = {
+    overview: "M3 10.5 10 4l7 6.5M5 9.5V16h10V9.5",
+    posts: "M6 3h8l2.5 2.5V17H6zM8 8h6M8 11h6M8 14h4",
+    media: "M3.5 5h13v10h-13zM3.5 12.5l3.5-3 3 2.5 2.5-2 3.5 3M7 8.2h.01",
+    taxonomy: "M4 5.5h12M4 10h12M4 14.5h7",
+    tags: "M10.5 3.5H16V9l-6.5 6.5L4 10z M13 6.5h.01",
+    authors: "M10 10.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 16.5c.8-2.6 3.1-4 6-4s5.2 1.4 6 4",
+    comments: "M4 5.5h12v8.5H9.5L6 17v-3H4z",
+    redirects: "M4 7.5h9l-2.2-2.2M16 12.5H7l2.2 2.2",
+    robots: "M6 7.5h8v2.5H6zM4.5 12.5h11M7 15.5h6M10 4.5v3",
+    sitemap: "M10 3.5v4M6 7.5h8M6 7.5v4.5h3V15M14 7.5v4.5h-3V15",
+    analytics: "M4 15.5V9.5M8 15.5V6.5M12 15.5v-5M16 15.5V4.5",
+    "search-console": "M4.5 5.5h11v9h-11zM7 12.5l2-2.5 2 1.5 2.5-3",
+    users: "M8 10a2.6 2.6 0 1 0 0-5.2A2.6 2.6 0 0 0 8 10ZM2.8 16c.7-2.3 2.7-3.5 5.2-3.5s4.5 1.2 5.2 3.5M14 5.2a2.4 2.4 0 0 1 0 4.6M15.5 12.6c1.2.5 2 1.5 2.4 2.9",
+    settings: "M10 12.4a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Z M10 2.8l1 1.9 2.1-.4.9 1.6-1.3 1.7.9 1.9-1.9.9.4 2.1-1.6.9-1.7-1.3-1.9.9-.9-1.9-2.1.4-.9-1.6L4.3 9 3.4 7.1l1.9-.9L4.9 4l1.6-.9L8.2 4.4Z",
+    brands: "M4 16V8.5L10 4l6 4.5V16zM8 16v-4h4v4",
+    profile: "M10 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM4 16.5c.8-2.6 3.1-4 6-4s5.2 1.4 6 4",
+    tools: "M12.5 3.5l4 4-7.2 7.2H5.3v-4.1L12.5 3.5zM4.5 15.5h11",
+};
+const NAV = [
+    {
+        title: "Editorial",
+        items: [
+            { key: "overview", label: "Dashboard", icon: "overview" },
+            {
+                key: "posts",
+                label: "Posts",
+                icon: "posts",
+                children: [
+                    { key: "posts-all", label: "All Posts" },
+                    { key: "posts-new", label: "Add Post" },
+                    { key: "attention", label: "Needs attention", badge: "attention" },
+                    { key: "scheduled", label: "Scheduled", badge: "scheduled" },
+                    { key: "trash", label: "Trash", badge: "trash" },
+                ],
+            },
+            { key: "media", label: "Media", icon: "media" },
+        ],
+    },
+    {
+        title: "Organise",
+        items: [
+            { key: "categories", label: "Categories", icon: "taxonomy" },
+            { key: "tags", label: "Tags", icon: "tags" },
+            { key: "authors", label: "Authors", icon: "authors" },
+            { key: "comments", label: "Comments", icon: "comments" },
+        ],
+    },
+    {
+        title: "SEO & Discovery",
+        items: [
+            {
+                key: "redirects",
+                label: "Redirect Analytics",
+                icon: "redirects",
+                children: [
+                    { key: "redirects-all", label: "All redirects" },
+                    { key: "redirects-new", label: "Add redirect" },
+                ],
+            },
+            { key: "robots", label: "Robots.txt", icon: "robots" },
+            { key: "sitemap", label: "XML Sitemap", icon: "sitemap" },
+            { key: "analytics", label: "Google Analytics", icon: "analytics" },
+            { key: "search-console", label: "Search Console", icon: "search-console" },
+        ],
+    },
+    {
+        title: "Tools",
+        items: [
+            {
+                key: "tools",
+                label: "Tools",
+                icon: "tools",
+                children: [
+                    { key: "tools", label: "Available Tools" },
+                    { key: "tools-export", label: "Export" },
+                    { key: "tools-import", label: "Import" },
+                ],
+            },
+        ],
+    },
+    {
+        title: "Administration",
+        items: [
+            { key: "brands", label: "Brands", icon: "brands" },
+            { key: "users", label: "People", icon: "users" },
+            { key: "settings", label: "Settings", icon: "settings" },
+        ],
+    },
+];
+export const Shell = ({ children, active, onNavigate, title, subtitle, actions, wide, branding, className, userName = "Platform Admin", userRole = "Platform admin", onProfile, }) => {
+    return (_jsxs("div", { className: cx("shell", className), children: [_jsxs("aside", { className: "side", children: [_jsxs("div", { className: "side-brand", children: [_jsx("div", { className: "side-mark", "aria-hidden": "true", style: branding?.logo ? { background: 'transparent', padding: 0 } : undefined, children: branding?.logo ? _jsx("img", { src: branding.logo, alt: branding.name ?? "Brand", style: { height: 24 } }) : (branding?.name || "B")[0] }), _jsxs("div", { children: [_jsx("div", { className: "side-name", children: branding?.name || "Blog Portal" }), _jsx("div", { className: "side-role", children: branding?.subtitle || "2 brands" })] })] }), _jsxs("button", { type: "button", className: "side-new", onClick: () => onNavigate("posts-new"), children: [_jsx("span", { "aria-hidden": "true", children: "\uFF0B" }), "New post"] }), _jsxs("div", { className: "side-scroll", children: [NAV.map((section, idx) => (_jsxs("div", { className: "side-group", children: [_jsx("p", { className: "side-sect", children: section.title }), _jsx("nav", { className: "side-nav", children: section.items.map((item) => {
+                                            const isActive = active === item.key || item.children?.some(c => c.key === active);
+                                            return (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => onNavigate(item.key), "aria-current": isActive ? "page" : undefined, children: [item.icon && _jsx(Icon, { path: ICONS[item.icon] }), item.label] }), item.children && isActive && (_jsx("div", { className: "side-sub", children: item.children.map((child) => (_jsx("button", { type: "button", onClick: () => onNavigate(child.key), "aria-current": active === child.key ? "page" : undefined, style: { cursor: "pointer", width: "100%", textAlign: "left", background: "none", border: "none", padding: "4px 8px", color: active === child.key ? "var(--d-surface)" : "var(--d-side-ink-2)" }, children: child.label }, child.key))) }))] }, item.key));
+                                        }) })] }, idx))), _jsx("div", { className: "side-group", children: _jsx("nav", { className: "side-nav", children: _jsx("button", { type: "button", children: "Log out" }) }) })] }), _jsx("div", { className: "side-foot", children: _jsxs("button", { type: "button", className: "side-user-card", style: { width: "100%", background: "none", border: "none", textAlign: "left", cursor: "pointer" }, onClick: () => (onProfile ? onProfile() : onNavigate("profile")), children: [_jsx("div", { className: "side-user-avatar-fallback side-user-avatar", children: (userName || "P").slice(0, 1).toUpperCase() }), _jsxs("div", { className: "side-user-meta", children: [_jsx("div", { className: "side-user-name", style: { color: "#fff" }, children: userName }), _jsx("div", { className: "side-user-role", children: userRole })] })] }) })] }), _jsxs("main", { className: "main", children: [_jsxs("header", { className: "top", children: [_jsxs("div", { className: "top-title", children: [_jsx("h1", { children: title }), subtitle ? _jsx("p", { className: "sub", children: subtitle }) : null] }), _jsx("div", { className: "top-actions", children: actions })] }), _jsx("div", { className: wide ? 'body body-wide' : 'body', children: children })] })] }));
+};

package/dist/components/admin/TagManager.d.ts

@@ -0,0 +1,2 @@
+export { TagManager } from "./TermManager";
+//# sourceMappingURL=TagManager.d.ts.map

package/dist/components/admin/TagManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagManager.d.ts","sourceRoot":"","sources":["../../../app/components/admin/TagManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/admin/TagManager.js

@@ -0,0 +1 @@
+export { TagManager } from "./TermManager";

package/dist/components/admin/TermManager.d.ts

@@ -0,0 +1,9 @@
+import type { TermCollection } from "./mock/fixtures";
+export declare function TermManager({ collection, onOpenPosts, }: {
+    collection: TermCollection;
+    onOpenPosts?: (termId: string, name: string) => void;
+}): import("react").JSX.Element;
+export declare function CategoryManager(): import("react").JSX.Element;
+export declare function TagManager(): import("react").JSX.Element;
+export declare function AuthorsManager(): import("react").JSX.Element;
+//# sourceMappingURL=TermManager.d.ts.map

package/dist/components/admin/TermManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermManager.d.ts","sourceRoot":"","sources":["../../../app/components/admin/TermManager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAW,MAAM,iBAAiB,CAAC;AAuB/D,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,WAAW,GACZ,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD,+BA0TA;AAED,wBAAgB,eAAe,gCAE9B;AAED,wBAAgB,UAAU,gCAEzB;AAED,wBAAgB,cAAc,gCAE7B"}

package/dist/components/admin/TermManager.js

@@ -0,0 +1,105 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { useAdminMock } from "./mock/store";
+const LABELS = {
+    categories: {
+        one: "category",
+        many: "Categories",
+        blurb: "A post can belong to one or more categories. Each category is a real page at /blog/category/… — treat these as sections of the publication, not as labels.",
+    },
+    tags: {
+        one: "tag",
+        many: "Tags",
+        blurb: "Tags group posts across sections. They are cheap to add and cheap to remove: deleting one detaches it from its posts rather than refusing.",
+    },
+    authors: {
+        one: "author",
+        many: "Authors",
+        blurb: "Authors are bylines, not logins. A guest contributor gets a record here and no account; someone who leaves keeps their byline after their account is gone.",
+    },
+};
+export function TermManager({ collection, onOpenPosts, }) {
+    const store = useAdminMock();
+    const [pending, start] = useTransition();
+    const [error, setError] = useState(null);
+    const [flash, setFlash] = useState(null);
+    const [editing, setEditing] = useState(null);
+    const [draft, setDraft] = useState({ name: "", slug: "", description: "", jobTitle: "", bio: "" });
+    const [fresh, setFresh] = useState({ name: "", slug: "", description: "", jobTitle: "", bio: "" });
+    const labels = LABELS[collection];
+    const isAuthors = collection === "authors";
+    const isCategories = collection === "categories";
+    const tenant = store.activeBrandId ?? store.brands[0]?.id ?? null;
+    const tenantName = store.activeBrand?.name ?? (tenant ? store.brands.find((b) => b.id === tenant)?.name : "All brands") ?? "All brands";
+    const rows = store.terms(collection, store.activeBrandId);
+    const run = (fn, message) => {
+        setError(null);
+        setFlash(null);
+        start(() => {
+            void Promise.resolve(fn()).then((res) => {
+                if (!res.ok) {
+                    setError(res.error);
+                    return;
+                }
+                setFlash(message);
+                setEditing(null);
+            });
+        });
+    };
+    const create = () => {
+        if (!tenant) {
+            setError("Pick a single brand first — a " + labels.one + " belongs to one brand.");
+            return;
+        }
+        run(() => store.saveTerm({
+            collection,
+            brandId: tenant,
+            name: fresh.name,
+            slug: fresh.slug || null,
+            description: fresh.description,
+            jobTitle: fresh.jobTitle,
+            bio: fresh.bio,
+        }), `${fresh.name} added.`);
+        setFresh({ name: "", slug: "", description: "", jobTitle: "", bio: "" });
+    };
+    const startEdit = (row) => {
+        setEditing(row.id);
+        setFlash(null);
+        setError(null);
+        setDraft({
+            name: row.name,
+            slug: row.slug,
+            description: row.description,
+            jobTitle: row.jobTitle,
+            bio: row.bio,
+        });
+    };
+    return (_jsxs("div", { className: "split", children: [_jsxs("section", { className: "panel panel-form", children: [_jsx("div", { className: "panel-head", children: _jsxs("h2", { children: ["Add ", labels.one] }) }), _jsxs("div", { className: "panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Name" }), _jsx("input", { className: "fld", value: fresh.name, onChange: (e) => setFresh((f) => ({ ...f, name: e.target.value })), onKeyDown: (e) => {
+                                            if (e.key === "Enter") {
+                                                e.preventDefault();
+                                                create();
+                                            }
+                                        } })] }), _jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: ["Slug ", _jsx("em", { children: "optional \u2014 derived from the name" })] }), _jsx("input", { className: "fld mono", value: fresh.slug, onChange: (e) => setFresh((f) => ({ ...f, slug: e.target.value })) })] }), isCategories ? (_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Description" }), _jsx("textarea", { className: "fld", rows: 3, value: fresh.description, onChange: (e) => setFresh((f) => ({ ...f, description: e.target.value })) })] })) : null, isAuthors ? (_jsxs(_Fragment, { children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Job title" }), _jsx("input", { className: "fld", value: fresh.jobTitle, onChange: (e) => setFresh((f) => ({ ...f, jobTitle: e.target.value })) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Bio" }), _jsx("textarea", { className: "fld", rows: 3, value: fresh.bio, onChange: (e) => setFresh((f) => ({ ...f, bio: e.target.value })) })] })] })) : null, _jsxs("button", { type: "button", className: "btn btn-primary", disabled: pending || !fresh.name.trim(), onClick: create, children: ["Add ", labels.one] }), _jsx("p", { className: "note", children: labels.blurb }), !store.activeBrandId ? _jsx("p", { className: "note", children: "Currently viewing all brands \u2014 choose one to add." }) : null] })] }), _jsxs("section", { className: "panel", children: [_jsxs("div", { className: "panel-head", children: [_jsxs("h2", { children: [labels.many, " ", _jsx("span", { className: "hint", children: tenantName })] }), _jsx("span", { className: "hint", children: rows.length })] }), error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "form-ok", role: "status", children: flash })) : null, _jsx("div", { className: "tw", children: _jsxs("table", { className: "tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Name" }), _jsx("th", { children: "Slug" }), _jsx("th", { className: "num", children: "Posts" }), _jsx("th", {})] }) }), _jsxs("tbody", { children: [rows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 4, children: _jsx("p", { className: "d-empty", children: "Nothing here yet." }) }) })) : null, rows.map((row) => editing === row.id ? (_jsx("tr", { className: "quick-row", children: _jsx("td", { colSpan: 4, children: _jsxs("div", { className: "quick", children: [_jsxs("div", { className: "quick-grid", children: [_jsxs("label", { children: [_jsx("span", { children: "Name" }), _jsx("input", { className: "fld", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "Slug" }), _jsx("input", { className: "fld mono", value: draft.slug, onChange: (e) => setDraft((d) => ({ ...d, slug: e.target.value })) })] }), isCategories ? (_jsxs("label", { className: "span-2", children: [_jsx("span", { children: "Description" }), _jsx("textarea", { className: "fld", rows: 2, value: draft.description, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })) })] })) : null, isAuthors ? (_jsxs(_Fragment, { children: [_jsxs("label", { children: [_jsx("span", { children: "Job title" }), _jsx("input", { className: "fld", value: draft.jobTitle, onChange: (e) => setDraft((d) => ({ ...d, jobTitle: e.target.value })) })] }), _jsxs("label", { className: "span-2", children: [_jsx("span", { children: "Bio" }), _jsx("textarea", { className: "fld", rows: 2, value: draft.bio, onChange: (e) => setDraft((d) => ({ ...d, bio: e.target.value })) })] })] })) : null] }), _jsxs("div", { className: "btn-row", children: [_jsx("button", { type: "button", className: "btn btn-primary", disabled: pending, onClick: () => run(() => store.saveTerm({
+                                                                        collection,
+                                                                        id: row.id,
+                                                                        brandId: row.brandId,
+                                                                        name: draft.name,
+                                                                        slug: draft.slug,
+                                                                        description: draft.description,
+                                                                        jobTitle: draft.jobTitle,
+                                                                        bio: draft.bio,
+                                                                    }), "Saved."), children: "Save" }), _jsx("button", { type: "button", className: "btn", onClick: () => setEditing(null), children: "Cancel" })] })] }) }) }, row.id)) : (_jsxs("tr", { children: [_jsxs("td", { children: [_jsx("span", { className: "row-title", children: row.name }), row.jobTitle ? _jsx("span", { className: "cell-sub", children: row.jobTitle }) : null, row.description ? _jsx("span", { className: "cell-sub", children: row.description }) : null, _jsxs("div", { className: "row-actions", children: [_jsx("button", { type: "button", onClick: () => startEdit(row), children: "Edit" }), _jsx("button", { type: "button", className: "danger", onClick: () => {
+                                                                        if (window.confirm(`Delete “${row.name}”?`)) {
+                                                                            run(() => store.deleteTerm(collection, row.id), `${row.name} deleted.`);
+                                                                        }
+                                                                    }, children: "Delete" })] })] }), _jsx("td", { className: "mono muted", children: row.slug }), _jsx("td", { className: "num", children: row.count ? (_jsx("button", { type: "button", className: "btn btn-ghost btn-sm", onClick: () => onOpenPosts?.(row.id, row.name), children: row.count })) : (0) }), _jsx("td", {})] }, row.id)))] })] }) })] })] }));
+}
+export function CategoryManager() {
+    return _jsx(TermManager, { collection: "categories" });
+}
+export function TagManager() {
+    return _jsx(TermManager, { collection: "tags" });
+}
+export function AuthorsManager() {
+    return _jsx(TermManager, { collection: "authors" });
+}

package/dist/components/admin/UsersManager.d.ts

@@ -0,0 +1,5 @@
+import type { TenantRole, UserRow } from "./mock/fixtures";
+export type { UserRow };
+export declare const TENANT_ROLES: TenantRole[];
+export declare function UsersManager(): import("react").JSX.Element;
+//# sourceMappingURL=UsersManager.d.ts.map

package/dist/components/admin/UsersManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersManager.d.ts","sourceRoot":"","sources":["../../../app/components/admin/UsersManager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE3D,YAAY,EAAE,OAAO,EAAE,CAAC;AAExB,eAAO,MAAM,YAAY,EAAE,UAAU,EAAuD,CAAC;AAwB7F,wBAAgB,YAAY,gCAsQ3B"}