@batterai/editor-shell 0.1.0

package/dist/app/useEditorRuntime.js

@@ -0,0 +1,68 @@
+import { useMemo } from "react";
+import { bindingEntriesForItem } from "../bindingChips.js";
+import { parseCollectionItemBlockId } from "../collectionItemAddress.js";
+import { updateBlockProp } from "../pageActions.js";
+import { collectionItemPatchFromInlineField } from "./helpers.js";
+import { createEditorRuntime, translationKey, } from "../translation.js";
+import { writeProp } from "../model/bind-map.js";
+/**
+ * The editor runtime memo, extracted verbatim from `App`. Placed at the same
+ * fixed ordinal position as the original `useMemo` so the hook-call sequence is
+ * preserved. The dependency array is unchanged:
+ * `[activeLocale, editMode, pages, translations, bootstrap, collectionPreviewItems]`.
+ */
+export function useEditorRuntime({ editMode, activeLocale, availableLocales, onLocaleChange, baseLocale, translations, pages, bootstrap, collectionPreviewItems, setIsTextEditing, commitRouteLabel, commitSharedBlock, commitContentItem, commitOwningPage, commitTranslations, bindingSourcesForBlock, resolveBinding, commitBindingEdit, commitTextWithBindingEdits, }) {
+    return useMemo(() => createEditorRuntime({
+        editMode,
+        activeLocale,
+        availableLocales,
+        onLocaleChange,
+        baseLocale,
+        translations,
+        onEditBaseText: (blockId, field, value) => {
+            // Nav labels ("nav:<routeId>") are route-registry text, one shared
+            // source used by every header and link — route them there first,
+            // regardless of whether the header is a shared or local block.
+            if (field.startsWith("nav:")) {
+                commitRouteLabel(field.slice("nav:".length), value);
+                return;
+            }
+            // Inline edits inside a shared block carry the SHARED block's inner
+            // id — route them to the registry, not to any page.
+            const sharedOwner = (bootstrap?.content.sharedBlocks ?? []).find((entry) => entry.block.id === blockId);
+            if (sharedOwner) {
+                commitSharedBlock(sharedOwner.id, (block) => writeProp(block, field, value));
+                return;
+            }
+            // "item:<collection>:<id>" addresses a CMS collection item (the
+            // detail template's texts) instead of a page block.
+            const itemAddress = parseCollectionItemBlockId(blockId);
+            if (itemAddress) {
+                commitContentItem(itemAddress.collection, itemAddress.itemId, (item) => {
+                    return collectionItemPatchFromInlineField(item, field, value);
+                });
+                return;
+            }
+            commitOwningPage(blockId, (current) => updateBlockProp(current, blockId, field, value));
+        },
+        onEditTranslation: (locale, blockId, field, value) => {
+            const itemAddress = parseCollectionItemBlockId(blockId);
+            if (itemAddress) {
+                commitContentItem(itemAddress.collection, itemAddress.itemId, (item) => collectionItemPatchFromInlineField(item, field, value));
+                return;
+            }
+            commitTranslations((current) => ({
+                ...current,
+                [locale]: { ...(current[locale] ?? {}), [translationKey(blockId, field)]: value },
+            }));
+        },
+        onTextFocusChange: setIsTextEditing,
+        bindingEntriesFor: (blockId) => {
+            return bindingSourcesForBlock(blockId).flatMap((source) => bindingEntriesForItem(source.collection, source.item, source.scope));
+        },
+        resolveBinding,
+        onEditBinding: commitBindingEdit,
+        onEditTextWithBindings: commitTextWithBindingEdits,
+    }), [activeLocale, availableLocales, onLocaleChange, baseLocale, editMode, pages, translations, bootstrap, collectionPreviewItems]);
+}
+//# sourceMappingURL=useEditorRuntime.js.map

