camox 0.43.0 → 0.45.0

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

@@ -1,29 +0,0 @@
-import { AttachedComments } from "./AttachedComments.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/features/preview/components/CommentSidebar.tsx
-function CommentSidebar(t0) {
-	const $ = c(3);
-	if ($[0] !== "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67") {
-		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67";
-	}
-	const { pageId } = t0;
-	let t1;
-	if ($[1] !== pageId) {
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "min-h-0 flex-1 overflow-auto",
-			children: /* @__PURE__ */ jsx(AttachedComments, {
-				pageId,
-				allPageComments: true
-			})
-		});
-		$[1] = pageId;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-}
-
-//#endregion
-export { CommentSidebar };

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

@@ -1,166 +0,0 @@
-import { isLexicalState, lexicalStateToPlainText } from "../../../core/lib/lexicalState.js";
-import { blockQueries, pageQueries } from "../../../lib/queries.js";
-import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/features/preview/components/CommentTargetQuote.tsx
-function Quote(t0) {
-	const $ = c(3);
-	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
-		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
-	}
-	const { children } = t0;
-	let t1;
-	if ($[1] !== children) {
-		t1 = /* @__PURE__ */ jsx("blockquote", {
-			className: "text-muted-foreground my-2 border-l-2 border-yellow-600 pl-2 text-sm wrap-break-word whitespace-pre-wrap",
-			children
-		});
-		$[1] = children;
-		$[2] = t1;
-	} else t1 = $[2];
-	return t1;
-}
-function PageQuote(t0) {
-	const $ = c(5);
-	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
-		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
-	}
-	const { pageId } = t0;
-	let t1;
-	if ($[1] !== pageId) {
-		t1 = pageQueries.getById(pageId);
-		$[1] = pageId;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: page, isPending } = useQuery(t1);
-	const t2 = page?.nickname || (isPending ? "Loading…" : "Page unavailable");
-	let t3;
-	if ($[3] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	return t3;
-}
-function BlockQuote(t0) {
-	const $ = c(19);
-	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
-		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
-	}
-	const { target } = t0;
-	let t1;
-	if ($[1] !== target.blockId) {
-		t1 = blockQueries.get(target.blockId);
-		$[1] = target.blockId;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: bundle, isPending } = useQuery(t1);
-	if (!bundle) {
-		const t2 = isPending ? "Loading…" : "Content unavailable";
-		let t3;
-		if ($[3] !== t2) {
-			t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
-			$[3] = t2;
-			$[4] = t3;
-		} else t3 = $[4];
-		return t3;
-	}
-	let t2;
-	if ($[5] !== bundle.block || $[6] !== bundle.repeatableItems || $[7] !== target.itemId) {
-		t2 = target.itemId == null ? bundle.block : bundle.repeatableItems.find((item) => item.id === target.itemId);
-		$[5] = bundle.block;
-		$[6] = bundle.repeatableItems;
-		$[7] = target.itemId;
-		$[8] = t2;
-	} else t2 = $[8];
-	const subject = t2;
-	if (!subject) {
-		let t3;
-		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-			t3 = /* @__PURE__ */ jsx(Quote, { children: "Content unavailable" });
-			$[9] = t3;
-		} else t3 = $[9];
-		return t3;
-	}
-	if (target.fieldName != null) {
-		const value = subject.content[target.fieldName];
-		if (target.fieldType === "String" || target.fieldType == null) {
-			if (typeof value === "string" || isLexicalState(value)) {
-				let t3;
-				if ($[10] !== value) {
-					t3 = lexicalStateToPlainText(value) || "Empty text";
-					$[10] = value;
-					$[11] = t3;
-				} else t3 = $[11];
-				let t4;
-				if ($[12] !== t3) {
-					t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
-					$[12] = t3;
-					$[13] = t4;
-				} else t4 = $[13];
-				return t4;
-			}
-			if (value == null && target.fieldType === "String") {
-				let t3;
-				if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ jsx(Quote, { children: "Empty text" });
-					$[14] = t3;
-				} else t3 = $[14];
-				return t3;
-			}
-		}
-		if (target.fieldType === "Link" && value && typeof value === "object" && "text" in value && typeof value.text === "string") {
-			const t3 = value.text || "Empty link text";
-			let t4;
-			if ($[15] !== t3) {
-				t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
-				$[15] = t3;
-				$[16] = t4;
-			} else t4 = $[16];
-			return t4;
-		}
-	}
-	const t3 = subject.summary || (target.itemId == null ? "Untitled block" : "Untitled item");
-	let t4;
-	if ($[17] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
-		$[17] = t3;
-		$[18] = t4;
-	} else t4 = $[18];
-	return t4;
-}
-function CommentTargetQuote(t0) {
-	const $ = c(5);
-	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
-		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
-	}
-	const { pageId, target } = t0;
-	if (target.blockId == null) {
-		let t1;
-		if ($[1] !== pageId) {
-			t1 = /* @__PURE__ */ jsx(PageQuote, { pageId });
-			$[1] = pageId;
-			$[2] = t1;
-		} else t1 = $[2];
-		return t1;
-	}
-	let t1;
-	if ($[3] !== target) {
-		t1 = /* @__PURE__ */ jsx(BlockQuote, { target: {
-			...target,
-			blockId: target.blockId
-		} });
-		$[3] = target;
-		$[4] = t1;
-	} else t1 = $[4];
-	return t1;
-}
-
-//#endregion
-export { CommentTargetQuote };

