camox 0.63.0 → 0.66.0

package/dist/features/preview/components/PageInfo.js

@@ -11,6 +11,7 @@ import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { useLocalizedPath } from "../../../lib/view-locale.js";
 import { PageInfoSkeleton } from "./PageInfoSkeleton.js";
+import { useLatestRevision } from "../../../lib/revisions.js";
 import { useRendererAnswer } from "../../renderer/RendererFrames.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
@@ -1428,62 +1429,64 @@ const SearchEnginePreview = (t0) => {
 	return t10;
 };
 const SocialPreviewSection = (t0) => {
-	const $ = c(60);
+	const $ = c(61);
 	const { page, metaTitle, metaDescription } = t0;
 	const studioCache = useStudioCache();
 	const localized = useLocalizedPath();
-	const { scope } = useOptionalDraftScope();
+	const { scope, draftId } = useOptionalDraftScope();
+	const revision = useLatestRevision(draftId);
 	let t1;
 	let t2;
-	if ($[0] !== localized || $[1] !== page.fullPath || $[2] !== page.metaDescription || $[3] !== page.metaTitle) {
-		const version = new URLSearchParams({ v: `${page.metaTitle ?? ""}|${page.metaDescription ?? ""}` });
-		if ($[6] !== localized || $[7] !== page.fullPath) {
+	if ($[0] !== localized || $[1] !== page.fullPath || $[2] !== page.metaDescription || $[3] !== page.metaTitle || $[4] !== revision) {
+		const version = new URLSearchParams({ v: `${page.metaTitle ?? ""}|${page.metaDescription ?? ""}|${revision ?? ""}` });
+		if ($[7] !== localized || $[8] !== page.fullPath) {
 			t1 = pageImageUrl({
 				origin: "",
 				path: localized(page.fullPath)
 			});
-			$[6] = localized;
-			$[7] = page.fullPath;
-			$[8] = t1;
-		} else t1 = $[8];
+			$[7] = localized;
+			$[8] = page.fullPath;
+			$[9] = t1;
+		} else t1 = $[9];
 		t2 = version.toString();
 		$[0] = localized;
 		$[1] = page.fullPath;
 		$[2] = page.metaDescription;
 		$[3] = page.metaTitle;
-		$[4] = t1;
-		$[5] = t2;
+		$[4] = revision;
+		$[5] = t1;
+		$[6] = t2;
 	} else {
-		t1 = $[4];
-		t2 = $[5];
+		t1 = $[5];
+		t2 = $[6];
 	}
 	const generatedOgImage = `${t1}&${t2}`;
 	let t3;
-	if ($[9] !== generatedOgImage || $[10] !== page.customOgImageUrl || $[11] !== scope) {
+	if ($[10] !== generatedOgImage || $[11] !== page.customOgImageUrl || $[12] !== scope) {
 		t3 = page.customOgImageUrl || (scope?.hrefFor(generatedOgImage) ?? generatedOgImage);
-		$[9] = generatedOgImage;
-		$[10] = page.customOgImageUrl;
-		$[11] = scope;
-		$[12] = t3;
-	} else t3 = $[12];
+		$[10] = generatedOgImage;
+		$[11] = page.customOgImageUrl;
+		$[12] = scope;
+		$[13] = t3;
+	} else t3 = $[13];
 	const ogImage = t3;
 	const origin = typeof window !== "undefined" ? window.location.origin : "";
 	let t4;
-	if ($[13] !== localized || $[14] !== page.fullPath) {
+	if ($[14] !== localized || $[15] !== page.fullPath) {
 		t4 = localized(page.fullPath);
-		$[13] = localized;
-		$[14] = page.fullPath;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[14] = localized;
+		$[15] = page.fullPath;
+		$[16] = t4;
+	} else t4 = $[16];
 	const url = `${origin}${t4}`;
 	const fileInputRef = React.useRef(null);
 	let t5;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = pageMutations.uploadCustomOgImage();
-		$[16] = t5;
-	} else t5 = $[16];
+		$[17] = t5;
+	} else t5 = $[17];
 	let t6;
-	if ($[17] !== page.id || $[18] !== studioCache) {
+	if ($[18] !== page.id || $[19] !== studioCache) {
 		t6 = {
 			...t5,
 			onSuccess: () => {
@@ -1491,18 +1494,18 @@ const SocialPreviewSection = (t0) => {
 			},
 			onError: _temp13
 		};
-		$[17] = page.id;
-		$[18] = studioCache;
-		$[19] = t6;
-	} else t6 = $[19];
+		$[18] = page.id;
+		$[19] = studioCache;
+		$[20] = t6;
+	} else t6 = $[20];
 	const uploadCustomOgImage = useMutation(t6);
 	let t7;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = pageMutations.deleteCustomOgImage();
-		$[20] = t7;
-	} else t7 = $[20];
+		$[21] = t7;
+	} else t7 = $[21];
 	let t8;
