camox 0.72.0 → 0.75.0

package/dist/features/runtime/ClaimCard.js

@@ -0,0 +1,192 @@
+import { useOptionalDraftScope } from "../../lib/draft-scope.js";
+import { useAuthContext, useSignInRedirect } from "../../lib/auth.js";
+import { getApiClient } from "../../lib/api-client.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CLAIM_LINK_SEARCH_PARAM } from "@camox/api-contract/claim-links";
+
+//#region src/features/runtime/ClaimCard.tsx
+/** The page's URL without the Claim Link's token, which would reopen the card. */
+function pageWithoutToken() {
+	const url = new URL(window.location.href);
+	url.searchParams.delete(CLAIM_LINK_SEARCH_PARAM);
+	return url.href;
+}
+/**
+* The claim card, on a page opened from a Claim Link: who built the website for whom, with a
+* button to claim it, or why it can't be claimed. A member of the website's organization sees it
+* as a preview. Nothing shows without a token, or in a draft.
+*/
+function ClaimCard() {
+	const $ = c(15);
+	const [token, setToken] = React.useState(null);
+	const [opening, setOpening] = React.useState(null);
+	const [closed, setClosed] = React.useState(false);
+	const { authenticationUrl } = useAuthContext();
+	const signIn = useSignInRedirect(pageWithoutToken);
+	const inDraft = useOptionalDraftScope().draftId !== null;
+	let t0;
+	let t1;
+	if ($[0] !== inDraft) {
+		t0 = () => {
+			if (inDraft) return;
+			const found = new URL(window.location.href).searchParams.get(CLAIM_LINK_SEARCH_PARAM);
+			if (!found) return;
+			setToken(found);
+			let current = true;
+			getApiClient().claimLinks.open({ token: found }).then((opened) => current && setOpening(opened), _temp);
+			return () => {
+				current = false;
+			};
+		};
+		t1 = [inDraft];
+		$[0] = inDraft;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	React.useEffect(t0, t1);
+	if (inDraft || !token || !opening || closed) return null;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			window.history.replaceState(window.history.state, "", pageWithoutToken());
+			setClosed(true);
+		};
+		$[3] = t2;
+	} else t2 = $[3];
+	const close = t2;
+	let t3;
+	if ($[4] !== authenticationUrl || $[5] !== token) {
+		t3 = () => {
+			const destination = new URL("/claim", authenticationUrl);
+			destination.searchParams.set("token", token);
+			destination.searchParams.set("callback", pageWithoutToken());
+			window.location.href = destination.href;
+		};
+		$[4] = authenticationUrl;
+		$[5] = token;
+		$[6] = t3;
+	} else t3 = $[6];
+	const claim = t3;
+	let t4;
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx("style", { children: claimCardStyles });
+		t5 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "camox-claim-close",
+			"aria-label": "Close",
+			onClick: close,
+			children: "×"
+		});
+		$[7] = t4;
+		$[8] = t5;
+	} else {
+		t4 = $[7];
+		t5 = $[8];
+	}
+	let t6;
+	if ($[9] !== claim || $[10] !== opening.operatorName || $[11] !== opening.organizationName || $[12] !== opening.state || $[13] !== signIn) {
+		t6 = /* @__PURE__ */ jsxs("aside", {
+			className: "camox-claim-card",
+			"aria-label": "Claim this website",
+			children: [
+				t4,
+				t5,
+				opening.state === "open" || opening.state === "preview" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					opening.state === "preview" && /* @__PURE__ */ jsx("span", {
+						className: "camox-claim-preview",
+						children: "Preview: this is the card whoever you send the link to sees"
+					}),
+					/* @__PURE__ */ jsxs("p", { children: [
+						opening.operatorName,
+						" from Camox built this website for ",
+						opening.organizationName,
+						". Claim it to start editing."
+					] }),
+					opening.state === "open" && /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "camox-claim-action",
+						onClick: claim,
+						children: "Claim website"
+					})
+				] }) : opening.state === "claimed" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: "This website has been claimed." }), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "camox-claim-action",
+					onClick: signIn,
+					children: "Sign in"
+				})] }) : /* @__PURE__ */ jsx("p", { children: "This link no longer works. Ask whoever sent it for a new one." })
+			]
+		});
+		$[9] = claim;
+		$[10] = opening.operatorName;
+		$[11] = opening.organizationName;
+		$[12] = opening.state;
+		$[13] = signIn;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
+}
+function _temp(error) {
+	return console.error("The Claim Link couldn't be opened", error);
+}
+const claimCardStyles = `
+  .camox-claim-card {
+    background: #09090b;
+    border: 1px solid #27272a;
+    border-radius: 12px;
+    bottom: 24px;
+    box-shadow: 0 10px 30px rgb(0 0 0 / 0.35);
+    box-sizing: border-box;
+    color: #fafafa;
+    color-scheme: dark;
+    display: flex;
+    flex-direction: column;
+    font: 15px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
+    gap: 12px;
+    max-width: min(24rem, calc(100vw - 32px));
+    padding: 20px 44px 20px 20px;
+    position: fixed;
+    right: 16px;
+    text-align: left;
+    z-index: 2147483647;
+  }
+  .camox-claim-card p { margin: 0; }
+  .camox-claim-card button { cursor: pointer; font: inherit; }
+  .camox-claim-card .camox-claim-close {
+    background: none;
+    border: 0;
+    color: #a1a1aa;
+    font-size: 20px;
+    line-height: 1;
+    padding: 4px 8px;
+    position: absolute;
+    right: 8px;
+    top: 8px;
+  }
+  .camox-claim-card .camox-claim-close:hover { color: #fafafa; }
+  .camox-claim-card .camox-claim-preview {
+    align-self: flex-start;
+    background: #27272a;
+    border-radius: 999px;
+    color: #d4d4d8;
+    font-size: 12px;
+    padding: 2px 10px;
+  }
+  .camox-claim-card .camox-claim-action {
+    align-self: flex-start;
+    background: #fafafa;
+    border: 0;
+    border-radius: 8px;
+    color: #09090b;
+    font-weight: 600;
+    padding: 8px 14px;
+  }
+`;
+
+//#endregion
+export { ClaimCard };

