camox 0.44.0 → 0.45.0

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

@@ -1,78 +0,0 @@
-import { PagePicker } from "./PagePicker.js";
-import { PageTree } from "./PageTree.js";
-import { PublicationRow } from "./PublicationRow.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
-import { PanelContent, PanelHeader } from "@camox/ui/panel";
-
-//#region src/features/preview/components/PageNavigatorSidebar.tsx
-const PageNavigatorHeader = (t0) => {
-	const $ = c(6);
-	if ($[0] !== "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb") {
-		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb";
-	}
-	const { page } = t0;
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "flex w-full",
-			children: /* @__PURE__ */ jsx(PagePicker, {})
-		});
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== page) {
-		t2 = page && /* @__PURE__ */ jsx(PublicationRow, { target: {
-			kind: "page",
-			page
-		} });
-		$[2] = page;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(PanelHeader, {
-			className: "flex flex-col gap-2 p-2",
-			children: [t1, t2]
-		});
-		$[4] = t2;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-};
-const PageNavigatorSidebar = (t0) => {
-	const $ = c(8);
-	if ($[0] !== "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb") {
-		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c9e1cb06c4c83f6db81cab1bef09e7027f12e148a96509207d5fe9eb043f50eb";
-	}
-	const { page } = t0;
-	let t1;
-	if ($[1] !== page) {
-		t1 = /* @__PURE__ */ jsx(PageNavigatorHeader, { page });
-		$[1] = page;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== page) {
-		t2 = /* @__PURE__ */ jsx(PanelContent, {
-			className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
-			children: page ? /* @__PURE__ */ jsx(PageTree, {}) : /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(AlertTitle, { children: "No page blocks" }), /* @__PURE__ */ jsx(AlertDescription, { children: "This page’s content is generated by its layout, rather than assembled from page blocks." })] })
-		});
-		$[3] = page;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
-};
-
-//#endregion
-export { PageNavigatorHeader, PageNavigatorSidebar };

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

@@ -1,97 +0,0 @@
-import { cn } from "../../../lib/utils.js";
-import { c } from "react/compiler-runtime";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Badge } from "@camox/ui/badge";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
-
-//#region src/features/preview/components/PageStatusBadge.tsx
-const statusStyles = {
-	draft: {
-		className: "bg-blue-500/10 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400",
-		label: "Draft"
-	},
-	published: {
-		className: "bg-primary/10 text-primary dark:bg-primary/20",
-		label: "Published"
-	},
-	modified: {
-		className: "bg-purple-500/10 text-purple-700 dark:bg-purple-500/20 dark:text-purple-400",
-		label: "Modified"
-	}
-};
-const PageStatusBadge = (t0) => {
-	const $ = c(18);
-	if ($[0] !== "9168a870b9514df0e89a2bb3f4bf1b341d85dcccf45743f1d6f9b68bbb30a7d4") {
-		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "9168a870b9514df0e89a2bb3f4bf1b341d85dcccf45743f1d6f9b68bbb30a7d4";
-	}
-	const { status, modifiedReason, size: t1, className } = t0;
-	const size = t1 === void 0 ? "default" : t1;
-	const { className: statusClassName, label } = statusStyles[status];
-	let t2;
-	if ($[1] !== className || $[2] !== statusClassName) {
-		t2 = cn(statusClassName, className);
-		$[1] = className;
-		$[2] = statusClassName;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== label || $[5] !== size || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Badge, {
-			size,
-			className: t2,
-			children: label
-		});
-		$[4] = label;
-		$[5] = size;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	const badge = t3;
-	if (status === "modified" && modifiedReason && (modifiedReason.reason === "layout" || modifiedReason.reason === "both")) {
-		const pluralized = modifiedReason.affectedPagesCount === 1 ? "page" : "pages";
-		const headline = modifiedReason.reason === "layout" ? `Layout ${modifiedReason.layoutHandle} has unpublished changes` : `This page and layout ${modifiedReason.layoutHandle} both have unpublished changes`;
-		let t4;
-		if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsx("span", { className: "shrink-0" });
-			$[8] = t4;
-		} else t4 = $[8];
-		let t5;
-		if ($[9] !== badge) {
-			t5 = /* @__PURE__ */ jsx(TooltipTrigger, {
-				render: t4,
-				children: badge
-			});
-			$[9] = badge;
-			$[10] = t5;
-		} else t5 = $[10];
-		let t6;
-		if ($[11] !== headline || $[12] !== modifiedReason.affectedPagesCount || $[13] !== pluralized) {
-			t6 = /* @__PURE__ */ jsxs(TooltipContent, { children: [
-				headline,
-				" (affects ",
-				modifiedReason.affectedPagesCount,
-				" ",
-				pluralized,
-				")"
-			] });
-			$[11] = headline;
-			$[12] = modifiedReason.affectedPagesCount;
-			$[13] = pluralized;
-			$[14] = t6;
-		} else t6 = $[14];
-		let t7;
-		if ($[15] !== t5 || $[16] !== t6) {
-			t7 = /* @__PURE__ */ jsxs(Tooltip, { children: [t5, t6] });
-			$[15] = t5;
-			$[16] = t6;
-			$[17] = t7;
-		} else t7 = $[17];
-		return t7;
-	}
-	return badge;
-};
-
-//#endregion
-export { PageStatusBadge };

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

