camox 0.47.0 → 0.48.0

package/dist/features/studio/components/SocialProfilesDialog.js

@@ -0,0 +1,342 @@
+import { reads, useStudioCache } from "../../../lib/studio-reads.js";
+import { projectMutations } from "../../../lib/queries.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Input } from "@camox/ui/input";
+import { ArrowDown, ArrowUp, Plus, Trash2, TriangleAlert } from "lucide-react";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { toast } from "@camox/ui/toaster";
+import { Spinner } from "@camox/ui/spinner";
+import { Alert, AlertDescription } from "@camox/ui/alert";
+import { socialProfileUrlSchema } from "@camox/api-contract/projects";
+
+//#region src/features/studio/components/SocialProfilesDialog.tsx
+let nextRowKey = 0;
+const row = (url) => ({
+	key: nextRowKey++,
+	url
+});
+function SocialProfilesDialog(t0) {
+	const $ = c(10);
+	const { project, open, onOpenChange } = t0;
+	let t1;
+	if ($[0] !== onOpenChange || $[1] !== open || $[2] !== project) {
+		t1 = open && /* @__PURE__ */ jsx(SocialProfilesForm, {
+			project,
+			onSaved: () => onOpenChange(false)
+		});
+		$[0] = onOpenChange;
+		$[1] = open;
+		$[2] = project;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DialogContent, {
+			className: "gap-5 sm:max-w-lg",
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== onOpenChange || $[7] !== open || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange,
+			children: t2
+		});
+		$[6] = onOpenChange;
+		$[7] = open;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+function SocialProfilesForm(t0) {
+	const $ = c(47);
+	const { project, onSaved } = t0;
+	const studioCache = useStudioCache();
+	let t1;
+	if ($[0] !== project) {
+		t1 = () => project.socialProfiles.map(row);
+		$[0] = project;
+		$[1] = t1;
+	} else t1 = $[1];
+	const [rows, setRows] = React.useState(t1);
+	const [showErrors, setShowErrors] = React.useState(false);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = projectMutations.updateSocialProfiles();
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== onSaved || $[4] !== project || $[5] !== studioCache) {
+		t3 = {
+			...t2,
+			onSuccess: async () => {
+				await studioCache.invalidate(reads.project({ projectUuid: project.uuid }));
+				toast.success("Social profiles updated");
+				onSaved();
+			},
+			onError: _temp
+		};
+		$[3] = onSaved;
+		$[4] = project;
+		$[5] = studioCache;
+		$[6] = t3;
+	} else t3 = $[6];
+	const save = useMutation(t3);
+	let t4;
+	if ($[7] !== rows) {
+		t4 = rows.map(_temp2).filter(_temp3);
+		$[7] = rows;
+		$[8] = t4;
+	} else t4 = $[8];
+	const filled = t4;
+	const errorOf = _temp4;
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (key, url_0) => setRows((current) => current.map((entry_0) => entry_0.key === key ? {
+			...entry_0,
+			url: url_0
+		} : entry_0));
+		$[9] = t5;
+	} else t5 = $[9];
+	const update = t5;
+	let t6;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = (key_0) => setRows((current_0) => current_0.filter((entry_1) => entry_1.key !== key_0));
+		$[10] = t6;
+	} else t6 = $[10];
+	const remove = t6;
+	let t7;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (index, by) => setRows((current_1) => {
+			const next = [...current_1];
+			const [moved] = next.splice(index, 1);
+			next.splice(index + by, 0, moved);
+			return next;
+		});
+		$[11] = t7;
+	} else t7 = $[11];
+	const move = t7;
+	let t8;
+	if ($[12] !== filled || $[13] !== project || $[14] !== save) {
+		t8 = (event) => {
+			event.preventDefault();
+			if (filled.some((entry_2) => errorOf(entry_2.url))) {
+				setShowErrors(true);
+				return;
+			}
+			save.mutate({
+				id: project.id,
+				socialProfiles: filled.map(_temp5)
+			});
+		};
+		$[12] = filled;
+		$[13] = project;
+		$[14] = save;
+		$[15] = t8;
+	} else t8 = $[15];
+	const submit = t8;
+	let t9;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Social profiles" }), /* @__PURE__ */ jsx(DialogDescription, { children: "The project's accounts elsewhere, such as on LinkedIn, X or GitHub. Search engines and AI answer engines use them to tie the website to your organization." })] });
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsxs(Alert, {
+			variant: "warning",
+			children: [/* @__PURE__ */ jsx(TriangleAlert, {}), /* @__PURE__ */ jsx(AlertDescription, { children: "Applies to the whole site, including Live and every draft." })]
+		});
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== rows || $[19] !== save.isPending || $[20] !== showErrors) {
+		let t12;
+		if ($[22] !== rows.length || $[23] !== save.isPending || $[24] !== showErrors) {
+			t12 = (entry_4, index_0) => {
+				const error_0 = showErrors && entry_4.url.trim() ? errorOf(entry_4.url) : void 0;
+				return /* @__PURE__ */ jsxs("li", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								type: "url",
+								value: entry_4.url,
+								placeholder: "https://www.linkedin.com/company/…",
+								"aria-label": `Profile ${index_0 + 1}`,
+								"aria-invalid": error_0 ? true : void 0,
+								disabled: save.isPending,
+								onChange: (event_0) => update(entry_4.key, event_0.target.value)
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								"aria-label": "Move up",
+								disabled: index_0 === 0 || save.isPending,
+								onClick: () => move(index_0, -1),
+								children: /* @__PURE__ */ jsx(ArrowUp, {})
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								"aria-label": "Move down",
+								disabled: index_0 === rows.length - 1 || save.isPending,
+								onClick: () => move(index_0, 1),
+								children: /* @__PURE__ */ jsx(ArrowDown, {})
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								"aria-label": "Remove",
+								disabled: save.isPending,
+								onClick: () => remove(entry_4.key),
+								children: /* @__PURE__ */ jsx(Trash2, {})
+							})
+						]
+					}), error_0 && /* @__PURE__ */ jsx("p", {
+						className: "text-destructive text-xs",
+						children: error_0
+					})]
+				}, entry_4.key);
+			};
+			$[22] = rows.length;
+			$[23] = save.isPending;
+			$[24] = showErrors;
+			$[25] = t12;
+		} else t12 = $[25];
+		t11 = rows.map(t12);
+		$[18] = rows;
+		$[19] = save.isPending;
+		$[20] = showErrors;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[26] !== t11) {
+		t12 = /* @__PURE__ */ jsx("ol", {
+			className: "flex flex-col gap-2",
+			children: t11
+		});
+		$[26] = t11;
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	let t14;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = () => setRows(_temp6);
+		t14 = /* @__PURE__ */ jsx(Plus, {});
+		$[28] = t13;
+		$[29] = t14;
+	} else {
+		t13 = $[28];
+		t14 = $[29];
+	}
+	let t15;
+	if ($[30] !== save.isPending) {
+		t15 = /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			className: "sm:mr-auto",
+			disabled: save.isPending,
+			onClick: t13,
+			children: [t14, "Add profile"]
+		});
+		$[30] = save.isPending;
+		$[31] = t15;
+	} else t15 = $[31];
+	let t16;
+	if ($[32] !== save.isPending) {
+		t16 = /* @__PURE__ */ jsx(DialogClose, {
+			render: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				disabled: save.isPending
+			}),
+			children: "Cancel"
+		});
+		$[32] = save.isPending;
+		$[33] = t16;
+	} else t16 = $[33];
+	let t17;
+	if ($[34] !== save.isPending) {
+		t17 = save.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[34] = save.isPending;
+		$[35] = t17;
+	} else t17 = $[35];
+	let t18;
+	if ($[36] !== save.isPending || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: save.isPending,
+			children: [t17, "Save"]
+		});
+		$[36] = save.isPending;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	let t19;
+	if ($[39] !== t15 || $[40] !== t16 || $[41] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(DialogFooter, { children: [
+			t15,
+			t16,
+			t18
+		] });
+		$[39] = t15;
+		$[40] = t16;
+		$[41] = t18;
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] !== submit || $[44] !== t12 || $[45] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("form", {
+			onSubmit: submit,
+			className: "contents",
+			children: [
+				t9,
+				t10,
+				t12,
+				t19
+			]
+		});
+		$[43] = submit;
+		$[44] = t12;
+		$[45] = t19;
+		$[46] = t20;
+	} else t20 = $[46];
+	return t20;
+}
+function _temp6(current_2) {
+	return [...current_2, row("")];
+}
+function _temp5(entry_3) {
+	return entry_3.url;
+}
+function _temp4(url) {
+	const result = socialProfileUrlSchema.safeParse(url.trim());
+	return result.success ? void 0 : result.error.issues[0]?.message;
+}
+function _temp3(e) {
+	return e.url;
+}
+function _temp2(entry) {
+	return {
+		...entry,
+		url: entry.url.trim()
+	};
+}
+function _temp(error) {
+	toast.error(error.message || "Could not save the social profiles");
+}
+
+//#endregion
+export { SocialProfilesDialog };

