@contentrail/editor 0.0.0-stage → 0.2.0

package/dist/styles.css

@@ -0,0 +1,322 @@
+:root {
+  --cr-bg: #f3efe6;
+  --cr-surface: #fffdf8;
+  --cr-ink: #1c2420;
+  --cr-muted: #5c675f;
+  --cr-line: #d7d0c2;
+  --cr-accent: #0f6b5c;
+  --cr-accent-ink: #ffffff;
+  --cr-danger: #9b2c2c;
+  --cr-warn: #8a5a00;
+  --cr-ok: #1f6b3a;
+  --cr-shadow: 0 10px 30px rgba(28, 36, 32, 0.08);
+  --cr-radius: 14px;
+  --cr-font:
+    "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia,
+    serif;
+  --cr-sans: "Avenir Next", "Segoe UI", sans-serif;
+}
+
+.cr-editor {
+  color: var(--cr-ink);
+  background:
+    radial-gradient(
+      circle at top left,
+      rgba(15, 107, 92, 0.12),
+      transparent 40%
+    ),
+    linear-gradient(180deg, #efe8da 0%, var(--cr-bg) 45%, #e7efe9 100%);
+  min-height: 100vh;
+  font-family: var(--cr-sans);
+  line-height: 1.5;
+}
+
+.cr-header,
+.cr-nav,
+.cr-main,
+.cr-banner {
+  width: min(960px, calc(100% - 2rem));
+  margin-inline: auto;
+}
+
+.cr-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: end;
+  padding: 2rem 0 1rem;
+}
+
+.cr-brand {
+  margin: 0;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  color: var(--cr-accent);
+  font-weight: 700;
+}
+
+.cr-header h1,
+.cr-main h2,
+.cr-main h3 {
+  font-family: var(--cr-font);
+  font-weight: 600;
+  margin: 0.15rem 0 0;
+}
+
+.cr-lede,
+.cr-help {
+  color: var(--cr-muted);
+}
+
+.cr-nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+
+.cr-link,
+.cr-button,
+.cr-card,
+.cr-entry {
+  font: inherit;
+  cursor: pointer;
+}
+
+.cr-link {
+  border: 0;
+  background: transparent;
+  color: var(--cr-accent);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+
+.cr-main {
+  background: var(--cr-surface);
+  border: 1px solid var(--cr-line);
+  border-radius: var(--cr-radius);
+  box-shadow: var(--cr-shadow);
+  padding: 1.5rem;
+  margin-bottom: 2rem;
+}
+
+.cr-banner {
+  border-radius: 999px;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  border: 1px solid var(--cr-line);
+  background: #fff;
+}
+
+.cr-banner--error {
+  border-color: #e4b4b4;
+  color: var(--cr-danger);
+  background: #fff5f5;
+}
+
+.cr-banner--success {
+  border-color: #b9dcc4;
+  color: var(--cr-ok);
+  background: #f2fbf5;
+}
+
+.cr-banner--info {
+  border-color: #c5ddd8;
+  color: var(--cr-accent);
+  background: #f2faf8;
+}
+
+.cr-card-list,
+.cr-entry-list,
+.cr-array {
+  list-style: none;
+  padding: 0;
+  margin: 1rem 0 0;
+  display: grid;
+  gap: 0.75rem;
+}
+
+.cr-card,
+.cr-entry {
+  width: 100%;
+  text-align: left;
+  border: 1px solid var(--cr-line);
+  border-radius: 12px;
+  background: #fff;
+  padding: 1rem 1.1rem;
+  display: grid;
+  gap: 0.2rem;
+}
+
+.cr-card:hover,
+.cr-entry:hover,
+.cr-card:focus-visible,
+.cr-entry:focus-visible,
+.cr-button:focus-visible,
+.cr-input:focus-visible,
+.cr-link:focus-visible {
+  outline: 3px solid rgba(15, 107, 92, 0.35);
+  outline-offset: 2px;
+}
+
+.cr-card span,
+.cr-entry span {
+  color: var(--cr-muted);
+  font-size: 0.92rem;
+}
+
+.cr-toolbar,
+.cr-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.cr-actions {
+  justify-content: flex-end;
+}
+
+.cr-button {
+  border: 0;
+  border-radius: 999px;
+  background: var(--cr-accent);
+  color: var(--cr-accent-ink);
+  padding: 0.65rem 1.1rem;
+}
+
+.cr-button:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.cr-button--secondary {
+  background: #e7f2ef;
+  color: var(--cr-accent);
+}
+
+.cr-button--ghost {
+  background: transparent;
+  color: var(--cr-muted);
+  border: 1px solid var(--cr-line);
+}
+
+.cr-field,
+.cr-fieldset {
+  margin: 1rem 0;
+}
+
+.cr-label {
+  display: block;
+  font-weight: 600;
+  margin-bottom: 0.35rem;
+}
+
+.cr-required {
+  color: var(--cr-danger);
+}
+
+.cr-input,
+.cr-search input {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--cr-line);
+  border-radius: 10px;
+  padding: 0.7rem 0.8rem;
+  background: #fff;
+  font: inherit;
+}
+
+.cr-field--invalid .cr-input {
+  border-color: var(--cr-danger);
+}
+
+.cr-error {
+  color: var(--cr-danger);
+  margin: 0.35rem 0 0;
+}
+
+.cr-unsupported {
+  margin: 0;
+  padding: 0.75rem;
+  border-radius: 10px;
+  background: #f7f1e4;
+  color: var(--cr-warn);
+}
+
+.cr-fieldset {
+  border: 1px solid var(--cr-line);
+  border-radius: 12px;
+  padding: 0.75rem 1rem 1rem;
+}
+
+.cr-checkbox {
+  display: inline-flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.cr-empty {
+  padding: 1.5rem;
+  border: 1px dashed var(--cr-line);
+  border-radius: 12px;
+  color: var(--cr-muted);
+}
+
+.cr-pill {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  padding: 0.2rem 0.7rem;
+  background: #fff3d6;
+  color: var(--cr-warn);
+  font-size: 0.85rem;
+}
+
+.cr-pill--warn {
+  background: #fde8e8;
+  color: var(--cr-danger);
+}
+
+.cr-preview,
+.cr-publish-result,
+.cr-versions {
+  margin-top: 1.5rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--cr-line);
+}
+
+.cr-preview pre {
+  margin: 0;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.85rem;
+}
+
+.cr-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+@media (max-width: 720px) {
+  .cr-toolbar,
+  .cr-actions {
+    align-items: stretch;
+  }
+
+  .cr-actions {
+    width: 100%;
+  }
+
+  .cr-button {
+    width: 100%;
+  }
+}