@@ -1,217 +0,0 @@
-import { NormalizedDataProvider } from "../../../lib/normalized-data.js";
-import { BlockErrorBoundary } from "./BlockErrorBoundary.js";
-import { previewStore } from "../previewStore.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-
-//#region src/features/preview/components/PeekedBlock.tsx
-const PeekedBlock = (t0) => {
-	const $ = c(38);
-	if ($[0] !== "d06a0d1e44a842e15e76eed856e723e3d0d83c1a0085743d97152ca90675d851") {
-		for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d06a0d1e44a842e15e76eed856e723e3d0d83c1a0085743d97152ca90675d851";
-	}
-	const { onExitComplete } = t0;
-	const peekedBlock = useSelector(previewStore, _temp);
-	const skipExitAnimation = useSelector(previewStore, _temp2);
-	const peekedBlockRef = React.useRef(null);
-	const [displayedBlock, setDisplayedBlock] = React.useState(null);
-	const [isExpanded, setIsExpanded] = React.useState(false);
-	let t1;
-	let t2;
-	if ($[1] !== onExitComplete || $[2] !== peekedBlock || $[3] !== skipExitAnimation) {
-		t1 = () => {
-			if (peekedBlock) {
-				setDisplayedBlock(peekedBlock);
-				return;
-			}
-			if (skipExitAnimation) {
-				setIsExpanded(false);
-				setDisplayedBlock(null);
-				onExitComplete?.();
-				previewStore.send({ type: "clearSkipPeekedBlockExitAnimation" });
-				return;
-			}
-			setIsExpanded(false);
-		};
-		t2 = [
-			peekedBlock,
-			skipExitAnimation,
-			onExitComplete
-		];
-		$[1] = onExitComplete;
-		$[2] = peekedBlock;
-		$[3] = skipExitAnimation;
-		$[4] = t1;
-		$[5] = t2;
-	} else {
-		t1 = $[4];
-		t2 = $[5];
-	}
-	React.useEffect(t1, t2);
-	let t3;
-	let t4;
-	if ($[6] !== displayedBlock) {
-		t3 = () => {
-			if (!displayedBlock) return;
-			const id = requestAnimationFrame(() => setIsExpanded(true));
-			return () => cancelAnimationFrame(id);
-		};
-		t4 = [displayedBlock];
-		$[6] = displayedBlock;
-		$[7] = t3;
-		$[8] = t4;
-	} else {
-		t3 = $[7];
-		t4 = $[8];
-	}
-	React.useEffect(t3, t4);
-	let t5;
-	let t6;
-	if ($[9] !== displayedBlock) {
-		t5 = () => {
-			if (displayedBlock && peekedBlockRef.current) peekedBlockRef.current.scrollIntoView({
-				behavior: "instant",
-				block: "start"
-			});
-		};
-		t6 = [displayedBlock];
-		$[9] = displayedBlock;
-		$[10] = t5;
-		$[11] = t6;
-	} else {
-		t5 = $[10];
-		t6 = $[11];
-	}
-	React.useEffect(t5, t6);
-	let t7;
-	if ($[12] !== isExpanded || $[13] !== onExitComplete) {
-		t7 = (e) => {
-			if (e.propertyName !== "grid-template-rows" || e.target !== e.currentTarget) return;
-			if (isExpanded) {
-				peekedBlockRef.current?.scrollIntoView({
-					behavior: "smooth",
-					block: "start"
-				});
-				return;
-			}
-			setDisplayedBlock(null);
-			onExitComplete?.();
-		};
-		$[12] = isExpanded;
-		$[13] = onExitComplete;
-		$[14] = t7;
-	} else t7 = $[14];
-	const handleTransitionEnd = t7;
-	let t8;
-	bb0: {
-		if (!displayedBlock) {
-			t8 = null;
-			break bb0;
-		}
-		let t9;
-		if ($[15] !== displayedBlock._internal) {
-			t9 = displayedBlock._internal.getPeekBundle();
-			$[15] = displayedBlock._internal;
-			$[16] = t9;
-		} else t9 = $[16];
-		t8 = t9;
-	}
-	const peekBundle = t8;
-	if (!displayedBlock || !peekBundle) return null;
-	const t9 = isExpanded ? "1fr" : "0fr";
-	let t10;
-	if ($[17] !== t9) {
-		t10 = {
-			scrollMargin: "5rem",
-			display: "grid",
-			gridTemplateRows: t9,
-			transition: "grid-template-rows 300ms ease-out",
-			background: "var(--background)"
-		};
-		$[17] = t9;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = { overflow: "hidden" };
-		$[19] = t11;
-	} else t11 = $[19];
-	const t12 = peekBundle.block.content;
-	const t13 = peekBundle.block.settings;
-	let t14;
-	if ($[20] !== displayedBlock._internal.id || $[21] !== t12 || $[22] !== t13) {
-		t14 = {
-			_id: 0,
-			type: displayedBlock._internal.id,
-			content: t12,
-			settings: t13,
-			position: ""
-		};
-		$[20] = displayedBlock._internal.id;
-		$[21] = t12;
-		$[22] = t13;
-		$[23] = t14;
-	} else t14 = $[23];
-	let t15;
-	if ($[24] !== displayedBlock._internal.Component || $[25] !== t14) {
-		t15 = /* @__PURE__ */ jsx(displayedBlock._internal.Component, {
-			blockData: t14,
-			mode: "peek"
-		});
-		$[24] = displayedBlock._internal.Component;
-		$[25] = t14;
-		$[26] = t15;
-	} else t15 = $[26];
-	let t16;
-	if ($[27] !== peekBundle.files || $[28] !== peekBundle.repeatableItems || $[29] !== t15) {
-		t16 = /* @__PURE__ */ jsx(NormalizedDataProvider, {
-			files: peekBundle.files,
-			repeatableItems: peekBundle.repeatableItems,
-			children: t15
-		});
-		$[27] = peekBundle.files;
-		$[28] = peekBundle.repeatableItems;
-		$[29] = t15;
-		$[30] = t16;
-	} else t16 = $[30];
-	let t17;
-	if ($[31] !== displayedBlock._internal.id || $[32] !== t16) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			style: t11,
-			children: /* @__PURE__ */ jsx(BlockErrorBoundary, {
-				blockId: 0,
-				blockType: displayedBlock._internal.id,
-				children: t16
-			})
-		});
-		$[31] = displayedBlock._internal.id;
-		$[32] = t16;
-		$[33] = t17;
-	} else t17 = $[33];
-	let t18;
-	if ($[34] !== handleTransitionEnd || $[35] !== t10 || $[36] !== t17) {
-		t18 = /* @__PURE__ */ jsx("div", {
-			ref: peekedBlockRef,
-			style: t10,
-			onTransitionEnd: handleTransitionEnd,
-			children: t17
-		});
-		$[34] = handleTransitionEnd;
-		$[35] = t10;
-		$[36] = t17;
-		$[37] = t18;
-	} else t18 = $[37];
-	return t18;
-};
-function _temp(state) {
-	return state.context.peekedBlock;
-}
-function _temp2(state_0) {
-	return state_0.context.skipPeekedBlockExitAnimation;
-}
-
-//#endregion
-export { PeekedBlock };

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

