camox 0.46.0 → 0.48.0

package/dist/features/runtime/structuredData.js

@@ -0,0 +1,213 @@
+import { isArticle, isCreativeWork, isWebPageKind } from "../../core/structuredData.js";
+import { isPageUrlMarker, linkedRecordId } from "@camox/api-contract";
+import { createSchemaOrgGraph, defineBreadcrumb, defineOrganization, defineWebPage, defineWebSite } from "@unhead/schema-org";
+
+//#region src/features/runtime/structuredData.ts
+/**
+* A value of a node the API evaluated, with the absolute URL of each page its markers name.
+* Only the runtime knows the website's address.
+*/
+function withPageUrls(value, pageUrl) {
+	if (isPageUrlMarker(value)) return pageUrl(value);
+	if (Array.isArray(value)) return value.map((entry) => withPageUrls(entry, pageUrl));
+	if (typeof value === "object" && value !== null) return Object.fromEntries(Object.entries(value).map(([key, entry]) => [key, withPageUrls(entry, pageUrl)]));
+	return value;
+}
+/** The `@id`s of the site's nodes, derived from the website's address. */
+function siteNodeIds(siteUrl) {
+	return {
+		organization: `${siteUrl}#identity`,
+		website: `${siteUrl}#website`
+	};
+}
+/** The Organization publishing the website, and the WebSite itself. */
+function siteNodes(site, inLanguage) {
+	const ids = siteNodeIds(site.url);
+	return [defineOrganization({
+		"@id": ids.organization,
+		name: site.name,
+		url: site.url,
+		logo: {
+			url: site.logo.url,
+			width: site.logo.width,
+			height: site.logo.height
+		},
+		...site.socialProfiles.length > 0 && { sameAs: [...site.socialProfiles] }
+	}), defineWebSite({
+		"@id": ids.website,
+		name: site.name,
+		url: site.url,
+		inLanguage,
+		publisher: { "@id": ids.organization }
+	})];
+}
+/** The `@id`s of a page's nodes, derived from its URL. */
+function pageNodeIds(pageUrl) {
+	return {
+		page: `${pageUrl}#webpage`,
+		mainEntity: `${pageUrl}#main-entity`
+	};
+}
+/**
+* The page's own node, part of the WebSite, of the kind its layout says, or a plain WebPage,
+* linking its main entity and the records it mentions.
+*/
+function pageNode(page, site, declared, { mainEntity, mentions }) {
+	const kind = declared && isWebPageKind(declared) ? declared : void 0;
+	return defineWebPage({
+		...kind,
+		"@type": kind?.["@type"] ?? "WebPage",
+		"@id": pageNodeIds(page.url).page,
+		url: page.url,
+		name: page.name,
+		...page.description && { description: page.description },
+		inLanguage: page.inLanguage,
+		isPartOf: { "@id": siteNodeIds(site.url).website },
+		...page.image && { primaryImageOfPage: { url: page.image } },
+		...page.datePublished && { datePublished: page.datePublished.toISOString() },
+		...page.dateModified && { dateModified: page.dateModified.toISOString() },
+		...mainEntity && { mainEntity: { "@id": mainEntity } },
+		...mentions.length > 0 && { mentions: mentions.map((id) => ({ "@id": id })) }
+	});
+}
+/**
+* The thing a page is about, as its own node, filled from the page where its layout leaves
+* properties out: its name or headline, description, URL and image for every type, and its
+* dates, publisher and language for creative works.
+*/
+function mainEntityNode(entity, page, site, id) {
+	const work = isCreativeWork(entity);
+	return {
+		...isArticle(entity) ? { headline: page.name } : { name: page.name },
+		...page.description && { description: page.description },
+		url: page.url,
+		...page.image && { image: page.image },
+		...work && {
+			...page.datePublished && { datePublished: page.datePublished.toISOString() },
+			...page.dateModified && { dateModified: page.dateModified.toISOString() },
+			publisher: { "@id": siteNodeIds(site.url).organization },
+			inLanguage: page.inLanguage
+		},
+		...entity,
+		"@id": id,
+		mainEntityOfPage: { "@id": pageNodeIds(page.url).page }
+	};
+}
+/** The page's breadcrumb, which the page node links. None for a page without crumbs. */
+function breadcrumbNodes(page) {
+	if (!page.breadcrumb?.length) return [];
+	return [defineBreadcrumb({
+		"@id": `${page.url}#breadcrumb`,
+		itemListElement: page.breadcrumb.map((crumb) => ({
+			name: crumb.name,
+			item: crumb.url
+		}))
+	})];
+}
+/**
+* The things the page's blocks show, each its own node, linked to the page: creative works are
+* part of it, and it is about anything else. Every placement's nodes have their own `@id`s.
+*/
+function blockNodes(page, blocks = []) {
+	const pageId = { "@id": pageNodeIds(page.url).page };
+	return blocks.flatMap(({ id, nodes }) => nodes.map((node, index) => ({
+		...node,
+		"@id": `${page.url}#block-${id}-${index}`,
+		[isCreativeWork(node) ? "isPartOf" : "subjectOf"]: pageId
+	})));
+}
+/**
+* The records a graph places: links to records with nodes become their `@id`s and place the
+* records, and links to records without nodes read as their titles, or are left out.
+*/
+function recordPlacement(records) {
+	const placed = /* @__PURE__ */ new Set();
+	const pending = [];
+	const place = (id) => {
+		if (placed.has(id)) return;
+		placed.add(id);
+		pending.push(id);
+	};
+	const link = (value) => {
+		const id = linkedRecordId(value);
+		if (id !== void 0) {
+			if (!records?.nodes[id]) return records?.titles?.[id];
+			place(id);
+			return { "@id": records.id(id) };
+		}
+		if (Array.isArray(value)) return value.map(link).filter((entry) => entry !== void 0);
+		if (typeof value === "object" && value !== null) return Object.fromEntries(Object.entries(value).flatMap(([key, entry]) => {
+			const linked = link(entry);
+			return linked === void 0 ? [] : [[key, linked]];
+		}));
+		return value;
+	};
+	return {
+		placed,
+		place,
+		/** A value with its links resolved. */
+		link: (value) => link(value),
+		/** The nodes of the records placed since last asked, and of those they link in turn. */
+		nodes: () => {
+			const nodes = [];
+			for (let id = pending.shift(); id !== void 0; id = pending.shift()) {
+				const { "@id": _own, ...node } = records.nodes[id];
+				nodes.push({
+					...link(node),
+					"@id": records.id(id)
+				});
+			}
+			return nodes;
+		}
+	};
+}
+/** Every node a page's graph holds, before they are resolved and linked. */
+function graphNodes({ site, page, declared, blocks, records }) {
+	const placement = recordPlacement(records);
+	const linked = declared && placement.link(declared);
+	const blockList = blockNodes(page, blocks).map(placement.link);
+	const mainRecord = !declared && records?.main && records.nodes[records.main] && records.main;
+	let mainEntity;
+	if (linked && !isWebPageKind(linked)) mainEntity = mainEntityNode(linked, page, site, pageNodeIds(page.url).mainEntity);
+	if (mainRecord) placement.place(mainRecord);
+	const placedRecords = placement.nodes();
+	if (mainRecord) {
+		const index = placedRecords.findIndex((node) => node["@id"] === records.id(mainRecord));
+		const [node] = placedRecords.splice(index, 1);
+		mainEntity = mainEntityNode(node, page, site, records.id(mainRecord));
+	}
+	const mentions = (records?.referenced ?? []).filter((id) => records.nodes[id] && !placement.placed.has(id));
+	for (const id of mentions) placement.place(id);
+	const recordNodes = [...placedRecords, ...placement.nodes()];
+	return [
+		...siteNodes(site, page.inLanguage),
+		pageNode(page, site, linked, {
+			mainEntity: mainEntity?.["@id"],
+			mentions: mentions.map((id) => records.id(id))
+		}),
+		...mainEntity ? [mainEntity] : [],
+		...breadcrumbNodes(page),
+		...blockList,
+		...recordNodes
+	];
+}
+/** A page's graph, resolved into JSON-LD. */
+function buildPageGraph(input) {
+	const graph = createSchemaOrgGraph();
+	graph.push(graphNodes(input));
+	return {
+		"@context": "https://schema.org",
+		"@graph": graph.resolveGraph({
+			host: input.site.url,
+			url: input.page.url,
+			inLanguage: input.page.inLanguage
+		})
+	};
+}
+/** JSON-LD as a script's text: `<` is escaped, so content can't close the script. */
+function serializeStructuredData(data) {
+	return JSON.stringify(data).replaceAll("<", "\\u003c");
+}
+
+//#endregion
+export { buildPageGraph, serializeStructuredData, siteNodeIds, withPageUrls };

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