package/dist/app/useEditorRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorRuntime.js","sourceRoot":"","sources":["../../src/app/useEditorRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,qBAAqB,EAAqB,MAAM,iBAAiB,CAAC;AAE3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kCAAkC,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EACL,mBAAmB,EACnB,cAAc,GAIf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAmC9C;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,YAAY,EACZ,KAAK,EACL,SAAS,EACT,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,0BAA0B,GACR;IAClB,OAAO,OAAO,CACZ,GAAG,EAAE,CACH,mBAAmB,CAAC;QAClB,QAAQ;QACR,YAAY;QACZ,gBAAgB;QAChB,cAAc;QACd,UAAU;QACV,YAAY;QACZ,cAAc,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,mEAAmE;YACnE,iEAAiE;YACjE,+DAA+D;YAC/D,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7B,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;gBACpD,OAAO;YACT,CAAC;YACD,oEAAoE;YACpE,oDAAoD;YACpD,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,IAAI,CAC9D,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CACtC,CAAC;YACF,IAAI,WAAW,EAAE,CAAC;gBAChB,iBAAiB,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC7E,OAAO;YACT,CAAC;YACD,gEAAgE;YAChE,oDAAoD;YACpD,MAAM,WAAW,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAAC;YACxD,IAAI,WAAW,EAAE,CAAC;gBAChB,iBAAiB,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;oBACrE,OAAO,kCAAkC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;gBAChE,CAAC,CAAC,CAAC;gBACH,OAAO;YACT,CAAC;YACD,gBAAgB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QAC1F,CAAC;QACD,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACnD,MAAM,WAAW,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAAC;YACxD,IAAI,WAAW,EAAE,CAAC;gBAChB,iBAAiB,CAAC,WAAW,CAAC,UAAU,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACrE,kCAAkC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CACvD,CAAC;gBACF,OAAO;YACT,CAAC;YACD,kBAAkB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC/B,GAAG,OAAO;gBACV,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE;aAClF,CAAC,CAAC,CAAC;QACN,CAAC;QACD,iBAAiB,EAAE,gBAAgB;QACnC,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE;YAC7B,OAAO,sBAAsB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CACxD,qBAAqB,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CACpE,CAAC;QACJ,CAAC;QACD,cAAc;QACd,aAAa,EAAE,iBAAiB;QAChC,sBAAsB,EAAE,0BAA0B;KACnD,CAAC,EACJ,CAAC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAC/H,CAAC;AACJ,CAAC"}

package/dist/app/useEditorState.d.ts

@@ -0,0 +1,55 @@
+import type { BlockDropChoice } from "./usePageOps";
+import type { CmsBootstrap, CanvasPage } from "../types";
+/**
+ * All of `App`'s local `useState` slots, extracted verbatim in their original
+ * declaration order. Called immediately after `useCanvasFocus`, so the global
+ * hook-call sequence is unchanged. Behaviour is identical; only the storage
+ * location moved.
+ */
+export declare function useEditorState({ initialPreviewUserId }?: {
+    initialPreviewUserId?: string | null;
+}): {
+    bootstrap: CmsBootstrap | null;
+    setBootstrap: import("react").Dispatch<import("react").SetStateAction<CmsBootstrap | null>>;
+    pages: CanvasPage[] | null;
+    setPages: (nextPages: CanvasPage[]) => void;
+    dirtyPageIds: Set<string>;
+    setDirtyPageIds: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
+    savedPageFingerprints: Record<string, string>;
+    setSavedPageFingerprints: import("react").Dispatch<import("react").SetStateAction<Record<string, string>>>;
+    issues: import("../types").EditorShellValidationIssue[];
+    setIssues: import("react").Dispatch<import("react").SetStateAction<import("../types").EditorShellValidationIssue[]>>;
+    error: string | null;
+    setError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    operationError: string | null;
+    setOperationError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    saveState: "error" | "idle" | "saving" | "saved";
+    setSaveState: import("react").Dispatch<import("react").SetStateAction<"error" | "idle" | "saving" | "saved">>;
+    isDragging: boolean;
+    setIsDragging: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isTextEditing: boolean;
+    setIsTextEditing: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    activeLocale: string;
+    setActiveLocale: import("react").Dispatch<import("react").SetStateAction<string>>;
+    translations: Partial<Record<string, Record<string, string>>>;
+    setTranslations: import("react").Dispatch<import("react").SetStateAction<Partial<Record<string, Record<string, string>>>>>;
+    savedTranslationFingerprint: string;
+    setSavedTranslationFingerprint: import("react").Dispatch<import("react").SetStateAction<string>>;
+    dirtyTranslations: boolean;
+    setDirtyTranslations: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    previewUserId: string | null;
+    setPreviewUserId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    addPageParentId: string | null | undefined;
+    setAddPageParentId: import("react").Dispatch<import("react").SetStateAction<string | null | undefined>>;
+    blockDropChoice: BlockDropChoice | null;
+    setBlockDropChoice: import("react").Dispatch<import("react").SetStateAction<BlockDropChoice | null>>;
+    inspectorOpen: boolean;
+    setInspectorOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    inspectorScope: "page" | "block";
+    setInspectorScope: import("react").Dispatch<import("react").SetStateAction<"page" | "block">>;
+    collectionPreviewItems: Record<string, string>;
+    setCollectionPreviewItems: import("react").Dispatch<import("react").SetStateAction<Record<string, string>>>;
+    dirtyCollections: Set<string>;
+    setDirtyCollections: import("react").Dispatch<import("react").SetStateAction<Set<string>>>;
+};
+//# sourceMappingURL=useEditorState.d.ts.map