@@ -1,56 +0,0 @@
-import { previewStore, selectIsCommentMode } from "../previewStore.js";
-import { previewCommentsStore } from "../previewCommentsStore.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { createPortal } from "react-dom";
-
-//#region src/features/preview/components/PreviewComments.tsx
-const commentCursor = `url("data:image/svg+xml,${encodeURIComponent("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 32 32\"><path d=\"M16 1a15 15 0 0 1 0 30H1V16A15 15 0 0 1 16 1Z\" fill=\"oklch(69.6% 0.17 162.48)\" stroke=\"white\" stroke-width=\"2\"/></svg>")}") 1 23, crosshair`;
-/** Comment mode lifecycle and cursor. Editable components handle selection and clicks. */
-function PreviewComments() {
-	const $ = c(5);
-	if ($[0] !== "d824232b82365a442ae6220ec1d54f5b3bfeb17d2c1560e70b52c59208d222b1") {
-		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d824232b82365a442ae6220ec1d54f5b3bfeb17d2c1560e70b52c59208d222b1";
-	}
-	const iframe = useSelector(previewStore, _temp);
-	const commenting = useSelector(previewStore, selectIsCommentMode);
-	const doc = iframe?.contentDocument;
-	let t0;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = [];
-		$[1] = t0;
-	} else t0 = $[1];
-	React.useEffect(_temp3, t0);
-	if (!doc || !commenting) return null;
-	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx("style", { children: `html, html * { cursor: ${commentCursor} !important; }` });
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== doc.head) {
-		t2 = createPortal(t1, doc.head);
-		$[3] = doc.head;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
-}
-function _temp3() {
-	return _temp2;
-}
-function _temp2() {
-	previewStore.send({
-		type: "setCommentMode",
-		enabled: false
-	});
-	previewCommentsStore.send({ type: "clearSelection" });
-}
-function _temp(state) {
-	return state.context.iframeElement;
-}
-
-//#endregion
-export { PreviewComments };

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