package/dist/features/preview/components/DerivedLayoutSidebar.d.ts

@@ -1,5 +0,0 @@
-import { PageRenderInput } from "../../runtime/runtime.js";
-//#region src/features/preview/components/DerivedLayoutSidebar.d.ts
-type DerivedLayoutStructure = NonNullable<PageRenderInput["derived"]>["layout"];
-//#endregion
-export { DerivedLayoutStructure };

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

@@ -1,179 +0,0 @@
-import { useProjectSlug } from "../../../lib/auth.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { layoutQueries, projectQueries } from "../../../lib/queries.js";
-import { previewStore, selectPreviewSource } from "../previewStore.js";
-import { PagePicker } from "./PagePicker.js";
-import { LayoutBlockItem } from "./PageTree.js";
-import { PublicationRow } from "./PublicationRow.js";
-import { c } from "react/compiler-runtime";
-import { useQuery } from "@tanstack/react-query";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
-import { PanelContent, PanelHeader } from "@camox/ui/panel";
-
-//#region src/features/preview/components/DerivedLayoutSidebar.tsx
-const EMPTY_PAGE = { blockIds: [] };
-function DerivedLayoutSidebar(t0) {
-	const $ = c(39);
-	if ($[0] !== "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27") {
-		for (let $i = 0; $i < 39; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c2b47a0ded5e80952966193136846d2771f48746af4a761ba4e0ef778f954b27";
-	}
-	const { layout } = t0;
-	const source = useSelector(previewStore, selectPreviewSource);
-	let t1;
-	if ($[1] !== layout) {
-		t1 = {
-			page: EMPTY_PAGE,
-			layout
-		};
-		$[1] = layout;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { beforeBlocks, afterBlocks } = usePageBlocks(t1, source);
-	const app = useCamoxApp();
-	let t2;
-	if ($[3] !== app || $[4] !== layout.layoutId) {
-		t2 = app.getLayoutById(layout.layoutId);
-		$[3] = app;
-		$[4] = layout.layoutId;
-		$[5] = t2;
-	} else t2 = $[5];
-	const definition = t2;
-	const layoutName = definition?._internal.title ?? layout.layoutId;
-	const singleton = definition?._internal.kind === "singleton";
-	const projectSlug = useProjectSlug();
-	let t3;
-	if ($[6] !== projectSlug) {
-		t3 = projectQueries.getBySlug(projectSlug);
-		$[6] = projectSlug;
-		$[7] = t3;
-	} else t3 = $[7];
-	const { data: project } = useQuery(t3);
-	let t4;
-	if ($[8] !== project?.id) {
-		t4 = layoutQueries.list(project?.id ?? 0);
-		$[8] = project?.id;
-		$[9] = t4;
-	} else t4 = $[9];
-	const t5 = !!project;
-	let t6;
-	if ($[10] !== t4 || $[11] !== t5) {
-		t6 = {
-			...t4,
-			enabled: t5
-		};
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	const { data: layouts } = useQuery(t6);
-	let t7;
-	if ($[13] !== layout.id || $[14] !== layouts) {
-		t7 = layouts?.find((item) => item.id === layout.id);
-		$[13] = layout.id;
-		$[14] = layouts;
-		$[15] = t7;
-	} else t7 = $[15];
-	const record = t7;
-	let t8;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: "flex w-full",
-			children: /* @__PURE__ */ jsx(PagePicker, {})
-		});
-		$[16] = t8;
-	} else t8 = $[16];
-	let t9;
-	if ($[17] !== layoutName || $[18] !== record) {
-		t9 = record ? {
-			kind: "layout",
-			layout: record,
-			name: layoutName
-		} : null;
-		$[17] = layoutName;
-		$[18] = record;
-		$[19] = t9;
-	} else t9 = $[19];
-	let t10;
-	if ($[20] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(PanelHeader, {
-			className: "flex flex-col gap-2 p-2",
-			children: [t8, /* @__PURE__ */ jsx(PublicationRow, { target: t9 })]
-		});
-		$[20] = t9;
-		$[21] = t10;
-	} else t10 = $[21];
-	let t11;
-	if ($[22] !== afterBlocks || $[23] !== beforeBlocks || $[24] !== layoutName) {
-		t11 = [["Before", beforeBlocks], ["After", afterBlocks]].map((t12) => {
-			const [title, blocks] = t12;
-			return /* @__PURE__ */ jsxs("section", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-muted-foreground px-2 text-xs font-medium",
-					children: title
-				}), blocks.length === 0 ? /* @__PURE__ */ jsxs("p", {
-					className: "text-muted-foreground px-2 py-2 text-sm",
-					children: [
-						"No ",
-						title.toLowerCase(),
-						" blocks"
-					]
-				}) : blocks.map((block) => /* @__PURE__ */ jsx(LayoutBlockItem, {
-					block,
-					layoutName,
-					derived: true
-				}, block.id))]
-			}, title);
-		});
-		$[22] = afterBlocks;
-		$[23] = beforeBlocks;
-		$[24] = layoutName;
-		$[25] = t11;
-	} else t11 = $[25];
-	const t12 = singleton ? "Code-owned page" : "Shared layout blocks";
-	let t13;
-	if ($[26] !== t12) {
-		t13 = /* @__PURE__ */ jsx(AlertTitle, { children: t12 });
-		$[26] = t12;
-		$[27] = t13;
-	} else t13 = $[27];
-	const t14 = singleton ? "Edit and publish this page’s blocks here. Its URL and structure are defined in code. Synced blocks share content with their other instances." : "Changes apply to every page using this layout. The generated page content is managed outside the studio.";
-	let t15;
-	if ($[28] !== t14) {
-		t15 = /* @__PURE__ */ jsx(AlertDescription, { children: t14 });
-		$[28] = t14;
-		$[29] = t15;
-	} else t15 = $[29];
-	let t16;
-	if ($[30] !== t13 || $[31] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(Alert, { children: [t13, t15] });
-		$[30] = t13;
-		$[31] = t15;
-		$[32] = t16;
-	} else t16 = $[32];
-	let t17;
-	if ($[33] !== t11 || $[34] !== t16) {
-		t17 = /* @__PURE__ */ jsxs(PanelContent, {
-			className: "flex grow basis-0 flex-col gap-4 overflow-auto p-2",
-			children: [t11, t16]
-		});
-		$[33] = t11;
-		$[34] = t16;
-		$[35] = t17;
-	} else t17 = $[35];
-	let t18;
-	if ($[36] !== t10 || $[37] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t17] });
-		$[36] = t10;
-		$[37] = t17;
-		$[38] = t18;
-	} else t18 = $[38];
-	return t18;
-}
-
-//#endregion
-export { DerivedLayoutSidebar };

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