package/dist/app/useEditorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/app/useEditorState.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAmB,MAAM,UAAU,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,oBAA2B,EAAE,GAAE;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO;;;;0BAG9E,UAAU,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyD1C"}

package/dist/app/useEditorState.js

@@ -0,0 +1,68 @@
+import { useState } from "react";
+import { BASE_LOCALE } from "../translation.js";
+import { translationFingerprint } from "./helpers.js";
+/**
+ * All of `App`'s local `useState` slots, extracted verbatim in their original
+ * declaration order. Called immediately after `useCanvasFocus`, so the global
+ * hook-call sequence is unchanged. Behaviour is identical; only the storage
+ * location moved.
+ */
+export function useEditorState({ initialPreviewUserId = null } = {}) {
+    const [bootstrap, setBootstrap] = useState(null);
+    const pages = bootstrap ? [...bootstrap.document.pages] : null;
+    const setPages = (nextPages) => {
+        setBootstrap((current) => current
+            ? { ...current, document: { ...current.document, pages: nextPages } }
+            : current);
+    };
+    const [dirtyPageIds, setDirtyPageIds] = useState(new Set());
+    const [savedPageFingerprints, setSavedPageFingerprints] = useState({});
+    const [issues, setIssues] = useState([]);
+    const [error, setError] = useState(null);
+    const [operationError, setOperationError] = useState(null);
+    const [saveState, setSaveState] = useState("idle");
+    const [isDragging, setIsDragging] = useState(false);
+    const [isTextEditing, setIsTextEditing] = useState(false);
+    const [activeLocale, setActiveLocale] = useState(BASE_LOCALE);
+    const [translations, setTranslations] = useState({});
+    const [savedTranslationFingerprint, setSavedTranslationFingerprint] = useState(translationFingerprint({}));
+    const [dirtyTranslations, setDirtyTranslations] = useState(false);
+    const [previewUserId, setPreviewUserId] = useState(initialPreviewUserId);
+    const [addPageParentId, setAddPageParentId] = useState(undefined);
+    // A placed block dropped on top of another top-level block: the pending
+    // swap/replace choice, anchored at the drop point (viewport coords).
+    const [blockDropChoice, setBlockDropChoice] = useState(null);
+    // The inspector pane is closed by default: selecting a block shows the
+    // settings gear in the block's corner, and only clicking that opens it here.
+    const [inspectorOpen, setInspectorOpen] = useState(false);
+    const [inspectorScope, setInspectorScope] = useState("block");
+    // View-state per collection: which item its detail template previews.
+    const [collectionPreviewItems, setCollectionPreviewItems] = useState({});
+    // Collections with unsaved item edits; saved to the CMS adapter as content
+    // drafts on "Save draft".
+    const [dirtyCollections, setDirtyCollections] = useState(new Set());
+    return {
+        bootstrap, setBootstrap,
+        pages, setPages,
+        dirtyPageIds, setDirtyPageIds,
+        savedPageFingerprints, setSavedPageFingerprints,
+        issues, setIssues,
+        error, setError,
+        operationError, setOperationError,
+        saveState, setSaveState,
+        isDragging, setIsDragging,
+        isTextEditing, setIsTextEditing,
+        activeLocale, setActiveLocale,
+        translations, setTranslations,
+        savedTranslationFingerprint, setSavedTranslationFingerprint,
+        dirtyTranslations, setDirtyTranslations,
+        previewUserId, setPreviewUserId,
+        addPageParentId, setAddPageParentId,
+        blockDropChoice, setBlockDropChoice,
+        inspectorOpen, setInspectorOpen,
+        inspectorScope, setInspectorScope,
+        collectionPreviewItems, setCollectionPreviewItems,
+        dirtyCollections, setDirtyCollections,
+    };
+}
+//# sourceMappingURL=useEditorState.js.map

package/dist/app/useEditorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorState.js","sourceRoot":"","sources":["../../src/app/useEditorState.ts"],"names":[],"mappings":"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"}

package/dist/app/usePageOps.d.ts