package/dist/features/studio/components/ThreadMessages.js

@@ -86,7 +86,7 @@ function ThreadMessages(t0) {
 	let t6;
 	if ($[18] !== t3 || $[19] !== t4 || $[20] !== t5) {
 		t6 = /* @__PURE__ */ jsx(MessageScrollerViewport, { children: /* @__PURE__ */ jsxs(MessageScrollerContent, {
-			className: "flex flex-col gap-4 p-3",
+			className: "flex flex-col gap-4 px-2 py-3",
 			children: [
 				t3,
 				t4,
@@ -211,7 +211,7 @@ function ContinuedIn(t0) {
 	let t1;
 	if ($[0] !== link.href || $[1] !== link.label || $[2] !== link.onOpen) {
 		t1 = /* @__PURE__ */ jsxs("p", {
-			className: "text-muted-foreground px-4 pt-3 text-center text-sm",
+			className: "text-muted-foreground px-2 pt-3 text-center text-sm",
 			children: [
 				"Continued in",
 				" ",

package/dist/features/vite/blockBoilerplate.js

@@ -26,8 +26,9 @@ const ${camelName} = createBlock({
   content: (field) => ({
     title: field.string({ default: "Title" }),
   }),
-  component: ${pascalName}Component,
-  toMarkdown: (c) => [c.title]
+  toReact: ${pascalName}Component,
+  toTitle: ({ content }) => content.title,
+  toMarkdown: ({ content }) => [content.title],
 });
 
 function ${pascalName}Component() {

package/dist/features/vite/layoutGeneration.js

@@ -23,8 +23,9 @@ export const Layout = createLayout(${JSON.stringify(id)})({
   title: ${JSON.stringify(id)},
   description: "",
   blocks: { before: [], after: [] },
-  buildMetaTitle: ({ pageMetaTitle }) => pageMetaTitle,
-  component: ({ children }) => <main><Layout.BeforeBlocks />{children}<Layout.AfterBlocks /></main>,
+  toTitle: ({ page }) => page.title,
+  toDescription: ({ page }) => page.description,
+  toReact: ({ children }) => <main><Layout.BeforeBlocks />{children}<Layout.AfterBlocks /></main>,
 });
 `;
 		source = source.replace(/(createLayout\(\s*)["'][^"']+["'](\s*\)\s*\()/g, `$1${JSON.stringify(id)}$2`);

package/dist/features/vite/vite.js

@@ -123,6 +123,7 @@ const CAMOX_OPTIMIZED_DEPS = [
 	"camox > @tanstack/react-virtual",
 	"camox > @unhead/react/client",
 	"camox > @unhead/react/server",
+	"camox > @unhead/schema-org",
 	"camox > @xstate/store",
 	"camox > @xstate/store-react",
 	"camox > better-auth/client/plugins",

package/dist/lib/queries.d.ts

@@ -7,5 +7,9 @@ export type PageStructure = {
   layout: PageWithBlocks["layout"];
   projectName: string;
   project: PageWithBlocks["project"];
+  /** Each block's Structured Data nodes, from a full read: a structure read has none. */
+  structuredData?: PageWithBlocks["structuredData"];
+  /** The nodes of the records its blocks reference, from a full read. */
+  recordStructuredData?: PageWithBlocks["recordStructuredData"];
 };
 //#endregion

package/dist/lib/queries.js

@@ -25,6 +25,7 @@ async function sendFaviconChange(path, init) {
 	return res;
 }
 const projectMutations = {
+	updateSocialProfiles: () => getOrpc().projects.updateSocialProfiles.mutationOptions(),
 	uploadFavicon: () => ({ mutationFn: async ({ projectId, file }) => {
 		const formData = new FormData();
 		formData.append("file", file);

package/dist/lib/studio-reads.js

@@ -83,7 +83,9 @@ const reads = {
 					page: page.page,
 					layout: page.layout,
 					projectName: page.projectName,
-					project: page.project
+					project: page.project,
+					structuredData: page.structuredData,
+					recordStructuredData: page.recordStructuredData
 				};
 			}
 		},

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.47.0";
+var version = "0.48.0";
 
 //#endregion
 export { version };