fix(portal): parse multi-paragraph bio text/HTML in guest-profile save and sync drafts.guest

Author: codercatdev

apps/site/src/lib/guest-portal.ts

@@ -505,3 +505,112 @@ export function sanitizePortableTextBlocks(
 
 	return sanitized;
 }
+
+/**
+ * Converts multi-paragraph plain text or HTML (`<p>...</p>`) from the Studio Portal
+ * bio textarea into Sanity Portable Text blocks, auto-linking any https:// URLs.
+ */
+export function plainTextOrHtmlToPortableTextBlocks(
+	rawInput: string | undefined | null,
+): PortableTextBlock[] {
+	const raw = String(rawInput ?? "").trim();
+	if (!raw) {
+		return [];
+	}
+
+	// Normalize HTML paragraphs/line-breaks into double-newline separated plain text paragraphs
+	const normalizedText = raw
+		.replace(/<\/p>\s*<p[^>]*>/gi, "\n\n")
+		.replace(/<br\s*\/?>/gi, "\n")
+		.replace(/<[^>]+>/g, "")
+		.replace(/&amp;/g, "&")
+		.replace(/&lt;/g, "<")
+		.replace(/&gt;/g, ">")
+		.replace(/&quot;/g, '"')
+		.replace(/&#39;/g, "'")
+		.trim();
+
+	const paragraphs = normalizedText
+		.split(/\n{2,}/)
+		.map((p) => p.trim())
+		.filter((p) => p.length > 0);
+
+	const blocks: PortableTextBlock[] = [];
+	const urlRegex = /(https?:\/\/[^\s<>)]+)/g;
+
+	for (const para of paragraphs) {
+		const markDefs: PortableTextMarkDef[] = [];
+		const children: PortableTextSpan[] = [];
+		let lastIndex = 0;
+		let match: RegExpExecArray | null = urlRegex.exec(para);
+
+		while (match !== null) {
+			const matchStart = match.index;
+			let urlText = match[0];
+			// Strip trailing punctuation like period or comma from the URL itself
+			let trailingPunct = "";
+			const punctMatch = urlText.match(/([.,;!?]+)$/);
+			if (punctMatch) {
+				trailingPunct = punctMatch[1];
+				urlText = urlText.slice(0, -trailingPunct.length);
+			}
+
+			if (matchStart > lastIndex) {
+				children.push({
+					_type: "span",
+					_key: generateKey(),
+					text: para.slice(lastIndex, matchStart),
+					marks: [],
+				});
+			}
+
+			const linkKey = `link-${generateKey()}`;
+			markDefs.push({
+				_type: "link",
+				_key: linkKey,
+				href: urlText,
+				blank: true,
+			});
+			children.push({
+				_type: "span",
+				_key: generateKey(),
+				text: urlText,
+				marks: [linkKey],
+			});
+
+			lastIndex = matchStart + urlText.length;
+			if (trailingPunct) {
+				// Leave trailing punctuation for the next plain text span
+			}
+			match = urlRegex.exec(para);
+		}
+
+		if (lastIndex < para.length) {
+			children.push({
+				_type: "span",
+				_key: generateKey(),
+				text: para.slice(lastIndex),
+				marks: [],
+			});
+		}
+
+		if (children.length === 0) {
+			children.push({
+				_type: "span",
+				_key: generateKey(),
+				text: para,
+				marks: [],
+			});
+		}
+
+		blocks.push({
+			_type: "block",
+			_key: generateKey(),
+			style: "normal",
+			markDefs,
+			children,
+		});
+	}
+
+	return blocks;
+}

apps/site/src/pages/api/guest-portal/update.ts

@@ -2,6 +2,7 @@ import type { APIRoute } from "astro";
 import {
 	ALLOWED_SOCIAL_KEYS,
 	normalizeSocialInput,
+	plainTextOrHtmlToPortableTextBlocks,
 	sanitizePortableTextBlocks,
 	verifyGuestPortalToken,
 } from "@/lib/guest-portal";