@@ -0,0 +1,37 @@
+import type { CanvasPage } from "../types";
+import type { useCanvasFocus } from "../useCanvasFocus";
+type CanvasFocus = ReturnType<typeof useCanvasFocus>;
+export type BlockDropChoice = {
+    sourceId: string;
+    targetId: string;
+    x: number;
+    y: number;
+};
+export type PageOpsDeps = {
+    pages: CanvasPage[] | null;
+    focus: CanvasFocus;
+    activePageId: string;
+    selectedId: string | null;
+    selectedIds: string[];
+    inspectorOpen: boolean;
+    addPageParentId: string | null | undefined;
+    blockDropChoice: BlockDropChoice | null;
+    commitPages: (update: (current: CanvasPage[]) => CanvasPage[]) => void;
+    setBlockDropChoice: (value: BlockDropChoice | null) => void;
+    setAddPageParentId: (value: string | null | undefined) => void;
+    setInspectorScope: (scope: "block" | "page") => void;
+};
+/**
+ * Page CRUD and block-drop/selection handlers extracted from `App`. Plain
+ * closures over the passed-in state/setters — this hook registers no React
+ * hooks. Behaviour is unchanged.
+ */
+export declare function usePageOps({ pages, focus, activePageId, selectedId, selectedIds, inspectorOpen, addPageParentId, blockDropChoice, commitPages, setBlockDropChoice, setAddPageParentId, setInspectorScope, }: PageOpsDeps): {
+    handleSelectBlock: (blockId: string | null, extend?: boolean) => void;
+    handleBlockDropOnBlock: (sourceId: string, targetId: string, x: number, y: number) => void;
+    resolveBlockDrop: (mode: "swap" | "replace") => void;
+    handleAddPage: (title: string) => void;
+    handleDeleteSelection: () => void;
+};
+export {};
+//# sourceMappingURL=usePageOps.d.ts.map

package/dist/app/usePageOps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageOps.d.ts","sourceRoot":"","sources":["../../src/app/usePageOps.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,eAAe,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,CAAC;IACvE,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,eAAe,EACf,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,EAAE,WAAW;iCACwB,MAAM,GAAG,IAAI;uCAoBP,MAAM,YAAY,MAAM,KAAK,MAAM,KAAK,MAAM;6BAKxD,MAAM,GAAG,SAAS;2BAYpB,MAAM;;EA4BrC"}

package/dist/app/usePageOps.js

@@ -0,0 +1,69 @@
+import { canDropBlockOnBlock, createPage, pageOfBlock, replaceBlock, swapBlocks, updateOwningPage, } from "../pagesActions.js";
+import { connectedSiblingSelection, removeBlock } from "../pageActions.js";
+/**
+ * Page CRUD and block-drop/selection handlers extracted from `App`. Plain
+ * closures over the passed-in state/setters — this hook registers no React
+ * hooks. Behaviour is unchanged.
+ */
+export function usePageOps({ pages, focus, activePageId, selectedId, selectedIds, inspectorOpen, addPageParentId, blockDropChoice, commitPages, setBlockDropChoice, setAddPageParentId, setInspectorScope, }) {
+    function handleSelectBlock(blockId, extend = false) {
+        if (!pages || !blockId) {
+            focus.clearSelection();
+            return;
+        }
+        if (inspectorOpen)
+            setInspectorScope("block");
+        const owner = pageOfBlock(pages, blockId);
+        if (extend && owner) {
+            // An extend-click keeps the primary on the clicked block but grows the
+            // multi-selection to the connected sibling range; move the camera first.
+            if (owner.id !== activePageId)
+                focus.setActivePageId(owner.id);
+            focus.selectMany(blockId, connectedSiblingSelection(owner, selectedId, blockId));
+            return;
+        }
+        focus.selectBlock(blockId, owner?.id);
+    }
+    /** A placed block was dropped on top of another block (top level or nested in
+     * a column). Offer swap/replace when the drop is valid — the only rejected
+     * case is one that would move a layout block into a column. */
+    function handleBlockDropOnBlock(sourceId, targetId, x, y) {
+        if (!pages || !canDropBlockOnBlock(pages, sourceId, targetId))
+            return;
+        setBlockDropChoice({ sourceId, targetId, x, y });
+    }
+    function resolveBlockDrop(mode) {
+        const choice = blockDropChoice;
+        if (!choice)
+            return;
+        commitPages((current) => mode === "swap"
+            ? swapBlocks(current, choice.sourceId, choice.targetId)
+            : replaceBlock(current, choice.sourceId, choice.targetId));
+        focus.selectBlock(choice.sourceId);
+        setBlockDropChoice(null);
+    }
+    function handleAddPage(title) {
+        if (!pages)
+            return;
+        const parent = pages.find((candidate) => candidate.id === addPageParentId) ?? null;
+        const created = createPage(title, parent, pages);
+        commitPages((current) => [...current, created]);
+        focus.setActivePageId(created.id);
+        setAddPageParentId(undefined);
+    }
+    function handleDeleteSelection() {
+        const ids = selectedIds.length ? selectedIds : selectedId ? [selectedId] : [];
+        if (!pages || ids.length === 0)
+            return;
+        commitPages((current) => ids.reduce((acc, id) => updateOwningPage(acc, id, (target) => removeBlock(target, id)), current));
+        focus.clearSelection();
+    }
+    return {
+        handleSelectBlock,
+        handleBlockDropOnBlock,
+        resolveBlockDrop,
+        handleAddPage,
+        handleDeleteSelection,
+    };
+}
+//# sourceMappingURL=usePageOps.js.map