@@ -14,8 +14,8 @@ import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
 
 //#region src/features/studio/components/ChatSidebar.tsx
 /**
-* Where an editor works with Camox's agent in a thread, beside every studio page except the
-* preview, which only hides it: the studio keeps following the editor's runs there. It follows
+* Where an editor works with Camox's agent in a thread, beside the Canvas. Elsewhere in the
+* studio it is only hidden: the studio keeps following the editor's runs there. It follows
 * where the studio is: the editor's own Live thread on Live, and the draft's thread in a draft.
 * When the Live thread starts a draft, the studio enters it with the thread.
 */
@@ -25,14 +25,14 @@ function ChatSidebar(t0) {
 	const hidden = t1 === void 0 ? false : t1;
 	let t2;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { width: 250 };
+		t2 = { width: 265 };
 		$[0] = t2;
 	} else t2 = $[0];
 	let t3;
 	let t4;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 		t3 = /* @__PURE__ */ jsxs("header", {
-			className: "border-border box-content flex h-8 min-w-0 items-center gap-2 border-b px-3 py-2",
+			className: "border-border box-content flex h-8 min-w-0 items-center gap-2 border-b px-2 py-2",
 			children: [/* @__PURE__ */ jsx(CamoxMark, {}), /* @__PURE__ */ jsx("h2", {
 				className: "truncate text-sm font-medium",
 				children: "Chat"
@@ -235,7 +235,7 @@ function Thread(t0) {
 	if ($[21] !== error) {
 		t9 = error && /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "text-destructive px-4 pt-2 text-sm",
+			className: "text-destructive px-2 pt-2 text-sm",
 			children: error
 		});
 		$[21] = error;

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

@@ -5,11 +5,12 @@ import { reads, useReadQuery } from "../../../lib/studio-reads.js";
 import { buildFaviconUrl } from "../../routes/pageRuntime.js";
 import { version } from "../../../package.js";
 import { FaviconDialog } from "./FaviconDialog.js";
+import { SocialProfilesDialog } from "./SocialProfilesDialog.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
-import { ChevronDown, ImageIcon, Info, Settings, Users } from "lucide-react";
+import { AtSign, ChevronDown, ImageIcon, Info, Settings, Users } from "lucide-react";
 import { Skeleton } from "@camox/ui/skeleton";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 
@@ -48,7 +49,7 @@ const Favicon = (t0) => {
 	return t4;
 };
 const ProjectMenu = () => {
-	const $ = c(53);
+	const $ = c(58);
 	const authCtx = React.useContext(AuthContext);
 	let t0;
 	if ($[0] !== authCtx.projectUuid) {
@@ -58,6 +59,7 @@ const ProjectMenu = () => {
 	} else t0 = $[1];
 	const { data: project } = useReadQuery(t0);
 	const [isFaviconDialogOpen, setIsFaviconDialogOpen] = React.useState(false);
+	const [isSocialProfilesDialogOpen, setIsSocialProfilesDialogOpen] = React.useState(false);
 	if (!project) {
 		let t1;
 		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
@@ -142,115 +144,123 @@ const ProjectMenu = () => {
 		$[18] = t10;
 	} else t10 = $[18];
 	let t11;
-	let t12;
 	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
 		t11 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
 			onClick: () => setIsFaviconDialogOpen(true),
 			children: [/* @__PURE__ */ jsx(ImageIcon, {}), "Set favicon…"]
 		});
-		t12 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
 		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	let t13;
+	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onClick: () => setIsSocialProfilesDialogOpen(true),
+			children: [/* @__PURE__ */ jsx(AtSign, {}), "Social profiles…"]
+		});
+		t13 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
 		$[20] = t12;
+		$[21] = t13;
 	} else {
-		t11 = $[19];
 		t12 = $[20];
+		t13 = $[21];
 	}
-	let t13;
-	if ($[21] !== project.organizationSlug) {
-		t13 = /* @__PURE__ */ jsx(DropdownMenuLabel, {
+	let t14;
+	if ($[22] !== project.organizationSlug) {
+		t14 = /* @__PURE__ */ jsx(DropdownMenuLabel, {
 			className: "text-muted-foreground text-xs font-normal",
 			children: project.organizationSlug
 		});
-		$[21] = project.organizationSlug;
-		$[22] = t13;
-	} else t13 = $[22];
-	const t14 = authCtx ? `${authCtx.authenticationUrl}/${project.organizationSlug}/members` : "#";
-	let t15;
-	if ($[23] !== t14) {
-		t15 = /* @__PURE__ */ jsx("a", {
-			href: t14,
+		$[22] = project.organizationSlug;
+		$[23] = t14;
+	} else t14 = $[23];
+	const t15 = authCtx ? `${authCtx.authenticationUrl}/${project.organizationSlug}/members` : "#";
+	let t16;
+	if ($[24] !== t15) {
+		t16 = /* @__PURE__ */ jsx("a", {
+			href: t15,
 			target: "_blank",
 			rel: "noopener noreferrer"
 		});
-		$[23] = t14;
 		$[24] = t15;
-	} else t15 = $[24];
-	let t16;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(Users, {});
 		$[25] = t16;
 	} else t16 = $[25];
 	let t17;
-	if ($[26] !== t15) {
-		t17 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			render: t15,
-			children: [t16, "Team members"]
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = /* @__PURE__ */ jsx(Users, {});
+		$[26] = t17;
+	} else t17 = $[26];
+	let t18;
+	if ($[27] !== t16) {
+		t18 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			render: t16,
+			children: [t17, "Team members"]
 		});
-		$[26] = t15;
-		$[27] = t17;
-	} else t17 = $[27];
-	const t18 = authCtx ? `${authCtx.authenticationUrl}/${project.organizationSlug}/settings` : "#";
-	let t19;
-	if ($[28] !== t18) {
-		t19 = /* @__PURE__ */ jsx("a", {
-			href: t18,
+		$[27] = t16;
+		$[28] = t18;
+	} else t18 = $[28];
+	const t19 = authCtx ? `${authCtx.authenticationUrl}/${project.organizationSlug}/settings` : "#";
+	let t20;
+	if ($[29] !== t19) {
+		t20 = /* @__PURE__ */ jsx("a", {
+			href: t19,
 			target: "_blank",
 			rel: "noopener noreferrer"
 		});
-		$[28] = t18;
 		$[29] = t19;
-	} else t19 = $[29];
-	let t20;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" });
 		$[30] = t20;
 	} else t20 = $[30];
 	let t21;
-	if ($[31] !== t19) {
-		t21 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			render: t19,
-			children: [t20, "Team settings"]
-		});
-		$[31] = t19;
-		$[32] = t21;
-	} else t21 = $[32];
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" });
+		$[31] = t21;
+	} else t21 = $[31];
 	let t22;
-	if ($[33] !== t13 || $[34] !== t17 || $[35] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
-			t13,
-			t17,
-			t21
+	if ($[32] !== t20) {
+		t22 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			render: t20,
+			children: [t21, "Team settings"]
+		});
+		$[32] = t20;
+		$[33] = t22;
+	} else t22 = $[33];
+	let t23;
+	if ($[34] !== t14 || $[35] !== t18 || $[36] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+			t14,
+			t18,
+			t22
 		] });