-	if ($[21] !== page.id || $[22] !== studioCache) {
+	if ($[22] !== page.id || $[23] !== studioCache) {
 		t8 = {
 			...t7,
 			onSuccess: () => {
@@ -1510,15 +1513,15 @@ const SocialPreviewSection = (t0) => {
 			},
 			onError: _temp14
 		};
-		$[21] = page.id;
-		$[22] = studioCache;
-		$[23] = t8;
-	} else t8 = $[23];
+		$[22] = page.id;
+		$[23] = studioCache;
+		$[24] = t8;
+	} else t8 = $[24];
 	const deleteCustomOgImage = useMutation(t8);
 	const hasCustomImage = !!page.customOgImageUrl;
 	const isBusy = uploadCustomOgImage.isPending || deleteCustomOgImage.isPending;
 	let t9;
-	if ($[24] !== page.id || $[25] !== uploadCustomOgImage) {
+	if ($[25] !== page.id || $[26] !== uploadCustomOgImage) {
 		t9 = (files) => {
 			const file = files[0];
 			if (file) uploadCustomOgImage.mutate({
@@ -1526,30 +1529,30 @@ const SocialPreviewSection = (t0) => {
 				file
 			});
 		};
-		$[24] = page.id;
-		$[25] = uploadCustomOgImage;
-		$[26] = t9;
-	} else t9 = $[26];
+		$[25] = page.id;
+		$[26] = uploadCustomOgImage;
+		$[27] = t9;
+	} else t9 = $[27];
 	const handleFiles = t9;
 	let t10;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = /* @__PURE__ */ jsx(Label, { children: "Social preview" });
-		$[27] = t10;
-	} else t10 = $[27];
+		$[28] = t10;
+	} else t10 = $[28];
 	let t11;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = () => fileInputRef.current?.click();
-		$[28] = t11;
-	} else t11 = $[28];
+		$[29] = t11;
+	} else t11 = $[29];
 	let t12;
-	if ($[29] !== uploadCustomOgImage.isPending) {
+	if ($[30] !== uploadCustomOgImage.isPending) {
 		t12 = uploadCustomOgImage.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Upload, { className: "size-3.5" });
-		$[29] = uploadCustomOgImage.isPending;
-		$[30] = t12;
-	} else t12 = $[30];
+		$[30] = uploadCustomOgImage.isPending;
+		$[31] = t12;
+	} else t12 = $[31];
 	const t13 = hasCustomImage ? "Replace custom image" : "Upload custom image";
 	let t14;
-	if ($[31] !== isBusy || $[32] !== t12 || $[33] !== t13) {
+	if ($[32] !== isBusy || $[33] !== t12 || $[34] !== t13) {
 		t14 = /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "secondary",
@@ -1558,13 +1561,13 @@ const SocialPreviewSection = (t0) => {
 			onClick: t11,
 			children: [t12, t13]
 		});
-		$[31] = isBusy;
-		$[32] = t12;
-		$[33] = t13;
-		$[34] = t14;
-	} else t14 = $[34];
+		$[32] = isBusy;
+		$[33] = t12;
+		$[34] = t13;
+		$[35] = t14;
+	} else t14 = $[35];
 	let t15;
-	if ($[35] !== deleteCustomOgImage || $[36] !== hasCustomImage || $[37] !== isBusy || $[38] !== page.id) {
+	if ($[36] !== deleteCustomOgImage || $[37] !== hasCustomImage || $[38] !== isBusy || $[39] !== page.id) {
 		t15 = hasCustomImage && /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "ghost",
@@ -1577,14 +1580,14 @@ const SocialPreviewSection = (t0) => {
 				"Clear"
 			]
 		});