package/dist/app/usePageOps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageOps.js","sourceRoot":"","sources":["../../src/app/usePageOps.ts"],"names":[],"mappings":"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"}

package/dist/app/usePersistence.d.ts

@@ -0,0 +1,48 @@
+import type { TranslationStore } from "../translation";
+import type { CmsBootstrap, CmsContent, CanvasPage, ValidationIssue } from "../types";
+import type { EditorHostServices } from "./hostServices";
+import type { EditorShellContentModel } from "../contentModel";
+import type { EditorCollaborationController } from "./useEditorCollaboration";
+export type PersistenceDeps = {
+    pages: CanvasPage[] | null;
+    bootstrap: CmsBootstrap | null;
+    activePage: CanvasPage | null;
+    translations: TranslationStore;
+    dirtyCollections: Set<string>;
+    dirtyTranslations: boolean;
+    dirtyPageIds: Set<string>;
+    savedTranslationFingerprint: string;
+    savedPageFingerprints: Record<string, string>;
+    setBootstrap: React.Dispatch<React.SetStateAction<CmsBootstrap | null>>;
+    setPages: (pages: CanvasPage[]) => void;
+    setDirtyPageIds: React.Dispatch<React.SetStateAction<Set<string>>>;
+    setSavedPageFingerprints: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    setDirtyCollections: React.Dispatch<React.SetStateAction<Set<string>>>;
+    setDirtyTranslations: (value: boolean) => void;
+    setSavedTranslationFingerprint: (value: string) => void;
+    setTranslations: (value: TranslationStore) => void;
+    setIssues: (issues: ValidationIssue[]) => void;
+    setOperationError: (error: string | null) => void;
+    setSaveState: (state: "idle" | "saving" | "saved" | "error") => void;
+    contentModel: Pick<EditorShellContentModel, "collectionItems" | "defaultSiteTitle" | "editableCollections">;
+    defaultPageId: string;
+    hostServices: Pick<EditorHostServices, "readLaunchContext" | "pageIdsToSave" | "saveContentCollection" | "saveMediaAssets" | "document" | "documentRef" | "saveRoutes" | "saveSharedBlocks" | "saveSiteMetadata" | "saveTranslations">;
+    collaboration?: EditorCollaborationController;
+};
+/**
+ * Save/persistence and the history-apply callbacks, extracted from `App`.
+ * These are plain closures over the passed-in state/setters — this hook
+ * registers no React hooks, so it may be called at any fixed point (it is
+ * called before `useEditorHistory` because the `applyHistory*` callbacks feed
+ * into it). Behaviour is unchanged.
+ */
+export declare function usePersistence({ pages, bootstrap, activePage, translations, dirtyCollections, dirtyTranslations, dirtyPageIds, savedTranslationFingerprint, savedPageFingerprints, setBootstrap, setPages, setDirtyPageIds, setSavedPageFingerprints, setDirtyCollections, setDirtyTranslations, setSavedTranslationFingerprint, setTranslations, setIssues, setOperationError, setSaveState, contentModel, defaultPageId, hostServices, collaboration, }: PersistenceDeps): {
+    applyHistoryPages: (nextPages: CanvasPage[]) => void;
+    applyHistoryContent: (nextContent: CmsContent) => void;
+    applyHistoryTranslations: (nextTranslations: TranslationStore) => void;
+    handleSave: () => Promise<boolean>;
+    handlePublish: () => Promise<boolean>;
+    handleStagePage: (pageId: string) => Promise<boolean>;
+    handleUnstagePage: (pageId: string) => Promise<boolean>;
+};
+//# sourceMappingURL=usePersistence.d.ts.map

package/dist/app/usePersistence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistence.d.ts","sourceRoot":"","sources":["../../src/app/usePersistence.ts"],"names":[],"mappings":"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"}