package/dist/features/runtime/pageApp.js

@@ -11,12 +11,13 @@ import { CuratedPageContent } from "../page/CuratedPageContent.js";
 import { DerivedPageContent } from "../page/DerivedPageContent.js";
 import { UnplacedBlockContent } from "../page/UnplacedBlockContent.js";
 import { UnplacedLayoutContent } from "../page/UnplacedLayoutContent.js";
+import { ClaimCard } from "./ClaimCard.js";
 import { EditingFallbackSlot } from "./editingFallback.js";
 import { PageNavigationProvider } from "./pageNavigation.js";
 import { RuntimeChromeSlot } from "./runtimeChromeLoader.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { HydrationBoundary, QueryClientProvider } from "@tanstack/react-query";
 
 //#region src/features/runtime/pageApp.tsx
@@ -43,12 +44,12 @@ function PageApp(t0) {
 						camoxApp,
 						input: currentInput
 					})
-				}) : /* @__PURE__ */ jsx(PageExperience, {
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PageExperience, {
 					camoxApp,
 					input: currentInput,
 					queryClient,
 					studioDocument: input.presentation === "studio"
-				})
+				}), /* @__PURE__ */ jsx(ClaimCard, {})] })
 			})
 		});
 		$[0] = camoxApp;

package/dist/features/runtime/runtime.js

@@ -918,6 +918,25 @@ function visitorAnalytics(render, project) {
 	if (render.studio || render.draftId) return void 0;
 	return configuredProviders(project.analytics);
 }