-		$[33] = t13;
-		$[34] = t17;
-		$[35] = t21;
+		$[34] = t14;
+		$[35] = t18;
 		$[36] = t22;
-	} else t22 = $[36];
-	let t23;
-	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
 		$[37] = t23;
 	} else t23 = $[37];
 	let t24;
-	let t25;
 	if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-		t24 = /* @__PURE__ */ jsx(Link$1, {
+		t24 = /* @__PURE__ */ jsx(DropdownMenuSeparator, {});
+		$[38] = t24;
+	} else t24 = $[38];
+	let t25;
+	let t26;
+	if ($[39] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(Link$1, {
 			to: "https://camox.dev",
 			target: "_blank"
 		});
-		t25 = /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" });
-		$[38] = t24;
+		t26 = /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" });
 		$[39] = t25;
+		$[40] = t26;
 	} else {
-		t24 = $[38];
 		t25 = $[39];
+		t26 = $[40];
 	}
-	let t26;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-		t26 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-			render: t24,
+	let t27;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			render: t25,
 			children: [
-				t25,
+				t26,
 				"Powered by Camox",
 				/* @__PURE__ */ jsxs("span", {
 					className: "text-muted-foreground ml-auto",
@@ -258,11 +268,11 @@ const ProjectMenu = () => {
 				})
 			]
 		});