-		$[35] = deleteCustomOgImage;
-		$[36] = hasCustomImage;
-		$[37] = isBusy;
-		$[38] = page.id;
-		$[39] = t15;
-	} else t15 = $[39];
+		$[36] = deleteCustomOgImage;
+		$[37] = hasCustomImage;
+		$[38] = isBusy;
+		$[39] = page.id;
+		$[40] = t15;
+	} else t15 = $[40];
 	let t16;
-	if ($[40] !== handleFiles) {
+	if ($[41] !== handleFiles) {
 		t16 = /* @__PURE__ */ jsx("input", {
 			type: "file",
 			ref: fileInputRef,
@@ -1595,11 +1598,11 @@ const SocialPreviewSection = (t0) => {
 				e.target.value = "";
 			}
 		});
-		$[40] = handleFiles;
-		$[41] = t16;
-	} else t16 = $[41];
+		$[41] = handleFiles;
+		$[42] = t16;
+	} else t16 = $[42];
 	let t17;
-	if ($[42] !== t14 || $[43] !== t15 || $[44] !== t16) {
+	if ($[43] !== t14 || $[44] !== t15 || $[45] !== t16) {
 		t17 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
 			children: [
@@ -1608,47 +1611,47 @@ const SocialPreviewSection = (t0) => {
 				t16
 			]
 		});
-		$[42] = t14;
-		$[43] = t15;
-		$[44] = t16;
-		$[45] = t17;
-	} else t17 = $[45];
+		$[43] = t14;
+		$[44] = t15;
+		$[45] = t16;
+		$[46] = t17;
+	} else t17 = $[46];
 	const t18 = hasCustomImage ? "Drop image to replace" : "Drop image to upload";
 	let t19;
-	if ($[46] !== ogImage) {
+	if ($[47] !== ogImage) {
 		t19 = /* @__PURE__ */ jsx(SocialPreviewImage, { src: ogImage });
-		$[46] = ogImage;
-		$[47] = t19;
-	} else t19 = $[47];
+		$[47] = ogImage;
+		$[48] = t19;
+	} else t19 = $[48];
 	let t20;
-	if ($[48] !== handleFiles || $[49] !== t18 || $[50] !== t19) {
+	if ($[49] !== handleFiles || $[50] !== t18 || $[51] !== t19) {
 		t20 = /* @__PURE__ */ jsx(UploadDropZone, {
 			onDrop: handleFiles,
 			label: t18,
 			className: "block",
 			children: t19
 		});
-		$[48] = handleFiles;
-		$[49] = t18;
-		$[50] = t19;
-		$[51] = t20;
-	} else t20 = $[51];
+		$[49] = handleFiles;
+		$[50] = t18;
+		$[51] = t19;
+		$[52] = t20;
+	} else t20 = $[52];
 	let t21;
-	if ($[52] !== metaDescription || $[53] !== metaTitle || $[54] !== t20 || $[55] !== url) {
+	if ($[53] !== metaDescription || $[54] !== metaTitle || $[55] !== t20 || $[56] !== url) {
 		t21 = /* @__PURE__ */ jsx(SocialPreviewCard, {
 			image: t20,
 			metaTitle,
 			metaDescription,
 			url
 		});
-		$[52] = metaDescription;
-		$[53] = metaTitle;
-		$[54] = t20;
-		$[55] = url;
-		$[56] = t21;
-	} else t21 = $[56];
+		$[53] = metaDescription;
+		$[54] = metaTitle;
+		$[55] = t20;
+		$[56] = url;
+		$[57] = t21;
+	} else t21 = $[57];
 	let t22;