+/**
+* A project waiting to be claimed keeps search engines away from its pages, so the copy an
+* operator built doesn't compete with the customer's current website. APIs older than Claim Links
+* don't say, and their projects are indexed.
+*/
+function isHiddenFromSearchEngines(project) {
+	return project.hiddenFromSearchEngines === true;
+}
+/** A page's head, with the robots `noindex` meta tag when its project is hidden. */
+function withSearchEngineMark(head, project) {
+	if (!head || !isHiddenFromSearchEngines(project)) return head;
+	return {
+		...head,
+		meta: [...head.meta ?? [], {
+			name: "robots",
+			content: "noindex"
+		}]
+	};
+}
 /** Whether a request is a preview link's token handoff, which signs in before reading anything. */
 function isPreviewHandoff(request, options) {
 	const { searchParams } = new URL(request.url);
@@ -1247,13 +1266,14 @@ async function createPageHtmlResponse({ options, pathname, located, request, pag
 		if (result.shouldClearAuthCookie) headers.append("Set-Cookie", buildClearServerAuthCookieHeader());
 		const camoxApp = await options.getCamoxApp?.();
 		const document = await options.getDocument?.() ?? {};
+		if (isHiddenFromSearchEngines(result.data.page.project)) headers.set("X-Robots-Tag", "noindex");
 		const { alternates, head } = await readAlternates(request, options, {
 			located,
 			identity: {
 				kind: "curated",
 				pageId: result.data.page.page.id
 			},
-			head: camoxApp ? buildCamoxPageHead(camoxApp, result.data, located.locale) : {},
+			head: withSearchEngineMark(camoxApp ? buildCamoxPageHead(camoxApp, result.data, located.locale) : {}, result.data.page.project),
 			described: curatedPageDescription(camoxApp, result.data.page, located.locale),
 			localeReads: localeReads(result.draftId)
 		});
@@ -1559,14 +1579,14 @@ async function createDerivedResponse(options, pathname, located, request, { data
 				layout: match.layout,
 				recordId: record.data.id
 			} : { kind: "code-owned" },
-			head: buildPageHead({
+			head: withSearchEngineMark(buildPageHead({
 				layout: match.layout._internal,
 				context,
 				origin: new URL(request.url).origin,
 				faviconUrl: buildFaviconUrl(options.apiUrl, shared.project),
 				hasMarkdown: match.layout._internal.toMarkdown !== void 0,
 				recordType: record?.structuredData?.node?.["@type"]
-			}),
+			}), shared.project),
 			described: {
 				project: {
 					...shared.project,
@@ -1638,7 +1658,8 @@ async function createDerivedResponse(options, pathname, located, request, { data
 			Vary: "Cookie",
 			Link: llmsTxtLinkHeader(options),
 			...isPrivateRender(request) ? { "Cache-Control": "private, no-store" } : {},
-			...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {}
+			...clearAuthCookie ? { "Set-Cookie": buildClearServerAuthCookieHeader() } : {},
+			...isHiddenFromSearchEngines(shared.project) && { "X-Robots-Tag": "noindex" }
 		} });
 	} catch (error) {
 		if (isNotFoundError(error)) return new Response("Page not found", { status: 404 });
@@ -1770,7 +1791,7 @@ async function createPageDataResponse({ options, pathname, located, request, pag
 				kind: "curated",
 				pageId: result.data.page.page.id
 			},
-			head: camoxApp ? buildCamoxPageHead(camoxApp, result.data, located.locale) : null,
+			head: withSearchEngineMark(camoxApp ? buildCamoxPageHead(camoxApp, result.data, located.locale) : null, result.data.page.project),
 			described: curatedPageDescription(camoxApp, result.data.page, located.locale),
 			localeReads: localeReads(result.draftId)
 		});

package/dist/features/runtime/worker.js

@@ -1,4 +1,4 @@
-import { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml } from "camox/_internal/workerRuntime";
+import { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml, withoutClaimLinkToken } from "camox/_internal/workerRuntime";
 import { WorkerEntrypoint } from "cloudflare:workers";
 import { devHtml, handleCamoxRequest, isPublicRequest, publicCacheSource, readDefinitionSet, runtimeBasePath } from "virtual:camox/server";
 
@@ -41,7 +41,7 @@ var CamoxDefinitionSet = class extends WorkerEntrypoint {
 var worker_default = { async fetch(request, env, context) {
 	rememberPublishingDraft(env);
 	if (!shouldHandleRequest(request, runtimeBasePath)) return notFound();
-	const response = await respond(request, context);
+	const response = await respond(withoutClaimLinkToken(request), context);
 	if (!response) return notFound();
 	return withDevHtml(response, devHtml);
 } };

package/dist/features/runtime/workerRequest.d.ts

@@ -1,5 +1,11 @@
 //#region src/features/runtime/workerRequest.d.ts
 export declare function shouldHandleRequest(request: Request, basePath: string): boolean;
+/**
+ * The request without a Claim Link's token, which only the claim card reads, in the browser. The
+ * page renders and is kept in the edge cache as if the visitor came without it, so the token
+ * never reaches the cache key or the rendered page.
+ */
+export declare function withoutClaimLinkToken(request: Request): Request;
 /** Adds what Vite injects into HTML in dev, such as its client and React Refresh. */
 export declare function withDevHtml(response: Response, html: {
   head: string;

package/dist/features/runtime/workerRequest.js

@@ -1,4 +1,5 @@
 import { matchRuntimeOwnedRoute } from "./runtimeRoutes.js";
+import { CLAIM_LINK_SEARCH_PARAM } from "@camox/api-contract/claim-links";
 
 //#region src/features/runtime/workerRequest.ts
 /** How the Camox Worker picks the requests it answers and prepares its responses. */
@@ -26,6 +27,17 @@ function shouldHandleRequest(request, basePath) {
 	if (pathname.startsWith("/node_modules/")) return false;
 	return isDocumentRequest(request);
 }
+/**
+* The request without a Claim Link's token, which only the claim card reads, in the browser. The
+* page renders and is kept in the edge cache as if the visitor came without it, so the token
+* never reaches the cache key or the rendered page.
+*/
+function withoutClaimLinkToken(request) {
+	const url = new URL(request.url);
+	if (!url.searchParams.has(CLAIM_LINK_SEARCH_PARAM)) return request;
+	url.searchParams.delete(CLAIM_LINK_SEARCH_PARAM);
+	return new Request(url, request);
+}
 /** Adds what Vite injects into HTML in dev, such as its client and React Refresh. */
 async function withDevHtml(response, html) {
 	if (!html) return response;
@@ -41,4 +53,4 @@ async function withDevHtml(response, html) {
 }
 
 //#endregion
-export { shouldHandleRequest, withDevHtml };
+export { shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

package/dist/features/runtime/workerRuntime.d.ts

@@ -1,5 +1,5 @@
 import { fetchLocalhostOnLoopback } from "./loopbackFetch.js";
 import { PUBLIC_CACHE_NAME, readLiveCacheKey, respondThroughPublicCache } from "./publicCache.js";
 import { rememberPublishingDraft } from "./publishingDraft.js";
-import { shouldHandleRequest, withDevHtml } from "./workerRequest.js";
-export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml };
+import { shouldHandleRequest, withDevHtml, withoutClaimLinkToken } from "./workerRequest.js";
+export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

package/dist/features/runtime/workerRuntime.js

@@ -1,6 +1,6 @@
 import { rememberPublishingDraft } from "./publishingDraft.js";
 import { fetchLocalhostOnLoopback } from "./loopbackFetch.js";
 import { PUBLIC_CACHE_NAME, readLiveCacheKey, respondThroughPublicCache } from "./publicCache.js";
-import { shouldHandleRequest, withDevHtml } from "./workerRequest.js";
+import { shouldHandleRequest, withDevHtml, withoutClaimLinkToken } from "./workerRequest.js";
 
-export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml };
+export { PUBLIC_CACHE_NAME, fetchLocalhostOnLoopback, readLiveCacheKey, rememberPublishingDraft, respondThroughPublicCache, shouldHandleRequest, withDevHtml, withoutClaimLinkToken };

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

@@ -1,17 +1,17 @@
 import { cn } from "../../../lib/utils.js";
 import { SIDEBAR_GUTTER } from "../../preview/components/SidebarStack.js";
 import { ChatWidget } from "./ChatWidget.js";
-import { Patrol } from "./Patrol.js";
+import { Specialists } from "./Specialists.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/components/AgentSidebar.tsx
 /**
-* The sidebar on the Canvas's right side, where editors work with Camox's agent: the Patrol, as
-* tall as its patrollers, over the Chat widget, which gets the rest of the height. Laid over the Canvas,
-* as the Content Sidebar is over its left: only the cards have a background, and the Canvas shows
-* around them. Elsewhere in the studio it is only hidden, so the chat keeps its thread and the
-* Preview and Studio pages follow the editor's runs too.
+* The sidebar on the Canvas's right side, where editors work with Camox's agent: the Specialists,
+* as tall as its specialists, over the Chat widget, which gets the rest of the height. Laid over
+* the Canvas, as the Content Sidebar is over its left: only the cards have a background, and the
+* Canvas shows around them. Elsewhere in the studio it is only hidden, so the chat keeps its thread
+* and the Preview and Studio pages follow the editor's runs too.
 */
 function AgentSidebar(t0) {
 	const $ = c(6);
@@ -24,7 +24,7 @@ function AgentSidebar(t0) {
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = cn("absolute inset-y-0 right-0 z-10 flex flex-col gap-2 py-2 max-md:hidden", SIDEBAR_GUTTER);
 		t3 = { width: 265 };
-		t4 = /* @__PURE__ */ jsx(Patrol, { className: "min-h-0 flex-[0_1_auto]" });
+		t4 = /* @__PURE__ */ jsx(Specialists, { className: "min-h-0 flex-[0_1_auto]" });
 		t5 = /* @__PURE__ */ jsx(ChatWidget, { className: "min-h-0 flex-[7_1_0]" });
 		$[0] = t2;
 		$[1] = t3;