feat: add user search

app/u/[handle]/posts/page.tsx

@@ -1,76 +1,28 @@
-"use client";
-
 /**
  * /u/[handle]/posts — public Instagram-style scroll feed.
  *
- * Mirrors /u/me/posts but read-only (no Delete / Update background). The
- * grid thumbnail on /u/[handle] links here with a `#post-<id>` hash so
- * the feed scrolls to the tapped post on mount.
+ * Server shell so we can export `generateMetadata` for OG previews on
+ * direct shares of this URL. We re-use the same profile-OG metadata as
+ * /u/[handle] — the post anchor (#post-<id>) that may be appended to
+ * the URL is a client-side fragment and never reaches server-rendered
+ * metadata, so we can't surface post-level OG here.
  *
- * The parent /u/[handle]/layout owns the ProfileHeader + tab strip + the
- * outer max-w-3xl container, so this page only needs the inner scroll
- * column. The max-w-xl cap matches /u/me/posts so the column reads at
- * the same width on desktop; on mobile both pages fall back to viewport
- * width with the layout-supplied gutters.
+ * (Post-level OG cards still work via the SharePostSheet → short link
+ * → /share/[code] route, which DOES see the hash and dispatches to
+ * `ogForPost` in share-og.ts.)
  */
 
-import { use, useEffect, useRef, useState } from "react";
-import { notFound } from "next/navigation";
-import { profile, SocialError, type Post } from "@/lib/social";
-import { PostScrollCard } from "@/components/social/post-scroll-card";
+import type { Metadata } from "next";
+import { metadataForHandle } from "../profile-og";
+import { ScrollFeed } from "./scroll-feed";
 
-export default function PublicPostsFeedPage(props: {
-  params: Promise<{ handle: string }>;
-}) {
-  const { handle } = use(props.params);
-  const [feed, setFeed] = useState<Post[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [missing, setMissing] = useState(false);
-  const scrolledToHashRef = useRef(false);
+type Props = { params: Promise<{ handle: string }> };
 
-  useEffect(() => {
-    let cancelled = false;
-    setLoading(true);
-    profile
-      .feed(handle, 60)
-      .then((rows) => {
-        if (cancelled) return;
-        setFeed(rows ?? []);
-      })
-      .catch((err) => {
-        if (err instanceof SocialError && err.status === 404) {
-          setMissing(true);
-        }
-      })
-      .finally(() => !cancelled && setLoading(false));
-    return () => {
-      cancelled = true;
-    };
-  }, [handle]);
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { handle } = await params;
+  return metadataForHandle(handle);
+}
 
-  useEffect(() => {
-    if (loading || feed.length === 0 || scrolledToHashRef.current) return;
-    if (typeof window === "undefined") return;
-    const hash = window.location.hash;
-    if (!hash) return;
-    scrolledToHashRef.current = true;
-    requestAnimationFrame(() => {
-      const el = document.getElementById(hash.slice(1));
-      if (el) el.scrollIntoView({ block: "start", behavior: "auto" });
-    });
-  }, [loading, feed.length]);
-
-  if (missing) notFound();
-
-  return (
-    <div className="max-w-xl w-full mx-auto space-y-6">
-      {loading ? (
-        <p className="text-sm text-muted-foreground">Loading…</p>
-      ) : feed.length === 0 ? (
-        <p className="text-sm text-muted-foreground">No posts yet.</p>
-      ) : (
-        feed.map((p) => <PostScrollCard key={p.id} post={p} />)
-      )}
-    </div>
-  );
+export default function PublicPostsFeedPage({ params }: Props) {
+  return <ScrollFeed params={params} />;
 }