-		$[40] = t26;
-	} else t26 = $[40];
-	let t27;
-	if ($[41] !== t10 || $[42] !== t22) {
-		t27 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		$[41] = t27;
+	} else t27 = $[41];
+	let t28;
+	if ($[42] !== t10 || $[43] !== t23) {
+		t28 = /* @__PURE__ */ jsxs(DropdownMenuContent, {
 			className: "w-72",
 			align: "start",
 			side: "bottom",
@@ -270,41 +280,58 @@ const ProjectMenu = () => {
 				t10,
 				t11,
 				t12,
-				t22,
+				t13,
 				t23,
-				t26
+				t24,
+				t27
 			]
 		});
-		$[41] = t10;
-		$[42] = t22;
-		$[43] = t27;
-	} else t27 = $[43];
-	let t28;
-	if ($[44] !== t27 || $[45] !== t6) {
-		t28 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t6, t27] });
-		$[44] = t27;
-		$[45] = t6;
-		$[46] = t28;
-	} else t28 = $[46];
+		$[42] = t10;
+		$[43] = t23;
+		$[44] = t28;
+	} else t28 = $[44];
 	let t29;
-	if ($[47] !== isFaviconDialogOpen || $[48] !== project) {
-		t29 = /* @__PURE__ */ jsx(FaviconDialog, {
+	if ($[45] !== t28 || $[46] !== t6) {
+		t29 = /* @__PURE__ */ jsxs(DropdownMenu, { children: [t6, t28] });
+		$[45] = t28;
+		$[46] = t6;
+		$[47] = t29;
+	} else t29 = $[47];
+	let t30;
+	if ($[48] !== isFaviconDialogOpen || $[49] !== project) {
+		t30 = /* @__PURE__ */ jsx(FaviconDialog, {
 			project,
 			open: isFaviconDialogOpen,
 			onOpenChange: setIsFaviconDialogOpen
 		});
-		$[47] = isFaviconDialogOpen;
-		$[48] = project;
-		$[49] = t29;
-	} else t29 = $[49];
-	let t30;
-	if ($[50] !== t28 || $[51] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(Fragment, { children: [t28, t29] });
-		$[50] = t28;
-		$[51] = t29;
-		$[52] = t30;
-	} else t30 = $[52];
-	return t30;
+		$[48] = isFaviconDialogOpen;
+		$[49] = project;
+		$[50] = t30;
+	} else t30 = $[50];
+	let t31;
+	if ($[51] !== isSocialProfilesDialogOpen || $[52] !== project) {
+		t31 = /* @__PURE__ */ jsx(SocialProfilesDialog, {
+			project,
+			open: isSocialProfilesDialogOpen,
+			onOpenChange: setIsSocialProfilesDialogOpen
+		});
+		$[51] = isSocialProfilesDialogOpen;
+		$[52] = project;
+		$[53] = t31;
+	} else t31 = $[53];
+	let t32;
+	if ($[54] !== t29 || $[55] !== t30 || $[56] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t29,
+			t30,
+			t31
+		] });
+		$[54] = t29;
+		$[55] = t30;
+		$[56] = t31;
+		$[57] = t32;
+	} else t32 = $[57];
+	return t32;
 };
 
 //#endregion