camox 0.71.0 → 0.74.1

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

@@ -16,6 +16,7 @@ import { useRendererAnswer } from "../../renderer/RendererFrames.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { pageImageUrl } from "../../og/pageImage.js";
+import { ContentFindings, useContentFindings } from "../../studio/components/ContentFindings.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
@@ -1094,7 +1095,7 @@ const PageSeoContent = (t0) => {
 	return t1;
 };
 const PageSeoEditor = (t0) => {
-	const $ = c(41);
+	const $ = c(46);
 	const { page, metaTitle } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -1104,149 +1105,171 @@ const PageSeoEditor = (t0) => {
 	const setSeo = useMutation(t1);
 	const localized = useLocalizedPath();
 	let t2;
-	if ($[1] !== page.id || $[2] !== setSeo) {
-		t2 = (checked) => {
+	if ($[1] !== page.id) {
+		t2 = {
+			entity: "page",
+			id: page.id
+		};
+		$[1] = page.id;
+		$[2] = t2;
+	} else t2 = $[2];
+	const findings = useContentFindings(t2);
+	let t3;
+	if ($[3] !== page.id || $[4] !== setSeo) {
+		t3 = (checked) => {
 			setSeo.mutate({
 				id: page.id,
 				aiSeo: checked
 			});
 		};
-		$[1] = page.id;
-		$[2] = setSeo;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== page.aiSeo || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Switch, {
+		$[3] = page.id;
+		$[4] = setSeo;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== page.aiSeo || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Switch, {
 			id: "ai-seo",
 			checked: page.aiSeo,
-			onCheckedChange: t2
+			onCheckedChange: t3
 		});
-		$[4] = page.aiSeo;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Label, {
+		$[6] = page.aiSeo;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Label, {
 			htmlFor: "ai-seo",
 			children: "AI metadata"
 		});
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== t3) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [t3, t4]
-		});
-		$[8] = t3;
 		$[9] = t5;
 	} else t5 = $[9];
-	const t6 = page.metaTitle ?? "";
-	let t7;
-	if ($[10] !== page.id || $[11] !== setSeo) {
-		t7 = (value) => setSeo.mutate({
+	let t6;
+	if ($[10] !== t4) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [t4, t5]
+		});
+		$[10] = t4;
+		$[11] = t6;
+	} else t6 = $[11];
+	const t7 = page.metaTitle ?? "";
+	let t8;
+	if ($[12] !== page.id || $[13] !== setSeo) {
+		t8 = (value) => setSeo.mutate({
 			id: page.id,
 			metaTitle: value
 		});
-		$[10] = page.id;
-		$[11] = setSeo;
-		$[12] = t7;
-	} else t7 = $[12];
-	let t8;
-	if ($[13] !== page.aiSeo || $[14] !== t6 || $[15] !== t7) {
-		t8 = /* @__PURE__ */ jsx(DebouncedFieldEditor, {
+		$[12] = page.id;
+		$[13] = setSeo;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== page.aiSeo || $[16] !== t7 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsx(DebouncedFieldEditor, {
 			label: "Page title",
 			placeholder: "Page title...",
-			initialValue: t6,
+			initialValue: t7,
 			disabled: page.aiSeo,
-			onSave: t7
+			onSave: t8
 		});
-		$[13] = page.aiSeo;
-		$[14] = t6;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	const t9 = page.metaDescription ?? "";
+		$[15] = page.aiSeo;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
 	let t10;
-	if ($[17] !== page.id || $[18] !== setSeo) {
-		t10 = (value_0) => setSeo.mutate({
+	if ($[19] !== findings) {
+		t10 = /* @__PURE__ */ jsx(ContentFindings, {
+			view: findings,
+			field: "metaTitle",
+			className: "space-y-2"
+		});
+		$[19] = findings;
+		$[20] = t10;
+	} else t10 = $[20];
+	const t11 = page.metaDescription ?? "";
+	let t12;
+	if ($[21] !== page.id || $[22] !== setSeo) {
+		t12 = (value_0) => setSeo.mutate({
 			id: page.id,
 			metaDescription: value_0
 		});
-		$[17] = page.id;
-		$[18] = setSeo;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== page.aiSeo || $[21] !== t10 || $[22] !== t9) {
-		t11 = /* @__PURE__ */ jsx(DebouncedFieldEditor, {
+		$[21] = page.id;
+		$[22] = setSeo;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== page.aiSeo || $[25] !== t11 || $[26] !== t12) {
+		t13 = /* @__PURE__ */ jsx(DebouncedFieldEditor, {
 			label: "Page description",
 			placeholder: "Page description...",
-			initialValue: t9,
+			initialValue: t11,
 			disabled: page.aiSeo,
 			rows: 2,
-			onSave: t10
+			onSave: t12
 		});
-		$[20] = page.aiSeo;
-		$[21] = t10;
-		$[22] = t9;
-		$[23] = t11;
-	} else t11 = $[23];
-	let t12;
-	if ($[24] !== localized || $[25] !== page.fullPath) {
-		t12 = localized(page.fullPath);
-		$[24] = localized;
-		$[25] = page.fullPath;
+		$[24] = page.aiSeo;
+		$[25] = t11;
 		$[26] = t12;
-	} else t12 = $[26];
-	const t13 = page.metaDescription ?? "";
+		$[27] = t13;
+	} else t13 = $[27];
 	let t14;
-	if ($[27] !== metaTitle || $[28] !== t12 || $[29] !== t13) {
-		t14 = /* @__PURE__ */ jsx(SearchEnginePreview, {
-			path: t12,
-			metaTitle,
-			metaDescription: t13
-		});
-		$[27] = metaTitle;
-		$[28] = t12;
-		$[29] = t13;
+	if ($[28] !== localized || $[29] !== page.fullPath) {
+		t14 = localized(page.fullPath);
+		$[28] = localized;
+		$[29] = page.fullPath;
 		$[30] = t14;
 	} else t14 = $[30];
 	const t15 = page.metaDescription ?? "";
 	let t16;
-	if ($[31] !== metaTitle || $[32] !== page || $[33] !== t15) {
-		t16 = /* @__PURE__ */ jsx(SocialPreviewSection, {
-			page,
+	if ($[31] !== metaTitle || $[32] !== t14 || $[33] !== t15) {
+		t16 = /* @__PURE__ */ jsx(SearchEnginePreview, {
+			path: t14,
 			metaTitle,
 			metaDescription: t15
 		});
 		$[31] = metaTitle;
-		$[32] = page;
+		$[32] = t14;
 		$[33] = t15;
 		$[34] = t16;
 	} else t16 = $[34];
-	let t17;
-	if ($[35] !== t11 || $[36] !== t14 || $[37] !== t16 || $[38] !== t5 || $[39] !== t8) {
-		t17 = /* @__PURE__ */ jsxs("div", {
+	const t17 = page.metaDescription ?? "";
+	let t18;
+	if ($[35] !== metaTitle || $[36] !== page || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsx(SocialPreviewSection, {
+			page,
+			metaTitle,
+			metaDescription: t17
+		});
+		$[35] = metaTitle;
+		$[36] = page;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	let t19;
+	if ($[39] !== t10 || $[40] !== t13 || $[41] !== t16 || $[42] !== t18 || $[43] !== t6 || $[44] !== t9) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
 			children: [
-				t5,
-				t8,
-				t11,
-				t14,
-				t16
+				t6,
+				t9,
+				t10,
+				t13,
+				t16,
+				t18
 			]
 		});
-		$[35] = t11;
-		$[36] = t14;
-		$[37] = t16;
-		$[38] = t5;
-		$[39] = t8;
-		$[40] = t17;
-	} else t17 = $[40];
-	return t17;
+		$[39] = t10;
+		$[40] = t13;
+		$[41] = t16;
+		$[42] = t18;
+		$[43] = t6;
+		$[44] = t9;
+		$[45] = t19;
+	} else t19 = $[45];
+	return t19;
 };
 const PageMarkdownSheet = (t0) => {
 	const $ = c(8);

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

@@ -10,11 +10,11 @@ import { BlockActionsPopover } from "./BlockActionsPopover.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Label } from "@camox/ui/label";
-import { ChevronsUpDown, Ellipsis, GripVertical, LayoutTemplate, Plus } from "lucide-react";
+import { ChevronsUpDown, Ellipsis, GripVertical, LayoutTemplate } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
@@ -375,98 +375,76 @@ const SortableBlock = (t0) => {
 	return t17;
 };
 const LayoutBlockItem = (t0) => {
-	const $ = c(23);
-	const { block, layoutName, withActions: t1 } = t0;
-	const withActions = t1 === void 0 ? true : t1;
+	const $ = c(17);
+	const { block, layoutName } = t0;
 	const blockDef = useBlockDefinition(block.type);
 	const ctx = useBlockTreeItem(block);
 	const displayText = blockDef?.title ?? block.type;
-	let t2;
+	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(LayoutTemplate, { className: "h-4 w-4" }) });
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
+		t1 = /* @__PURE__ */ jsx(TooltipTrigger, { children: /* @__PURE__ */ jsx(LayoutTemplate, { className: "h-4 w-4" }) });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
 	if ($[1] !== layoutName) {
-		t3 = /* @__PURE__ */ jsx("span", {
+		t2 = /* @__PURE__ */ jsx("span", {
 			className: "font-semibold",
 			children: layoutName
 		});
 		$[1] = layoutName;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
 	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx("br", {});
-		$[3] = t4;
-	} else t4 = $[3];
-	const t5 = blockDef?.synced ? "Synced: editing this block updates it across all layouts and pages" : "Changing the content may affect other pages";
-	let t6;
-	if ($[4] !== t3 || $[5] !== t5) {
-		t6 = /* @__PURE__ */ jsx("div", {
+		t3 = /* @__PURE__ */ jsx("br", {});
+		$[3] = t3;
+	} else t3 = $[3];
+	const t4 = blockDef?.synced ? "Synced: editing this block updates it across all layouts and pages" : "Changing the content may affect other pages";
+	let t5;
+	if ($[4] !== t2 || $[5] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex size-8 shrink-0 items-center justify-center",
-			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t2, /* @__PURE__ */ jsxs(TooltipContent, { children: [
+			children: /* @__PURE__ */ jsxs(Tooltip, { children: [t1, /* @__PURE__ */ jsxs(TooltipContent, { children: [
 				"From ",
-				t3,
+				t2,
 				" layout.",
-				t4,
-				t5
+				t3,
+				t4
 			] })] })
 		});
-		$[4] = t3;
-		$[5] = t5;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
+		$[4] = t2;
+		$[5] = t4;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
 	if ($[7] !== ctx.toggleSelection || $[8] !== displayText) {
-		t7 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
+		t6 = /* @__PURE__ */ jsx(BlockTreeItemTrigger, {
 			displayText,
 			onClick: ctx.toggleSelection
 		});
 		$[7] = ctx.toggleSelection;
 		$[8] = displayText;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== block || $[11] !== ctx.ellipsisPopoverOpen || $[12] !== ctx.setEllipsisPopoverOpen || $[13] !== withActions) {
-		t8 = withActions && /* @__PURE__ */ jsx(BlockActionsPopover, {
-			block,
-			open: ctx.ellipsisPopoverOpen,
-			onOpenChange: ctx.setEllipsisPopoverOpen,
-			isLayoutBlock: true,
-			layoutSlot: block.slot,
-			children: /* @__PURE__ */ jsx(BlockTreeItemEllipsis, { open: ctx.ellipsisPopoverOpen })
-		});
-		$[10] = block;
-		$[11] = ctx.ellipsisPopoverOpen;
-		$[12] = ctx.setEllipsisPopoverOpen;
-		$[13] = withActions;
-		$[14] = t8;
-	} else t8 = $[14];
-	let t9;
-	if ($[15] !== ctx.handleBlockMouseEnter || $[16] !== ctx.handleBlockMouseLeave || $[17] !== ctx.shouldShowActive || $[18] !== ctx.shouldShowHover || $[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
-		t9 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== ctx.handleBlockMouseEnter || $[11] !== ctx.handleBlockMouseLeave || $[12] !== ctx.shouldShowActive || $[13] !== ctx.shouldShowHover || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(BlockTreeItemHeader, {
 			className: "group",
 			shouldShowHover: ctx.shouldShowHover,
 			shouldShowActive: ctx.shouldShowActive,
 			onMouseEnter: ctx.handleBlockMouseEnter,
 			onMouseLeave: ctx.handleBlockMouseLeave,
-			children: [
-				t6,
-				t7,
-				t8
-			]
+			children: [t5, t6]
 		});
-		$[15] = ctx.handleBlockMouseEnter;
-		$[16] = ctx.handleBlockMouseLeave;
-		$[17] = ctx.shouldShowActive;
-		$[18] = ctx.shouldShowHover;
-		$[19] = t6;
-		$[20] = t7;
-		$[21] = t8;
-		$[22] = t9;
-	} else t9 = $[22];
-	return t9;
+		$[10] = ctx.handleBlockMouseEnter;
+		$[11] = ctx.handleBlockMouseLeave;
+		$[12] = ctx.shouldShowActive;
+		$[13] = ctx.shouldShowHover;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
 };
 /** A sidebar field labelled "Blocks", holding a page's blocks and what acts on them. */
 const BlocksGroup = (t0) => {
@@ -577,7 +555,7 @@ const CollapsedPageTree = (t0) => {
 };
 /** A page's blocks. When `collapsible`, they start collapsed behind a toggle showing their count. */
 const PageTree = (t0) => {
-	const $ = c(48);
+	const $ = c(45);
 	const { collapsible: t1 } = t0;
 	const collapsible = t1 === void 0 ? false : t1;
 	const page = usePreviewedPage();
@@ -784,40 +762,19 @@ const PageTree = (t0) => {
 		$[41] = t17;
 	} else t17 = $[41];
 	const list = t17;
-	let t18;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsxs(Button, {
-			variant: "secondary",
-			onClick: _temp4,
-			children: [/* @__PURE__ */ jsx(Plus, {}), "Add block"]
-		});
-		$[42] = t18;
-	} else t18 = $[42];
-	const addBlockButton = t18;
-	if (!collapsible) {
-		let t19;
-		if ($[43] !== list) {
-			t19 = /* @__PURE__ */ jsxs(Fragment, { children: [list, addBlockButton] });
-			$[43] = list;
-			$[44] = t19;
-		} else t19 = $[44];
-		return t19;
-	}
+	if (!collapsible) return list;
 	const blockCount = layoutBeforeBlocks.length + pageBlocks.length + layoutAfterBlocks.length;
-	let t19;
-	if ($[45] !== blockCount || $[46] !== list) {
-		t19 = /* @__PURE__ */ jsx(BlocksGroup, { children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ jsx(CollapsedPageTree, {
-				blockCount,
-				children: list
-			}), addBlockButton]
+	let t18;
+	if ($[42] !== blockCount || $[43] !== list) {
+		t18 = /* @__PURE__ */ jsx(BlocksGroup, { children: /* @__PURE__ */ jsx(CollapsedPageTree, {
+			blockCount,
+			children: list
 		}) });
-		$[45] = blockCount;
-		$[46] = list;
-		$[47] = t19;
-	} else t19 = $[47];
-	return t19;
+		$[42] = blockCount;
+		$[43] = list;
+		$[44] = t18;
+	} else t18 = $[44];
+	return t18;
 };
 function _temp(value) {
 	return !value;
@@ -828,9 +785,6 @@ function _temp2(block_2) {
 function _temp3(block_3) {
 	return /* @__PURE__ */ jsx(SortableBlock, { block: block_3 }, block_3.id);
 }
-function _temp4() {
-	previewStore.send({ type: "openAddBlockSheet" });
-}
 
 //#endregion
 export { BlocksGroup, CollapsedPageTree, LayoutBlockItem, PageTree };

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

@@ -6,13 +6,13 @@ import { useEditingFrameClaim, useEditingOwner } from "../editingFrame.js";
 import { EditableSurfaceContext } from "../../../core/hooks/useIsEditable.js";
 import { CanvasWorkspaceContext } from "../../canvas/canvasZoom.js";
 import { PreviewEditingOwnerContext } from "../previewSelection.js";
-import { Frame, useFrame } from "./Frame.js";
 import { previewPageIframeProps, usePreviewPageFrame } from "../previewPageFrame.js";
 import { adoptCanvasDocument, pauseCanvasDocument } from "../../canvas/canvasFrameDocument.js";
 import { forwardCanvasWheel, useCanvasFrameInput } from "../../canvas/useCanvasFrameInput.js";
 import { useActionShortcuts } from "../../provider/useAdminShortcuts.js";
 import { guardStrayCaret } from "../strayCaretGuard.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
+import { Frame, useFrame } from "./Frame.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { MobilePreviewDrawer } from "./MobilePreviewDrawer.js";
 import { Overlays } from "./Overlays.js";
@@ -114,7 +114,7 @@ function CuratedBlockShortcuts() {
 * when used, pauses with the camera, and draws its editing overlays.
 */
 function PreviewPageCanvasEffects(t0) {
-	const $ = c(31);
+	const $ = c(30);
 	const { owner } = t0;
 	const { window: frameWindow, iframeElement } = useFrame();
 	const { frame, slot, inCanvas } = usePreviewPageFrame();
@@ -261,25 +261,22 @@ function PreviewPageCanvasEffects(t0) {
 		t12 = $[25];
 		t13 = $[26];
 	}
-	const t14 = owner?.kind === "page";
-	let t15;
-	if ($[27] !== iframeElement || $[28] !== owner || $[29] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+	let t14;
+	if ($[27] !== iframeElement || $[28] !== owner) {
+		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t11,
 			t12,
 			t13,
 			/* @__PURE__ */ jsx(Overlays, {
 				frame: iframeElement,
-				owner,
-				canAddBlocks: t14
+				owner
 			})
 		] });
 		$[27] = iframeElement;
 		$[28] = owner;
 		$[29] = t14;
-		$[30] = t15;
-	} else t15 = $[30];
-	return t15;
+	} else t14 = $[29];
+	return t14;
 }
 function _temp(event) {
 	if (event.target?.closest?.("a")) event.preventDefault();