@@ -17,6 +18,9 @@ export const POST: APIRoute = async ({ request }) => {
 			title?: string;
 			websiteUrl?: string;
 			excerpt?: string;
+			aboutHtml?: string;
+			rawBio?: string;
+			bio?: string;
 			content?: unknown[];
 			avatarDataUrl?: string;
 			socials?: Record<string, string>;
@@ -132,6 +136,13 @@ export const POST: APIRoute = async ({ request }) => {
 			if (sanitizedBlocks.length > 0) {
 				patchSet.content = sanitizedBlocks;
 			}
+		} else if (body.rawBio || body.bio || body.aboutHtml) {
+			const parsedBlocks = plainTextOrHtmlToPortableTextBlocks(
+				body.rawBio || body.bio || body.aboutHtml,
+			);
+			if (parsedBlocks.length > 0) {
+				patchSet.content = parsedBlocks;
+			}
 		}
 
 		let uploadedAvatarUrl: string | undefined;

apps/site/src/pages/api/portal/guest-profile.ts

@@ -2,6 +2,7 @@ import type { APIRoute } from "astro";
 import {
 	ALLOWED_SOCIAL_KEYS,
 	normalizeSocialInput,
+	plainTextOrHtmlToPortableTextBlocks,
 	sanitizePortableTextBlocks,
 } from "@/lib/guest-portal";
 import {
@@ -49,6 +50,9 @@ export const POST: APIRoute = async ({ request, url }) => {
 			title?: string;
 			websiteUrl?: string;
 			excerpt?: string;
+			aboutHtml?: string;
+			rawBio?: string;
+			bio?: string;
 			content?: unknown[];
 			avatarDataUrl?: string;
 			socials?: Record<string, string>;
@@ -154,7 +158,7 @@ export const POST: APIRoute = async ({ request, url }) => {
 			`*[_type in ["guest", "author"] && (
 				slug.current == $slug ||
 				_id in [$draftId, $pubId]
-			)] | order(_id desc)[0]{
+			)] | order(_updatedAt desc)[0]{
 				_id,
 				_type,
 				title,
@@ -222,25 +226,33 @@ export const POST: APIRoute = async ({ request, url }) => {
 		const sanitizedBlocks = Array.isArray(body.content)
 			? sanitizePortableTextBlocks(body.content)
 			: [];
+		const parsedTextBlocks =
+			sanitizedBlocks.length === 0
+				? plainTextOrHtmlToPortableTextBlocks(
+						body.rawBio || body.bio || body.aboutHtml,
+					)
+				: [];
 		const contentBlocks =
 			sanitizedBlocks.length > 0
 				? sanitizedBlocks
-				: existingGuest?.content || [
-						{
-							_key: "bio-0",
-							_type: "block",
-							style: "normal",
-							markDefs: [],
-							children: [
-								{
-									_key: "bio-span-0",
-									_type: "span",
-									marks: [],
-									text: cleanExcerpt,
-								},
-							],
-						},
-					];
+				: parsedTextBlocks.length > 0
+					? parsedTextBlocks
+					: existingGuest?.content || [
+							{
+								_key: "bio-0",
+								_type: "block",
+								style: "normal",
+								markDefs: [],
+								children: [
+									{
+										_key: "bio-span-0",
+										_type: "span",
+										marks: [],
+										text: cleanExcerpt,
+									},
+								],
+							},
+						];
 
 		let coverImage = existingGuest?.coverImage;
 		let uploadedAvatarUrl: string | undefined;
@@ -327,21 +339,13 @@ export const POST: APIRoute = async ({ request, url }) => {
 		// Always save to `drafts.<id>` so draft preview (`/guest/<slug>?sanity-preview-perspective=drafts`) works immediately
 		await client.createOrReplace(guestPayload as any);
 
-		// If a published guest doc already exists, keep it updated too
-		if (existingGuest?._id && !existingGuest._id.startsWith("drafts.")) {
-			await client
-				.patch(existingGuest._id)
-				.set({
-					title: resolvedTitle,
-					excerpt: cleanExcerpt,
-					content: contentBlocks,
-					socials: mergedSocials,
-					...(websites.length > 0 ? { websites } : {}),
-					...(coverImage ? { coverImage } : {}),
-				})
-				.commit()
-				.catch(() => {});
-		}
+		// Keep the published guest doc (`guest-<slug>`) synced as well so `/guest/<slug>` works with or without preview cookies
+		await client
+			.createOrReplace({
+				...guestPayload,
+				_id: basePubId,
+			} as any)
+			.catch(() => {});
 
 		// Sync guestSlug & guestDocId onto the booking / sponsorLead record(s)
 		const finalSlug = existingGuest?.slug?.current || resolvedSlug;
@@ -363,6 +367,7 @@ export const POST: APIRoute = async ({ request, url }) => {
 			JSON.stringify({
 				ok: true,
 				guestId: draftDocId,
+				draftId: draftDocId,
 				guestSlug: finalSlug,
 				previewUrl: `/guest/${finalSlug}?sanity-preview-perspective=drafts`,
 				socials: mergedSocials,