@@ -1,69 +0,0 @@
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
-
-//#region src/features/preview/components/DerivedPageInfoSidebar.tsx
-function DerivedPageInfoSidebar(t0) {
-	const $ = c(13);
-	if ($[0] !== "4055e1683cf89ee8b21c17d486a36f5d2dcf14d6cea02195afa4565d830e71cf") {
-		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4055e1683cf89ee8b21c17d486a36f5d2dcf14d6cea02195afa4565d830e71cf";
-	}
-	const { layoutId } = t0;
-	const camoxApp = useCamoxApp();
-	let t1;
-	if ($[1] !== camoxApp || $[2] !== layoutId) {
-		t1 = camoxApp.getLayoutById(layoutId);
-		$[1] = camoxApp;
-		$[2] = layoutId;
-		$[3] = t1;
-	} else t1 = $[3];
-	const layout = t1;
-	const layoutName = layout?._internal.title ?? layoutId;
-	const singleton = layout?._internal.kind === "singleton";
-	let t2;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("p", {
-			className: "text-base font-semibold",
-			children: "About this page"
-		});
-		$[4] = t2;
-	} else t2 = $[4];
-	const t3 = singleton ? "Singleton page" : "Derived page";
-	let t4;
-	if ($[5] !== t3) {
-		t4 = /* @__PURE__ */ jsx(AlertTitle, { children: t3 });
-		$[5] = t3;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== layoutName || $[8] !== singleton) {
-		t5 = /* @__PURE__ */ jsx(AlertDescription, { children: singleton ? /* @__PURE__ */ jsx(Fragment, { children: "This page and its URL are defined in code. Select a block in the preview to edit its content. The page cannot be deleted or moved in Studio." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			"This page is generated using the",
-			" ",
-			/* @__PURE__ */ jsx("strong", {
-				className: "font-semibold italic",
-				children: layoutName
-			}),
-			" layout. Select a shared block in the preview to edit it."
-		] }) });
-		$[7] = layoutName;
-		$[8] = singleton;
-		$[9] = t5;
-	} else t5 = $[9];
-	let t6;
-	if ($[10] !== t4 || $[11] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 space-y-4 p-2 pt-4",
-			children: [t2, /* @__PURE__ */ jsxs(Alert, { children: [t4, t5] })]
-		});
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	return t6;
-}
-
-//#endregion
-export { DerivedPageInfoSidebar };

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

