camox 0.32.0 → 0.33.0

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

@@ -1,908 +0,0 @@
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { previewStore } from "../previewStore.js";
-import { useProjectSlug } from "../../../lib/auth.js";
-import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { PageLocationFieldset } from "./PageLocationFieldset.js";
-import { PageNicknameField } from "./PageNicknameField.js";
-import { UploadDropZone } from "../../content/components/UploadDropZone.js";
-import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
-import { ShikiMarkdown } from "./ShikiMarkdown.js";
-import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
-import { toast } from "@camox/ui/toaster";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@camox/ui/button";
-import { Switch } from "@camox/ui/switch";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
-import { Globe, Info, Trash2, Upload } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
-import { Spinner } from "@camox/ui/spinner";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
-import { useForm } from "@tanstack/react-form";
-
-//#region src/features/preview/components/PageMetadataModal.tsx
-const PageMetadataModal = () => {
-	const $ = c(3);
-	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
-		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
-	}
-	const editingPageId = useSelector(previewStore, _temp);
-	let t0;
-	if ($[1] !== editingPageId) {
-		t0 = /* @__PURE__ */ jsx(PageMetadataModalContent, { pageId: editingPageId });
-		$[1] = editingPageId;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
-};
-const PageMetadataModalContent = (t0) => {
-	const $ = c(61);
-	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
-		for (let $i = 0; $i < 61; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
-	}
-	const { pageId } = t0;
-	const projectSlug = useProjectSlug();
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = pageMutations.update();
-		$[1] = t1;
-	} else t1 = $[1];
-	const updatePage = useMutation(t1);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = pageMutations.setLayout();
-		$[2] = t2;
-	} else t2 = $[2];
-	const setLayout = useMutation(t2);
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = pageMutations.setAiSeo();
-		$[3] = t3;
-	} else t3 = $[3];
-	const setAiSeo = useMutation(t3);
-	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = pageMutations.setMetaTitle();
-		$[4] = t4;
-	} else t4 = $[4];
-	const setMetaTitle = useMutation(t4);
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = pageMutations.setMetaDescription();
-		$[5] = t5;
-	} else t5 = $[5];
-	const setMetaDescription = useMutation(t5);
-	let t6;
-	if ($[6] !== pageId) {
-		t6 = pageQueries.getById(pageId);
-		$[6] = pageId;
-		$[7] = t6;
-	} else t6 = $[7];
-	const t7 = pageId != null;
-	let t8;
-	if ($[8] !== t6 || $[9] !== t7) {
-		t8 = {
-			...t6,
-			enabled: t7
-		};
-		$[8] = t6;
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	const { data: page } = useQuery(t8);
-	let t9;
-	if ($[11] !== projectSlug) {
-		t9 = projectQueries.getBySlug(projectSlug);
-		$[11] = projectSlug;
-		$[12] = t9;
-	} else t9 = $[12];
-	const { data: project } = useQuery(t9);
-	let t10;
-	if ($[13] !== project?.id) {
-		t10 = pageQueries.list(project?.id ?? 0);
-		$[13] = project?.id;
-		$[14] = t10;
-	} else t10 = $[14];
-	const t11 = !!project;
-	let t12;
-	if ($[15] !== t10 || $[16] !== t11) {
-		t12 = {
-			...t10,
-			enabled: t11
-		};
-		$[15] = t10;
-		$[16] = t11;
-		$[17] = t12;
-	} else t12 = $[17];
-	const { data: pages } = useQuery(t12);
-	let t13;
-	if ($[18] !== project?.id) {
-		t13 = layoutQueries.list(project?.id ?? 0);
-		$[18] = project?.id;
-		$[19] = t13;
-	} else t13 = $[19];
-	const t14 = !!project;
-	let t15;
-	if ($[20] !== t13 || $[21] !== t14) {
-		t15 = {
-			...t13,
-			enabled: t14
-		};
-		$[20] = t13;
-		$[21] = t14;
-		$[22] = t15;
-	} else t15 = $[22];
-	const { data: layouts } = useQuery(t15);
-	const camoxApp = useCamoxApp();
-	const navigate = useNavigate();
-	const t16 = page?.nickname ?? "";
-	const t17 = page?.pathSegment ?? "";
-	const t18 = page?.parentPageId ?? void 0;
-	const t19 = page?.layoutId ?? 0;
-	let t20;
-	if ($[23] !== t16 || $[24] !== t17 || $[25] !== t18 || $[26] !== t19) {
-		t20 = {
-			nickname: t16,
-			pathSegment: t17,
-			parentPageId: t18,
-			layoutId: t19
-		};
-		$[23] = t16;
-		$[24] = t17;
-		$[25] = t18;
-		$[26] = t19;
-		$[27] = t20;
-	} else t20 = $[27];
-	const form = useForm({
-		defaultValues: t20,
-		onSubmit: async (values) => {
-			if (!page) return;
-			try {
-				const nickname = values.value.nickname.trim();
-				if (!nickname) {
-					toast.error("Page nickname is required");
-					return;
-				}
-				const { fullPath } = await updatePage.mutateAsync({
-					id: page.id,
-					nickname,
-					pathSegment: values.value.pathSegment,
-					parentPageId: values.value.parentPageId
-				});
-				if (values.value.layoutId) await setLayout.mutateAsync({
-					id: page.id,
-					layoutId: values.value.layoutId
-				});
-				trackClientEvent("page_updated", {
-					projectId: page.projectId,
-					changes: {
-						nickname: nickname !== page.nickname,
-						path: values.value.pathSegment !== page.pathSegment,
-						layout: values.value.layoutId !== page.layoutId,
-						parent: values.value.parentPageId !== page.parentPageId
-					}
-				});
-				const displayName = nickname;
-				toast.success(`Updated ${displayName} page`);
-				previewStore.send({ type: "closeEditPageModal" });
-				form.reset();
-				await navigate({ to: fullPath });
-			} catch (t21) {
-				console.error("Failed to update page:", t21);
-				toast.error("Could not update page");
-			}
-		}
-	});
-	const prevPageId = React.useRef(null);
-	let t22;
-	if ($[28] !== form || $[29] !== page || $[30] !== pageId) {
-		t22 = () => {
-			if (prevPageId.current === pageId || !page) return;
-			prevPageId.current = pageId;
-			form.reset({
-				nickname: page.nickname,
-				pathSegment: page.pathSegment,
-				parentPageId: page.parentPageId ?? void 0,
-				layoutId: page.layoutId ?? 0
-			});
-		};
-		$[28] = form;
-		$[29] = page;
-		$[30] = pageId;
-		$[31] = t22;
-	} else t22 = $[31];
-	let t23;
-	if ($[32] !== form || $[33] !== page || $[34] !== pageId) {
-		t23 = [
-			pageId,
-			page,
-			form
-		];
-		$[32] = form;
-		$[33] = page;
-		$[34] = pageId;
-		$[35] = t23;
-	} else t23 = $[35];
-	React.useEffect(t22, t23);
-	const isOpen = pageId != null && !!page;
-	const isRootPage = page?.fullPath === "/";
-	let pageLayoutRecord;
-	let t24;
-	if ($[36] !== camoxApp || $[37] !== layouts || $[38] !== page || $[39] !== project?.name) {
-		pageLayoutRecord = layouts?.find((l) => l.id === page?.layoutId);
-		const layoutDef = pageLayoutRecord ? camoxApp.getLayoutById(pageLayoutRecord.layoutId) : void 0;
-		t24 = layoutDef && page ? layoutDef._internal.buildMetaTitle({
-			pageMetaTitle: page.metaTitle ?? "",
-			projectName: project?.name ?? "",
-			pageFullPath: page.fullPath
-		}) : page?.metaTitle ?? "";
-		$[36] = camoxApp;
-		$[37] = layouts;
-		$[38] = page;
-		$[39] = project?.name;
-		$[40] = pageLayoutRecord;
-		$[41] = t24;
-	} else {
-		pageLayoutRecord = $[40];
-		t24 = $[41];
-	}
-	const metaTitle = t24;
-	let t25;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t25 = /* @__PURE__ */ jsxs(DialogHeader, {
-			className: "border-border border-b p-4",
-			children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Page metadata" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Update the page structure, SEO and markdown content." })]
-		});
-		$[42] = t25;
-	} else t25 = $[42];
-	let t26;
-	if ($[43] !== camoxApp || $[44] !== form || $[45] !== isRootPage || $[46] !== layouts || $[47] !== metaTitle || $[48] !== page || $[49] !== pageLayoutRecord?.layoutId || $[50] !== pages || $[51] !== project?.name || $[52] !== setAiSeo || $[53] !== setMetaDescription || $[54] !== setMetaTitle) {
-		t26 = page && /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 overflow-y-auto",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-b px-4 py-4",
-					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
-						children: "Page structure"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-1 text-xs",
-						children: "URL path and layout used to render the page"
-					})] }), /* @__PURE__ */ jsx("div", {
-						className: "space-y-4",
-						children: /* @__PURE__ */ jsxs("form", {
-							onSubmit: (e) => {
-								e.preventDefault();
-								e.stopPropagation();
-								form.handleSubmit();
-							},
-							className: "-mx-1 space-y-4 px-1",
-							children: [
-								/* @__PURE__ */ jsx(form.Field, {
-									name: "nickname",
-									children: _temp3
-								}),
-								isRootPage ? /* @__PURE__ */ jsxs(Alert, { children: [
-									/* @__PURE__ */ jsx(Info, { className: "size-4" }),
-									/* @__PURE__ */ jsx(AlertTitle, { children: "Homepage" }),
-									/* @__PURE__ */ jsx(AlertDescription, { children: "You can't change the path of the home page." })
-								] }) : /* @__PURE__ */ jsx(form.Field, {
-									name: "parentPageId",
-									children: (parentField) => /* @__PURE__ */ jsx(form.Field, {
-										name: "pathSegment",
-										children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
-											parentPageId: parentField.state.value,
-											onParentPageIdChange: parentField.handleChange,
-											pathSegment: pathField.state.value,
-											onPathSegmentChange: pathField.handleChange,
-											pages,
-											excludePageId: page.id
-										})
-									})
-								}),
-								layouts && layouts.length > 0 && /* @__PURE__ */ jsx(form.Field, {
-									name: "layoutId",
-									children: (field_0) => /* @__PURE__ */ jsxs("div", {
-										className: "space-y-2",
-										children: [/* @__PURE__ */ jsx(Label, { children: "Layout" }), /* @__PURE__ */ jsxs(Select, {
-											value: field_0.state.value ? String(field_0.state.value) : "",
-											onValueChange: (value_0) => field_0.handleChange(Number(value_0)),
-											items: layouts.map((t) => ({
-												value: String(t.id),
-												label: camoxApp.getLayoutById(t.layoutId)?._internal.title ?? t.layoutId
-											})),
-											children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a layout" }) }), /* @__PURE__ */ jsx(SelectContent, { children: layouts.map((t_0) => /* @__PURE__ */ jsx(SelectItem, {
-												value: String(t_0.id),
-												children: camoxApp.getLayoutById(t_0.layoutId)?._internal.title ?? t_0.layoutId
-											}, t_0.id)) })]
-										})]
-									})
-								}),
-								/* @__PURE__ */ jsx(form.Subscribe, {
-									selector: _temp4,
-									children: _temp5
-								})
-							]
-						})
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "grid grid-cols-[200px_1fr] gap-x-16 px-4 py-4",
-					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
-						children: "SEO data"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-1 text-xs",
-						children: "How the page appears when shared across the web"
-					})] }), /* @__PURE__ */ jsxs("div", {
-						className: "space-y-4",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(Switch, {
-									id: "ai-seo",
-									checked: page.aiSeoEnabled !== false,
-									onCheckedChange: (checked) => {
-										setAiSeo.mutate({
-											id: page.id,
-											enabled: checked
-										});
-										trackClientEvent("ai_metadata_toggled", {
-											target: "page",
-											enabled: checked,
-											pageId: page.id
-										});
-									}
-								}), /* @__PURE__ */ jsx(Label, {
-									htmlFor: "ai-seo",
-									children: "AI metadata"
-								})]
-							}),
-							/* @__PURE__ */ jsx(DebouncedFieldEditor, {
-								label: "Page title",
-								placeholder: "Page title...",
-								initialValue: page.metaTitle ?? "",
-								disabled: page.aiSeoEnabled !== false,
-								onSave: (value_1) => setMetaTitle.mutate({
-									id: page.id,
-									metaTitle: value_1
-								})
-							}),
-							/* @__PURE__ */ jsx(DebouncedFieldEditor, {
-								label: "Page description",
-								placeholder: "Page description...",
-								initialValue: page.metaDescription ?? "",
-								disabled: page.aiSeoEnabled !== false,
-								rows: 2,
-								onSave: (value_2) => setMetaDescription.mutate({
-									id: page.id,
-									metaDescription: value_2
-								})
-							}),
-							/* @__PURE__ */ jsx(SearchEnginePreview, {
-								page,
-								metaTitle,
-								metaDescription: page.metaDescription ?? ""
-							}),
-							/* @__PURE__ */ jsx(SocialPreviewSection, {
-								page,
-								metaTitle,
-								metaDescription: page.metaDescription ?? "",
-								layoutId: pageLayoutRecord?.layoutId,
-								projectName: project?.name
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "border-border grid grid-cols-[200px_1fr] gap-x-16 border-t px-4 py-4",
-					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
-						children: "Markdown content"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-1 text-xs",
-						children: "How your content will be served to AI agents"
-					})] }), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PageMarkdownPreview, {
-						pageId: page.id,
-						metaTitle,
-						metaDescription: page.metaDescription ?? ""
-					}) })]
-				})
-			]
-		});
-		$[43] = camoxApp;
-		$[44] = form;
-		$[45] = isRootPage;
-		$[46] = layouts;
-		$[47] = metaTitle;
-		$[48] = page;
-		$[49] = pageLayoutRecord?.layoutId;
-		$[50] = pages;
-		$[51] = project?.name;
-		$[52] = setAiSeo;
-		$[53] = setMetaDescription;
-		$[54] = setMetaTitle;
-		$[55] = t26;
-	} else t26 = $[55];
-	let t27;
-	if ($[56] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(DialogContent, {
-			className: "flex max-h-[90vh] flex-col gap-0 overflow-hidden p-0 sm:max-w-5xl",
-			children: [t25, t26]
-		});
-		$[56] = t26;
-		$[57] = t27;
-	} else t27 = $[57];
-	let t28;
-	if ($[58] !== isOpen || $[59] !== t27) {
-		t28 = /* @__PURE__ */ jsx(Dialog, {
-			open: isOpen,
-			onOpenChange: _temp2,
-			children: t27
-		});
-		$[58] = isOpen;
-		$[59] = t27;
-		$[60] = t28;
-	} else t28 = $[60];
-	return t28;
-};
-function truncateText(text, maxLen) {
-	if (text.length <= maxLen) return text;
-	return text.slice(0, maxLen) + "...";
-}
-const SearchEnginePreview = (t0) => {
-	const $ = c(17);
-	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
-		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
-	}
-	const { page, metaTitle, metaDescription } = t0;
-	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
-	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(Label, { children: "Search engine preview" });
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-1.5",
-			children: [t1, /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				delay: 50,
-				render: /* @__PURE__ */ jsx(Info, { className: "text-muted-foreground size-3.5" })
-			}), /* @__PURE__ */ jsx(TooltipContent, { children: "Titles are cropped after 60 characters and descriptions after 155, like on Google Search results." })] })]
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== url) {
-		t3 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground truncate text-xs",
-			children: url
-		});
-		$[3] = url;
-		$[4] = t3;
-	} else t3 = $[4];
-	const t4 = metaTitle || "Untitled";
-	let t5;
-	if ($[5] !== t4) {
-		t5 = truncateText(t4, 60);
-		$[5] = t4;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== t5) {
-		t6 = /* @__PURE__ */ jsx("p", {
-			className: "text-base font-medium text-blue-600 dark:text-blue-400",
-			children: t5
-		});
-		$[7] = t5;
-		$[8] = t6;
-	} else t6 = $[8];
-	const t7 = metaDescription || "No description";
-	let t8;
-	if ($[9] !== t7) {
-		t8 = truncateText(t7, 155);
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	let t9;
-	if ($[11] !== t8) {
-		t9 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground line-clamp-2 text-xs",
-			children: t8
-		});
-		$[11] = t8;
-		$[12] = t9;
-	} else t9 = $[12];
-	let t10;
-	if ($[13] !== t3 || $[14] !== t6 || $[15] !== t9) {
-		t10 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-1 pt-2",
-			children: [t2, /* @__PURE__ */ jsxs("div", {
-				className: "border-border space-y-0.5 rounded-lg border p-3",
-				children: [
-					t3,
-					t6,
-					t9
-				]
-			})]
-		});
-		$[13] = t3;
-		$[14] = t6;
-		$[15] = t9;
-		$[16] = t10;
-	} else t10 = $[16];
-	return t10;
-};
-const SocialPreviewSection = (t0) => {
-	const $ = c(60);
-	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
-		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
-	}
-	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
-	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
-	let t1;
-	if ($[1] !== layoutId || $[2] !== page.metaDescription || $[3] !== pageMetaTitle || $[4] !== projectName) {
-		t1 = new URLSearchParams({
-			...layoutId && { layoutId },
-			title: pageMetaTitle,
-			...page.metaDescription && { description: page.metaDescription },
-			...projectName && { projectName }
-		}).toString();
-		$[1] = layoutId;
-		$[2] = page.metaDescription;
-		$[3] = pageMetaTitle;
-		$[4] = projectName;
-		$[5] = t1;
-	} else t1 = $[5];
-	const generatedOgImage = `/og?${t1}`;
-	const ogImage = page.customOgImageUrl ?? generatedOgImage;
-	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
-	const fileInputRef = React.useRef(null);
-	const queryClient = useQueryClient();
-	let t2;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = pageMutations.uploadCustomOgImage();
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== page.id || $[8] !== queryClient) {
-		t3 = {
-			...t2,
-			onSuccess: () => {
-				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
-				trackClientEvent("page_custom_og_image_uploaded", { pageId: page.id });
-			},
-			onError: _temp6
-		};
-		$[7] = page.id;
-		$[8] = queryClient;
-		$[9] = t3;
-	} else t3 = $[9];
-	const uploadCustomOgImage = useMutation(t3);
-	let t4;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = pageMutations.deleteCustomOgImage();
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== page.id || $[12] !== queryClient) {
-		t5 = {
-			...t4,
-			onSuccess: () => {
-				queryClient.invalidateQueries({ queryKey: pageQueries.getById(page.id).queryKey });
-				trackClientEvent("page_custom_og_image_removed", { pageId: page.id });
-			},
-			onError: _temp7
-		};
-		$[11] = page.id;
-		$[12] = queryClient;
-		$[13] = t5;
-	} else t5 = $[13];
-	const deleteCustomOgImage = useMutation(t5);
-	const hasCustomImage = !!page.customOgImageUrl;
-	const isBusy = uploadCustomOgImage.isPending || deleteCustomOgImage.isPending;
-	let t6;
-	if ($[14] !== page.id || $[15] !== uploadCustomOgImage) {
-		t6 = (files) => {
-			const file = files[0];
-			if (file) uploadCustomOgImage.mutate({
-				pageId: page.id,
-				file
-			});
-		};
-		$[14] = page.id;
-		$[15] = uploadCustomOgImage;
-		$[16] = t6;
-	} else t6 = $[16];
-	const handleFiles = t6;
-	let t7;
-	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Label, { children: "Social preview" });
-		$[17] = t7;
-	} else t7 = $[17];
-	let t8;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = () => fileInputRef.current?.click();
-		$[18] = t8;
-	} else t8 = $[18];
-	let t9;
-	if ($[19] !== uploadCustomOgImage.isPending) {
-		t9 = uploadCustomOgImage.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Upload, { className: "size-3.5" });
-		$[19] = uploadCustomOgImage.isPending;
-		$[20] = t9;
-	} else t9 = $[20];
-	const t10 = hasCustomImage ? "Replace custom image" : "Upload custom image";
-	let t11;
-	if ($[21] !== isBusy || $[22] !== t10 || $[23] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "secondary",
-			size: "sm",
-			disabled: isBusy,
-			onClick: t8,
-			children: [t9, t10]
-		});
-		$[21] = isBusy;
-		$[22] = t10;
-		$[23] = t9;
-		$[24] = t11;
-	} else t11 = $[24];
-	let t12;
-	if ($[25] !== deleteCustomOgImage || $[26] !== hasCustomImage || $[27] !== isBusy || $[28] !== page.id) {
-		t12 = hasCustomImage && /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			disabled: isBusy,
-			onClick: () => deleteCustomOgImage.mutate({ pageId: page.id }),
-			"aria-label": "Remove custom image",
-			children: [
-				deleteCustomOgImage.isPending ? /* @__PURE__ */ jsx(Spinner, { className: "text-muted-foreground" }) : /* @__PURE__ */ jsx(Trash2, { className: "text-muted-foreground" }),
-				" ",
-				"Clear"
-			]
-		});
-		$[25] = deleteCustomOgImage;
-		$[26] = hasCustomImage;
-		$[27] = isBusy;
-		$[28] = page.id;
-		$[29] = t12;
-	} else t12 = $[29];
-	let t13;
-	if ($[30] !== handleFiles) {
-		t13 = /* @__PURE__ */ jsx("input", {
-			type: "file",
-			ref: fileInputRef,
-			className: "hidden",
-			accept: "image/jpeg,image/png,image/gif,image/webp",
-			onChange: (e) => {
-				if (e.target.files) handleFiles(e.target.files);
-				e.target.value = "";
-			}
-		});
-		$[30] = handleFiles;
-		$[31] = t13;
-	} else t13 = $[31];
-	let t14;
-	if ($[32] !== t11 || $[33] !== t12 || $[34] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [
-				t11,
-				t12,
-				t13
-			]
-		});
-		$[32] = t11;
-		$[33] = t12;
-		$[34] = t13;
-		$[35] = t14;
-	} else t14 = $[35];
-	const t15 = hasCustomImage ? "Drop image to replace" : "Drop image to upload";
-	let t16;
-	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = { aspectRatio: "1200 / 630" };
-		$[36] = t16;
-	} else t16 = $[36];
-	let t17;
-	if ($[37] !== ogImage) {
-		t17 = /* @__PURE__ */ jsx("img", {
-			src: ogImage,
-			alt: "",
-			className: "w-full object-cover",
-			style: t16
-		});
-		$[37] = ogImage;
-		$[38] = t17;
-	} else t17 = $[38];
-	let t18;
-	if ($[39] !== handleFiles || $[40] !== t15 || $[41] !== t17) {
-		t18 = /* @__PURE__ */ jsx(UploadDropZone, {
-			onDrop: handleFiles,
-			label: t15,
-			className: "block",
-			children: t17
-		});
-		$[39] = handleFiles;
-		$[40] = t15;
-		$[41] = t17;
-		$[42] = t18;
-	} else t18 = $[42];
-	const t19 = metaTitle || "Untitled";
-	let t20;
-	if ($[43] !== t19) {
-		t20 = /* @__PURE__ */ jsx("p", {
-			className: "text-foreground truncate text-sm font-semibold",
-			children: t19
-		});
-		$[43] = t19;
-		$[44] = t20;
-	} else t20 = $[44];
-	const t21 = metaDescription || "No description";
-	let t22;
-	if ($[45] !== t21) {
-		t22 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground line-clamp-2 text-xs",
-			children: t21
-		});
-		$[45] = t21;
-		$[46] = t22;
-	} else t22 = $[46];
-	let t23;
-	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = /* @__PURE__ */ jsx(Globe, { className: "size-3 shrink-0" });
-		$[47] = t23;
-	} else t23 = $[47];
-	let t24;
-	if ($[48] !== url) {
-		t24 = /* @__PURE__ */ jsx("div", {
-			className: "pt-1.5",
-			children: /* @__PURE__ */ jsxs("p", {
-				className: "text-muted-foreground flex items-center gap-1 text-xs",
-				children: [t23, /* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: url
-				})]
-			})
-		});
-		$[48] = url;
-		$[49] = t24;
-	} else t24 = $[49];
-	let t25;
-	if ($[50] !== t20 || $[51] !== t22 || $[52] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-1.5 border-t px-3 py-2.5",
-			children: [
-				t20,
-				t22,
-				t24
-			]
-		});
-		$[50] = t20;
-		$[51] = t22;
-		$[52] = t24;
-		$[53] = t25;
-	} else t25 = $[53];
-	let t26;
-	if ($[54] !== t18 || $[55] !== t25) {
-		t26 = /* @__PURE__ */ jsxs("div", {
-			className: "border-border max-w-xl overflow-hidden rounded-lg border",
-			children: [t18, t25]
-		});
-		$[54] = t18;
-		$[55] = t25;
-		$[56] = t26;
-	} else t26 = $[56];
-	let t27;
-	if ($[57] !== t14 || $[58] !== t26) {
-		t27 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2 pt-2",
-			children: [
-				t7,
-				t14,
-				t26
-			]
-		});
-		$[57] = t14;
-		$[58] = t26;
-		$[59] = t27;
-	} else t27 = $[59];
-	return t27;
-};
-const PageMarkdownPreview = (t0) => {
-	const $ = c(9);
-	if ($[0] !== "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5a8f7b6ce5fca8ad19dd3940040a627aa1141a2cb6ff61a0cb7eafe6485f2ad8";
-	}
-	const { pageId, metaTitle, metaDescription } = t0;
-	let t1;
-	if ($[1] !== pageId) {
-		t1 = blockQueries.getPageMarkdown(pageId);
-		$[1] = pageId;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: markdown } = useQuery(t1);
-	if (markdown === void 0) {
-		let t2;
-		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-			t2 = /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground flex items-center gap-2 py-2 text-sm",
-				children: [/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }), "Loading..."]
-			});
-			$[3] = t2;
-		} else t2 = $[3];
-		return t2;
-	}
-	const t2 = `title: "${metaTitle}"`;
-	const t3 = `description: "${metaDescription}"`;
-	let frontmatterLines;
-	if ($[4] !== t2 || $[5] !== t3) {
-		frontmatterLines = [
-			"---",
-			t2,
-			t3
-		];
-		frontmatterLines.push("---");
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = frontmatterLines;
-	} else frontmatterLines = $[6];
-	const fullMarkdown = frontmatterLines.join("\n") + "\n\n" + (markdown ?? "");
-	let t4;
-	if ($[7] !== fullMarkdown) {
-		t4 = /* @__PURE__ */ jsx(ShikiMarkdown, { code: fullMarkdown });
-		$[7] = fullMarkdown;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-function _temp(state) {
-	return state.context.editingPageId;
-}
-function _temp2(value) {
-	if (!value) previewStore.send({ type: "closeEditPageModal" });
-}
-function _temp3(field) {
-	return /* @__PURE__ */ jsx(PageNicknameField, {
-		value: field.state.value,
-		onChange: field.handleChange
-	});
-}
-function _temp4(s) {
-	return {
-		isSubmitting: s.isSubmitting,
-		isPristine: s.isPristine
-	};
-}
-function _temp5(t0) {
-	const { isSubmitting, isPristine } = t0;
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "submit",
-		disabled: isSubmitting || isPristine,
-		children: [
-			isSubmitting && /* @__PURE__ */ jsx(Spinner, {}),
-			"Save changes",
-			isSubmitting && "..."
-		]
-	});
-}
-function _temp6(error) {
-	toast.error(error.message || "Could not upload image");
-}
-function _temp7() {
-	toast.error("Could not remove image");
-}
-
-//#endregion
-export { PageMetadataModal };