birdclaw 0.8.3 → 0.8.4

package/dist/server/assets/profile-hydration-client-GJ4kwJS8.js

@@ -0,0 +1,133 @@
+import { n as queryKeys, r as fetchJson, w as profileHydrationResponseSchema } from "./query-client-BdauHBgd.js";
+var PROFILE_HYDRATION_HIT_STALE_MS = 30 * 6e4;
+var PROFILE_HYDRATION_MISS_STALE_MS = 5 * 6e4;
+var pendingByClient = /* @__PURE__ */ new WeakMap();
+function normalizeProfileHydrationHandle(value) {
+	return value.trim().replace(/^@/, "").toLowerCase();
+}
+function profileHydrationQueryKey(handle) {
+	return [...queryKeys.profileHydration, normalizeProfileHydrationHandle(handle)];
+}
+function pendingHydrations(queryClient) {
+	let pending = pendingByClient.get(queryClient);
+	if (!pending) {
+		pending = /* @__PURE__ */ new Map();
+		pendingByClient.set(queryClient, pending);
+	}
+	return pending;
+}
+function createPendingHydration() {
+	let resolve;
+	let reject;
+	return {
+		promise: new Promise((resolvePromise, rejectPromise) => {
+			resolve = resolvePromise;
+			reject = rejectPromise;
+		}),
+		resolve,
+		reject
+	};
+}
+function resultStaleTime(result) {
+	if (result.status === "hit") return PROFILE_HYDRATION_HIT_STALE_MS;
+	if (result.status === "miss") return PROFILE_HYDRATION_MISS_STALE_MS;
+	return 0;
+}
+function freshCachedResult(queryClient, handle) {
+	const queryKey = profileHydrationQueryKey(handle);
+	const result = queryClient.getQueryData(queryKey);
+	const state = queryClient.getQueryState(queryKey);
+	if (!result || !state) return null;
+	const staleTime = resultStaleTime(result);
+	return staleTime > 0 && Date.now() - state.dataUpdatedAt < staleTime ? result : null;
+}
+function normalizedHandles(values, limit) {
+	const handles = /* @__PURE__ */ new Set();
+	for (const value of values) {
+		const handle = normalizeProfileHydrationHandle(value);
+		if (!/^[a-z0-9_]{1,15}$/.test(handle)) continue;
+		handles.add(handle);
+		if (handles.size >= limit) break;
+	}
+	return [...handles];
+}
+async function fetchHydrationBatch(handles) {
+	const url = new URL("/api/profile-hydrate", window.location.origin);
+	url.searchParams.set("handles", handles.join(","));
+	return fetchJson(url, void 0, profileHydrationResponseSchema, "Profile hydration failed");
+}
+function missingResult(handle) {
+	return {
+		handle,
+		status: "error",
+		source: "cache",
+		error: "Profile hydration response omitted this handle"
+	};
+}
+async function hydrateProfileHandles(queryClient, values, options = {}) {
+	const requestedLimit = Math.max(0, Math.floor(options.limit ?? 50));
+	const limit = Math.min(requestedLimit, 50);
+	if (limit === 0) return {
+		results: [],
+		profiles: [],
+		fetchedResults: []
+	};
+	const handles = normalizedHandles(values, limit);
+	if (handles.length === 0) return {
+		results: [],
+		profiles: [],
+		fetchedResults: []
+	};
+	const pending = pendingHydrations(queryClient);
+	const work = /* @__PURE__ */ new Map();
+	const newHandles = [];
+	for (const handle of handles) {
+		const cached = freshCachedResult(queryClient, handle);
+		if (cached) {
+			work.set(handle, Promise.resolve({
+				result: cached,
+				fetched: false
+			}));
+			continue;
+		}
+		const existing = pending.get(handle);
+		if (existing) {
+			work.set(handle, existing.promise);
+			continue;
+		}
+		const created = createPendingHydration();
+		pending.set(handle, created);
+		work.set(handle, created.promise);
+		newHandles.push(handle);
+	}
+	if (newHandles.length > 0) fetchHydrationBatch(newHandles).then((response) => {
+		const results = new Map(response.results.map((result) => [normalizeProfileHydrationHandle(result.handle), result]));
+		for (const handle of newHandles) {
+			const rawResult = results.get(handle);
+			const result = rawResult ? {
+				...rawResult,
+				handle
+			} : missingResult(handle);
+			queryClient.setQueryData(profileHydrationQueryKey(handle), result);
+			pending.get(handle)?.resolve({
+				result,
+				fetched: true
+			});
+			pending.delete(handle);
+		}
+	}).catch((error) => {
+		for (const handle of newHandles) {
+			pending.get(handle)?.reject(error);
+			pending.delete(handle);
+		}
+	});
+	const resolved = await Promise.all(handles.map((handle) => work.get(handle)));
+	const results = resolved.map(({ result }) => result);
+	return {
+		results,
+		profiles: results.flatMap((result) => result.status === "hit" && result.profile ? [result.profile] : []),
+		fetchedResults: resolved.flatMap(({ result, fetched }) => fetched ? [result] : [])
+	};
+}
+//#endregion
+export { normalizeProfileHydrationHandle as n, hydrateProfileHandles as t };