@@ -1,43 +0,0 @@
-import { useFrame } from "./Frame.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/features/preview/components/PreviewToolbarSpacer.tsx
-/** Reserve scroll space without painting the site's document background over it. */
-function PreviewToolbarSpacer() {
-	const { window: frameWindow, iframeElement } = useFrame();
-	const spacerRef = React.useRef(null);
-	React.useLayoutEffect(() => {
-		const spacer = spacerRef.current;
-		if (!frameWindow || !iframeElement || !spacer) return;
-		const previousClipPath = iframeElement.style.clipPath;
-		const updateClip = () => {
-			const { top, height } = spacer.getBoundingClientRect();
-			const visibleHeight = Math.max(0, Math.min(height, frameWindow.innerHeight - top));
-			iframeElement.style.clipPath = `inset(0 0 ${visibleHeight}px 0)`;
-		};
-		const observer = new ResizeObserver(updateClip);
-		observer.observe(frameWindow.document.documentElement);
-		observer.observe(spacer.parentElement);
-		frameWindow.addEventListener("scroll", updateClip);
-		frameWindow.addEventListener("resize", updateClip);
-		updateClip();
-		return () => {
-			observer.disconnect();
-			frameWindow.removeEventListener("scroll", updateClip);
-			frameWindow.removeEventListener("resize", updateClip);
-			iframeElement.style.clipPath = previousClipPath;
-		};
-	}, [frameWindow, iframeElement]);
-	return /* @__PURE__ */ jsx("div", {
-		ref: spacerRef,
-		"aria-hidden": true,
-		style: {
-			height: 80,
-			flexShrink: 0
-		}
-	});
-}
-
-//#endregion
-export { PreviewToolbarSpacer };