-	if ($[57] !== t17 || $[58] !== t21) {
+	if ($[58] !== t17 || $[59] !== t21) {
 		t22 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2 pt-2",
 			children: [
@@ -1657,10 +1660,10 @@ const SocialPreviewSection = (t0) => {
 				t21
 			]
 		});
-		$[57] = t17;
-		$[58] = t21;
-		$[59] = t22;
-	} else t22 = $[59];
+		$[58] = t17;
+		$[59] = t21;
+		$[60] = t22;
+	} else t22 = $[60];
 	return t22;
 };
 const SocialPreviewImage = (t0) => {

package/dist/features/preview/components/PreviewPanel.js

@@ -11,6 +11,7 @@ import { previewPageIframeProps, usePreviewPageFrame } from "../previewPageFrame
 import { adoptCanvasDocument, pauseCanvasDocument } from "../../canvas/canvasFrameDocument.js";
 import { forwardCanvasWheel, useCanvasFrameInput } from "../../canvas/useCanvasFrameInput.js";
 import { useActionShortcuts } from "../../provider/useAdminShortcuts.js";
+import { guardStrayCaret } from "../strayCaretGuard.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
@@ -60,6 +61,7 @@ const PreviewFrameEffects = () => {
 		t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(FieldOverlayStyles, {}),
 			/* @__PURE__ */ jsx(KeyDownForwarder, {}),
+			/* @__PURE__ */ jsx(StrayCaretGuard, {}),
 			/* @__PURE__ */ jsx(OverlayTracker, {})
 		] });
 		$[0] = t0;
@@ -72,6 +74,27 @@ const KeyDownForwarder = () => {
 	useActionShortcuts(inIframe ? iframeWindow : null);
 	return null;
 };