package/dist/server/assets/profiles._handle-DjwlN_ac.js

@@ -0,0 +1,184 @@
+import { r as formatCompactNumber, t as AvatarChip } from "./AvatarChip-zUDAEmjL.js";
+import { p as profileDescriptionEntitiesFromXurl } from "./ProfilePreview-C6gAor_j.js";
+import { t as TweetRichText } from "./TweetRichText-DhCVv1-6.js";
+import { a as formatProfileAnalysisCounts, i as cleanProfileHandle, n as ProfileAnalysisStatusLine, r as useProfileAnalysisStream, t as ProfileAnalysisOutput } from "./ProfileAnalysisStream-BFvhVdhn.js";
+import { t as Route$1 } from "./profiles._handle-DsLNj2Ca.js";
+import { useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ExternalLink, Loader2, RefreshCw } from "lucide-react";
+//#region src/routes/profiles.$handle.tsx?tsr-split=component
+var profileHeaderButtonClass = "inline-flex items-center justify-center gap-1.5 rounded-full border border-[var(--line-strong)] bg-[var(--bg)] px-4 py-1.5 text-[14px] font-bold text-[var(--ink)] shadow-sm transition-colors duration-150 hover:bg-[var(--bg-hover)] disabled:cursor-default disabled:opacity-55";
+var profileMentionRe = /(^|[^\w@./])@([A-Za-z0-9_]{1,15})\b/g;
+function stableHue(value) {
+	let hash = 0;
+	for (const char of value) hash = (hash * 31 + char.charCodeAt(0)) % 360;
+	return hash;
+}
+function ProfilesHandleRoute() {
+	const { handle } = Route$1.useParams();
+	return /* @__PURE__ */ jsx(ProfileRouteView, { handle });
+}
+function profilesByHandleFromContext(context) {
+	const profilesByHandle = /* @__PURE__ */ new Map();
+	if (!context) return profilesByHandle;
+	profilesByHandle.set(context.profile.handle.toLowerCase(), context.profile);
+	for (const profile of context.profiles ?? []) profilesByHandle.set(profile.handle.toLowerCase(), profile);
+	for (const tweet of context.conversations) profilesByHandle.set(tweet.author.toLowerCase(), {
+		id: tweet.profileId,
+		handle: tweet.author,
+		displayName: tweet.name || tweet.author,
+		bio: tweet.bio,
+		followersCount: tweet.followersCount,
+		avatarHue: 210,
+		avatarUrl: tweet.avatarUrl,
+		createdAt: tweet.createdAt
+	});
+	return profilesByHandle;
+}
+function profileBioEntities(profile, profilesByHandle) {
+	const entities = profileDescriptionEntitiesFromXurl(profile.entities);
+	const mentions = entities.mentions ?? [];
+	const existingMentionRanges = new Set(mentions.map((mention) => `${mention.start}:${mention.end}`));
+	for (const match of profile.bio.matchAll(profileMentionRe)) {
+		const start = (match.index ?? 0) + match[1].length;
+		const username = match[2];
+		const end = start + username.length + 1;
+		const key = `${start}:${end}`;
+		if (existingMentionRanges.has(key)) continue;
+		const linkedProfile = profilesByHandle.get(username.toLowerCase());
+		mentions.push({
+			username,
+			start,
+			end,
+			...linkedProfile ? { profile: linkedProfile } : {}
+		});
+	}
+	return {
+		...entities,
+		...mentions.length ? { mentions } : {}
+	};
+}
+function ProfileBioText({ profile, profilesByHandle }) {
+	return /* @__PURE__ */ jsx(TweetRichText, {
+		className: "m-0 max-w-2xl whitespace-pre-wrap text-[15px] leading-[1.45] text-[var(--ink)] [overflow-wrap:anywhere]",
+		entities: profileBioEntities(profile, profilesByHandle),
+		text: profile.bio,
+		urlLabel: "expanded"
+	});
+}
+function ProfileRouteView({ handle }) {
+	const cleanHandle = cleanProfileHandle(handle);
+	const analysis = useProfileAnalysisStream(cleanHandle);
+	const autoRunHandleRef = useRef("");
+	const runAnalysisRef = useRef(analysis.run);
+	const profile = analysis.context?.profile;
+	const displayName = profile?.displayName || `@${cleanHandle}`;
+	const bio = profile?.bio ?? "";
+	const profilesByHandle = profilesByHandleFromContext(analysis.context);
+	useEffect(() => {
+		runAnalysisRef.current = analysis.run;
+	}, [analysis.run]);
+	useEffect(() => {
+		if (cleanHandle && autoRunHandleRef.current !== cleanHandle) {
+			autoRunHandleRef.current = cleanHandle;
+			runAnalysisRef.current(false, cleanHandle);
+		}
+	}, [cleanHandle]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "flex min-h-screen flex-col",
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: "border-b border-[var(--line)] bg-[var(--bg)]",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "h-32 bg-[linear-gradient(135deg,color-mix(in_srgb,var(--bg-active)_68%,var(--accent)_32%),color-mix(in_srgb,var(--bg)_70%,var(--accent)_30%))]",
+				"data-testid": "profile-cover"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "px-4 pb-5",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "-mt-8 flex items-start justify-between gap-3",
+							"data-testid": "profile-avatar-overlap",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-start gap-3",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "inline-grid rounded-full ring-4 ring-[var(--bg)]",
+									children: /* @__PURE__ */ jsx(AvatarChip, {
+										avatarUrl: profile?.avatarUrl ?? void 0,
+										hue: profile?.avatarHue ?? stableHue(cleanHandle),
+										name: displayName,
+										profileId: profile?.id,
+										size: "large"
+									})
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "min-w-0 pb-1 pt-9",
+									children: [/* @__PURE__ */ jsx("h1", {
+										className: "m-0 truncate text-[24px] font-bold text-[var(--ink)]",
+										children: displayName
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "truncate text-[14px] text-[var(--ink-soft)]",
+										children: ["@", profile?.handle ?? cleanHandle]
+									})]
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "mt-10 flex shrink-0 items-center gap-2",
+								children: [/* @__PURE__ */ jsxs("a", {
+									className: profileHeaderButtonClass,
+									href: `https://x.com/${encodeURIComponent(profile?.handle ?? cleanHandle)}`,
+									rel: "noreferrer",
+									target: "_blank",
+									children: [/* @__PURE__ */ jsx(ExternalLink, {
+										className: "size-4",
+										strokeWidth: 1.8
+									}), "X"]
+								}), /* @__PURE__ */ jsxs("button", {
+									className: profileHeaderButtonClass,
+									disabled: !cleanHandle || analysis.loading,
+									onClick: () => analysis.run(true, cleanHandle),
+									type: "button",
+									children: [analysis.loading ? /* @__PURE__ */ jsx(Loader2, {
+										className: "size-4 animate-spin",
+										strokeWidth: 1.8
+									}) : /* @__PURE__ */ jsx(RefreshCw, {
+										className: "size-4",
+										strokeWidth: 1.8
+									}), "Refresh"]
+								})]
+							})]
+						}),
+						profile && bio ? /* @__PURE__ */ jsx(ProfileBioText, {
+							profile,
+							profilesByHandle
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap gap-x-4 gap-y-1 text-[13px] text-[var(--ink-soft)]",
+							children: [profile ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", { children: [
+								/* @__PURE__ */ jsx("strong", {
+									className: "text-[var(--ink)]",
+									children: formatCompactNumber(profile.followersCount)
+								}),
+								" ",
+								"followers"
+							] }), /* @__PURE__ */ jsxs("span", { children: [
+								/* @__PURE__ */ jsx("strong", {
+									className: "text-[var(--ink)]",
+									children: formatCompactNumber(profile.followingCount ?? 0)
+								}),
+								" ",
+								"following"
+							] })] }) : null, /* @__PURE__ */ jsx("span", { children: formatProfileAnalysisCounts(analysis.context) })]
+						})
+					]
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-5 px-4 py-5",
+			children: [/* @__PURE__ */ jsx(ProfileAnalysisStatusLine, { analysis }), /* @__PURE__ */ jsx(ProfileAnalysisOutput, {
+				analysis,
+				emptyLabel: `Preparing @${cleanHandle}.`
+			})]
+		})]
+	});
+}
+//#endregion
+export { ProfileRouteView, ProfilesHandleRoute as component };

package/dist/server/assets/profiles._handle-DsLNj2Ca.js

@@ -0,0 +1,12 @@
+import "./AvatarChip-zUDAEmjL.js";
+import "./TweetRichText-DhCVv1-6.js";
+import "./ProfileAnalysisStream-BFvhVdhn.js";
+import "react";
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+import "react/jsx-runtime";
+import "lucide-react";
+//#region src/routes/profiles.$handle.tsx
+var $$splitComponentImporter = () => import("./profiles._handle-DjwlN_ac.js");
+var Route$1 = createFileRoute("/profiles/$handle")({ component: lazyRouteComponent($$splitComponentImporter, "component") });
+//#endregion
+export { Route$1 as t };