@@ -1,68 +0,0 @@
-import { previewStore } from "../previewStore.js";
-import { DerivedLayoutSidebar } from "./DerivedLayoutSidebar.js";
-import { PageNavigatorSidebar } from "./PageNavigatorSidebar.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-
-//#region src/features/preview/components/LeftSidebar.tsx
-const LeftSidebar = (t0) => {
-	const $ = c(13);
-	if ($[0] !== "37ec3b3a552e4e78e19e0a065e3326f676f367215b0ebda4b733ddd4a69ab079") {
-		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "37ec3b3a552e4e78e19e0a065e3326f676f367215b0ebda4b733ddd4a69ab079";
-	}
-	const { page, derivedLayout } = t0;
-	const isAddBlockSidebarOpen = useSelector(previewStore, _temp);
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { width: 250 };
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== derivedLayout || $[3] !== page) {
-		t2 = derivedLayout ? /* @__PURE__ */ jsx(DerivedLayoutSidebar, { layout: derivedLayout }) : /* @__PURE__ */ jsx(PageNavigatorSidebar, { page });
-		$[2] = derivedLayout;
-		$[3] = page;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== isAddBlockSidebarOpen || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "contents",
-			inert: isAddBlockSidebarOpen,
-			children: t2
-		});
-		$[5] = isAddBlockSidebarOpen;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	const t4 = `absolute inset-0 z-20 bg-black/50 transition-opacity duration-200 motion-reduce:transition-none ${isAddBlockSidebarOpen ? "cursor-not-allowed opacity-100" : "pointer-events-none opacity-0"}`;
-	let t5;
-	if ($[8] !== t4) {
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: t4,
-			"aria-hidden": "true"
-		});
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
-	let t6;
-	if ($[10] !== t3 || $[11] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("aside", {
-			className: "relative flex shrink-0 flex-col border-r-2",
-			style: t1,
-			children: [t3, t5]
-		});
-		$[10] = t3;
-		$[11] = t5;
-		$[12] = t6;
-	} else t6 = $[12];
-	return t6;
-};
-function _temp(state) {
-	return state.context.isAddBlockSidebarOpen;
-}
-
-//#endregion
-export { LeftSidebar };