package/dist/ui/EditorApp.d.ts

@@ -0,0 +1,10 @@
+import type { ContentRailApiClient } from "../api/client.js";
+import type { EditorSiteConfig } from "../fields/types.js";
+export interface EditorAppProps {
+    readonly api: ContentRailApiClient;
+    /** Developer-supplied editor metadata for sites/collections/fields. */
+    readonly sites: readonly EditorSiteConfig[];
+    readonly title?: string;
+}
+export declare function EditorApp(props: EditorAppProps): import("preact").JSX.Element;
+//# sourceMappingURL=EditorApp.d.ts.map

package/dist/ui/EditorApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorApp.d.ts","sourceRoot":"","sources":["../../src/ui/EditorApp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAM7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQ3D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,GAAG,EAAE,oBAAoB,CAAC;IACnC,uEAAuE;IACvE,QAAQ,CAAC,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AA0BD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,gCAspB9C"}

package/dist/ui/EditorApp.js

@@ -0,0 +1,352 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
+import { useEffect, useMemo, useState } from "preact/hooks";
+import { clientValidateFields, emptyValueForFields, } from "../fields/defaults.js";
+import { applyFieldChange, SchemaForm } from "../form/SchemaForm.js";
+import { clearSessionDraft, loadSessionDraft, saveSessionDraft, } from "../state/draft.js";
+function titleOf(data, titleField, fallback) {
+    if (titleField === undefined) {
+        return fallback;
+    }
+    const value = data[titleField];
+    return typeof value === "string" && value.trim() !== "" ? value : fallback;
+}
+export function EditorApp(props) {
+    const { api, sites, title = "ContentRail Editor" } = props;
+    const [view, setView] = useState({ kind: "sites" });
+    const [allowedSiteIds, setAllowedSiteIds] = useState(null);
+    const [permissions, setPermissions] = useState([]);
+    const [entries, setEntries] = useState([]);
+    const [activeVersion, setActiveVersion] = useState(null);
+    const [filter, setFilter] = useState("");
+    const [entryId, setEntryId] = useState("");
+    const [data, setData] = useState({});
+    const [dirty, setDirty] = useState(false);
+    const [errors, setErrors] = useState({});
+    const [banner, setBanner] = useState(null);
+    const [busy, setBusy] = useState(false);
+    const [preview, setPreview] = useState(false);
+    const [status, setStatus] = useState(null);
+    const [lastPublish, setLastPublish] = useState(null);
+    const [authExpired, setAuthExpired] = useState(false);
+    const siteConfig = useMemo(() => {
+        if (view.kind === "sites") {
+            return null;
+        }
+        return sites.find((site) => site.siteId === view.siteId) ?? null;
+    }, [sites, view]);
+    const collectionConfig = useMemo(() => {
+        if (view.kind !== "entries" && view.kind !== "edit") {
+            return null;
+        }
+        return (siteConfig?.collections.find((c) => c.name === view.collection) ?? null);
+    }, [siteConfig, view]);
+    useEffect(() => {
+        void (async () => {
+            const result = await api.listSites();
+            if (!result.ok) {
+                if (result.status === 401) {
+                    setAuthExpired(true);
+                    setBanner({
+                        tone: "error",
+                        text: "Your session expired. Sign in again through Cloudflare Access.",
+                    });
+                    return;
+                }
+                setBanner({ tone: "error", text: result.message });
+                return;
+            }
+            setAllowedSiteIds(result.data.sites.map((site) => site.siteId));
+        })();
+    }, [api]);
+    async function openSite(siteId) {
+        setBanner(null);
+        const config = await api.getSiteConfig(siteId);
+        if (!config.ok) {
+            handleApiFailure(config.status, config.message, config.code);
+            return;
+        }
+        setPermissions(config.data.permissions);
+        setView({ kind: "collections", siteId });
+    }
+    async function openCollection(siteId, collection) {
+        setBanner(null);
+        setBusy(true);
+        try {
+            const content = await api.getContent(siteId, collection);
+            if (!content.ok) {
+                handleApiFailure(content.status, content.message, content.code);
+                return;
+            }
+            setActiveVersion(content.data.version);
+            setEntries(content.data.entries.map((entry) => ({
+                id: entry.id,
+                data: entry.data !== null &&
+                    typeof entry.data === "object" &&
+                    !Array.isArray(entry.data)
+                    ? entry.data
+                    : {},
+            })));
+            const st = await api.getStatus(siteId, collection);
+            setStatus(st.ok ? st.data : null);
+            setFilter("");
+            setView({ kind: "entries", siteId, collection });
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    function startCreate(siteId, collection) {
+        const col = siteConfig?.collections.find((item) => item.name === collection) ?? null;
+        if (col === null) {
+            return;
+        }
+        setData(emptyValueForFields(col.fields));
+        setEntryId("");
+        setErrors({});
+        setDirty(false);
+        setPreview(false);
+        setLastPublish(null);
+        setView({ kind: "edit", siteId, collection, entryId: "", isNew: true });
+    }
+    function startEdit(siteId, collection, id, entryData) {
+        const draft = loadSessionDraft(siteId, collection, id);
+        if (draft !== null) {
+            setData(draft.data !== null &&
+                typeof draft.data === "object" &&
+                !Array.isArray(draft.data)
+                ? draft.data
+                : entryData);
+            setDirty(true);
+            setBanner({
+                tone: "info",
+                text: "Restored an unsaved draft from this browser session.",
+            });
+        }
+        else {
+            setData(structuredClone(entryData));
+            setDirty(false);
+        }
+        setEntryId(id);
+        setErrors({});
+        setPreview(false);
+        setLastPublish(null);
+        setView({ kind: "edit", siteId, collection, entryId: id, isNew: false });
+    }
+    function handleApiFailure(status, message, code) {
+        if (status === 401) {
+            setAuthExpired(true);
+            setBanner({
+                tone: "error",
+                text: "Your session expired. Sign in again through Cloudflare Access.",
+            });
+            return;
+        }
+        if (status === 403) {
+            setBanner({
+                tone: "error",
+                text: "You do not have permission for this site or action.",
+            });
+            return;
+        }
+        setBanner({ tone: "error", text: `${code}: ${message}` });
+    }
+    function updateField(path, value) {
+        setData((prev) => applyFieldChange(prev, path, value));
+        setDirty(true);
+        if (view.kind === "edit" && entryId) {
+            saveSessionDraft({
+                siteId: view.siteId,
+                collection: view.collection,
+                entryId: entryId || "(new)",
+                data: applyFieldChange(data, path, value),
+                baseVersion: activeVersion,
+                updatedAt: new Date().toISOString(),
+            });
+        }
+    }
+    function confirmLeave() {
+        if (!dirty) {
+            return true;
+        }
+        return window.confirm("You have unsaved changes. Discard them and leave this entry?");
+    }
+    async function runValidate() {
+        if (view.kind !== "edit" || !collectionConfig) {
+            return false;
+        }
+        const local = clientValidateFields(collectionConfig.fields, data);
+        if (entryId.trim() === "") {
+            local.push({ path: "(id)", message: "Entry ID is required." });
+        }
+        if (local.length > 0) {
+            const next = {};
+            for (const issue of local) {
+                next[issue.path.split(".")[0] === "(id)"
+                    ? "(id)"
+                    : issue.path.split(".")[0]] = issue.message;
+            }
+            setErrors(next);
+            setBanner({
+                tone: "error",
+                text: "Fix the highlighted fields before publishing.",
+            });
+            return false;
+        }
+        setErrors({});
+        setBusy(true);
+        try {
+            const working = buildWorkingEntries(entries, entryId, data, view.isNew, view.entryId);
+            const result = await api.validate(view.siteId, view.collection, {
+                expectedVersion: activeVersion,
+                entries: working,
+            });
+            if (!result.ok) {
+                handleApiFailure(result.status, result.message, result.code);
+                return false;
+            }
+            setBanner({ tone: "success", text: "Validation passed." });
+            return true;
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    async function runPublish() {
+        if (view.kind !== "edit" || !collectionConfig) {
+            return;
+        }
+        const valid = await runValidate();
+        if (!valid) {
+            return;
+        }
+        const idempotencyKey = `editor:${view.siteId}:${view.collection}:${entryId}:${activeVersion ?? "none"}:${hashPayload(data)}`;
+        setBusy(true);
+        setBanner({ tone: "info", text: "Publishing…" });
+        try {
+            const working = buildWorkingEntries(entries, entryId, data, view.isNew, view.entryId);
+            const result = await api.publish(view.siteId, view.collection, {
+                expectedVersion: activeVersion,
+                entries: working,
+                idempotencyKey,
+            });
+            if (!result.ok) {
+                if (result.code === "CONFLICT") {
+                    setBanner({
+                        tone: "error",
+                        text: `Someone else published a newer version${result.currentVersion ? ` (${result.currentVersion})` : ""}. Reload the latest content, then re-apply your edits. Your working copy is still here.`,
+                    });
+                    return;
+                }
+                handleApiFailure(result.status, result.message, result.code);
+                return;
+            }
+            setLastPublish(result.data);
+            setActiveVersion(result.data.version);
+            setDirty(false);
+            clearSessionDraft(view.siteId, view.collection, entryId || "(new)");
+            const rebuildNote = result.data.rebuild.state === "failed"
+                ? ` Content published, but site rebuild failed${result.data.rebuild.detail ? `: ${result.data.rebuild.detail}` : "."} Public static pages may still show the previous build.`
+                : result.data.rebuild.state === "not_requested"
+                    ? " Rebuild was not requested — content publication succeeded; public static HTML updates only after a site rebuild/deploy."
+                    : ` Rebuild status: ${result.data.rebuild.state} (distinct from content publication).`;
+            setBanner({
+                tone: result.data.rebuild.state === "failed" ? "error" : "success",
+                text: `Published content version ${result.data.version}.${rebuildNote}`,
+            });
+            await openCollection(view.siteId, view.collection);
+            setView({
+                kind: "edit",
+                siteId: view.siteId,
+                collection: view.collection,
+                entryId,
+                isNew: false,
+            });
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    async function runRollback(targetVersion) {
+        if (view.kind !== "entries" && view.kind !== "edit") {
+            return;
+        }
+        if (!permissions.includes("rollback")) {
+            setBanner({
+                tone: "error",
+                text: "Rollback is not permitted for your account.",
+            });
+            return;
+        }
+        if (!window.confirm(`Roll back to version ${targetVersion}? This activates a previous publication.`)) {
+            return;
+        }
+        setBusy(true);
+        try {
+            const result = await api.rollback(view.siteId, view.collection, {
+                targetVersion,
+                expectedVersion: activeVersion,
+            });
+            if (!result.ok) {
+                handleApiFailure(result.status, result.message, result.code);
+                return;
+            }
+            setBanner({
+                tone: "success",
+                text: `Rolled back to ${result.data.version}. Rebuild: ${result.data.rebuild.state}.`,
+            });
+            await openCollection(view.siteId, view.collection);
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    const visibleSites = sites.filter((site) => allowedSiteIds === null || allowedSiteIds.includes(site.siteId));
+    const filteredEntries = entries.filter((entry) => {
+        if (filter.trim() === "") {
+            return true;
+        }
+        const q = filter.toLowerCase();
+        const label = titleOf(entry.data, collectionConfig?.titleField, entry.id).toLowerCase();
+        return entry.id.toLowerCase().includes(q) || label.includes(q);
+    });
+    return (_jsxs("div", { class: "cr-editor", children: [_jsxs("header", { class: "cr-header", children: [_jsxs("div", { children: [_jsx("p", { class: "cr-brand", children: "ContentRail" }), _jsx("h1", { children: title })] }), authExpired ? (_jsx("p", { class: "cr-pill cr-pill--warn", role: "status", children: "Session expired" })) : null] }), banner ? (_jsx("div", { class: `cr-banner cr-banner--${banner.tone}`, role: "status", children: banner.text })) : null, _jsxs("nav", { class: "cr-nav", "aria-label": "Editor location", children: [_jsx("button", { type: "button", class: "cr-link", onClick: () => {
+                            if (confirmLeave()) {
+                                setDirty(false);
+                                setView({ kind: "sites" });
+                            }
+                        }, children: "Sites" }), view.kind !== "sites" ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "/" }), _jsx("button", { type: "button", class: "cr-link", onClick: () => {
+                                    if (confirmLeave()) {
+                                        setDirty(false);
+                                        void openSite(view.siteId);
+                                    }
+                                }, children: siteConfig?.label ?? view.siteId })] })) : null, view.kind === "entries" || view.kind === "edit" ? (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: "/" }), _jsx("button", { type: "button", class: "cr-link", onClick: () => {
+                                    if (confirmLeave()) {
+                                        setDirty(false);
+                                        void openCollection(view.siteId, view.collection);
+                                    }
+                                }, children: collectionConfig?.label ?? view.collection })] })) : null, dirty ? (_jsx("span", { class: "cr-pill", role: "status", children: "Unsaved changes" })) : null] }), _jsxs("main", { class: "cr-main", children: [view.kind === "sites" ? (_jsxs("section", { children: [_jsx("h2", { children: "Your sites" }), _jsx("p", { class: "cr-lede", children: "Choose a site you are authorised to manage. Credentials for Git and object storage stay on the server." }), visibleSites.length === 0 ? (_jsx("p", { class: "cr-empty", children: "No sites are available for your account." })) : (_jsx("ul", { class: "cr-card-list", children: visibleSites.map((site) => (_jsx("li", { children: _jsxs("button", { type: "button", class: "cr-card", onClick: () => void openSite(site.siteId), children: [_jsx("strong", { children: site.label }), _jsx("span", { children: site.siteId })] }) }, site.siteId))) }))] })) : null, view.kind === "collections" && siteConfig ? (_jsxs("section", { children: [_jsx("h2", { children: "Collections" }), _jsx("ul", { class: "cr-card-list", children: siteConfig.collections.map((collection) => (_jsx("li", { children: _jsxs("button", { type: "button", class: "cr-card", onClick: () => void openCollection(siteConfig.siteId, collection.name), children: [_jsx("strong", { children: collection.label }), _jsx("span", { children: collection.description ?? collection.name })] }) }, collection.name))) })] })) : null, view.kind === "entries" && collectionConfig ? (_jsxs("section", { children: [_jsxs("div", { class: "cr-toolbar", children: [_jsx("h2", { children: collectionConfig.label }), _jsx("button", { type: "button", class: "cr-button", disabled: busy || !permissions.includes("publish"), onClick: () => startCreate(view.siteId, view.collection), children: "New entry" })] }), _jsxs("label", { class: "cr-search", children: [_jsx("span", { class: "cr-visually-hidden", children: "Filter entries" }), _jsx("input", { class: "cr-input", type: "search", placeholder: "Filter by title or id", value: filter, onInput: (event) => setFilter(event.currentTarget.value) })] }), filteredEntries.length === 0 ? (_jsx("p", { class: "cr-empty", children: entries.length === 0
+                                    ? "No published entries yet. Create the first one."
+                                    : "No entries match this filter." })) : (_jsx("ul", { class: "cr-entry-list", children: filteredEntries.map((entry) => (_jsx("li", { children: _jsxs("button", { type: "button", class: "cr-entry", onClick: () => startEdit(view.siteId, view.collection, entry.id, entry.data), children: [_jsx("strong", { children: titleOf(entry.data, collectionConfig.titleField, entry.id) }), _jsx("span", { children: entry.id })] }) }, entry.id))) })), status && status.versions.length > 0 ? (_jsxs("div", { class: "cr-versions", children: [_jsx("h3", { children: "Publication versions" }), _jsxs("p", { class: "cr-help", children: ["Active content version: ", activeVersion ?? "none", ". Publication success is not the same as a finished site rebuild or live public HTML."] }), _jsx("ul", { children: status.versions.map((version) => (_jsxs("li", { children: [_jsx("code", { children: version.version }), version.active ? " (active)" : "", permissions.includes("rollback") && !version.active ? (_jsx("button", { type: "button", class: "cr-button cr-button--ghost", disabled: busy, onClick: () => void runRollback(version.version), children: "Roll back" })) : null] }, version.version))) })] })) : null] })) : null, view.kind === "edit" && collectionConfig ? (_jsxs("section", { class: "cr-edit", children: [_jsxs("div", { class: "cr-toolbar", children: [_jsx("h2", { children: view.isNew ? "Create entry" : "Edit entry" }), _jsxs("div", { class: "cr-actions", children: [_jsx("button", { type: "button", class: "cr-button cr-button--secondary", disabled: busy, onClick: () => setPreview((value) => !value), children: preview ? "Edit" : "Preview" }), _jsx("button", { type: "button", class: "cr-button cr-button--secondary", disabled: busy || !permissions.includes("validate"), onClick: () => void runValidate(), children: "Validate" }), _jsx("button", { type: "button", class: "cr-button", disabled: busy || !permissions.includes("publish"), onClick: () => void runPublish(), children: "Publish" })] })] }), _jsxs("p", { class: "cr-help", children: ["Expected version: ", activeVersion ?? "none (first publish)", ". Drafts stay in this browser session only."] }), preview ? (_jsxs("div", { class: "cr-preview", "aria-live": "polite", children: [_jsx("h3", { children: "Preview" }), _jsx("p", { class: "cr-help", children: "Field values for this entry \u2014 not a full public-site render." }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "Entry ID" }), _jsx("dd", { children: entryId || "(missing)" })] }), Object.entries(data).map(([key, value]) => (_jsxs("div", { children: [_jsx("dt", { children: key }), _jsx("dd", { children: _jsx("pre", { children: JSON.stringify(value, null, 2) }) })] }, key)))] })] })) : (_jsx(SchemaForm, { collection: collectionConfig, entryId: entryId, data: data, errors: errors, entryIdReadOnly: !view.isNew, disabled: busy, onEntryIdChange: (id) => {
+                                    setEntryId(id);
+                                    setDirty(true);
+                                }, onChange: updateField })), lastPublish ? (_jsxs("aside", { class: "cr-publish-result", children: [_jsx("h3", { children: "Last publish result" }), _jsxs("p", { children: ["Version ", _jsx("code", { children: lastPublish.version }), " \u00B7 Publication", " ", _jsx("code", { children: lastPublish.publicationId })] }), _jsxs("p", { children: ["Rebuild: ", _jsx("strong", { children: lastPublish.rebuild.state }), lastPublish.rebuild.detail
+                                                ? ` — ${lastPublish.rebuild.detail}`
+                                                : ""] })] })) : null] })) : null] })] }));
+}
+function buildWorkingEntries(existing, entryId, data, isNew, previousId) {
+    const next = existing
+        .filter((entry) => !(isNew ? false : entry.id === previousId))
+        .map((entry) => ({ id: entry.id, data: entry.data }));
+    const withoutDup = next.filter((entry) => entry.id !== entryId);
+    withoutDup.push({ id: entryId, data });
+    return withoutDup;
+}
+function hashPayload(data) {
+    const json = JSON.stringify(data);
+    let hash = 0;
+    for (let i = 0; i < json.length; i += 1) {
+        hash = (hash * 31 + json.charCodeAt(i)) | 0;
+    }
+    return `h${Math.abs(hash)}`;
+}
+//# sourceMappingURL=EditorApp.js.map