camox 0.44.0 → 0.45.0

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 };