camox 0.3.0 → 0.3.1

package/dist/features/preview/CamoxPreview.js

@@ -16,6 +16,7 @@ import { PagePicker } from "./components/PagePicker.js";
 import { PageTree } from "./components/PageTree.js";
 import { PeekedBlock } from "./components/PeekedBlock.js";
 import { PreviewFrame, PreviewPanel } from "./components/PreviewPanel.js";
+import { c } from "react/compiler-runtime";
 import { keepPreviousData, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
 import { useSelector } from "@xstate/store/react";
 import * as React from "react";
@@ -64,52 +65,164 @@ function pageFullQueryFn(queryClient, path, projectSlug) {
 	};
 }
 function usePreviewedPage() {
+	const $ = c(21);
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
 	const projectSlug = useProjectSlug();
-	const peekedPagePathname = useSelector(previewStore, (state) => state.context.peekedPagePathname);
+	const peekedPagePathname = useSelector(previewStore, _temp);
 	const prevPathnameRef = React.useRef(pathname);
-	React.useEffect(() => {
-		if (prevPathnameRef.current !== pathname) {
-			prevPathnameRef.current = pathname;
-			previewStore.send({ type: "clearPeekedPage" });
-		}
-	}, [pathname]);
-	const { data: currentPage } = useSuspenseQuery({
-		queryKey: queryKeys.pages.getByPath(pathname),
-		queryFn: pageStructureQueryFn(pathname, projectSlug),
-		staleTime: Infinity
-	});
+	let t0;
+	let t1;
+	if ($[0] !== pathname) {
+		t0 = () => {
+			if (prevPathnameRef.current !== pathname) {
+				prevPathnameRef.current = pathname;
+				previewStore.send({ type: "clearPeekedPage" });
+			}
+		};
+		t1 = [pathname];
+		$[0] = pathname;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+	let t2;
+	if ($[3] !== pathname) {
+		t2 = queryKeys.pages.getByPath(pathname);
+		$[3] = pathname;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== pathname || $[6] !== projectSlug) {
+		t3 = pageStructureQueryFn(pathname, projectSlug);
+		$[5] = pathname;
+		$[6] = projectSlug;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t2 || $[9] !== t3) {
+		t4 = {
+			queryKey: t2,
+			queryFn: t3,
+			staleTime: Infinity
+		};
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	const { data: currentPage } = useSuspenseQuery(t4);
 	const isAuthenticated = useIsAuthenticated();
-	const { data: peekedPage } = useQuery({
-		queryKey: queryKeys.pages.getByPath(peekedPagePathname ?? ""),
-		queryFn: pageFullQueryFn(queryClient, peekedPagePathname ?? "", projectSlug),
-		enabled: isAuthenticated && !!peekedPagePathname,
-		placeholderData: keepPreviousData,
-		staleTime: Infinity
-	});
+	let t5;
+	if ($[11] !== peekedPagePathname) {
+		t5 = queryKeys.pages.getByPath(peekedPagePathname ?? "");
+		$[11] = peekedPagePathname;
+		$[12] = t5;
+	} else t5 = $[12];
+	const t6 = peekedPagePathname ?? "";
+	let t7;
+	if ($[13] !== projectSlug || $[14] !== queryClient || $[15] !== t6) {
+		t7 = pageFullQueryFn(queryClient, t6, projectSlug);
+		$[13] = projectSlug;
+		$[14] = queryClient;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	const t8 = isAuthenticated && !!peekedPagePathname;
+	let t9;
+	if ($[17] !== t5 || $[18] !== t7 || $[19] !== t8) {
+		t9 = {
+			queryKey: t5,
+			queryFn: t7,
+			enabled: t8,
+			placeholderData: keepPreviousData,
+			staleTime: Infinity
+		};
+		$[17] = t5;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	const { data: peekedPage } = useQuery(t9);
 	return peekedPage ?? currentPage;
 }
-var BlockRenderer = ({ blockId, mode, showAddBlockTop, showAddBlockBottom }) => {
-	const { data } = useSuspenseQuery(blockQueries.get(blockId));
-	const blockDef = useCamoxApp().getBlockById(data.block.type);
+function _temp(state) {
+	return state.context.peekedPagePathname;
+}
+var BlockRenderer = (t0) => {
+	const $ = c(21);
+	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
+	let t1;
+	if ($[0] !== blockId) {
+		t1 = blockQueries.get(blockId);
+		$[0] = blockId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data } = useSuspenseQuery(t1);
+	const camoxApp = useCamoxApp();
+	let t2;
+	if ($[2] !== camoxApp || $[3] !== data.block.type) {
+		t2 = camoxApp.getBlockById(data.block.type);
+		$[2] = camoxApp;
+		$[3] = data.block.type;
+		$[4] = t2;
+	} else t2 = $[4];
+	const blockDef = t2;
 	if (!blockDef) return null;
-	return /* @__PURE__ */ jsx(NormalizedDataProvider, {
-		files: data.files,
-		repeatableItems: data.repeatableItems,
-		children: /* @__PURE__ */ jsx(blockDef.Component, {
-			blockData: {
-				_id: String(data.block.id),
-				type: data.block.type,
-				content: data.block.content,
-				settings: data.block.settings,
-				position: String(data.block.position)
-			},
+	const t3 = data.files;
+	const t4 = data.repeatableItems;
+	const T0 = blockDef.Component;
+	const t5 = String(data.block.id);
+	const t6 = data.block.type;
+	const t7 = data.block.content;
+	const t8 = data.block.settings;
+	const t9 = String(data.block.position);
+	let t10;
+	if ($[5] !== data.block.type || $[6] !== t5 || $[7] !== t7 || $[8] !== t8 || $[9] !== t9) {
+		t10 = {
+			_id: t5,
+			type: t6,
+			content: t7,
+			settings: t8,
+			position: t9
+		};
+		$[5] = data.block.type;
+		$[6] = t5;
+		$[7] = t7;
+		$[8] = t8;
+		$[9] = t9;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] !== blockDef.Component || $[12] !== mode || $[13] !== showAddBlockBottom || $[14] !== showAddBlockTop || $[15] !== t10) {
+		t11 = /* @__PURE__ */ jsx(T0, {
+			blockData: t10,
 			mode,
 			showAddBlockTop,
 			showAddBlockBottom
-		})
-	});
+		});
+		$[11] = blockDef.Component;
+		$[12] = mode;
+		$[13] = showAddBlockBottom;
+		$[14] = showAddBlockTop;
+		$[15] = t10;
+		$[16] = t11;
+	} else t11 = $[16];
+	let t12;
+	if ($[17] !== data.files || $[18] !== data.repeatableItems || $[19] !== t11) {
+		t12 = /* @__PURE__ */ jsx(NormalizedDataProvider, {
+			files: t3,
+			repeatableItems: t4,
+			children: t11
+		});
+		$[17] = data.files;
+		$[18] = data.repeatableItems;
+		$[19] = t11;
+		$[20] = t12;
+	} else t12 = $[20];
+	return t12;
 };
 var PageContent = () => {
 	const pageData = usePreviewedPage();
@@ -134,12 +247,12 @@ var PageContent = () => {
 		if (!pageData.layout) return null;
 		const allLayoutBlocks = [...beforeBlocks, ...afterBlocks];
 		const blocks = {};
-		for (const block of allLayoutBlocks) blocks[block.type] = {
-			_id: String(block.id),
-			type: block.type,
-			content: block.content,
-			settings: block.settings,
-			position: String(block.position)
+		for (const block_0 of allLayoutBlocks) blocks[block_0.type] = {
+			_id: String(block_0.id),
+			type: block_0.type,
+			content: block_0.content,
+			settings: block_0.settings,
+			position: String(block_0.position)
 		};
 		return blocks;
 	}, [
@@ -173,157 +286,312 @@ var PageContent = () => {
 		children: pageBlocksContent
 	});
 };
-var CamoxPreview = ({ children }) => {
+var CamoxPreview = (t0) => {
+	const $ = c(28);
+	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
-	const isPresentationMode = useSelector(previewStore, (state) => state.context.isPresentationMode);
-	const isSidebarOpen = useSelector(previewStore, (state) => state.context.isSidebarOpen);
+	const isPresentationMode = useSelector(previewStore, _temp2);
+	const isSidebarOpen = useSelector(previewStore, _temp3);
 	const pageData = usePreviewedPage();
-	React.useEffect(() => {
-		const actions = [{
-			id: "enter-presentation-mode",
-			label: "Enter presentation mode",
-			groupLabel: "Preview",
-			checkIfAvailable: () => isAuthenticated && !isPresentationMode,
-			execute: () => previewStore.send({ type: "enterPresentationMode" }),
-			shortcut: {
-				key: "Enter",
-				withMeta: true
-			}
-		}, {
-			id: "exit-presentation-mode",
-			label: "Exit presentation mode",
-			groupLabel: "Preview",
-			checkIfAvailable: () => isAuthenticated && isPresentationMode,
-			execute: () => previewStore.send({ type: "exitPresentationMode" }),
-			shortcut: {
-				key: "Escape",
-				withMeta: true
-			}
-		}];
-		actionsStore.send({
-			type: "registerManyActions",
-			actions
-		});
-		return () => {
+	let t1;
+	let t2;
+	if ($[0] !== isAuthenticated || $[1] !== isPresentationMode) {
+		t1 = () => {
+			const actions = [{
+				id: "enter-presentation-mode",
+				label: "Enter presentation mode",
+				groupLabel: "Preview",
+				checkIfAvailable: () => isAuthenticated && !isPresentationMode,
+				execute: _temp4,
+				shortcut: {
+					key: "Enter",
+					withMeta: true
+				}
+			}, {
+				id: "exit-presentation-mode",
+				label: "Exit presentation mode",
+				groupLabel: "Preview",
+				checkIfAvailable: () => isAuthenticated && isPresentationMode,
+				execute: _temp5,
+				shortcut: {
+					key: "Escape",
+					withMeta: true
+				}
+			}];
 			actionsStore.send({
-				type: "unregisterManyActions",
-				ids: actions.map((a) => a.id)
+				type: "registerManyActions",
+				actions
 			});
+			return () => {
+				actionsStore.send({
+					type: "unregisterManyActions",
+					ids: actions.map(_temp6)
+				});
+			};
 		};
-	}, [isPresentationMode, isAuthenticated]);
-	if (isPresentationMode) return /* @__PURE__ */ jsx(PreviewFrame, {
-		className: "h-screen w-full",
-		children
-	});
-	if (!isAuthenticated) return /* @__PURE__ */ jsx(Fragment, { children });
-	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-background flex h-screen flex-col overflow-hidden",
-		children: [
-			/* @__PURE__ */ jsx(Navbar, {}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex h-full flex-row items-stretch",
-				children: [isSidebarOpen && /* @__PURE__ */ jsxs("div", {
-					className: "flex w-[300px] flex-col border-r-2",
-					children: [/* @__PURE__ */ jsxs(PanelHeader, {
-						className: "flew-row flex gap-2 px-2 py-2",
-						children: [/* @__PURE__ */ jsx(PagePicker, {}), /* @__PURE__ */ jsxs(Tooltip, {
-							delayDuration: 500,
-							children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "outline",
-									size: "icon",
-									onClick: () => previewStore.send({
-										type: "openEditPageSheet",
-										pageId: pageData.page.id
-									}),
-									children: /* @__PURE__ */ jsx(Info, { className: "text-muted-foreground size-4" })
-								})
-							}), /* @__PURE__ */ jsx(TooltipContent, { children: "Page metadata, SEO and markdown" })]
-						})]
-					}), /* @__PURE__ */ jsx(PanelContent, {
-						className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
-						children: /* @__PURE__ */ jsx(PageTree, {})
-					})]
-				}), /* @__PURE__ */ jsxs(PreviewPanel, { children: [children, !isPresentationMode && isAuthenticated && /* @__PURE__ */ jsx("div", { style: {
-					height: "80px",
-					background: "transparent"
-				} })] })]
-			}),
-			/* @__PURE__ */ jsx(PageContentSheet, {}),
-			/* @__PURE__ */ jsx(AddBlockSheet, {}),
-			/* @__PURE__ */ jsx(AgentChatSheet, {}),
-			/* @__PURE__ */ jsx(CreatePageSheet, {}),
-			/* @__PURE__ */ jsx(EditPageSheet, {})
-		]
-	});
+		t2 = [isPresentationMode, isAuthenticated];
+		$[0] = isAuthenticated;
+		$[1] = isPresentationMode;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	React.useEffect(t1, t2);
+	if (isPresentationMode) {
+		let t3;
+		if ($[4] !== children) {
+			t3 = /* @__PURE__ */ jsx(PreviewFrame, {
+				className: "h-screen w-full",
+				children
+			});
+			$[4] = children;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
+	}
+	if (!isAuthenticated) {
+		let t3;
+		if ($[6] !== children) {
+			t3 = /* @__PURE__ */ jsx(Fragment, { children });
+			$[6] = children;
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Navbar, {});
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== isSidebarOpen || $[10] !== pageData) {
+		t4 = isSidebarOpen && /* @__PURE__ */ jsxs("div", {
+			className: "flex w-[300px] flex-col border-r-2",
+			children: [/* @__PURE__ */ jsxs(PanelHeader, {
+				className: "flew-row flex gap-2 px-2 py-2",
+				children: [/* @__PURE__ */ jsx(PagePicker, {}), /* @__PURE__ */ jsxs(Tooltip, {
+					delayDuration: 500,
+					children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "outline",
+							size: "icon",
+							onClick: () => previewStore.send({
+								type: "openEditPageSheet",
+								pageId: pageData.page.id
+							}),
+							children: /* @__PURE__ */ jsx(Info, { className: "text-muted-foreground size-4" })
+						})
+					}), /* @__PURE__ */ jsx(TooltipContent, { children: "Page metadata, SEO and markdown" })]
+				})]
+			}), /* @__PURE__ */ jsx(PanelContent, {
+				className: "flex grow basis-0 flex-col gap-2 overflow-auto p-2",
+				children: /* @__PURE__ */ jsx(PageTree, {})
+			})]
+		});
+		$[9] = isSidebarOpen;
+		$[10] = pageData;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== isAuthenticated || $[13] !== isPresentationMode) {
+		t5 = !isPresentationMode && isAuthenticated && /* @__PURE__ */ jsx("div", { style: {
+			height: "80px",
+			background: "transparent"
+		} });
+		$[12] = isAuthenticated;
+		$[13] = isPresentationMode;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== children || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(PreviewPanel, { children: [children, t5] });
+		$[15] = children;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== t4 || $[19] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "flex h-full flex-row items-stretch",
+			children: [t4, t6]
+		});
+		$[18] = t4;
+		$[19] = t6;
+		$[20] = t7;
+	} else t7 = $[20];
+	let t10;
+	let t11;
+	let t12;
+	let t8;
+	let t9;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(PageContentSheet, {});
+		t9 = /* @__PURE__ */ jsx(AddBlockSheet, {});
+		t10 = /* @__PURE__ */ jsx(AgentChatSheet, {});
+		t11 = /* @__PURE__ */ jsx(CreatePageSheet, {});
+		t12 = /* @__PURE__ */ jsx(EditPageSheet, {});
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t12;
+		$[24] = t8;
+		$[25] = t9;
+	} else {
+		t10 = $[21];
+		t11 = $[22];
+		t12 = $[23];
+		t8 = $[24];
+		t9 = $[25];
+	}
+	let t13;
+	if ($[26] !== t7) {
+		t13 = /* @__PURE__ */ jsxs("div", {
+			className: "bg-background flex h-screen flex-col overflow-hidden",
+			children: [
+				t3,
+				t7,
+				t8,
+				t9,
+				t10,
+				t11,
+				t12
+			]
+		});
+		$[26] = t7;
+		$[27] = t13;
+	} else t13 = $[27];
+	return t13;
 };
 function usePreviewPagesActions() {
+	const $ = c(12);
 	const navigate = useNavigate();
 	const { pathname } = useLocation();
 	const projectSlug = useProjectSlug();
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const { data: pages } = useQuery({
-		...pageQueries.list(project?.id ?? 0),
-		enabled: !!project
-	});
-	React.useEffect(() => {
-		const GO_TO_PAGE_ID = "go-to-page";
-		const currentPage = pages?.find((p) => p.fullPath === pathname);
-		const actions = [
-			{
-				id: "create-page",
-				label: "Create page",
-				groupLabel: "Preview",
-				checkIfAvailable: () => true,
-				execute: () => previewStore.send({ type: "openCreatePageSheet" })
-			},
-			{
-				id: "edit-current-page",
-				label: "Edit current page",
-				groupLabel: "Preview",
-				checkIfAvailable: () => !!currentPage,
-				execute: () => {
-					if (!currentPage) return;
-					previewStore.send({
-						type: "openEditPageSheet",
-						pageId: currentPage.id
-					});
-				}
-			},
-			{
-				id: GO_TO_PAGE_ID,
-				label: "Go to page",
-				groupLabel: "Preview",
-				checkIfAvailable: () => !!pages,
-				hasChildren: true,
-				execute: () => {}
-			},
-			...pages ? pages.map((page) => ({
-				id: `go-to-page-${page.id}`,
-				parentActionId: GO_TO_PAGE_ID,
-				label: `Go to "${page.metaTitle ?? formatPathSegment(page.pathSegment)}"`,
-				groupLabel: "Preview",
-				checkIfAvailable: () => true,
-				execute: () => navigate({ to: page.fullPath })
-			})) : []
-		];
-		actionsStore.send({
-			type: "registerManyActions",
-			actions
-		});
-		return () => {
+	let t0;
+	if ($[0] !== projectSlug) {
+		t0 = projectQueries.getBySlug(projectSlug);
+		$[0] = projectSlug;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useQuery(t0);
+	let t1;
+	if ($[2] !== project?.id) {
+		t1 = pageQueries.list(project?.id ?? 0);
+		$[2] = project?.id;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = !!project;
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = {
+			...t1,
+			enabled: t2
+		};
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	const { data: pages } = useQuery(t3);
+	let t4;
+	let t5;
+	if ($[7] !== navigate || $[8] !== pages || $[9] !== pathname) {
+		t4 = () => {
+			const currentPage = pages?.find((p) => p.fullPath === pathname);
+			const actions = [
+				{
+					id: "create-page",
+					label: "Create page",
+					groupLabel: "Preview",
+					checkIfAvailable: _temp7,
+					execute: _temp8
+				},
+				{
+					id: "edit-current-page",
+					label: "Edit current page",
+					groupLabel: "Preview",
+					checkIfAvailable: () => !!currentPage,
+					execute: () => {
+						if (!currentPage) return;
+						previewStore.send({
+							type: "openEditPageSheet",
+							pageId: currentPage.id
+						});
+					}
+				},
+				{
+					id: "go-to-page",
+					label: "Go to page",
+					groupLabel: "Preview",
+					checkIfAvailable: () => !!pages,
+					hasChildren: true,
+					execute: _temp9
+				},
+				...pages ? pages.map((page) => ({
+					id: `go-to-page-${page.id}`,
+					parentActionId: "go-to-page",
+					label: `Go to "${page.metaTitle ?? formatPathSegment(page.pathSegment)}"`,
+					groupLabel: "Preview",
+					checkIfAvailable: _temp0,
+					execute: () => navigate({ to: page.fullPath })
+				})) : []
+			];
 			actionsStore.send({
-				type: "unregisterManyActions",
-				ids: actions.map((a) => a.id)
+				type: "registerManyActions",
+				actions
 			});
+			return () => {
+				actionsStore.send({
+					type: "unregisterManyActions",
+					ids: actions.map(_temp1)
+				});
+			};
 		};
-	}, [
-		navigate,
-		pages,
-		pathname
-	]);
+		t5 = [
+			navigate,
+			pages,
+			pathname
+		];
+		$[7] = navigate;
+		$[8] = pages;
+		$[9] = pathname;
+		$[10] = t4;
+		$[11] = t5;
+	} else {
+		t4 = $[10];
+		t5 = $[11];
+	}
+	React.useEffect(t4, t5);
+}
+function _temp1(a) {
+	return a.id;
+}
+function _temp0() {
+	return true;
+}
+function _temp9() {}
+function _temp8() {
+	return previewStore.send({ type: "openCreatePageSheet" });
+}
+function _temp7() {
+	return true;
+}
+function _temp2(state) {
+	return state.context.isPresentationMode;
+}
+function _temp3(state_0) {
+	return state_0.context.isSidebarOpen;
+}
+function _temp4() {
+	return previewStore.send({ type: "enterPresentationMode" });
+}
+function _temp5() {
+	return previewStore.send({ type: "exitPresentationMode" });
+}
+function _temp6(a) {
+	return a.id;
 }
 //#endregion
 export { CamoxPreview, PageContent, usePreviewPagesActions, usePreviewedPage };