+const StrayCaretGuard = () => {
+	const $ = c(3);
+	const { window: iframeWindow } = useFrame();
+	let t0;
+	let t1;
+	if ($[0] !== iframeWindow) {
+		t0 = () => {
+			if (!iframeWindow) return;
+			return guardStrayCaret(iframeWindow.document);
+		};
+		t1 = [iframeWindow];
+		$[0] = iframeWindow;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+	return null;
+};
 /** The preview's read-only tree is never editable, whether or not the Canvas shows. */
 const READ_ONLY_ARTIFACT_STUDIO = {
 	editing: false,
@@ -91,7 +114,7 @@ function CuratedBlockShortcuts() {
 * when used, pauses with the camera, and draws its editing overlays.
 */
 function PreviewPageCanvasEffects(t0) {
-	const $ = c(30);
+	const $ = c(31);
 	const { owner } = t0;
 	const { window: frameWindow, iframeElement } = useFrame();
 	const { frame, slot, inCanvas } = usePreviewPageFrame();
@@ -225,33 +248,38 @@ function PreviewPageCanvasEffects(t0) {
 	if (!placed) return null;
 	let t11;
 	let t12;
+	let t13;
 	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = /* @__PURE__ */ jsx(FieldOverlayStyles, {});
-		t12 = /* @__PURE__ */ jsx(OverlayTracker, {});
+		t12 = /* @__PURE__ */ jsx(StrayCaretGuard, {});
+		t13 = /* @__PURE__ */ jsx(OverlayTracker, {});
 		$[24] = t11;
 		$[25] = t12;
+		$[26] = t13;
 	} else {
 		t11 = $[24];
 		t12 = $[25];
+		t13 = $[26];
 	}
-	const t13 = owner?.kind === "page";
-	let t14;
-	if ($[26] !== iframeElement || $[27] !== owner || $[28] !== t13) {
-		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const t14 = owner?.kind === "page";
+	let t15;
+	if ($[27] !== iframeElement || $[28] !== owner || $[29] !== t14) {
+		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t11,
 			t12,
+			t13,
 			/* @__PURE__ */ jsx(Overlays, {
 				frame: iframeElement,
 				owner,
-				canAddBlocks: t13
+				canAddBlocks: t14
 			})
 		] });
-		$[26] = iframeElement;
-		$[27] = owner;
-		$[28] = t13;
+		$[27] = iframeElement;
+		$[28] = owner;
 		$[29] = t14;
-	} else t14 = $[29];
-	return t14;
+		$[30] = t15;
+	} else t15 = $[30];
+	return t15;
 }
 function _temp(event) {
 	if (event.target?.closest?.("a")) event.preventDefault();

package/dist/features/preview/components/SidebarStack.js

@@ -143,6 +143,8 @@ function SidebarStack(t0) {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			ready: false,
+			boxes: /* @__PURE__ */ new Map(),
+			observer: null,
 			front: null,
 			behind: null,
 			inFront: null
@@ -156,8 +158,16 @@ function SidebarStack(t0) {
 		t2 = () => {
 			const current = motion.current;
 			current.ready = true;
+			if (typeof ResizeObserver !== "undefined") {
+				const observer = new ResizeObserver(() => measureCards(current));
+				current.observer = observer;
+				for (const card of current.boxes.keys()) observer.observe(card);
+				if (current.inFront?.parentElement) observer.observe(current.inFront.parentElement);
+			}
 			return () => {
 				current.ready = false;
+				current.observer?.disconnect();
+				current.observer = null;
 			};
 		};
 		t3 = [];
@@ -233,20 +243,57 @@ function SidebarStack(t0) {
 	} else t9 = $[12];
 	return t9;
 }
-/** A still copy of a card, where it was, so it can move away once the card is gone. */
-function copyCard(card, layer) {
-	const layerRect = layer.getBoundingClientRect();
+/**
+* Where a card is laid out relative to `stack`, whose box its layers fill. Offsets leave out the
+* transforms that move cards as they come.
+*/
+function layoutBox(card, stack) {
+	let left = 0;
+	let top = 0;
+	let node = card;
+	while (node && node !== stack) {
+		left += node.offsetLeft;
+		top += node.offsetTop;
+		const parent = node.offsetParent;
+		if (parent && parent !== stack) {
+			left += parent.clientLeft;
+			top += parent.clientTop;
+		}
+		node = parent;
+	}
+	if (node === stack) return {
+		left,
+		top,
+		width: card.offsetWidth,
+		height: card.offsetHeight
+	};
+	const stackRect = stack.getBoundingClientRect();
 	const rect = card.getBoundingClientRect();
+	return {
+		left: rect.left - stackRect.left,
+		top: rect.top - stackRect.top,
+		width: rect.width,
+		height: rect.height
+	};
+}
+/** Notes where each card of the stack is laid out now. */
+function measureCards(motion) {
+	const stack = motion.inFront?.parentElement;
+	if (!stack) return;
+	for (const card of motion.boxes.keys()) if (card.isConnected) motion.boxes.set(card, layoutBox(card, stack));
+}
+/** A still copy of a card, at `box`, so it can move away once the card is gone. */
+function copyCard(card, box) {
 	const copy = card.cloneNode(true);
 	copy.setAttribute("aria-hidden", "true");
 	copy.setAttribute("inert", "");
 	Object.assign(copy.style, {
 		position: "absolute",
 		margin: "0",
-		left: `${rect.left - layerRect.left}px`,
-		top: `${rect.top - layerRect.top}px`,
-		width: `${rect.width}px`,
-		height: `${rect.height}px`
+		left: `${box.left}px`,
+		top: `${box.top}px`,
+		width: `${box.width}px`,
+		height: `${box.height}px`
 	});
 	const scrolled = [];
 	const walk = (node, path) => {
@@ -276,6 +323,13 @@ function useStackCard(ref, depth, isView) {
 		const card = ref.current;
 		const motion = stack?.current;
 		if (!card || !motion || depth == null) return;
+		if (!motion.boxes.has(card)) motion.boxes.set(card, {
+			left: 0,
+			top: 0,
+			width: 0,
+			height: 0
+		});
+		motion.observer?.observe(card);
 		const previousFront = motion.front;
 		if (isView) motion.front = depth;
 		if (motion.ready && previousFront != null && prefersMotion()) {
@@ -289,10 +343,21 @@ function useStackCard(ref, depth, isView) {
 		}
 		return () => {
 			const { behind, inFront } = motion;
-			if (!motion.ready || !behind || !inFront || !prefersMotion()) return;
-			const { copy, restoreScroll } = copyCard(card, inFront);
+			const box = motion.boxes.get(card);
+			const forget = () => {
+				motion.boxes.delete(card);
+				motion.observer?.unobserve(card);
+			};
+			if (!motion.ready || !behind || !inFront || !box || !prefersMotion()) {
+				queueMicrotask(() => {
+					if (!card.isConnected) forget();
+				});
+				return;
+			}
+			const { copy, restoreScroll } = copyCard(card, box);
 			queueMicrotask(() => {
 				if (card.isConnected) return;
+				forget();
 				const how = motionFor(depth, motion.front ?? depth);
 				(how === "front" ? inFront : behind).append(copy);
 				restoreScroll();
@@ -303,6 +368,10 @@ function useStackCard(ref, depth, isView) {
 			});
 		};
 	}, []);
+	React.useLayoutEffect(() => {
+		const motion = stack?.current;
+		if (motion) measureCards(motion);
+	});
 }
 /**
 * Eases a header's card and content from where they were laid out before `shape` changed to

package/dist/features/preview/strayCaretGuard.js

@@ -0,0 +1,34 @@
+//#region src/features/preview/strayCaretGuard.ts
+/** Where the browser would put the caret for a click at this point. */
+function caretNodeAt(doc, x, y) {
+	if (typeof doc.caretPositionFromPoint === "function") return doc.caretPositionFromPoint(x, y)?.offsetNode ?? null;
+	return doc.caretRangeFromPoint?.(x, y)?.startContainer ?? null;
+}
+function isEditable(node) {
+	return (node?.nodeType === 1 ? node : node?.parentElement ?? null)?.closest("[contenteditable=\"\"], [contenteditable=\"true\"]") != null;
+}
+/**
+* Keep a click beside an editable field from landing in it. On a click over
+* non-editable content, browsers put the caret at the nearest text, and when that
+* text is in a field, they focus it: clicking a block's padding next to a heading
+* starts editing the heading instead of selecting the block. Such a click now only
+* leaves the field being edited, as a click on content without text would.
+*/
+function guardStrayCaret(doc) {
+	const onMouseDown = (event) => {
+		if (event.button !== 0) return;
+		const target = event.target;
+		if (!target || isEditable(target)) return;
+		if (target.closest?.("input, textarea, select, button")) return;
+		if (!isEditable(caretNodeAt(doc, event.clientX, event.clientY))) return;
+		event.preventDefault();
+		const active = doc.activeElement;
+		if (active?.isContentEditable) active.blur();
+		doc.getSelection()?.removeAllRanges();
+	};
+	doc.addEventListener("mousedown", onMouseDown, true);
+	return () => doc.removeEventListener("mousedown", onMouseDown, true);
+}
+
+//#endregion
+export { guardStrayCaret };

package/dist/features/provider/CoreCamoxProvider.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 import { replaceEqualDeep, useQueryClient } from "@tanstack/react-query";
 
 //#region src/features/provider/CoreCamoxProvider.tsx
-function CoreCamoxProvider({ apiUrl, authenticationUrl, camoxApp, children, projectUuid, initialAuthenticated = false, initialProject }) {
+function CoreCamoxProvider({ apiUrl, authenticationUrl, camoxApp, children, projectUuid, initialAuthenticated = false, initialProject, sessionless = false }) {
 	const queryClient = useQueryClient();
 	const authClient = React.useMemo(() => createCamoxAuthClient(apiUrl), [apiUrl]);
 	const providedScope = React.useContext(DraftScopeContext);
@@ -48,14 +48,16 @@ function CoreCamoxProvider({ apiUrl, authenticationUrl, camoxApp, children, proj
 		apiUrl,
 		projectUuid,
 		initialAuthenticated,
-		exchangingToken
+		exchangingToken,
+		sessionless
 	}), [
 		authClient,
 		authenticationUrl,
 		apiUrl,
 		projectUuid,
 		initialAuthenticated,
-		exchangingToken
+		exchangingToken,
+		sessionless
 	]);
 	const [isPreviewHandoff, setIsPreviewHandoff] = React.useState(false);
 	React.useEffect(() => {

package/dist/features/routes/pageRuntime.d.ts

@@ -46,6 +46,8 @@ export interface DraftRead {
 }
 export declare function createServerApiClient(apiUrl: string, options?: {
   authCookieHeader?: string;
+  /** A look token, which reads the draft it was signed for without a session (ADR 0032). */
+  lookToken?: string;
   draftId?: string;
   locale?: LocaleView;
 }): RouterClient<Router>;